@charset "euc-jp";
.slider {
  position: relative;
}
.bx-viewport {
  border: none !important;
  left: 0 !important;
}
#slider div {
  width: 100% !important;
}

.more_prd {
  display: none;
  background-color: #aaa;
  color: #fff;
  font-size: 123.076%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.free_space_block {
  margin-top: 3em;
}

/*iframe用*/
.contents {
    padding: 30px 0 0 !important;
}
.sec-cate {
    margin: 0 !important;    
}
.news_from_wp {
  width: 100%;
}
.news_from_wp iframe {
  display: block;
  border: none;
  width: 80%;
  height: 580px;
  margin: 100px auto 0;
}
@media screen and (max-width: 990px) {
.news_from_wp iframe {
  width: 100%;
}
}

.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    text-align: center;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 以下、カタログバナー用のスタイル */
/* バナーのコンテナ */
.catalog-banner {
    width: 960px; /* 幅は変更なし */
    height: 186px; /* 高さは変更なし */
    border: 6px solid #E50011; /* 枠線の太さ6px、色#E50011 */
    border-radius: 19px; /* 角丸5mm（19px） */
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    margin: 30px auto; /* 他のセクションとの間隔 */
}

/* コンテンツの配置 */
.catalog-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px; /* 要素間の間隔を調整 */
    width: 100%;
}

/* テキスト画像（1行目） */
.catalog-text {
    /* サイズ指定を削除し、元のサイズで表示 */
}

/* 2行目の左右配置 */
.catalog-row {
    display: flex;
    justify-content: space-between; /* 左右に配置 */
    align-items: center;
    width: 100%;
    padding: 0 20px; /* 左右の余白 */
    box-sizing: border-box;
}

/* 2行目左：ロゴ画像 */
.catalog-left {
    display: flex;
    justify-content: flex-start; /* 左寄せ */
}

/* ロゴ画像 */
.catalog-logo {
    /* サイズ指定を削除し、元のサイズで表示 */
}

/* 2行目右：ボタンを縦に配置 */
.catalog-right {
    display: flex;
    justify-content: flex-end; /* 右寄せ */
}

/* ボタンの配置 */
.catalog-buttons {
    display: flex;
    flex-direction: column; /* ボタンを縦に配置 */
    gap: 10px; /* ボタン間の間隔 */
}

/* ボタンのスタイル */
.button {
    display: inline-block;
    text-decoration: none;
}

/* ボタン画像 */
.button-img {
    /* サイズ指定を削除し、元のサイズで表示 */
}

/* デフォルト画像を表示 */
.button-img.default {
    display: block;
}

/* ホバー画像を非表示 */
.button-img.hover {
    display: none;
}

/* ホバー時に画像を切り替え */
.button:hover .button-img.default {
    display: none;
}

.button:hover .button-img.hover {
    display: block;
}

/* レスポンシブ対応 */
@media screen and (max-width: 990px) {
    .catalog-banner {
        width: 100%; /* モバイルでは幅を100%に */
        height: auto; /* 高さを自動調整 */
        padding: 10px;
    }

    .catalog-text {
        width: 100%; /* モバイルでは幅を調整 */
        height: auto;
    }

    .catalog-row {
        flex-direction: column; /* モバイルでは縦に配置 */
        gap: 10px;
        padding: 0 10px;
    }

    .catalog-left,
    .catalog-right {
        width: 100%;
        justify-content: center; /* モバイルでは中央寄せ */
    }

    .catalog-logo {
        width: 80%; /* モバイルでは幅を調整 */
        height: auto;
    }

    .catalog-buttons {
        flex-direction: column; /* ボタンを縦に配置 */
        gap: 10px;
        align-items: center;
    }

    .button {
        width: 80%; /* ボタンの幅を調整 */
        height: auto;
    }
}