/*----- SP ---------------------------------------*/


/*---  ワイド画面対応 ---*/

@media (min-width: 2000px) {
		.pro-item .top {
				height: 90rem;
			}

}



@media (max-width: 1399px) {
/*---------------------------------*/
/*  top-page メンテナンス          */
/*---------------------------------*/
	.sup-text2-bk ul {
			flex-direction: column; /* 縦並びにする */
			align-items: center;    /* 中央揃えにする場合（左揃えが良い場合は flex-start） */
			gap: 15px;              /* テキストとボタンの間の余白 */
		}

/*---------------------------------*/
/*  title（製品、サポート、企業）  */
/*---------------------------------*/
	.sup .page-top {
			height: 30rem;
		}
	.sup .p-top-l {
    	max-height: 30rem;
		}
	.sup .p-top-l img {
	    height: 30rem;
		}
	.sup .p-top-box {
	    display: block;
		}
	.sup .p-top-r {
    	padding: 0 5rem;
		}
	.sup .p-top-text {
	    padding: 1rem;
		}
	.sup .p-top-box::before,
	.sup .p-top-box::after {
			display: none;
		}


}


@media (max-width: 1450px) {
/*----------------------------*/
/*  top-page （企業情報）     */
/*----------------------------*/
  #top-company .com-box p {
	  font-size: 90%;
  }

}
	


@media (max-width: 1300px) {
/*----------------------------*/
/*  top-page （企業情報）     */
/*----------------------------*/
  #top-company .com-box-container {
    position: static; /* 重ね配置を解除 */
  }
	
  #top-company .company-text { 
	background-color: #fbfbf9;
  }
  #top-company .com-box {
    width: 100%;
    padding: 2rem 1rem;
    background-color: transparent; /* 必要に応じて背景色をつけてください */
    box-sizing: border-box;
  }
	
}

/*  xl  */
@media (max-width: 1199px) {

/*----------------------------*/
/*  top-page                  */
/*----------------------------*/
		.t-list-item, .t-list-item1, .t-list-item2 {
				font-size: 90%;
				padding: 1rem 1rem; 
			}
		.gentle-search-in .search-field {
				font-size: 90%;
				padding: 0.8rem 3rem 0.8rem 1rem;
			}
		.top-menu-inner {
    		padding-right: 70px;
			}
		.top-mail, .hamburger {
  			width: 50px;
  			height: 50px;
			}

/*----------------------------*/
/*  products item（商品）     */
/*----------------------------*/
		.pro-item .top {
    		height: 60rem;
	}
	/*	.pro-item {
				font-size: 75%;
			}  */
		.pro-item .top-text1 {
				left: 5rem;
			}


/*----------------------------*/
/*  footer                    */
/*----------------------------*/
	.footer-area::before {
        top: -30px;
	  }
	.footer-area::after {
        top: -145px;
	  }


}



/*  lg  */
@media (max-width: 991px) {
	body {
     		font-size: 1.4rem;
			}
	.pro-item h2 {
     		font-size: 2rem;
			}
/*----------------------------*/
/*  header                    */
/*----------------------------*/
	.gentle-search-in {
		width: 20rem;
			}
	.s-area {
		padding-bottom: 2rem;
			}
	.op-menu li {
  		margin: 0 0 0.5rem 2rem;
			}


/*----------------------------------*/
/*  top page  （スライダーボタン）  */
/*----------------------------------*/
  .sl-item label span {
      margin: 10px 8px; /* 上下マージンを 30px -> 10px に縮小 */
  }

/*----------------------------*/
/*  top page                  */
/*----------------------------*/
	section {
		padding-top: 3rem;
			}
	.cate-label {
	  padding: 0.1rem 1rem;
			}
	#top-product .pro-img img {
      width: 100%;
			}
	#top-product .pro-text-l,
	#top-product .pro-text-r {
      margin-left: 0;
			}
	#top-product .pro-text-l, #top-product .pro-text-r {
	  width: 100%;
	  margin-top: -0.8rem;
			}
	#top-product .pro-s {
	  margin-bottom: 2.5rem;
			}
	#top-support .sup-bk ul {
    flex-direction: column;
    align-items: center;
			}
	#top-support .top-sup-bt li label {
	  padding: 1rem 0;
			}
	#top-support .sup-content {
      padding-top: 0.5rem;
			}
	#top-shop img {
	  width: 95%;
	  height: auto;
			}

/*---------------------------------*/
/*  title（製品、サポート、企業）  */
/*---------------------------------*/
	.sup section {
  	padding: 0 0 3rem;
			}

/*----------------------------*/
/*  footer                    */
/*----------------------------*/
	.footer-area {
		margin-top: 50px;
			}
	.footer-area::before,
	.footer-area::after, 
	.f-menu {
		display: none;
			}
	.f-sp {
		padding-bottom: 1rem;
		border-bottom: 1px solid #fff;
			}

/*----------------------------*/
/*  products item（商品）     */
/*----------------------------*/
		.pro-item h1,
		.pro-item .item-caption {
				font-size: 4vw;
			}
		.pro-item .cl-controls {
				gap: 0.5em;
			}

}


/* スマホ時（WordPress管理バーの高さが46pxに変化する場合の対応） */
@media screen and (max-width: 782px) {
  .admin-bar .top-ham {
    top: calc(0.5rem + 46px);
  }
}



/*  md  */
@media (max-width: 767px) {

/*----------------------------*/
/*  header                    */
/*----------------------------*/
	.top-menu-inner {
			padding-right: 0;
		}
	.top-list {
		    justify-content: center;
		}
	 .top-ham {
    	top: 0.5rem;
 		}


/*----------------------------*/
/*  top page                  */
/*----------------------------*/
	#top-support .sup-text1-bk ul {
    	flex-direction: row;
 		}


/*---------------------------------*/
/*  title（製品、サポート、企業）  */
/*---------------------------------*/
	.sup .page-top {
			height: 55rem;
		}
	.sup .p-top-l {
    	max-height: 30rem;
		}
	.sup .p-top-l img {
			width: 100%;
	    height: auto;
		}
	.sup .p-top-box {
	    display: block;
		}
	.sup .p-top-r {
    	padding: 1rem 3rem;
		}

/*----------------------------*/
/*  products item（商品）     */
/*----------------------------*/
	.pro-item .top {
    		height: 50rem;
	}
		.pro-item .top-text1 {
				top: 5rem;
				left: 1rem;
			}
		.pro-item h1 {
				margin-bottom: 0;
			}


/*----------------------------*/
/*  sup（お客様サポート）     */
/*----------------------------*/
	.sup .item-text1,
	.sup .item-text2 {
      	margin: 0;
			}


}



/*  sm  */
@media (max-width: 575px) {

/*----------------------------*/
/*  header                    */
/*----------------------------*/
.top-list {
    display: flex;
    flex-direction: column;
    align-items: center;
			}
  .top-list-menu {
    flex-wrap: wrap; /* 必要に応じて折り返しを許可 */
			}
	.t-list-item1 ul,
	.t-list-item2 ul {
		width: 20rem;
		left: -4rem;
			}
	.t-list-item1 ul::before,
	.t-list-item2 ul::before {
		left: 6rem;
			}
	.t-list-item1 ul::after,
	.t-list-item2 ul::after {
		left: 6rem; 
			}
/*  検索窓  */
	.gentle-search-in {
		width: 25rem;
			}
  .top-mail, .hamburger {
		width: 43px;
		height: 43px;
			}


/*----------------------------------*/
/*  top page  （スライダーボタン）  */
/*----------------------------------*/
  .sl-item label span {
    margin: 5px 6px; 
    width: 8px;      /* ドット自体も少し小さく */
    height: 8px;
  }

/*------------------------------*/
/*  top page  （お客様サポート  */
/*------------------------------*/
	#top-support .top-sup-bt .en {
		display: none;
			}
	
	
/*----------------------------*/
/*  top-page （企業情報）     */
/*----------------------------*/
  #top-company .com-box p br {
	  display: none;
  }

/*----------------------------*/
/*  news（お知らせ）　        */
/*----------------------------*/
	.news1  {
    	padding: 0.8rem 0.5rem;
	  }



/*---------------------------------*/
/*  title（製品、サポート、企業）  */
/*---------------------------------*/
	.sup .page-top {
			height: 45rem;
		}


/*----------------------------*/
/*  products item（商品）     */
/*----------------------------*/
		.pro-item .top {
				height: 30rem;
			}
		.pro-item .top-text1 {
				top: 1rem;
			}
		.pro-item .features p ,
		.pro-item .color-va p  {
				text-align: left;
			}
		.pro-item .features p br,
		.pro-item .color-va p br {
				display: none;
			}
		.pro-item .fea {
				padding: 3rem 0 ;
			}
		.pro-item .fea .fea-item:nth-of-type(N+5) img {
				display: none;
			}
		.pro-item .fea .fea-item:nth-of-type(N+5) .fea-con {
				border-radius: 10px;
			}
		.pro-item .mov {
    		width: 100%;
			}
		.pro-item .cl-card {
		    flex: 0 0 100%; /* スマホでは1枚全画面 */
 			}
		#cl-nav2:checked ~ .cl-window .cl-inner { transform: translateX(-100%); }
		#cl-nav3:checked ~ .cl-window .cl-inner { transform: translateX(-200%); }
		#cl-nav4:checked ~ .cl-window .cl-inner { transform: translateX(-300%); }
		#cl-nav5:checked ~ .cl-window .cl-inner { transform: translateX(-400%); }
		#cl-nav6:checked ~ .cl-window .cl-inner { transform: translateX(-500%); }
		#cl-nav7:checked ~ .cl-window .cl-inner { transform: translateX(-600%); }
		#cl-nav8:checked ~ .cl-window .cl-inner { transform: translateX(-700%); }
		.pro-item .cl-controls {
				gap: 1rem;
			}
		.pro-item .cl-controls label {
				font-size: 0;
				width: 2rem;
				height: 2rem;
			}
		#cl-nav1:checked ~ .cl-controls label[for="cl-nav1"], #cl-nav2:checked ~ .cl-controls label[for="cl-nav2"], #cl-nav3:checked ~ .cl-controls label[for="cl-nav3"], #cl-nav4:checked ~ .cl-controls label[for="cl-nav4"], #cl-nav5:checked ~ .cl-controls label[for="cl-nav5"], #cl-nav6:checked ~ .cl-controls label[for="cl-nav6"], #cl-nav7:checked ~ .cl-controls label[for="cl-nav7"], #cl-nav8:checked ~ .cl-controls label[for="cl-nav8"] {
    font-size: 1.5rem;
    width: 8rem;
			}

		.pro-item .spec table th,
		.pro-item .spec table td {
				display: block;
				width: 100%;
			}
		.pro-item .spec img {
				width: 100%;
			}
		#pro-shop p {
				text-align: left;
			}

/*----------------------------*/
/*  sup（お客様サポート）     */
/*----------------------------*/
	.sup h3 {
        font-size: 1.6rem;
			}


}


/*   small  */
@media (max-width: 370px) {
/*----------------------------*/
/*  products item（商品）     */
/*----------------------------*/
	.pro-item .item-caption {
    	letter-spacing: 0em;
    	margin-top: 1rem;
			}

	
	
}