.infoz { margin: 0px auto; padding: 20px 0px 0px; width: 94%; max-width: 980px; }
.infoz ul { margin: 0px; padding: 0px; list-style-type: none; }
.infoz li { margin: 15px 0px 0px; padding: 0px; border: 1px solid #777777; }
.infoz li a { position: relative; padding: 10px 15px; width: 100%; display: flex; flex-flow: wrap; justify-content: flex-start; align-items: flex-start; box-sizing: border-box; text-decoration: none; }
.infoz li a::after { position: absolute; top: 50%; right: 2px; width: 0px; height: 0px; border-width: 7px 8px; border-style: solid; content: ""; transform: translateY(-50%); border-color: transparent transparent transparent #ada16c; }
.infoz li a .ud { padding: 7px 0px 0px; width: 90px; font-size: 0.93rem; line-height: 100%; }
.infoz .ctg { margin: 5px 0px 0px; padding: 4px 0px; width: 120px; font-size: 0.8rem; line-height: 100%; text-align: center; letter-spacing: -0.05em; }
.infoz .mj { width: 100%; padding: 8px 18px 5px 0px; font-size: 1.1rem; line-height: 150%; box-sizing: border-box; font-weight: bold; }
.infoz .nw { color: #cc3300; font-size: 0.8rem; margin-left: 7px; white-space: nowrap; }
.infoz .rgt { padding: 10px 10px 0px; text-align: right; font-size: 0.9rem; line-height: 150%; font-weight: bold; }
.bnr01 { margin: 0px auto; padding: 30px 0px 50px; width: 94%; max-width: 732px; text-align: center; font-size: 0.8rem; line-height: 150%; }
.bnr01 img { width: 100%; margin-bottom: 10px; }
.prf { flex-flow: row; }
.prf .pht { position: relative; flex-basis: 50%; }
.prf .pht img { width: 100%; height: 100%; object-fit: cover; }
.prf .pht div { position: absolute; bottom: 15px; left: 10px; width: 150px; color: #ffffff; font-size: 0.7rem; line-height: 100%; }
.prf .bun { flex-basis: 50%; }
.prf .bun > div { margin: 0px auto; padding: 20px 0px 50px; width: 94%; box-sizing: border-box; }
.prf .bun h3 { margin: 0px; padding: 0px 0px 10px; font-size: 1.5rem; line-height: 150%; }
.prf .btn { margin: 0px auto; padding: 30px 0px 0px; width: 100%; max-width: 280px; }
.prf .btn a { position: relative; display: block; width: 100%; text-align: center; text-decoration: none; padding: 15px 0px; line-height: 100%; border: 1px solid #777777; }
.prf .btn a::after { position: absolute; top: 50%; right: 2px; width: 0px; height: 0px; border-width: 7px 8px; border-style: solid; content: ""; transform: translateY(-50%); border-color: transparent transparent transparent #ada16c; }
.prfrv .pht { order: 2; }
.prfrv .bun { order: 1; }
.cts { margin: 0px auto; padding: 10px 0px 30px; width: 94%; max-width: 1300px; font-size: 0.9rem; line-height: 200%; }
.cts ul { margin: 0px; padding: 0px; list-style-type: none; flex-flow: wrap; justify-content: space-between; }
.cts li { position: relative; margin: 50px 0px 0px; padding: 0px 0px 40px; flex-basis: 48%; }
.cts li:first-of-type { margin-top: 40px; }
.cts .pht { position: relative; display: block; width: 100%; height: 0px; padding-bottom: 60%; }
.cts .pht > div { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.cts .pht img { width: 100%; height: 100%; object-fit: cover; }
.cts .bun { margin: 0px auto; padding: 0px; width: 94%; max-width: 360px; box-sizing: border-box; }
.cts .bun h4 { margin: 0px; padding: 10px 0px 5px; font-size: 1.2rem; line-height: 150%; text-align: center; }
.cts .btn { position: absolute; bottom: 0px; left: 50%; width: 100%; max-width: 200px; transform: translateX(-50%); }
.cts .btn a { position: relative; display: block; width: 100%; text-align: center; text-decoration: none; padding: 5px 0px; font-size: 0.8rem; line-height: 100%; }
.cts .btn a::after { position: absolute; top: 50%; right: 2px; width: 0px; height: 0px; border-width: 5px 6px; border-style: solid; content: ""; transform: translateY(-50%); border-color: transparent transparent transparent #ffffff; }
.lnkz { margin: 0px auto; padding: 10px 0px 50px; width: 94%; max-width: 1080px; line-height: 200%; flex-flow: wrap; align-items: flex-start; }
.lnkz .pht { margin: 30px auto 0px; width: 90%; max-width: 312px; border: 1px solid #cccccc; }
.lnkz .bun { margin: 30px 0px 0px; flex: 1 1 0%; box-sizing: border-box; }
.lnkz .bun h3 { margin: 0px; padding: 0px 0px 10px; font-size: 1.2rem; line-height: 150%; border-bottom: 1px solid #777777; }
.lnkz .bun ul { margin: 0px; padding: 0px; list-style-type: none; }
.lnkz .bun li { margin: 0px; padding: 10px 0px; border-bottom: 1px dashed #cccccc; }
.bnrbx { margin: 0px auto; padding: 20px 0px 15px; list-style-type: none; width: 96%; max-width: 860px; flex-flow: wrap; justify-content: space-between; }
.bnrbx li { margin: 20px 0px 0px; padding: 0px; flex-basis: 49%; border: 1px solid #9dacb5; box-sizing: border-box; }
.bnrbx li a { display: block; position: relative; width: 100%; }
.bnrbx li a::after { position: absolute; top: 50%; right: 2px; width: 0px; height: 0px; border-width: 7px 8px; border-style: solid; content: ""; transform: translateY(-50%); border-color: transparent transparent transparent #999999; }
.bnrbx img { width: 100%; }
.cntr1 { padding: 0px 0px 20px; text-align: center; font-size: 0.9rem; line-height: 175%; }
@media print, screen and (min-width: 500px) {
  .bnrbx { display: flex; }
  .cts ul { display: flex; }
  .cts li:first-of-type { margin-top: 50px; }
  .cts .pht { padding-bottom: 100%; }
}
@media print, screen and (min-width: 640px) {
  .prf .btn { margin: 0px; }
  .cts li { flex-basis: 32%; }
  .lnkz { display: flex; }
  .lnkz .bun { padding: 0px 0px 0px 50px; }
}
@media print, screen and (min-width: 700px) {
  .infoz { padding-top: 40px; }
  .infoz li a { padding: 19px 20px; }
  .infoz li a .ud { width: 100px; }
  .infoz .mj { width: calc(100% - 220px); padding: 0px 18px; }
}
@media print, screen and (min-width: 768px) {
  .prf { display: flex; flex-flow: row; }
  .prf .bun > div { padding: 50px 0px 50px 10px; width: 80%; min-height: 550px; }
  .prf .bun h3 { padding-bottom: 20px; font-size: 1.8rem; line-height: 150%; }
  .cts .pht { padding-bottom: 80%; }
}
@media print, screen and (min-width: 900px) {
  .cts li { margin: 60px 0px 0px; flex-basis: 31%; }
  .cts .pht { padding-bottom: 66%; }
}