@charset "utf-8";

/*＝＝＝shufflejsのレイアウトのための調整 */
ul{
margin:0;
padding: 0;
list-style: none;
}

.grid{
position: relative;
margin: 0 -0.5em;
}

.grid li{
display: block;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0.5em;
float: left;
transition: opacity 0.5s, transform 0s 0.5s;
-webkit-transition: .2s ease-out;
transition: .2s ease-out;
}

.grid li label{
display:flex;
line-height: 1.2;
width: 100%;
height: 100%;
padding: 0.5em;
background-color: #eee;
/*background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojQUFBQUFBO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOCw2VjBIMHYxOGg2djZoMThWNkgxOHogTTYsMTZIMlYyaDE0djRINlYxNnogTTIyLDIySDhWOGgxNFYyMnogTTE5LDE0aC0zdi0zaC0ydjNoLTN2MmgzdjNoMnYtM2gzVjE0eiIvPjwvc3ZnPg==");*/
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDcyIDI0Ij48c3R5bGU+LnN0MCB7ZmlsbDojMzY5O308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01NCwxOGgtM2MtLjQ4LDAtMS0uMzgtMS0xVjNjMC0uNDguMzgtMSwxLTFoMTRjLjYyLDAsMSwuNTIsMSwxdjNoM2MuNjIsMCwxLC41MiwxLDF2MTRjMCwuNjItLjUyLDEtMSwxaC0xNGMtLjQ4LDAtMS0uMzgtMS0xdi0zWk01NS41LDcuNXYxM2gxM1Y3LjVoLTEzWk02MS4yNSwxMy4yNWgtMi41Yy0uNDEsMC0uNzUuMzQtLjc1Ljc1cy4zNC43NS43NS43NWgyLjV2Mi41YzAsLjQxLjM0Ljc1Ljc1Ljc1cy43NS0uMzQuNzUtLjc1di0yLjVoMi41Yy40MSwwLC43NS0uMzQuNzUtLjc1cy0uMzQtLjc1LS43NS0uNzVoLTIuNXYtMi41YzAtLjQxLS4zNC0uNzUtLjc1LS43NXMtLjc1LjM0LS43NS43NXYyLjVaTTY0LjUsNnYtMi41aC0xM3YxM2gyLjVWN2MwLS40OC4zOC0xLDEtMWg5LjVaIi8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTIuNTgsOC4wNGMtLjMxLDAtLjQ2LS4yNS0uNDYtLjZzLjE1LS41Ni40Ni0uNTZoNS4yYy4zMSwwLC40Ni4yMi40Ni41NnMtLjE1LjYtLjQ2LjZIMi41OFpNNy44OCwxOC4wNmMwLC45LS40MywxLjI4LTEuMzQsMS4yOGgtMi41NWMtLjksMC0xLjMzLS4zNy0xLjMzLTEuMjh2LTIuNmMwLS44OC40My0xLjI0LDEuMzMtMS4yNGgyLjU1Yy45MiwwLDEuMzQuMzYsMS4zNCwxLjI0djIuNlpNMy4xMiwxMC40OGMtLjI5LDAtLjQ0LS4yNy0uNDQtLjU2LDAtLjMxLjE1LS41Ni40NC0uNTZoNC4zM2MuMjcsMCwuNDMuMjUuNDMuNTYsMCwuMjktLjE1LjU2LS40My41NkgzLjEyWk0zLjExLDEyLjk3Yy0uMjksMC0uNDItLjI3LS40Mi0uNThzLjE0LS41NC40Mi0uNTRoNC4zM2MuMjksMCwuNDIuMjQuNDIuNTRzLS4xNC41OC0uNDIuNThIMy4xMVpNMy4xOCw1LjU3Yy0uMjksMC0uNDQtLjI1LS40NC0uNThzLjE1LS41NC40NC0uNTRoNC4zYy4yNywwLC40NC4yMi40NC41NHMtLjE3LjU4LS40NC41OEgzLjE4Wk0zLjg1LDE3Ljg2YzAsLjMyLjE1LjQyLjQ2LjQyaDEuOTJjLjMxLDAsLjQ2LS4xLjQ2LS40MnYtMi4yMWMwLS4zMS0uMTUtLjM5LS40Ni0uMzloLTEuOTJjLS4zMSwwLS40Ni4wOC0uNDYuMzl2Mi4yMVpNOS4xMSw4LjQ4Yy0uMzIsMC0uNDktLjI1LS40OS0uNTksMC0uMzYuMTctLjYuNDktLjZoNC42NGMuNjMtLjk5LDEuMDctMi4wMiwxLjM5LTIuODkuMDgtLjIyLjI3LS4zMi40OS0uMzIuMSwwLC4yLjAyLjMxLjA1LjMxLjEuNDguMzEuNDguNTMsMCwuMDgtLjAyLjE1LS4wNS4yNC0uMzYuNzgtLjgsMS42LTEuMzMsMi40aDIuMDZjLjMyLDAsLjQ5LjI0LjQ5LjZzLS4xNy41OS0uNDkuNTloLTMuNTd2Mi4yNGgzLjE4Yy4zMSwwLC40OC4yMi40OC41NnMtLjE3LjU4LS40OC41OGgtMy4xOHYyLjQzaDMuODJjLjMyLDAsLjQ4LjI0LjQ4LjU5cy0uMTUuNjEtLjQ4LjYxaC0zLjgydjMuNzRjMCwuMzQtLjI0LjUxLS42NS41MXMtLjYxLS4xNy0uNjEtLjUxdi0zLjc0aC0zLjM1Yy0uMzEsMC0uNDgtLjI1LS40OC0uNTksMC0uMzYuMTctLjYxLjQ4LS42MWgzLjM1di0yLjQzaC0yLjc5Yy0uMzEsMC0uNDgtLjI0LS40OC0uNTYsMC0uMzYuMTctLjU4LjQ4LS41OGgyLjc5di0yLjI0aC0zLjE2Wk0xMC4yMSw0LjA4Yy4yLDAsLjM3LjEuNTEuMjkuMjkuNDMuNjgsMS4wNy45LDEuNDguMDcuMTQuMS4yNS4xLjM3LDAsLjIyLS4xNC4zNy0uMzQuNTEtLjE0LjA3LS4yNS4xLS4zNy4xLS4yLDAtLjM5LS4xMi0uNDktLjM0LS4yLS40Mi0uNi0xLjA3LS44Ny0xLjQ4LS4wNy0uMTItLjEtLjIyLS4xLS4zNCwwLS4yLjEyLS4zNy4zMi0uNDkuMTItLjA3LjI0LS4xLjM0LS4xWiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMi42Nyw1LjQ1di4wNWMtLjA4LDIuNS0uMjIsNS41MS0uMjIsOC4yMywwLDEuNi4yLDIuNDguNzUsMy4wMS41Ni41MywxLjQxLjcxLDIuNTguNzEsMS4zMSwwLDIuNjMtLjQyLDMuNjQtMS40Ni43Ni0uNzgsMS4zOS0xLjk3LDEuOC0zLjM4LjEyLS4zOS4zNi0uNTguNjUtLjU4LjA4LDAsLjE5LjAyLjI3LjA1LjMxLjA4LjUzLjM2LjUzLjcsMCwuMDgtLjAyLjE5LS4wNS4yOS0uNTMsMS43Mi0xLjI0LDMuMDktMi4yNiw0LjA4LTEuMjYsMS4yMi0yLjg2LDEuOC00LjYxLDEuOC0xLjYsMC0yLjc5LS4zNy0zLjYyLTEuMTctLjc4LS43Ni0xLjE0LTEuODctMS4xNC00LjAzLDAtMi42My4wOC01Ljc4LjItOC4yOC4wMi0uNDQuMjktLjcxLjczLS43MWguMDNjLjQ4LjAyLjcxLjI3LjcxLjdaIi8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0LjM4LDUuMjdjMCwuMi0uMDguNDEtLjI3LjU4LTEuOSwxLjgtNC40MiwzLjY5LTYuNTQsNS4wNS0uMzkuMjYtLjQ4LjQzLS40OC42NnMuMTQuMzkuNi42OGMyLjExLDEuMzYsNS4wMywzLjU3LDcuMDIsNS40Mi4yMi4yLjMxLjQ0LjMxLjY2cy0uMDguNDItLjIuNTZjLS4xNS4xOS0uMzYuMjktLjU4LjI5LS4yLDAtLjQxLS4wOC0uNi0uMjctMi4wMS0xLjk2LTQuNjYtNC4wMy03LjE0LTUuNzMtLjc4LS41My0xLjA0LS45Ny0xLjA0LTEuNiwwLS42OC4zMS0xLjE3LDEuMS0xLjcsMi4xMi0xLjM2LDQuNjctMy4zNyw2LjQ0LTUuMDguMTctLjE1LjM2LS4yNC41Ni0uMjQuMTksMCwuMzcuMDcuNTYuMi4xNy4xNC4yNS4zMi4yNS41MVoiLz48L3N2Zz4=");
background-repeat: no-repeat;
background-position: right 0.5em top 0.5em;
cursor: pointer;
}

/*各画像の横幅などの設定*/
.item{
width: calc((100% - 0.1em) / 3);/*横並びで3つ表示*/
height: auto;
}

/*内側のボックスの高さが崩れないように維持*/
.item-content {
position: relative;
width: 100%;
/*height: 100%;*/
/*height:calc((1rem * 0.9 * 1.5 + 0.2em + 0.2em) + (1rem * 1.1 * 1.2 * 3 + 0.5em) + (1rem * 0.88 * 1.5 * 2 + 0.5em));*/
height:calc((1rem * 0.9 * 1.5 + 0.2em + 0.2em) + (1rem * 1.1 * 1.2 * 3 + 0.5em) + (1rem * 0.88 * 1.5 + 0.5em));
}

/*モーダルなし*/

/*横幅が768px以下になった際の指定*/
@media screen and (max-width: 768px) {/* 768pxまでの幅の場合に適応される */
.grid li label{ background-size: 10rem; }
.grid { font-size: 2.5rem; }
.item{ width: 50%; height: 32rem; }/*横並びで2つ表示*/
.item-content { height:calc((1rem * 0.9 * 1.5 + 0.2em + 0.2em) + (1rem * 1.1 * 1.2 * 8 + 0.5em) + (1rem * 0.88 * 1.5 * 16 + 0.5em)); }
}


/*shuffle.js用*/
/*.grid-nav-wrap{ display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin-bottom: 0; }*/
/*.grid-nav-wrap .grid-nav{ flex: 0 1 auto; margin-bottom: 2em; margin-right: 1.5em; }*/
/*.grid-nav-wrap .grid-nav:last-child{ margin-right: 0; }*/
.grid-nav-wrap{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-bottom: 0.5em; column-gap: 1em; }
.grid-nav-wrap .grid-nav{ flex: 0 1 auto; }

figcaption{ display: block; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { appearance: none; border: 2px solid #a0a0a0; border-radius: 3px; height: 3.0em; padding: .4em; width: 23em; background-color: #fff; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

.btn-group:before, .btn-group:after { content: " "; display: table; }
.btn-group:after { clear: both; }
.btn-group { *zoom: 1; }
.btn-group .btn { float: left; border-radius: 0;	width: 6em; }
.btn-group .btn:first-child { /*border-radius: 3px 0 0 3px;*/ border-right: 1px solid white; }
.btn-group .btn:last-child { /*border-radius: 0 3px 3px 0;	border-left: 1px solid white;*/ }

.btn, button {
display: inline-block;
padding: .0 .375em;
-webkit-appearance: none;
text-align: center;
color: white;
border-radius: .0625em;
border: 0;
background-color: #34495E;
-webkit-transition: .2s ease-out;
transition: .2s ease-out;
height: 3.0em;
line-height: 3.0em;
}
.btn:hover, button:hover { background-color: #4a6885; text-decoration: none; }
.btn.active, .btn:active, button.active, button:active { background-color: #2C3E50; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); }
.btn:active, button:active { -webkit-transition: none; transition: none; }

.btn--warning { background-color: #0089CE; }
.btn--warning:hover { background-color: #a0dcff; color:#f00 !important; }
.btn--warning.active, .btn--warning:active { background-color: #a0dcff;	color:#e00 !important; font-weight: bold; }

.btn--flt0 { background-color: #0298ff; }
.btn--flt0:hover { background-color: #90cfff; color:#f00 !important; }
.btn--flt0.active, .btn--flt0:active { background-color: #90cfff;	color:#e00 !important; font-weight: bold; }

.btn--flt1 { background-color: #0089CE; }
.btn--flt1:hover { background-color: #a0dcff; color:#f00 !important; }
.btn--flt1.active, .btn--flt1:active { background-color: #a0dcff;	color:#e00 !important; font-weight: bold; }

.btn--flt2 { background-color: #00a9CE; }
.btn--flt2:hover { background-color: #a0ecff; color:#f00 !important; }
.btn--flt2.active, .btn--flt2:active { background-color: #a0ecff;	color:#e00 !important; font-weight: bold; }

li.item a { text-decoration: none; }
li.item a, li.item a:visited { color: #3498DB; }
li.item a:hover { text-decoration: underline; }
li.item a:active { color: #2ECC71; }

.filter__label { margin: 0 0 3px; }

.select_box {
position: relative;
/*top: 0;*/
/*left: 0;*/
margin: 0;
/*transform: translate(-50%, -50%);*/
/*width: calc(100% - 2%);*/
/*text-align: center;*/
}
.select_btn {
display: inline-flex;
align-items: center;
position: relative;
border: 2px solid #a0a0a0;
border-radius: 3px;
width: 12em; 
}
.select_btn.wide { width: 22em !important; }
.select_btn.widemax { width: 100% !important; }
.select_btn:hover { border: 2px solid #2196f3; }
.select_btn:after {
position: absolute;
right: 15px;
width: 17px;
height: 12px;
background-color: #535353;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: '';
pointer-events: none;
}
.select_btn select {
appearance: none;
/*min-width: 230px;*/
height: 2.8em;
padding: .4em calc(.8em + 30px) .4em .8em;
border: 0;
background-color: #fff;
color: #333333;
font-size: 1em;
cursor: pointer;
outline: 0; 
}

.company-booth{ display: inline-block; margin: 0; padding: 0.2em 0 0.2em 0; background-color: #999; color: #eee; font-size: 0.9em; }
figcaption.item__title{ font-size: 1.1em; font-variant-east-asian: proportional-width; margin-top: 0.5em; font-weight: bold; /* -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; */ }
.company-catch{ font-size: 0.88em; margin-top: 0.5em; overflow-wrap: break-word; word-wrap: break-word; text-align: justify; /* -webkit-box-orient: vertical; -webkit-line-clamp: 5; display: -webkit-box; overflow: hidden; */ }

/*v3ボタンたくさん*/
.btn-group.btn-cate .btn { float: left; border-radius: 0;	width: calc(100% / 3);	border-right: 1px solid white; border-bottom: 1px solid white; }
.btn-group.btn-cate .btn:first-child { border-radius: 0; }
.btn-group.btn-cate .btn:last-child { /*border-radius: 0;	border-right: 0px solid white;*/ }

/*上下左右調整*/
.grid-nav .commentBLK{ padding-top: 1.5em; }
.nav-keyword{ width: calc(100% - 13em); }
.nav-keyword input[type="search"]{ width: 100% !important; }
.nav-sort{ width: 12em; }
.widemax .btn, .widemax button { padding: 0; height: 2em; line-height: 2em; }

/*横幅が768px以下になった際の指定*/
@media screen and (max-width: 768px) {/* 768pxまでの幅の場合に適応される */
.grid-nav-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 1em; }
.grid-nav-wrap .grid-nav{ column-gap: 2%;  }
.nav-keyword{ width: 49%; }
.nav-sort{ width: 49%; }
/*.grid-nav-wrap .grid-nav:last-child{  flex: 0 1 100%; }*/
input[type="search"] { width: 98%; font-size: 2.5rem; }
.select_btn{ width: 100%; }
.select_btn.wide,
.select_btn.widemax { width: 100% !important; flex: 0 1 100%; }
.btn-group .btn { width: calc(98% / 3); }
.grid-nav input, .grid-nav select{ font-size: 2.5rem; }
.grid-nav button{ font-size: 2.5rem; line-height: 1; }
.grid-nav .commentBLK{ padding-top: 5rem; font-size: 2.5rem; }
.widemax .btn, .widemax button { font-size: 2rem; padding: 0; height: 1.6em; line-height: 1.6em; }
.filter__label{ font-size: 2.5rem; }
}