/* フロントページ_の画面幅が1600ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1600px){
  
  


}











/* 画面幅が1400ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1400px){

  .post-type-archive-item .search_box_wrapper .custom_input {
    width: 10em;
  }

  .post-type-archive-item .search_box_wrapper .custom_search_btn {
    padding: 0.5em 1em;
  }


}









/* 画面幅が1200ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1200px){

  /* ********************************** スワイパー ********************************** */
  .post-type-archive-item #new_item_list_warapper .item_list_box{
    max-width: 650px;
  }

  /* ********************************** その他 ********************************** */

  .post-type-archive-item #new_item_list_warapper .search_container {
    margin: 1.5em auto 0 auto;
    text-align: center;
  }

  .post-type-archive-item .search_title {
    padding: 1em 0 0.5em 0;
  }

  .post-type-archive-item .category_name_box > li {
    border: 1px solid var(--assortcolor);
    padding: 1.5em;
  }

  .post-type-archive-item .seen_category_list_box_wrapper,
  .post-type-archive-item .season_category_list_box_wrapper {
    padding-top: 2em;
  }


  .post-type-archive-item .seen_category_list_box_wrapper > li:nth-child(2) {
    padding: 0 2em 1em 2em;
    background-color: var(--assortcolor);
  }


  .post-type-archive-item .tag_list_contents {
    padding: 1.5em 1.5em 0.75em 1.5em;
  }


  .post-type-archive-item .tag_list_contents li a {
    margin: 0 1.25em 1.25em 0;
    padding: 1em 2em;
  }

  .post-type-archive-item .seen_category_list_contents > li {
    height: 200px;
  }

  .post-type-archive-item .seen_category_list_contents li .seen_ttl,
  .post-type-archive-item .season_category_list_box_wrapper li .seen_ttl {
    bottom: 1em;
  }


  .post-type-archive-item .seen_category_list_contents li img {
    top: 45%;
  }

  .post-type-archive-item .seen_category_list_contents li:nth-child(3) img {
    width: 120px;
  }


  .post-type-archive-item .seen_category_list_contents li:nth-child(7) img,
  .post-type-archive-item .seen_category_list_contents li:nth-child(11) img,
  .post-type-archive-item .seen_category_list_contents li:nth-child(12) img{
    width: 135px;
  }










  







}












/* 画面幅が1000ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1000px){

  /* ********************************** スワイパー ********************************** */
  .post-type-archive-item #new_item_list_warapper .item_list_box {
    max-width: unset;
  }

  /* ********************************** 検索フォーム ********************************** */
  .post-type-archive-item .search_box_wrapper .custom_search_btn {
    width: 100%;
    max-width: 200px;
  }


  /* ********************************** カテゴリー ********************************** */

  .post-type-archive-item .tag_list_box_wrapper {
    padding-top: 2em;
  }

  .post-type-archive-item .season_category_list_contents{
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2列に設定 */
    gap: 0px; /* 必要に応じてアイテム間の隙間を調整 */
    padding: 2em;
  }

  /* 最後のliの余白スペースを埋めるための要素 */
  .post-type-archive-item .season_category_list_contents::after {
    content: "";
    grid-column: span 2; /* 2列分のスペースを埋める */
  }

  .post-type-archive-item  .season_category_list_contents > li:nth-child(1),
  .post-type-archive-item  .season_category_list_contents > li:nth-child(2){
    border-bottom: 3px solid var(--assortcolor);
  }

  /* 2番目と4番目のアイテムの右側のボーダーを消す */
  .post-type-archive-item .season_category_list_contents > li:nth-child(2),
  .post-type-archive-item .season_category_list_contents > li:nth-child(4) {
    border-right: unset;
  }

  /* 3番目と4番目のアイテムの下側のボーダーを消す */
  .post-type-archive-item .season_category_list_contents > li:nth-child(3),
  .post-type-archive-item .season_category_list_contents > li:nth-child(4) {
    border-bottom: unset;
  }

  .post-type-archive-item .season_category_list_box_wrapper li:nth-child(3) img{
    width: 115px;
    top: 43%;
  }

  .post-type-archive-item .season_category_list_box_wrapper li:nth-child(4) img{
    width: 120px;
    top: 43%;
  }














  


  


  
  







  





}











/* 画面幅が800ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:800px){

  .post-type-archive-item .search_title {
    padding: 0.5em 0 0.5em 0;
  }

  .post-type-archive-item .category_name_box {
    grid-template-columns: repeat(2, 1fr);
  }

  .post-type-archive-item .seen_category_list_box_wrapper > li:nth-child(2) {
    padding: 0 1em 0em 1em;
  }

  .post-type-archive-item  .seen_category_list_contents {
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
  }

  .post-type-archive-item .season_category_list_contents {
    padding: 1em;
  }

  .post-type-archive-item .season_category_box {
    padding: 0em 1em 1em 1em;
  }








  /* ********************************** 製品タクソノミー共通素材 ********************************** */
  .item_category4 ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 1em;
  }

  .item_category4 ul li {
    border: 3px solid var(--notecolor);
  }

  .item_flex_container {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5em;
  }

  .tax-item_category2 .sub_ttl_boarder,
  .tax-item_category3 .sub_ttl_boarder {
    margin-bottom: 1.5em;
  }







  


  


  
  







  





}










/* 画面幅が600ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:600px){

  /* ********************************** 検索フォーム ********************************** */
  .post-type-archive-item .search_box_wrapper .custom_search_btn {
    max-width: unset;
  }

  .post-type-archive-item .seen_category_list_contents li:nth-child(7) img,
  .post-type-archive-item .seen_category_list_contents li:nth-child(11) img,
  .post-type-archive-item .seen_category_list_contents li:nth-child(12) img {
    width: 90px;
  }

  .post-type-archive-item .seen_category_list_contents {
    grid-template-columns: repeat(2, 1fr);
    gap:0.5em;
  }

  .post-type-archive-item .seen_category_list_contents > li {
    height: 150px;
  }

  .post-type-archive-item .seen_category_list_contents li:nth-child(3) img {
    width: 90px;
    top: 42%;
  }

  .post-type-archive-item  .season_category_list_contents li img{
    width: 100px;
  }

  .post-type-archive-item .season_category_list_box_wrapper li:nth-child(3) img,
  .post-type-archive-item .season_category_list_box_wrapper li:nth-child(4) img{
    width: 85px;
  }









  /* ********************************** 製品タクソノミー共通素材 ********************************** */
  .item_flex_container {
    grid-template-columns: repeat(1, 1fr);
    gap: 1em;
  }

  .item_category4 ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
  }

  .item_flex_container > li {
    padding-bottom: 2em;
    border-bottom: 4px dotted var(--notecolor);
    margin-bottom: 1.5em;
  }

  .taxonomy_icon_wrapper img {
    max-height: 80px;
  }

  .taxonomy_icon_wrapper {
    padding: 1em;
  }




  



  







}










/* 画面幅が500ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:500px){

  .post-type-archive-item .category_name_box {
    grid-template-columns: repeat(1, 1fr);
  }

  /* 最後のliの余白スペースを埋めるための要素 */
  .post-type-archive-item .category_name_box::after {
    content: "";
    grid-column: span 1; /* 1列分のスペースを埋める */
  }










}