@charset "UTF-8";

/**
page-display-category.phpのパーツ隠し
*/
.postid-158 .series--multimedia,
.postid-158 .series--standard,
.postid-158 .series--square,
.postid-158 .series--4khdr {
  border: none;
}
.postid-158 .item-list__title,
.postid-158 .item-list__lead,
.postid-158 .item-list__toggle {
  display: none;
}


/**
以降、フォームパーツのためスタイル
*/
body.postid-158 {
  min-width: 100%;
}
body.postid-158 .search_container,
body.search-display .search_container {
  width: 100%;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
}
.postid-158 .search_container .inner {
  width: min(960px, 100%);
  margin: 0 auto;
}
.postid-158 .sec_option2 {
  display: none;
}
.postid-158 .sec_select,
.postid-158 .sec_search {
  margin: 0 calc(50% - 50vw);
  padding: 0 calc(50vw - 50%);
  width: 100vw;
  background: #f0f0f0;
  text-align: left;
}
.postid-158 .sec_select {
  padding-top: 30px;
}
.postid-158 .sec_select dt,
.postid-158 .sec_search .submit,
.postid-158 .sec_search .reset,
.postid-158 .sec_option dt{
  font-weight: 700;
}
.postid-158 .sec_select {
  display: grid;
  grid-template-columns: repeat(4, 225px);
  column-gap: 20px;
}
.postid-158 .sec_select .column:not(:last-child) dl:not(:last-child) {
  margin-bottom: 32px;
}
.postid-158 .sec_select dt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 225px;
  height: 35px;
  color: #fff;
  background: #ff901e;
}
.postid-158 .sec_select dd {
  padding: 8px 5px;
}
.postid-158 .sec_select dd label {
  cursor: pointer;
}
.postid-158 .sec_select dd span {
  display: inline-block;
  margin-left: .25em;
  font-size: 15px;
  font-size: 1.5rem;
}
.postid-158 .sec_select .column:last-child dd {
  display: flex;
  justify-content: start;
  padding: 10px 5px;
}
.postid-158 .sec_select .column:last-child dd label {
  display: inline-block;
  width: 50%;
}
.postid-158 .sec_select .column input {
  margin-right: 10px;
}
.postid-158 .sec_search {
  padding: 50px 0 40px;
}
.postid-158 .sec_search .submit {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 35px;
  width: 300px;
  height: 80px;
  color: #fff;
  background: #0074c6;
  font-size: 2.2rem;
}
.postid-158 .sec_search .submit button {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 25px;
  border: none;
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: 700;
  background: transparent;
  cursor: pointer;
}
.postid-158 .sec_search .submit button img {
  width: 23px;
  height: 20px;
}
.postid-158 .sec_search .reset {
  font-size: 1.6rem;
  text-align: center;
  text-decoration: underline;
}
.postid-158 .sec_search .reset button {
  border: none;
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
}
.postid-158 .sec_option {
  padding: 35px 0 25px;
}
.postid-158 .sec_option dl {
  display: flex;
  column-gap: 22px;
  justify-content: end;
  align-items: center;
  font-size: 1.8rem;
}
.postid-158 .sec_option dl dt {
  font-weight: 700;
}
.postid-158 .sec_option dl dd select {
  position: relative;
  padding: 0 15px;
  border-radius: 6px;
  width: 180px;
  height: 40px;
}
.postid-158 .sec_option #reorder option::-moz-selection,
.postid-158 .sec_option #reorder option::selection {
  color: #fff;
  background: #0074c6;
}

@media all and (max-width: 959.98px) {
  .postid-158 .sec_select {
    grid-template-columns: repeat(3, 225px);
    justify-content: center;
  }
}

@media print, screen and (max-width: 767.98px) {
  .postid-158 .sec_select {
    grid-template-columns: repeat(2, 225px);
  }
}

@media print, screen and (max-width: 540px) {
  .postid-158 .sec_select {
    padding-top: 0;
  }
  .postid-158 .sec_option2 {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 30px;
    padding: 15px 0;
    background: #f0f0f0;
    font-weight: 400;
  }
  .postid-158 .sec_option2 p.view_select,
  .postid-158 .sec_option2 .btn-select/*,
  .postid-158 .sec_option2 select */{
    position: relative;
    border: 1px solid #666;
    border-radius: 6px;
    width: 180px;
    height: 40px;
    background: #fff;
    text-align: center;
    -webkit-appearance: none;
    appearance: none;
    background: url('../images/common/arrow-down.png') no-repeat 93% center #fff;
    background-size: 10px 6px;
/*    transition: all 1s ease;*/
  }
/*  .postid-158 .sec_option2 p.view_select:hover,*/
/*  .postid-158 .sec_option2 p.view_select:active*/
    .postid-158 .sec_option2 p.view_select.tapped {
    background: url('../images/common/arrow-up.png') no-repeat 93% center #d6efff;
    background-size: 10px 6px;
/*    transition: all .8s ease;*/
/*    background-color: #d6efff;*/
  }
/*  .postid-158 .sec_option2 .view_select a {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
  }*/
  .postid-158 .sec_option2 .view_select,
  .postid-158 .sec_option2 .label {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .postid-158 .sec_option2 .label {
    position: absolute;
    width: 100%;
    color: #000;
    line-height: 40px;
    z-index: 1;
    top: -1px;
  }
  .postid-158 .sec_option2 .select {
    position: relative;
    z-index: 2;
    opacity: 0;
  }
  .postid-158 .sec_option2 .select:focus {
    z-index: -1;
    opacity: 1;
  }
  .postid-158 .sec_select {
    grid-template-columns: repeat(1, 390px);
  }
  .postid-158 .sec_select .column:not(:last-child) dl:not(:last-child) {
    margin-bottom: 5px;
  }
  .postid-158 .sec_select dl {
    margin-bottom: 5px;
    width: min(390px,98%);
  }
  .postid-158 .sec_select dl dt {
    height: 45px;
    font-size: 2.3rem;
    background: url('../images/common/arrow-down_white.png') no-repeat 93% center #ff901e;
    background-size: 20px 12px;
  }
/*  .postid-158 .sec_select dl dt.active {
    background: url('../images/common/arrow-up_white.png') no-repeat 93% center #ff901e;
    background-size: 20px 12px;
  }*/
  .postid-158 .sec_select dl dt,
  .postid-158 .sec_select dl dd {
    margin: auto;
    width: min(390px, 96%);
  }
  .postid-158 .sec_select dl dd {
    font-size: 2.3rem;
  }
  .postid-158 .sec_select div:first-child dl dd {
    display: inline-block;
    width: 48%;
  }
/*  .postid-158 .sec_select div dl.acMenu div {
    display: none;
  }*/
  .postid-158 .sec_select,
  .postid-158 .sec_search {
    display: none;
/*    transition: all 1s ease;*/
  }
  .postid-158 .sec_select.active {
    display: grid;
  }
  .postid-158 .sec_search.active {
    display: block;
  }
  .postid-158 .sec_select dl div {
    padding: 0 8px 36px;
  }
  .postid-158 .sec_search p.submit {
    font-size: 2.2rem;
  }
  .postid-158 .sec_search p.reset {
    font-size: 1.6rem;
  }
  .postid-158 .sec_option {
    display: none;
  }
}
@media screen and (max-width: 428px) {
  .postid-158 .sec_select {
    grid-template-columns: repeat(1, 360px);
  }
  .postid-158 .sec_option2 {
    column-gap: 5px;
  }
  .postid-158 .sec_option2 p button,
  .postid-158 .sec_option2 select {
    width: 170px;
  }
}