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

  .image_box_main_swiper{
    max-width: 600px;
    margin: 0 auto;
  }
  
  


}











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





}









/* 画面幅が1200ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1200px){
  
  .image_box_main_swiper,
  .sub_image_container,
  .similar-item-slider-wrapper,
  .scroll_space {
    max-width: 650px;
  }

  






}









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

  .main_contents .product_number {
    display: inline-block;
    padding: 0.5em 1em
  }

  .item_ttl {
    text-align: left;
    line-height: 1.25em;
  }




  .image_box_main_swiper_button_prev,
  .image_box_main_swiper_button_next{
    width: 30px;
    height: 30px;
  }

  .image_box_main_swiper_button_prev {
    left: -2em;
  }

  .image_box_main_swiper_button_next {
    right: -2em;
  }

  .image_box_main_swiper,
  .sub_image_container,
  .similar-item-slider-wrapper{
    max-width: unset;
  }

  .image_box {
    background-color: var(--assortcolor);
    padding: 2em;
    margin-bottom: 1.5em;
    width: 100%;
  }

  .scroll_space {
    max-width: unset;
  }

  .tab_content th, .tab_content td {
    padding: 1em 1em;
  }

  .tab_content th {
    min-width: 130px;
  }







  .memo_box {
    margin: 2em 0;
  }

  #item_features_warapper .gray_dot_border {
    margin: 2em 0 2em 0;
  }















}




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

  .item_name {
    display: block;
    width: 100%;
  }

  .main_contents .product_number {
    margin: 0 0 1em 0;
  }

  .image_box {
    padding: 1em;
    margin-bottom: 1em;
  }

  .image_box .swiper-slide img {
    border: 4px solid white;
  }

  .item_text {
    margin-bottom: 1.5em;
  }

  .item_switch_tag {
    display: block;
  }

  .item_switch_tag > li:first-of-type {
    width: 100%;
    display: none;
  }

  .item_switch_tag > li::before{
    content: "※";
  }






  .image_box_main_swiper_button_prev,
  .image_box_main_swiper_button_next{
    width: 15px;
    height: 15px;
  }

  .image_box_main_swiper_button_prev {
    left: -1em;
  }

  .image_box_main_swiper_button_next {
    right: -1em;
  }

  .spec_box{
    width: 100%;
    display: block;
  }

  .tab_menu {
    background-color: var(--notecolor);
  }

  .tab_content tbody,
  .tab_content tr,
  .tab_content th,
  .tab_content td {
    outline: unset;
    width: 100%;
    display: block;
    border: unset;
  }

  .tab_content th {
    border: unset;
    background-color: #F9F8F8;
    text-align: left;
  }

  .tab_content th::before{
    content: "〈 ";
  }

  .tab_content th::after{
    content: " 〉";
  }

  #tab_b_content,
  #tab_c_content{
    border: unset;
  }

  .memo_box ul {
    display: block;
  }

  .memo_box ul li{
    margin-bottom: 1.5em;
  }

  #item_features_warapper td a {
    line-height: 1.5em;
  }
  














  

  







}





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

  .tab_menu {
    padding: 0.75em;
  }

  .tab_content th, .tab_content td {
    padding: 0.75em 1em;
  }

  #item_section4 .gray_dot_border {
    margin: 1em 0;
  }

  .scroll_space_bg {
    width: 9em;
  }

  .scroll_space_bg::before,
  .scroll_space_bg::after {
    background: none;
    content: unset;
  }


  








}