@charset "utf-8";
@media (max-width: 768px) {
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「製品情報」　＞　noimage
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.single-product .item_wrap .noimage {
    width: 345px;
    height: 200px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「製品情報」　＞　仕様表
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*no_scroll時崩れがあったためコメントアウト（2025-06-06）*/
/*.table_compare table {
    max-height: 400px;
}*/

/* 「1列目」（TH） */
.table_compare tr:not(:first-child) > th:first-child {
	min-width: 120px;
}

/* 「1列目以外の列」（TD） */
.table_compare tr > th:not(:first-child) {
	min-width: 200px;
}

/* スクロール可能であることを明示するアイコン*/
body:not(#tinymce) .table_compare:not(.no_scroll) table::after,
.tbl_scroll_sp .scroll_ctr::after {
	z-index: 3;
}
   
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「製品情報」　＞　仕様表（SP時スクロール）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.table_compare.sp_scroll table {
    max-height: 500px;
}	
	
.table_compare.sp_scroll table{
    overflow: scroll;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
nav#mobile-header .site-logo a img {
    height: 35px;
    padding: 0 8px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞　メーカーリスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.maker_list {
    gap: 13px 20px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞　製品カテゴリー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.child_terms {
    gap: 14px 9px;
}

ul.child_terms > li > a {
    font-size: 14px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
home　＞　usp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_usp .flow_ttl .cmn-big {
  font-size: inherit;
}
	
#home_usp .flow_list .item:first-child .inner {
	clip-path: polygon(0 0, 100% 0%, 100% 85%, 50% 100%, 0 85%);
}
	
#home_usp .flow_list .item:nth-of-type(2) .inner {
	clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0, 50% 15%);
}
	
#home_usp .flow_list .item:last-child .inner {
	clip-path: polygon(0% 0%, 50% 15%, 100% 0, 100% 100%, 0% 100%);
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
home　＞　news
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_news [class*="gb-looper-"] > div:last-child {
    border: none;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「製品情報」　＞　パンくず
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div.breadcrumbs {
	margin-bottom: 15px;
}
	
div.breadcrumbs {
    overflow-x: scroll;
    white-space: nowrap;
}
	
div.breadcrumbs.breadcrumbs::-webkit-scrollbar {
    display: none;
}

div.breadcrumbs * {
	font-size: 13px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「製品情報」　＞　アーカイブ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body[class*="product"][class*="archive"] #content { 
	padding-right: 15px;
    padding-left: 15px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「製品情報」　＞　画像ギャラリー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.swiper_box .gallery-top .swiper-slide {
    padding-top: 260px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「導入実績」　＞　会話形式
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_speech {
    margin-bottom: 1.5em;
}
	
.cmn_speech .area_b::before,
.cmn_speech .area_b::after {
  top: 60px;
}
	
.cmn_speech .area_a {
    width: 80px;
}

.cmn_speech .area_a .img img {
    width: 55px;
}

.cmn_speech .area_a .name {
    font-size: 11px;
}

.cmn_speech .area_b {
    width: calc(100% - 100px);
    padding: 15px;
}
	
.cmn_speech .area_b .txt {
    font-size: 14px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer-widgets ul:not(.sub-menu) > li:nth-of-type(odd) {
    width: 40%;
}

#footer-widgets ul:not(.sub-menu) > li:nth-of-type(even) {
    width: 60%;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
電話ポップアップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#tel_lb .num {
    font-weight: normal;
    font-size: 2.4em;
}
	
div#tel_lb .inner {
    background: var(--main);
}

div#tel_lb .btn a {
    color: var(--main)!important;
}
	
}/*メディアクエリ終了*/