@charset "UTF-8";
.pc {
  display: none;
}
@media screen and (min-width: 768px) {
  body p, body span, body div, table th, table td {
    line-height: 1.5;
    font-size: 16px;
  }
  .sp {
    display: none;
  }
  .pc {
    display: block;
  }
  .flex_reverse {
    flex-direction: row-reverse;
  }
  /*          下層　　　　　*/
  .page_title {
    height: 160px;
    margin: 74px 0 0px 0;
  }
  .page_title span {
    letter-spacing: 2px;
    font-size: 28px;
  }
  .page_h2 {
    margin: 0px auto 50px auto;
    font-size: 30px;
    padding-left: 33px;
  }
  .page_h2:before {}
  .page_h3 {
    padding: 0 10px 10px 10px;
    margin: 40px 0 20px 0px;
    font-size: 24px;
  }
  /***　クッション画像*/
  .kazari_img {
    height: 500px;
  }
  /***　企業案内*/
  .tuyomi_img_wrap {
    width: 50%;
    margin-left: auto;
  }
  .ttd_02 .tuyomi_img_wrap {
    margin-left: 0;
  }
  .ttd_02 .tuyomi_text_wrap .text {
    margin-left: auto;
  }
  .tuyomi_text_wrap .text {
    width: 56%;
    margin-top: 0px;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    display: flex;
  }
  .tuyomi_text_wrap {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: calc(100% - 50px);
  }
  .top_tuyomi_detail .page_midasi {
    margin-bottom: 50px;
  }
  .ttd_02 {
    margin-top: 130px;
  }
  .tuyomi_img_wrap .img img {
    border-radius: 20px 0 0 20px !important;
  }
  .ttd_02 .tuyomi_img_wrap .img img {
    border-radius: 0 20px 20px 0 !important;
  }
  .com_pdf_wrap{
  
      display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
    .com_pdf_wrap p{
	margin: 0;
	width: 48%;
	}
  /*      　archive single　　　　　　　　　　*/
  /*　　　お知らせ　　*/
  .top_news_list {}
  .top_news_list > li a {
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
  }
  .top_news_list .title {
    flex: 1;
  }
  .top_news_list .blog_meta {
    width: 120px;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0;
    flex-direction: column;
    justify-content: center;
    display: flex;
  }
  .top_news_list .title a:after {
    width: 17px;
  }
  .single .entry-content h2 {
    margin: 40px 0;
    font-size: 21px;
    padding: 15px 25px;
  }
  .single .entry-content h3 {
    padding: 0 10px 10px 0px;
    margin: 40px 0 20px 0;
    font-size: 20px;
  }
   .nav-single {
    column-gap: 15px;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 60px;
  }
  .nav-single > div a {
    font-size: 14px;
    letter-spacing: 1px;
    border: solid 2px var(--color_01);
    height: 46px;
    padding: 10px 0;
  }
  .nav-single > div a:before {
    width: 7px;
    height: 7px;
  }
  .nav-single .nav-next a:before {
    right: 20px;
  
  }
  .nav-single .nav-previous a:before {
    left: 20px;
    right: auto;
  }
  
  
  
  
}
@media (min-width: 768px) and (max-width: 1300px) {
  .tuyomi_text_wrap {
    position: relative;
  }
  .tuyomi_text_wrap {
    width: calc(100% - 140px);
    margin: 0 auto !important;
  }
  .tuyomi_text_wrap .text {
    width: 100%;
  }
  .tuyomi_img_wrap {
    width: calc(100% - 70px);
  }
  .ttd_02 {
    margin: 100px 0;
  }
  .tuyomi_img_wrap .img {
    height: 400px;
    margin-bottom: 70px;
  }
  .tuyomi_img_wrap .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
/*      @media   　   min768　max1024                                         */
@media screen and (min-width: 768px) and (max-width:1070px) {}
@media screen and (max-width: 1070px) {

}
/*      @media   　 max767                                             */
@media screen and (max-width: 767.888px) {
.page_box{
padding-left: 25px;
padding-right: 25px;
}
  #secondary {
    margin-top: 40px;
  }
  .nav-previous a {
    padding: 12px 20px 12px 40px;
  }
  .nav-next a {
    padding: 12px 40px 12px 20px;
  }
  .common_table th,
  .common_table td{
  display: block;
  width: 100%;
  }
  
  
  
  
  
  
  
}


@media screen and (max-width: 1070px) {

.table_scroll_wrapper{

  overflow: auto;
  max-height: 400px; /* ←縦スクロールが必要な場合 */
  max-width: 100%;   /* 横スクロールが必要な場合 */
  position: relative;
}
.product_table{
width: 800px!important;
table-layout: fixed;
}
.product_table .c_y_01:nth-of-type(1) th{
}
.product_table th, .product_table td {
    font-size: 10px;
	    padding: 3px;
		line-height: 1.1;
	}
	.grade_name{
    font-size: 10px!important;
	
	}
/********製品情報　tableのみ　*/
/* ────────────────────────────────
  1. 縦スクロール時に赤＋ピンク背景セルを固定
──────────────────────────────── */
.c_y {
  position: sticky;
  top: 0;
  top: 0px;
  z-index: 3;
  height: 48px!important;

}
.c_y_01 th {
  position: sticky;
  top: 0px;
  z-index: 3;
  height: 24px;
}
.c_y_01:nth-of-type(2) th{
  position: sticky;
  top: 29px;
  z-index: 3;
  height: 24px;
  
    box-shadow: 0 3px 0 #ccc; /* ← 下線を描く */
  
  }


}