@charset 'UTF-8';
/* common
 ----------------------------------------------------------------- */
	.sec-cont {
		padding-top: 0;
	}

/* タイトル
 ----------------------------------------------------------------- */
	.page-ttl img {
		width: 357px;
	}
	.page-lead {
		text-align: center;
		font-size: 1.8rem;
		font-weight: 700;
		margin-bottom: 56px;
		margin: 26px 0 56px;
	}

/* 検索ボックス
 ----------------------------------------------------------------- */
	.search-form {
		padding-bottom: 0;
		text-align: center;
	}
	.search-form #search {
		vertical-align: middle;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 2.77;
		display: inline-block;
		box-sizing: border-box;
		width: calc(100% - 145px);
		max-width: 540px;
		height: 51px;
		margin: auto;
		padding: 0 20px;
		border: 2px solid #b3b3b3;
		border-radius: 0;
		outline: none;
		box-shadow: 0px 3px 3px -1px #ccc inset;

		-webkit-appearance: none;
	}
	.search-form #search::placeholder {
		color: #b3b3b3;
	}
	.search-form #inputClear {
		position: relative;
		vertical-align: middle;
		cursor: pointer;
		font-size: 1.8rem;
		font-weight: 700;
		display: inline-block;
		box-sizing: border-box;
		width: 130px;
		height: 51px;
		margin-left: 15px;
		padding: 0;
		color: #757575;
		border: none;
		border-radius: 0;
		background: #f2f2f2;

		-webkit-appearance: none;
	}
	.search-form #inputClear::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		transition: background .3s;
	}
	.search-form #inputClear:hover::after {
		background: rgba(0,0,0,.05);
	}


/* ローカルナビ
 ----------------------------------------------------------------- */
	.anchor {
		margin: 56px -10px 22px;
	}
	.anchor-txt {
		margin: 8px 8px 0 8px;
		font-size: 1.7rem;
		font-weight: 700;
		text-align: center;
	}
	.anchor-list {
		display: flex;

		justify-content: space-between;
	}
	.anchor-list a {
		font-size: 1.6rem;
		font-size: min(1.82vw,1.6rem);
		font-weight: 700;
		line-height: 1.2;
		position: relative;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		margin: 8px;
		transition: all .3s;
		text-align: center;
		color: #fff;
		border-width: 2px;
		border-style: solid;

		align-items: center;
		justify-content: space-evenly;
		flex: 2 1 auto;
		height: 84px;
	}
	.anchor-list a:hover {
		text-decoration: none;
		color: #333;
	}
	.anchor-list a::before {
		display: block;
		content: "";
		width: 32px;
		height: 32px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		transition: all .3s;
	}

/* ブースアイコン
 ----------------------------------------------------------------- */
	.anchor-list .booth-color01::before, #booth-cate01 .booth-list-ttl::before {background-image: url('./../img/icon_booth-cate01.svg');}
	.anchor-list .booth-color02::before, #booth-cate02 .booth-list-ttl::before {background-image: url('./../img/icon_booth-cate02.svg');}
	.anchor-list .booth-color03::before, #booth-cate03 .booth-list-ttl::before {background-image: url('./../img/icon_booth-cate03.svg');}
	.anchor-list .booth-color04::before, #booth-cate04 .booth-list-ttl::before {background-image: url('./../img/icon_booth-cate04.svg');}
	.anchor-list .booth-color05::before, #booth-cate05 .booth-list-ttl::before {background-image: url('./../img/icon_booth-cate05.svg');}
	.anchor-list .booth-color06::before, #booth-cate06 .booth-list-ttl::before {background-image: url('./../img/icon_booth-cate06.svg');}
	.anchor-list .booth-color07::before, #booth-cate07 .booth-list-ttl::before {background-image: url('./../img/icon_booth-cate07.svg');}

	.anchor-list .booth-color01:hover::before {background-image: url('./../img/icon_booth-cate01_bk.svg');}
	.anchor-list .booth-color02:hover::before {background-image: url('./../img/icon_booth-cate02_bk.svg');}
	.anchor-list .booth-color03:hover::before {background-image: url('./../img/icon_booth-cate03_bk.svg');}
	.anchor-list .booth-color04:hover::before {background-image: url('./../img/icon_booth-cate04_bk.svg');}
	.anchor-list .booth-color05:hover::before {background-image: url('./../img/icon_booth-cate05_bk.svg');}
	.anchor-list .booth-color06:hover::before {background-image: url('./../img/icon_booth-cate06_bk.svg');}
	.anchor-list .booth-color07:hover::before {background-image: url('./../img/icon_booth-cate07_bk.svg');}



/* ブース一覧
 ----------------------------------------------------------------- */
	#boothCont .show {
		display: block;
	}
	#boothCont .hide {
		display: none;
	}
	#noresults {
		margin: 62px auto 120px;
	}
	.booth-list {
		padding: 40px 0 0;
	}
	.booth-list-bg {
		display: flex;
		padding: 0 16px 25px;

		flex-wrap: wrap;
	}
	.booth-list-ttl {
		position: relative;
		font-size: 1.6rem;
		font-weight: 700;
		display: flex;
		width: 100%;
		height: 50px;
		margin-right: -16px;
		margin-left: -16px;
		padding-top: .1em;
		padding-left: 25px;
		color: #fff;

		align-items: center;
		flex: 1 0 100%;
	}
	.booth-list-ttl::before {
		position: relative;
		top: -.1em;
		display: inline-block;
		content: "";
		width: 1.5em;
		height: 1.5em;
		margin-right: .6em;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
	.booth-list-txt {
		padding: 24px 16px 9px;
		line-height: 1.5;

		flex-basis: 100%;
	}
	.booth-item {
		/* display: none; */
		margin: 16px;
		max-width: 210px;

		flex: 0 1 calc((100% - 128px) / 4);
	}
	@media screen and (max-width: 818px) {
		.booth-item {
			flex: 0 1 calc((100% - 11.74vw) / 3);
			margin: 1.95vw;
		}
	}
	.booth-item-ttl {
		font-weight: 700;
		margin: 8px 0;
		text-align: center;
		line-height: 1.37;
	}
	.booth-item-txt {
		font-size: 1.3rem;
		text-align: center;
	}
	span.sm {
	    font-size: 1.2rem !important;
	}


/* for tablet */
@media screen and (max-width:1024px) {

}


/* for sp */
@media screen and (max-width:599px) {
/* common
 ----------------------------------------------------------------- */
	.page-ttl {
		background-image: url('./../img/img_second_mv_sp.svg'),
		linear-gradient(180deg, #e5f8fd 0%, #e5f8fd 50%, #fff 50%, #fff 100%);
	}

/* タイトル
 ----------------------------------------------------------------- */
	.page-ttl img {
		width: 193px;
		width: 51.47vw;
	}
	.page-lead {
		font-size: 1.323rem;
		font-size: min(3.53vw , 1.8rem);
		margin: 0 0 30px;
		margin: 0 0 8vw;
	}

/* 検索ボックス
 ----------------------------------------------------------------- */
	.search-form {
		text-align: right;
		position: relative;
		margin-bottom: 6px;
	}
	.search-form #search {
		height: 32px;
		font-size: 1.7rem;
		line-height: 1.82;
		padding: 0 3.2vw;
		display: block;
		width: 100%;
		border-width: 1px;
	}
	.search-form #inputClear {
		position: absolute;
		top: 25px;
		right: 0;
		height: 32px;
		font-size: 1.3rem;
		margin: 10px 0 0 0;
		width: 84px;
	}

/* ローカルナビ
 ----------------------------------------------------------------- */
	.anchor {
		margin: 30px -.8vw 0;
		margin-top: 8vw;
	}
	.anchor-txt {
		position: relative;
		width: 100vw;
		left: 50%;
		right: 50%;
		margin:4px  -50vw;
		font-size: 1.4rem;
		text-align: center;
	}
	.anchor-list a {
		font-size: .9rem;
		font-size: 2.4vw;
		height: 5.5em;
		margin: 0.8vw;
		border-width: 1px;
	}
	.anchor-list a::before {
		width: 2.2em;
		height: 2.2em;
	}

/* ブース一覧
 ----------------------------------------------------------------- */
	#noresults {
		margin: 35px auto calc(100vh / 4);
	}
	.booth-list {
		padding: 35px 0 0;
		padding: 9.33vw 0 0;
	}
	.booth-list-bg {
		justify-content :space-between;
		padding: 0 3.2vw 1.33vw;
	}
	.booth-list-ttl {
		font-size: 1.4rem;
		font-size: 3.73vw;
		height: 30px;
		height: 8vw;
		margin-right: -3.2vw;
		margin-left: -3.2vw;
		padding-left: 3.2vw;
	}
	.booth-list-txt {
		padding: 15px 0 2px;
		padding: 4vw 0 0.53vw;
	}
	.booth-item {
		margin: 12px 0;
		margin: 3.2vw 0;
		max-width: 100%;

		flex: 0 1 calc((100% - 6.4vw) / 2);
	}
	.booth-item-ttl {
		font-size: 1.3rem;
	}
	.booth-item-txt {
		font-size: 1.2rem;
	}
	    span.sm {
        font-size: 1rem !important;
    }


}