/*--------------------------------------------------------------------------*

	共通

 *--------------------------------------------------------------------------*/

*		{ box-sizing:border-box; }
body	{ 
	color:#663300; background:#6FB954 url(/2021/images/bg_body.png) top 60px center; font-size:16px; padding:0; margin:0; 
/*
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
*/
	font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif !important;
	font-weight: 600;
	position:relative;
}

img		{ max-width:100%; max-height:100%; vertical-align:bottom; }
p		{ line-height:1.8em; }
ul,li	{ margin:0; padding:0; list-style:none; }


h1 { font-size:32px; text-align:center; position:relative; margin:60px 0; height:60px; }

#exhibition_entry h2,
#exhibition_entry_form h2 
{
	font-size:22px;
	margin: 3rem 0 2rem;
	padding:10px 45px;
	letter-spacing:.1em;
	border-bottom: solid 1px #f7c200;
	position: relative;
}

#exhibition_entry h2:before,
#exhibition_entry_form h2:before
{
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	content:"\f0da";
	width:45px;
	display:inline-block;
	color:#f7c200;
	position:absolute;
	top:14px;
	left:0;
}

#exhibition_entry h3,
#exhibition_entry_form h3	{ font-size:18px; position:relative; margin-left:25px; padding:0 20px; letter-spacing:.1em; }

#exhibition_entry h3:before,
#exhibition_entry_form h3:before
{
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	content:"\f0da";
	width:45px;
	display:inline-block;
	color:#f7c200;
	position:absolute;
	top:2px;
	left:0;
}


.sp_block,
.sp_inline,
.sp_inline_block	{ display:none; }

.pc_block			{ display:block; }
.pc_inline			{ display:inline; }
.pc_inline_block	{ display:inline-block; }

.font_normal		{ font-weight:normal; }
.narrow_width		{ padding:0 40px; }


a.external-link			{ display:inline-block; color:#FF6699; text-decoration:none; border-bottom:1px solid #FF6699; }
a.external-link:hover	{ color:#ff0000; border-bottom:1px solid #ff0000; }
a.external-link:before	{ font-family:"Font Awesome 5 Free"; content:"\f35a"; font-weight:900; display:inline-block; margin:0 .5em; }




.wrapper	{ width:1000px; max-width:100%; margin:0 auto; }

.page_wrapper	{ width:1000px; margin:60px auto 0 auto;  }
.page_main		{ border-radius:10px; padding:30px 120px 120px 120px; }
.page_main_bg	{ 
	background-color:#FFFBF0; 
/*
	background-image:url(/2021/images/bg_tent.svg?v02), url(/2021/images/bg_mountain.svg?v02);
	background-repeat:no-repeat, no-repeat; 
	background-position:top 140px right 5%, bottom 60px right 5%;
	background-size:46%, 56%;
*/
}
/*
	.page_main_bg	{ background:#f8f4e6 url(39078.svg?v01) no-repeat; background-position:top 80px right 5%; background-size:50%; }
*/


/*--------------------------------------------*
	ヘッダ
 *--------------------------------------------*/
#header	{
	width:100%;
	z-index:9999;
	background:#FFFBF0;
	border-top:solid 6px #477A48;
	box-shadow:0px 4px 3px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 4px 3px 0 rgba(0,0,0,0.2);
	-moz-box-shadow:0px 4px 3px 0 rgba(0,0,0,0.2);
}
.zigzag			{ position:relative; width:360px; background:#FFFBF0; filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8)); }
.zigzag::after	{ height: 16px; content: ""; position: absolute; left: 0; width: 100%; }
/*
.zigzag::before {
	top: -16px;
	background: linear-gradient(45deg, #FFFBF0 8px, transparent 0), linear-gradient(315deg, #FFFBF0 8px, transparent 0);
	background-size: 16px 16px;
}
*/
.zigzag::after {
	bottom: -16px;
	background: linear-gradient(135deg, #FFFBF0 8px, transparent 0), linear-gradient(225deg, #FFFBF0 8px, transparent 0);
	background-size: 16px 16px;
}



/*--------------------------------------------*
	ヘッダ
 *--------------------------------------------*/
#header				{ padding:10px 0 4px 0; position:relative; }
#header .wrapper	{ display:flex; justify-content:space-between; }
#header .logo		{ width:260px; padding-top:2px; }
#header .other		{ width:720px; padding-top:0; text-align:right; }
#header .bn_exhibition-entry { text-align:right;  }
#header .bn_exhibition-entry img { height:36px; }
#header .icon_social		{ font-size:32px; font-weight:bold; margin:0 .2em 0 0; padding:0; color:#663300; line-height:1.0em; }
#header .icon_social:hover	{ color:#477A48; }


/*--------------------------------------------*
	フッタ
 *--------------------------------------------*/
#footer	{ 
	position:relative;
	width:100%;
	background:#5C9C65;
	filter:drop-shadow(0 2px 4px rgba(255, 255, 255, 0.8));
	margin-top:80px;
}
#footer::before	{ height: 20px; content: ""; position: absolute; left: 0; width: 100%; }
#footer::before {
	top: -16px;
	background: linear-gradient(45deg, #5C9C65 10px, transparent 0), linear-gradient(315deg, #5C9C65 10px, transparent 0);
	background-size: 20px 20px;
}
#footer ul			{ display:flex; justify-content:space-between; }
#footer li			{ width:48%; padding:60px 0; color:#fff; }
#footer .associate	{ padding:.5em 0; }
#copyright			{ background:#ECB02D; font-weight:normal; text-align:center; color:#fff; font-size:12px; padding:1em; }

#footer .btn_block		{ border-top: solid 1px #ECB02D; margin-top:10px; padding:10px 10px; }
#footer .btn_block a	{ display:block; width:200px; margin:0 auto; background:#ECB02D; color:#fff; padding:.4em; text-align:center; border-radius:10px; text-decoration:none; font-weight:normal; }
#footer	.btn_block a:hover	{ background:#e0803a; }
#footer div.books				{ display:flex; justify-content:space-between; background:#FFFBF0; padding:15px; }
#footer div.books div.item		{ width:25%; padding:5px; }
#footer div.books div.item img	{ border:1px solid #ccc; }
#footer div.books div.title		{ font-size:12px; font-weight:normal; padding:.3em; line-height:1.4em; }
#footer div.books a				{ text-decoration:none; }


/*--------------------------------------------*
	メニュー
 *--------------------------------------------*/
#gmenu			{ 
	background:#ECB02D;
/*
	background: linear-gradient(0deg, #139540, #7ebf41);
	border-top:solid 2px #E0803A; border-bottom:solid 2px #E0803A;
*/
	/*border-top:solid 2px #E0803A;*/ border-bottom:solid 2px #E0803A;
	font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#gmenu ul			{ display:flex; margin-bottom:0; }
#gmenu ul li		{ width:20%; padding:0; text-align:center; font-size:18px; line-height:1.2em; }
#gmenu ul li:hover	{ background:#E28B3E; }
#gmenu a			{ display:block; padding:30px 0 12px 0;  color:#fff; text-decoration:none; }
#gmenu ul li i		{ font-size:28px; display:block; text-align:center; margin-bottom:10px; }
#gmenu ul li span	{ font-size:12px; display:block; text-align:center; }


/*--------------------------------------------*
	ブース出展申し込みフォーム
 *--------------------------------------------*/

table{ width:100%; }
table th { width:200px; vertical-align:top; padding:.5em; /*font-weight:normal;*/ text-align:right; }
table td { width:560px; vertical-align:top; padding:.5em; /*font-weight:normal;*/ }

input, textarea { border:solid 1px #ccc; padding:.8em; max-width:100%; border-radius:5px; }
input + input { margin:.8em 0 0 0; }

table td label			{ display:inline-block; margin-bottom:.4em; }
table td label + label	{ margin-left:2em; }
input[type=checkbox]	{ margin-right:.6em; }

#company, #company_kana, #booth_name, #tanto_email, #email
{ width:80%; }
#address_02
{ width:60%; }
#address_01, #company_url
{ width:100%; }
#zip
{ width:30%; }
#tanto_tel, #tanto_mobile, #tanto_fax, #genre_text, #purpose_text, #tel, #name, #tanto
{ width:50%; }

#questions
{ width:100%; height:10em; line-height:1.8em; }

.booth_car_count	{ margin-top:.5em; }

select { width:80px; padding:.5em; }
select + select { margin:.6em 0 0 0; }

ul.booth_wrapper			{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; list-style:none; margin:30px 0 30px 0; padding:0; }
ul.booth_wrapper li			{ width:48%; border:solid 1px #ccc; padding:15px; background:#fff; border-radius:10px; }
ul.booth_wrapper li label	{ display:inline-block; width:5em; text-align:right; }
ul.booth_wrapper li .booth_kind	{ background:#f7d763; padding:.3em; text-align:center; border-radius:5px; }
ul.booth_wrapper li img		{ margin:.5em 0; }

ul.booth_wrapper2			{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; list-style:none; margin:0 0 30px 0; padding:0; }
ul.booth_wrapper2 li		{ width:80%; border:solid 1px #ccc; padding:15px; background:#fff; border-radius:10px; }
ul.booth_wrapper2 li label	{ display:inline-block; width:5em; text-align:right; }
ul.booth_wrapper2 li .booth_kind	{ background:#f7d763; padding:.3em; text-align:center; border-radius:5px; }
ul.booth_wrapper2 li img		{ margin:.5em 0; }

ul div.request		{ border-top:solid 1px #f7c200; padding:20px 0; text-align:center; }

.btn_block			{ border-top: solid 1px #f7c200; margin-top:30px; padding:30px 10px; }
.btn_block a		{ display:block; width:300px; margin:0 auto; background:#e0803a; color:#fff; padding:1.2em; text-align:center; border-radius:100px; text-decoration:none; }
.btn_block a:hover	{ background:#f7c200; color:#33322f; }





/*--------------------------------------------------------------------------*

	PC（width:768px以上）

 *--------------------------------------------------------------------------*/
@media (min-width:768px) {
}












/*--------------------------------------------------------------------------*

	SP（width:768px以下）

 *--------------------------------------------------------------------------*/
@media (max-width:767px) {

	.pc_block,
	.pc_inline,
	.pc_inline_block	{ display:none; }

	.sp_block			{ display:block; }
	.sp_inline			{ display:inline; }
	.sp_inline_block	{ display:inline-block; }

	.narrow_width		{ padding:0 0; }


	.page_wrapper	{ width:100%; margin:100px auto 0 auto;  padding:0 10px; position:relative; }
	.page_main		{ border-radius:10px; padding:30px 20px 60px 20px; }

	.page_main_bg	{ 
		background-position:top 30px right 5%, bottom 10px left 5%;
		background-size:90%, 90%;
	}

	h1 { font-size:32px; text-align:center; position:relative; margin:10px 0 60px 0; max-height:33px; }
	h2 {
		font-size:22px;
		margin: 3rem 0 2rem;
		padding:10px 45px;
		letter-spacing:.1em;
		border-bottom: solid 1px #f7c200;
		position: relative;
	}

	h3 { font-size:18px; position:relative; margin:2em 0 1em 5px; padding:0 20px; letter-spacing:.1em; }


	/*--------------------------------------------*
		ヘッダ
	 *--------------------------------------------*/
	#header	{
		position:fixed;
		height:54px;
		padding:0 10px;
		top:0;
	}
	#header .wrapper	{ display:flex; justify-content:space-between; }
	#header .logo		{ width:60%; padding:12px 0 0 10px; }
	#header .other		{ width:50px; padding:10px 0 0 0; }
	.under_header		{ height:70px; }

	/*--------------------------------------------*
		フッタ
	 *--------------------------------------------*/
	#footer .wrapper	{ padding:40px 20px; }
	#footer ul			{ display:block; }
	#footer li			{ width:100%; padding:0; color:#fff; text-align:center; }
	#footer li + li		{ margin-top:40px; }
	#footer .associate	{ padding:.5em 0; }
	#footer div.books				{ display:flex; flex-wrap:wrap; }
	#footer div.books div.item		{ width:50%; padding:5px; }


	/*------------------------------------------------*
		SPメニュー
	 *------------------------------------------------*/
	#gmenu						{ margin-right:-600px; display:none; background:rgba(255,255,255,1); border-top: #f0b200 2px solid; }
	#gmenu.open					{ margin-right:0; display:block; position:fixed; top:0px; width:100%; z-index:1; }
	#gmenu						{ background:#e0803a; min-height:60vh; }
	#gmenu .wrapper				{ display:block; width:100%; }
	#gmenu ul					{ display:block; width:100%; padding:80px 0 40px 0; }
	#gmenu ul li:nth-child(odd)	{ background:#c25922; }
	#gmenu a					{ display:block; width:100%; padding:0 0 0 30px; text-align:left; color:#fff; }
	#gmenu ul li				{ width:100%; padding:14px 0 14px 0; text-align:left; font-size:18px; line-height:1.2em; }
	#gmenu ul li i				{ font-size:28px; display:inline-block; text-align:left; margin:0 .5em 10px 0; }
	#gmenu ul li span			{ font-size:12px; display:inline-block; text-align:left; margin-left:1em; }


	dl#toggle {
		width: 46px;
		height: 34px;
		position: absolute;
		right: 10px;
		top: 10px;
		/*border-left: 1px solid #fff;*/
		padding-top:0px;
		margin:0;
		background:#f39500;
		border-radius:3px;
	}
	dl#toggle .menuTrigger span {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		height: 2px;
		background-color: #fff;
		transition: all .25s;
		width: 24px;
	}
	dl#toggle .menuTrigger span:nth-of-type(3) { top:8px; }
	dl#toggle .menuTrigger span:nth-of-type(1) { top:16px; }
	dl#toggle .menuTrigger span:nth-of-type(2) { top:24px; }

	dl#toggle .menuTrigger.open span:nth-of-type(1) {
		top:12px;
		-webkit-transform: translateY(5px) rotate(-45deg);
		transform: translateY(5px) rotate(-45deg);
	}
	dl#toggle .menuTrigger.open span:nth-of-type(2) {
		top:22px;
		-webkit-transform: translateY(-6px) rotate(45deg);
		transform: translateY(-5px) rotate(45deg);
	}
	dl#toggle .menuTrigger.open span:nth-of-type(3) { display:none; }


	/*--------------------------------------------*
		ブース出展申し込みフォーム
	 *--------------------------------------------*/
	#exhibition_entry .page_main_bg	{ 
		background-color:#FFFBF0; 
		background-image:url(/2021/images/bg_tent.svg?v02), url(/2021/images/bg_mountain.svg?v02);
		background-repeat:no-repeat, no-repeat; 
		background-position:top 120px right 5%, bottom 10px right 5%;
		background-size:90%, 90%;
	}


	/*--------------------------------------------*
		ブース出展申し込みフォーム
	 *--------------------------------------------*/
	table{ width:100%; }
	table th		{ width:100%; display:block; vertical-align:top; padding:.5em 0 .2em 0; font-weight:bolder; text-align:left; }
	table td		{ width:100%; display:block; vertical-align:top; padding:0 0 .2em 0; font-weight:normal; }
	table td label	{ display:block; margin-bottom:.4em; }
	table td label + label	{ margin-left:0; }

	ul.booth_wrapper	{ margin:30px 0 0 0; }
	ul.booth_wrapper li	{ width:90%; display:block; margin:0 auto 20px auto; }
	ul.booth_wrapper2 li{ width:90%; display:block; margin:0 auto 20px auto; }

}