/* --------------------------------------------------- pagetit - リニューアル ------------------------------------------------------ */ .pagetit-re{position: relative;box-sizing: border-box;font-family: "kozuka gothic pr6n", "Noto Sans JP", sans-serif;} .pagetit-re *{box-sizing: border-box;} .pagetit-re .page-title{font-weight: 700;font-size: calc(100vw * (24 / 1366));letter-spacing: 0.5em;color: #000;border-bottom: calc(100vw * (2 / 1366)) solid #000;padding-bottom: calc(100vw * (3 / 1366));margin-bottom: calc(100vw * (47 / 1366));position: relative; font-feature-settings: "palt";} .pagetit-re .page-title.exhibitor{margin-bottom:calc(100vw * (84 / 1366));} .pagetit-re .titcat{position: absolute; font-family: "Homemade Apple",serif;color: #FDF6E2;text-transform: capitalize;letter-spacing: 0;z-index: -1;left: 0;top: 0;font-weight: 400;font-size: calc(100vw * (80 / 1366));transform: rotateZ(-5deg) translateX(calc(100vw * (-50 / 1366)));-webkit-text-stroke: 1px #fff;-webkit-text-stroke: 1px #fff;pointer-events: none;} .pagetit-re .page-title.seminar .titcat{color: #DBF2F5;} .pagetit-re .page-title.bargain .titcat{color: #FDEEED;} @media screen and (max-width: 767px) { .pagetit-re .page-title{font-size: calc(100vw * (24 / 375));border-bottom: calc(100vw * (2 / 375)) solid #000;padding-bottom: calc(100vw * (3 / 375));margin-bottom: calc(100vw * (47 / 375));letter-spacing: 0.25em;} .pagetit-re .page-title.exhibitor{margin-bottom:calc(100vw * (84 / 375));} .pagetit-re .titcat{font-size: calc(100vw * (35 / 375));transform: rotateZ(-5deg) translateX(calc(100vw * (10 / 375)));white-space: nowrap;} } @media screen and (max-width: 767px) and (orientation: landscape) { .pagetit-re .page-title {font-size: calc(100vw*(24 / 667)); border-bottom: calc(100vw*(2 / 667)) solid #000; padding-bottom: calc(100vw*(3 / 667)); margin-bottom: calc(100vw*(47 / 667));} } /* ------出展者詳細ページ ページタイトル下会場表示------ */ .v-ptit-wrap{position: absolute;bottom: calc(100vw * (-30 / 1366));;right: 0;width: fit-content;max-width: 100%;height: calc(100vw * (30 / 1366));display: flex;align-items: flex-start;} .v-ptit-wrap .v-box{display: block;background: #9AB5B9;color: #fff;font-size: calc(100vw * (15 / 1366));padding:calc(100vw * (2 / 1366)) 0;font-weight: 700;border-radius: 0 0 calc(100vw * (10 / 1366)) calc(100vw * (10 / 1366));text-align: center;line-height: 1.2;width: calc(100vw*(90 / 1366));height: calc(100vw*(24 / 1366));} .v-ptit-wrap .v-box.nagaoka{background-color: rgba(197, 0, 24, 0.4);} .v-ptit-wrap .v-box.niigata{background-color: rgba(100, 170, 68, 0.6);} .v-ptit-wrap .v-box.jouetsu{background-color: rgba(0, 159, 230, 0.5);} .v-ptit-wrap .v-box.shibata{background-color: rgba(234, 189, 0, 0.75);} .v-ptit-wrap .v-box.kenou{background-color: rgba(234, 140, 0, 0.75);} @media screen and (max-width: 767px) { .v-ptit-wrap{bottom: calc(100vw * (-30 / 375));height: calc(100vw * (30 / 375));width: 100%;} .v-ptit-wrap .v-box{background: #9AB5B9;font-size: calc(100vw * (18 / 375));padding:calc(100vw * (2 / 375)) 0;border-radius: 0 0 calc(100vw * (10 / 375)) calc(100vw * (10 / 375));width: calc(100%/5);height: calc(100vw*(30 / 375));} } /* --------------------------------------------------- 内部ページ ------------------------------------------------------ */ .main-inner{} /* --------------------------------------------------- 内部ページ：出展者詳細 ------------------------------------------------------ */ .event-detail-wrapper{font-family: "kozuka gothic pr6n", "Noto Sans JP", sans-serif;box-sizing: border-box;} .event-detail-wrapper *{box-sizing: border-box;} .event-detail-wrapper .event-detail-heading{text-align: center;margin-bottom: calc(100vw * (40 / 1366));} .event-detail-wrapper .event-detail-heading h3{text-align: center;font-size: calc(100vw * (36 / 1366));font-weight: 700;background: none;padding: 0;margin:0 0 calc(100vw * (26 / 1366)) 0; color: #231714;} .event-detail-wrapper .event-detail-heading .event-detail-type{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin: 0;} .event-detail-wrapper .event-detail-heading .event-detail-type li{list-style: none;padding: 0;background: none;color: #231714;font-size: calc(100vw * (18 / 1366));} .event-detail-wrapper .event-detail-heading .event-detail-type li::after{content: "|";display: inline-block;margin: 0 0.5em;} .event-detail-wrapper .event-detail-heading .event-detail-type li:last-of-type::after{display: none;} .event-detail-wrapper .event-detail{} .event-detail-wrapper .event-detail h4{background: #000; clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);color: #fff;font-size: calc(100vw * (18 / 1366));letter-spacing: 0.2em;border: none;width: fit-content;min-width: calc(100vw * (270 / 1366));margin: 0;font-weight: 700;padding: calc(100vw * (7 / 1366)) calc(100vw*(60 / 1366)) calc(100vw*(7 / 1366)) calc(100vw * (27 / 1366));line-height: 1.2;} .event-detail-wrapper #event-booth .event-detail h4{/*background: #f7bc2c; */background: #F08300;} .event-detail-wrapper #event-reformBargain .event-detail h4{/*background: #f1645a; */background: #EC6E82;} .event-detail-wrapper #event-reformShowroom .event-detail h4{/*background: #38b6f9; */background: #4594D0;} .event-detail-wrapper #event-seminar .event-detail h4{/*background: #4abd56; */background: #6EBA2C;} .event-detail-wrapper .event-detail .detail-container{display: flex;justify-content: space-between;align-items: flex-start;padding:calc(100vw*(30 / 1366)) calc(100vw*(27 / 1366));background: #EBF5EC;margin-bottom: calc(100vw*(50 / 1366));} .event-detail-wrapper .event-detail .detail-container.detail-booth{background: #FFF6E0;} .event-detail-wrapper .event-detail .detail-container.detail-reformBargain{background: #FDEEED;} .event-detail-wrapper .event-detail .detail-container.detail-reformShowroom{background: #E5F6FF;} .event-detail-wrapper .event-detail .detail-container.detail-seminar{background: #EBF5EC;} .event-detail-wrapper .event-detail .detail-container .detail-photo{width:calc(100vw * (400 / 1366));width: 50%;/* aspect-ratio: 4 / 3;*/ display: flex; justify-content: center; align-items: center;} .event-detail-wrapper .event-detail .detail-container .detail-photo img{display: block;width: 100%; height: 100%; object-fit: cover; object-position: center;} .event-detail-wrapper .event-detail .detail-container .detail-txt{width: calc(100vw * (340 / 1366));width: 45%;color: #231714;} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-pr-venue{font-size: calc(100vw * (18 / 1366)); font-weight:700;} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-pr-tit{font-size: calc(100vw * (24 / 1366));font-weight: 700;line-height: 1.4;letter-spacing: 0;margin-bottom: calc(100vw * (10 / 1366));} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-pr-date{font-size: calc(100vw * (19.2 / 1366));margin-bottom: calc(100vw * (10 / 1366));font-weight: 700;} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-pr-date .n{font-size: calc(100vw * (24 / 1366));} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-pr-date .j{font-size: calc(100vw * (24 / 1366));} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-pr-txt{line-height: 1.6;font-size: calc(100vw * (14 / 1366));font-weight: 400;letter-spacing: 0.05em;margin: 0 0 calc(100vw * (20 / 1366)) 0;font-feature-settings: "palt";} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-supplement{font-size: calc(100vw*(14 / 1366));line-height: 1.6;} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-price-heading{font-size: calc(100vw*(14 / 1366));line-height: 1.6;font-weight: 700;} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-price{font-size: calc(100vw*(32 / 1366));line-height: 1.2;font-weight: 900;} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-price .yen{font-size: calc(100vw*(28 / 1366))} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-price-special-notes{font-size: calc(100vw*(14 / 1366));line-height: 1.6;} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-price-txt{font-size: calc(100vw*(14 / 1366));line-height: 1.6;font-feature-settings: "palt";margin-bottom: auto;} /* 小間出展 */ /* オトクいちば */ .event-detail-wrapper .event-detail .detail-container.detail-reformBargain .detail-photo img{width: auto; height: auto; max-width: 100%; max-height: 100%;} /* リフォームショールーム */ .event-detail-wrapper .event-detail .detail-container.detail-reformShowroom .detail-photo img{width: auto; height: auto; max-width: 100%; max-height: 100%;} /* セミナー出展 */ .event-detail-wrapper .event-detail .detail-container.detail-seminar .detail-photo img{width: auto; height: auto; max-width: 100%; max-height: 100%;} .event-detail-wrapper .event-detail .detail-container.detail-seminar .detail-txt form {justify-content: flex-start; gap: calc(100vw * (10 / 1366));} .event-detail-wrapper .event-detail .detail-container.detail-seminar .detail-txt form select{font-size: calc(100vw * (13 / 1366)); line-height: calc(100vw * (16 / 1366)); padding: calc(100vw * (10 / 1366)) calc(100vw * (53 / 1366)) calc(100vw * (10 / 1366)) calc(100vw * (17 / 1366)); background-size: auto 20%; background-position: right center; border-radius: calc(100vw*(6 / 1366)); color: #000;} .event-detail-wrapper .event-detail .detail-container.detail-seminar .detail-txt form input[type=submit]{-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;background: #EC6E82;color: #fff;font-size: calc(100vw*(15 / 1366));padding:calc(100vw*(8 / 1366)) calc(100vw*(10 / 1366));border-radius: calc(100vw*(5 / 1366));text-align: center;font-weight: 700;} /* 出展者情報など */ .event-detail-wrapper .event-detail-info{display: flex;justify-content: space-between;align-items: flex-start;} .event-detail-wrapper .event-detail-info .info-and-area{width: 48%;} .event-detail-wrapper .event-detail-info .info-and-area .info-content{margin-bottom: calc(100vw * (38 / 1366));} .event-detail-wrapper .event-detail-info .info-and-area .info-content .info-heading{font-size: calc(100vw * (14 / 1366));padding-bottom: calc(100vw * (5 / 1366));border-bottom: 1px solid #000;font-weight: 500;margin-bottom: calc(100vw * (20 / 1366));color: #000;} .event-detail-wrapper .event-detail-info .info-and-area .info-content table{color: #000;} .event-detail-wrapper .event-detail-info .info-and-area .info-content table tr{background: none;} .event-detail-wrapper .event-detail-info .info-and-area .info-content table tr th{border: none;background: none;padding:calc(100vw * (5 / 1366)) calc(100vw * (45 / 1366)) calc(100vw * (5 / 1366)) 0;font-size: calc(100vw * (14 / 1366));font-weight: 400;color: #000;width: 25%;} .event-detail-wrapper .event-detail-info .info-and-area .info-content table tr td{border: none;background: none;padding:calc(100vw * (5 / 1366)) 0 calc(100vw * (5 / 1366)) 0;font-size: calc(100vw * (14 / 1366));font-weight: 400;color: #000;width: 75%;} .event-detail-wrapper .event-detail-info .info-and-area .area-content .info-heading{font-size: calc(100vw * (14 / 1366));padding-bottom: calc(100vw * (5 / 1366));border-bottom: 1px solid #000;font-weight: 500;margin-bottom: calc(100vw * (20 / 1366));color: #000;} .event-detail-wrapper .event-detail-info .info-and-area .area-content .list-area{font-size: calc(100vw * (14 / 1366));font-weight: 400;color: #000;} .event-detail-wrapper .event-detail-info .type-content{width: 48%;} .event-detail-wrapper .event-detail-info .type-content .info-heading{font-size: calc(100vw * (14 / 1366));padding-bottom: calc(100vw * (5 / 1366));border-bottom: 1px solid #000;font-weight: 500;margin-bottom: calc(100vw * (20 / 1366));color: #000;} .event-detail-wrapper .event-detail-info .type-content .list-type{font-size: calc(100vw * (14 / 1366));font-weight: 400;color: #000;} @media screen and (max-width: 767px){ .event-detail-wrapper{} .event-detail-wrapper *{} .event-detail-wrapper .event-detail-heading{margin-bottom: calc(100vw * (40 / 375));} .event-detail-wrapper .event-detail-heading h3{font-size: calc(100vw * (30 / 375));margin:0 0 calc(100vw * (26 / 375)) 0;letter-spacing: 0.05em;} .event-detail-wrapper .event-detail-heading .event-detail-type{} .event-detail-wrapper .event-detail-heading .event-detail-type li{font-size: calc(100vw * (15 / 375));} .event-detail-wrapper .event-detail-heading .event-detail-type li::after{} .event-detail-wrapper .event-detail-heading .event-detail-type li:last-of-type::after{} .event-detail-wrapper .event-detail{} .event-detail-wrapper .event-detail h4{font-size: calc(100vw * (18 / 375));min-width: calc(100vw * (270 / 375));padding: calc(100vw * (7 / 375)) calc(100vw*(60 / 375)) calc(100vw*(7 / 375)) calc(100vw * (27 / 375));display: block;} .event-detail-wrapper .event-detail .detail-container{padding:calc(100vw*(30 / 375)) calc(100vw*(27 / 375));margin-bottom: calc(100vw*(50 / 375));display: block;} .event-detail-wrapper .event-detail .detail-container.detail-booth{background: #FFF6E0;} .event-detail-wrapper .event-detail .detail-container.detail-reformBargain{background: #FDEEED;} .event-detail-wrapper .event-detail .detail-container.detail-reformShowroom{background: #E5F6FF;} .event-detail-wrapper .event-detail .detail-container.detail-seminar{background: #EBF5EC;} .event-detail-wrapper .event-detail .detail-container .detail-photo{width:calc(100vw * (400 / 375));max-width: 100%;margin-bottom: calc(100vw*(20 / 375));} .event-detail-wrapper .event-detail .detail-container .detail-photo img{} .event-detail-wrapper .event-detail .detail-container.detail-seminar .detail-txt form {justify-content: flex-start; gap: calc(100vw * (20 / 375));} .event-detail-wrapper .event-detail .detail-container.detail-seminar .detail-txt form select{font-size: calc(100vw * (13 / 375)); line-height: calc(100vw * (16 / 375)); padding: calc(100vw * (10 / 375)) calc(100vw * (53 / 375)) calc(100vw * (10 / 375)) calc(100vw * (17 / 375)); border-radius: calc(100vw*(6 / 375));} .event-detail-wrapper .event-detail .detail-container.detail-seminar .detail-txt form input[type=submit]{font-size: calc(100vw*(20 / 375));padding:calc(100vw*(8 / 375)) calc(100vw*(10 / 375));border-radius: calc(100vw*(5 / 375));text-align: center;} .event-detail-wrapper .event-detail .detail-container .detail-txt{width: calc(100vw * (340 / 375));max-width: 100%;} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-pr-venue{font-size: calc(100vw * (18 / 375));} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-pr-tit{font-size: calc(100vw * (24 / 375));margin-bottom: calc(100vw * (12 / 375));} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-pr-date{font-size: calc(100vw * (19.2 / 375));/*margin-top: calc(100vw * (41 / 375));*/margin-bottom: calc(100vw * (12 / 375));} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-pr-date .n{font-size: calc(100vw * (24 / 375));} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-pr-date .j{font-size: calc(100vw * (24 / 375));} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-pr-txt{font-size: calc(100vw * (14 / 375));margin: 0 0 calc(100vw * (18 / 375)) 0;} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-supplement{font-size: calc(100vw*(14 / 375));} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-price-heading{font-size: calc(100vw*(14 / 375));} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-price{font-size: calc(100vw*(32 / 375));} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-price .yen{font-size: calc(100vw*(28 / 375))} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-price-special-notes{font-size: calc(100vw*(14 / 375));} .event-detail-wrapper .event-detail .detail-container .detail-txt .detail-price-txt{font-size: calc(100vw*(14 / 375));} .event-detail-wrapper .event-detail-info{display: block;} .event-detail-wrapper .event-detail-info .info-and-area{width: 100%;} .event-detail-wrapper .event-detail-info .info-and-area .info-content{margin-bottom: calc(100vw * (38 / 375));} .event-detail-wrapper .event-detail-info .info-and-area .info-content .info-heading{font-size: calc(100vw * (14 / 375));padding-bottom: calc(100vw * (5 / 375));margin-bottom: calc(100vw * (20 / 375));} .event-detail-wrapper .event-detail-info .info-and-area .info-content table{} .event-detail-wrapper .event-detail-info .info-and-area .info-content table tr{} .event-detail-wrapper .event-detail-info .info-and-area .info-content table tr th{padding:calc(100vw * (5 / 375)) calc(100vw * (45 / 375)) calc(100vw * (5 / 375)) 0;font-size: calc(100vw * (14 / 375));display: table-cell;} .event-detail-wrapper .event-detail-info .info-and-area .info-content table tr td{padding:calc(100vw * (5 / 375)) 0 calc(100vw * (5 / 375)) 0;font-size: calc(100vw * (14 / 375));display: table-cell;} .event-detail-wrapper .event-detail-info .info-and-area .area-content .info-heading{font-size: calc(100vw * (14 / 375));padding-bottom: calc(100vw * (5 / 375));margin-bottom: calc(100vw * (20 / 375));} .event-detail-wrapper .event-detail-info .info-and-area .area-content .list-area{font-size: calc(100vw * (14 / 375));} .event-detail-wrapper .event-detail-info .type-content{width: 100%;} .event-detail-wrapper .event-detail-info .type-content .info-heading{font-size: calc(100vw * (14 / 375));padding-bottom: calc(100vw * (5 / 375));margin-bottom: calc(100vw * (20 / 375));} .event-detail-wrapper .event-detail-info .type-content .list-type{font-size: calc(100vw * (14 / 375));} } @media screen and (max-width: 767px) and (orientation: landscape) { .event-detail-wrapper .event-detail .detail-container.detail-seminar .detail-txt form {justify-content: flex-start; gap: calc(100vw * (20 / 667));} .event-detail-wrapper .event-detail .detail-container.detail-seminar .detail-txt form select{font-size: calc(100vw * (13 / 667)); line-height: calc(100vw * (16 / 667)); padding: calc(100vw * (10 / 667)) calc(100vw * (53 / 667)) calc(100vw * (10 / 667)) calc(100vw * (17 / 667)); border-radius: calc(100vw*(6 / 667));} .event-detail-wrapper .event-detail .detail-container.detail-seminar .detail-txt form input[type=submit]{font-size: calc(100vw*(20 / 667));padding:calc(100vw*(8 / 667)) calc(100vw*(10 / 667));border-radius: calc(100vw*(5 / 667));text-align: center;} } /* --------------------------------------------------- 内部ページ：お知らせ一覧 ------------------------------------------------------ */ .news-index{box-sizing: border-box;font-family: "kozuka gothic pr6n", "Noto Sans JP", sans-serif;margin-bottom: calc(100vw * (105 / 1366));} .news-index *{box-sizing: border-box;} .news-index .wrap{border-top:calc(100vw * (1 / 1366)) dashed #000;} .news-index .wrap .items{display: flex;padding: calc(100vw * (15 / 1366)) calc(100vw * (12 / 1366)) calc(100vw * (20 / 1366));border-bottom:calc(100vw * (1 / 1366)) dashed #000;color: #000;} .news-index .wrap .items .time{position: relative;width: 19%;font-weight: 900;color: #000;font-size: calc(100vw * (18 / 1366))} .news-index .wrap .items .time .new{color: #ED4C5C;font-size: calc(100vw * (14 / 1366));font-weight: 400;} .news-index .wrap .items .title{width: 81%;font-feature-settings: "palt";color: #000;font-weight: 400;font-size: calc(100vw * (18 / 1366));} @media screen and (max-width: 767px) { .news-index{margin-bottom: calc(100vw * (105 / 375));} .news-index *{} .news-index .wrap{border-top:calc(100vw * (1 / 375)) dashed #000;} .news-index .wrap .items{padding: calc(100vw * (15 / 375)) calc(100vw * (12 / 375)) calc(100vw * (20 / 375));border-bottom:calc(100vw * (1 / 375)) dashed #000;display: block;} .news-index .wrap .items .time{font-size: calc(100vw * (18 / 375));width: 100%;} .news-index .wrap .items .time .new{font-size: calc(100vw * (14 / 375));} .news-index .wrap .items .title{font-size: calc(100vw * (18 / 375));width: 100%;} } /* --------------------------------------------------- pager ------------------------------------------------------ */ .pager {margin: 0 0 calc(100vw * (50 / 1366));display: flex;justify-content: center;flex-wrap: wrap;} .pager li, .pager a {box-sizing: border-box;} .pager li {width: calc(100vw * (50 / 1366)); height: calc(100vw * (50 / 1366)); border: 1px solid #000; border-radius: 0; font-size: calc(100vw * (20 / 1366)); vertical-align: middle; background: #FFF;display: flex;justify-content: center;align-items: center;} .pager li.prev, .pager li.next {width: calc(100vw * (50 / 1366)); height: calc(100vw * (50 / 1366)); border: none; border-radius: 0; font-size: calc(100vw * (20 / 1366)); vertical-align: middle; background: none;} .pager li.cur {background: #A0B4B8; color: #FFF; border-radius: 0; padding: calc(100vw * (10 / 1366));} .pager li a {display: inline-block; width: 100%; height: 100%; vertical-align: middle; color: #000; font-size: calc(100vw * (20 / 1366));} .pager-link {background: #FFF; padding: calc(100vw * (10 / 1366));} .pager-link:active, .pager-link:focus, .pager-link:visited { color: #000;} .pager-link:hover {background: #A0B4B8; color: #FFF; border-radius: 0; opacity: 1; } .pager li.prev .pager-link, .pager li.next .pager-link {background: none; color: #000; } .pager li.prev .pager-link:hover, .pager li.next .pager-link:hover {background: none; color: #000; } .serial-nav {width: 100%; max-width: calc(100vw * (1200 / 1366)); margin: 0 auto calc(100vw * (50 / 1366));} .serial-nav a {display: block; padding: calc(100vw * (15 / 1366)) calc(100vw * (30 / 1366)); color: #000; font-weight: bold;} .serial-nav a:active, .serial-nav a:focus, .serial-nav a:hover, .serial-nav a:visited {color: #000;} .serial-nav a:hover {text-decoration: none;} .serial-nav-item a { border: 1px solid #000;} @media screen and (max-width: 767px) { .pager {margin: 0 0 calc(100vw * (25 / 375));} .pager li {width: calc(100vw * (50 / 375)); height: calc(100vw * (50 / 375));font-size: calc(100vw * (20 / 375));margin-bottom:calc(100vw * (10 / 375));} .pager li.prev, .pager li.next {width: calc(100vw * (50 / 375)); height: calc(100vw * (50 / 375));font-size: calc(100vw * (20 / 375));} .pager li.cur {padding: calc(100vw * (10 / 375));} .pager li a {font-size: calc(100vw * (20 / 375));} .pager-link {background: #FFF; padding: calc(100vw * (10 / 375));} .serial-nav {max-width: calc(100vw * (1200 / 375)); margin: 0 auto calc(100vw * (50 / 375));display: flex; justify-content: space-between;} .serial-nav .serial-nav-item { width: 48%;} .serial-nav a {padding: calc(100vw * (15 / 375)) calc(100vw * (30 / 375)); } } /* --------------------------------------------------- 出展者ページ：検索窓SP ------------------------------------------------------ */ @media screen and (max-width: 767px){ .search {margin-bottom: calc(100vw * (80 / 375));} .search-box {} .search-box ul {align-items: flex-end;row-gap: calc(100vw * (20 / 375));} .search-box ul li {} .search-box ul li:nth-of-type(1),.search-box ul li:nth-of-type(2){width: 49%;} .search-box ul li:nth-of-type(1) select,.search-box ul li:nth-of-type(2) select{width: 100%;} .search-box ul li p {font-size: calc(100vw * (13 / 375)); line-height: calc(100vw * (16 / 375)); margin-bottom: calc(100vw * (8 / 375));} .search-box ul li label{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;border: 0;clip: rect(0 0 0 0);} .search-box ul li select {font-size: calc(100vw * (13 / 375)); line-height: calc(100vw * (16 / 375)); padding: calc(100vw * (10 / 375)) calc(100vw * (53 / 375)) calc(100vw * (10 / 375)) calc(100vw * (17 / 375)); border-radius: calc(100vw*(6 / 375)); border: 0; width: calc(100vw * (220 / 375));} .search-box ul li select:hover {} .search-box ul li select::after {width: calc(100vw * (16 / 375)); height: calc(100vw * (8 / 375));} .search-box ul li input#keyword {width: calc(100vw*(260 / 375)); padding: calc(100vw*(9.5 / 375)) calc(100vw*(17 / 375)); font-size: calc(100vw*(13 / 375)); line-height: calc(100vw*(16 / 375));} .search-box ul li input.btn-search-block {font-size: calc(100vw * (13 / 375)); line-height: calc(100vw * (16 / 375)); width: calc(100vw * (90 / 375)); height: calc(100vw * (36 / 375));border-radius: calc(100vw * (6 / 375));padding: 0;} }