@charset "UTF-8";
#vi_lower {
  background-image: url("/cms/wp-content/themes/sdat_renew/img/product/alumipole/vi.webp"); }
  @media screen and (max-width: 767px) {
    #vi_lower {
      background-position: left center; } }

/* 検索ブロック／ページャー/backbtn
------------------------------------------*/
#contents .htype01 h1 a {
  text-decoration: none; }
#contents .search {
  margin: 0 0 6rem 0; }
  #contents .search ul {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 2rem;
    justify-content: center; }
    #contents .search ul li {
      display: flex; }
    #contents .search ul select, #contents .search ul input {
      width: 100%;
      cursor: pointer;
      -webkit-appearance: none;
      appearance: none;
      border-radius: 0px;
      border: none;
      padding: 1rem 5rem 1rem 1rem;
      font-size: 1.8rem;
      background: none;
      font-family: 'Noto Sans JP', Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif; }
    #contents .search ul .selectCover {
      border: 1px solid #FFF;
      background: #dee0e6;
      position: relative; }
      #contents .search ul .selectCover::before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5.5px 0 5.5px;
        border-color: #0f286c transparent transparent transparent;
        position: absolute;
        top: 50%;
        right: 1rem;
        transform: translateY(-50%) rotate();
        transition: 0.3s;
        z-index: 1; }
      #contents .search ul .selectCover.disable {
        background: #eff0f4; }
        #contents .search ul .selectCover.disable select {
          color: #CCC; }
        #contents .search ul .selectCover.disable::before {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 5px 5.5px 0 5.5px;
          border-color: #CCC transparent transparent transparent;
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%) rotate();
          transition: 0.3s;
          z-index: 111; }
      #contents .search ul .selectCover select.pref_child option {
        display: none; }
        #contents .search ul .selectCover select.pref_child option.show {
          display: block; }
    #contents .search ul .btnCover {
      background: #0f286c; }
      #contents .search ul .btnCover input {
        color: #FFF;
        text-align: center;
        padding: 1rem 5rem 1rem 5rem;
        width: 100%; }
#contents .pager {
  display: flex;
  grid-gap: 1rem;
  justify-content: center; }
  #contents .pager li span, #contents .pager li a {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 1rem;
    border: 1px solid #dee0e6;
    background: #1f4584;
    color: #FFF; }
  #contents .pager li span {
    background: #eff0f4;
    color: #CCC; }
  #contents .pager li a:hover {
    color: #1f4584;
    background: #eff0f4; }
#contents .backbtn {
  text-align: center;
  margin-top: 6rem; }
  #contents .backbtn a {
    display: inline-block;
    line-height: 1;
    text-decoration: none;
    padding: 1rem 2rem;
    border: 1px solid #dee0e6;
    background: #1f4584;
    color: #FFF; }
@media screen and (max-width: 1024px) {
  #contents .search {
    margin: 0 0 6rem 0; }
    #contents .search ul {
      display: flex;
      grid-gap: 1rem;
      justify-content: center; }
      #contents .search ul li {
        flex-grow: 1; }
      #contents .search ul .selectCover {
        width: 100%; }
      #contents .search ul .btnCover {
        width: 100%; } }
@media screen and (max-width: 767px) {
  #contents .search ul {
    grid-gap: 1rem; }
    #contents .search ul li {
      display: block; } }

/* photoDataSet
------------------------------------------*/
#contents .photoDataSet {
  margin-top: .5rem;
  display: grid;
  grid-template-columns: 7em auto;
  font-size: 1.2rem;
  line-height: 1.3;
  color: #555; }
  #contents .photoDataSet dt {
    border-bottom: 1px solid #a6abbf;
    padding: .5rem .5rem .75rem .5rem; }
  #contents .photoDataSet dd {
    border-bottom: 1px solid #cad0df;
    padding: .5rem .5rem .75rem .5rem; }
@media screen and (max-width: 767px) {
  #contents .photoDataSet {
    grid-template-columns: 5em auto; } }

/* articleList
------------------------------------------*/
#contents .articleList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  #contents .articleList::after {
    content: "";
    width: 32%;
    height: 0; }
  #contents .articleList > * {
    background: #eff0f4;
    box-shadow: 5px 5px 5px #dee0e6;
    border: 1px solid #eff0f4;
    width: 32%;
    margin-bottom: 6rem;
    position: relative; }
    #contents .articleList > *:hover {
      background: #FFF; }
    #contents .articleList > * p {
      margin: 0; }
    #contents .articleList > * a {
      padding: 1rem 1rem;
      text-decoration: none;
      display: block; }
      #contents .articleList > * a img {
        opacity: 1; }
  #contents .articleList .photo {
    aspect-ratio: 4 / 3;
    margin-bottom: 2rem; }
    #contents .articleList .photo img {
      width: 100%;
      height: 100%;
      object-fit: scale-down; }
  #contents .articleList p {
    border-top: 2px solid #1f4584;
    border-bottom: 1px solid #a6abbf;
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 1rem .5rem 1rem .5rem; }
@media screen and (max-width: 1024px) {
  #contents .articleList::after {
    display: none; }
  #contents .articleList > * {
    width: 48%; } }
@media screen and (max-width: 767px) {
  #contents .articleList > * {
    margin-bottom: 3rem; }
    #contents .articleList > * a {
      padding: 1rem; } }

/* detail 
------------------------------------------*/
#contents .photoBlock .mainPhoto {
  position: relative;
  margin-bottom: 32px;
  text-align: center; }
  #contents .photoBlock .mainPhoto a {
    display: inline-block;
    position: relative; }
    #contents .photoBlock .mainPhoto a:after {
      background: url("/cms/wp-content/themes/sdat_renew/img/cmn/zoom.webp") 0 0/contain;
      content: "";
      position: absolute;
      bottom: -12px;
      right: -12px;
      width: 64px;
      height: 64px; }
#contents .photoBlock .subPhoto {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  grid-gap: 2rem; }
  #contents .photoBlock .subPhoto li {
    width: calc(50% - 1rem);
    text-align: center; }
    #contents .photoBlock .subPhoto li a {
      display: inline-block;
      position: relative; }
      #contents .photoBlock .subPhoto li a:after {
        background: url("/cms/wp-content/themes/sdat_renew/img/cmn/zoom.webp") 0 0/contain;
        content: "";
        position: absolute;
        bottom: -12px;
        right: -12px;
        width: 48px;
        height: 48px; }
#contents .detailBlock .photoDataSet {
  margin-bottom: 6rem;
  border-top: 2px solid #1f4584;
  grid-template-columns: 9em auto;
  font-size: 1.6rem;
  color: #000; }
  #contents .detailBlock .photoDataSet dt {
    padding: 1rem .5rem 1.25rem .5rem; }
  #contents .detailBlock .photoDataSet dd {
    padding: 1rem .5rem 1.25rem .5rem; }
#contents .detailBlock .comment p {
  margin-bottom: 1rem; }
#contents .detailBlock .comment .noborilist dt {
  padding-bottom: 5px;
  border-bottom: 1px dashed #CCC;
  margin-bottom: 5px; }
#contents .detailBlock .comment .noborilist dd {
  font-size: 1.4rem;
  margin-bottom: 15px; }