@charset "utf-8";/* CSS Document *//* 大枠のcss */#outer {width: 1260px;margin: 0 auto;}/* マウスオーバーでふぉんってなる */#outer a:hover {opacity: 0.7;}/* 見出し */#outer .top_parts {width: 100%;display: flex;justify-content: space-between;background-color: #E89A3D;margin-bottom: 50px;}#outer .top_parts .top_txt {width: 54%;color: #FFFFFF;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;padding: 0 0 0 25px;}#outer .top_parts .top_txt h1 {font-size: 2.2em;font-weight: bold;padding-bottom: 5px;line-height: 1.2;}#outer .top_parts .top_txt p {font-size: 1.3em;padding-top: 10px;}#outer .top_parts .top_img {width: 44%;line-height: 0;}#outer .top_parts .top_img img {width: 100%;}/* レコメンドのところ */#outer #recommend_block {border-top: inherit;}#outer #recommend_block .ec-shelfRole {margin-bottom: 0px;}/* カテゴリボタン設定 */#outer .category_btn {width: 100%;font-size: 1.2em;margin: 10px auto 30px;}#outer .category_btn a {color: #FFFFFF !important;border-bottom: solid 3px #;text-decoration: none !important;position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 10px;font-weight: bold;border-radius: 12px;background-color: #E89A3D;}#outer .category_btn a:hover {opacity: 0.7;}/* 関連記事のところ・カラム共通 */#outer .column {width: 100%;margin-bottom: 45px;}#outer .column h3 {font-size: 1.5em;font-weight: bold;margin: 35px 0 15px;}#outer .column h3::before {content: "┃";}/* コンテンツ02 */#outer .contents_02 {display: flex;flex-wrap: wrap;margin: 0 auto;}#outer .contents_02 .item_ {width: 32%;box-sizing: border-box;display: flex;flex-direction: column;}#outer .contents_02::after {content: "";display: block;width: 32%;height: 0;}#outer .contents_02 .item_ ul.btns_ {margin-top: auto;margin-bottom: 12px;padding: 0 10px;}#outer .contents_02 .item_ ul.btns_ li.btn_gazou_ {position: relative;}#outer .item_ .btn_gazou_ a {display: block;position: relative;padding: 10px;color: #ffffff;background-color: #FCAF24;font-weight: bold;border-radius: 20px;text-align: center;text-decoration: none;font-size: 1em;}/* 特集リスト */#outer .column ul.tokusyu {display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;width: 100%;list-style: none;margin: 0 auto;}#outer .column ul.tokusyu li {width: 23%;margin-bottom: 10px;}#outer .column ul.tokusyu li img {width: 100%;height: auto;}#outer .column ul.tokusyu::before {content: "";display: block;width: 23%;order: 1;}#outer .column ul.tokusyu::after {content: "";display: block;width: 23%;}#outer .btn_gazou_:hover,#outer .tokusyu li:hover {opacity: 0.7;}/* テーブルスタイル・スプレッドシート風 */#outer .table-container {font-family: "MS PGothic", "Meiryo", sans-serif;font-size: 16px;padding: 10px;}#outer .table-title {padding-left: 5px;margin-bottom: 2px;}#outer table {width: 100%;border-collapse: collapse;margin: 20px 0;font-family: sans-serif;border: 1.5px solid #000000;}#outer th {background-color: #E89A3D;color: #fff;padding: 12px;text-align: center;border: 1px solid #ddd;}#outer td {padding: 10px;text-align: center;border: 1px solid #ddd;}#outer tr:nth-child(even) {background-color: #f9f9f9;}#outer .text-left {text-align: left;padding-left: 15px;}#outer td.diameter {text-align: center;vertical-align: middle;}#outer .sp-label {display: none;}/* 商品グリッド */#outer .product-grid {display: grid;grid-template-columns: repeat(4, 1fr);border: 2px solid #E89A3D;border-radius: 12px;overflow: hidden;}#outer .card {position: relative;background: #fff;border-top: 2px solid #E89A3D;border-left: 2px solid #E89A3D;}#outer .card:nth-child(-n+4) {border-top: none;}#outer .card:nth-child(4n+1) {border-left: none;}#outer .title {background: #F3DDD3;font-size: 16px;min-height: 40px;border-bottom: 1px solid #E89A3D;color: #6B4A2E;font-weight: bold;line-height: 1.6;padding: 20px;text-align: center;}#outer .image-area {height: 200px;display: flex;justify-content: center;align-items: center;padding: 0px;border-bottom: 1px solid #E89A3D;}#outer .image-area img {width: 170px;height: 170px;object-fit: contain;transform: translateX(-10px) translateY(-5px);}#outer .image-area img.move-image {transform: translateX(11px) translateY(5px);}#outer .btn {display: block;text-align: center;padding: 15px 10px;color: #fff;text-decoration: none;font-weight: bold;background: #8B5E3C;border-radius: 6px;margin: 10px 5px;transition: background 0.3s, opacity 0.3s;}#outer .btn:hover {background: #6d4a2f;text-decoration: none;opacity: 0.8;}/* タグ配置 */#outer .product-image {position: relative;display: inline-block;padding-left: 100px;}#outer .tags {position: absolute;top: 100px;left: 12px;display: flex;flex-direction: column;z-index: 10;gap: 0;}#outer .tag + .tag {margin-top: -10px;}#outer .tag {width: 50px;height: 44px;display: flex;align-items: center;justify-content: center;text-align: center;border: 1px solid #F0D4A8;background: #FFF4E8;color: #C67C1F;border-radius: 6px;font-size: 16px;font-weight: bold;line-height: 1.2;box-sizing: border-box;}/* スクロールテーブル・スペックテーブル */#outer .table-scroll {width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}#outer .spec-table {width: 100%;min-width: 900px;color: #5A4638;border: 2px solid #E89A3D;border-radius: 12px;overflow: hidden;border-collapse: separate;border-spacing: 0;}#outer .spec-table th {background: #E89A3D;color: #fff;border-right: 1px solid #E89A3D;border-bottom: 1px solid #E89A3D;padding: 12px;text-align: center;}#outer .spec-table td {border-right: 1px solid #E89A3D;border-bottom: 1px solid #E89A3D;padding: 10px;color: #5A4638;font-weight: bold;}#outer .spec-table th:last-child,#outer .spec-table td:last-child {border-right: none;}#outer .spec-table tbody tr:last-child td {border-bottom: none;}#outer .spec-table td:first-child {text-align: left;padding-left: 15px;}#outer .spec-table tbody tr:nth-child(even) td {background: #FFF8F2;}#outer .spec-table tbody tr:nth-child(odd) td {background: #FFFFFF;}#outer .spec-table td a {color: #6B4A2E;font-weight: bold;text-decoration: none;transition: .2s;}#outer .spec-table td a:hover {color: #E89A3D;text-decoration: underline;}#outer .spec-table tbody tr {transition: transform 0.3s ease, box-shadow 0.3s ease;cursor: default;position: relative;}#outer .spec-table tbody tr:hover {transform: scale(1.01);box-shadow: 0 5px 15px rgba(0,0,0,0.15);z-index: 10;}#outer .spec-table tbody tr:nth-child(odd):hover td {background-color: #FFFFFF !important;}#outer .spec-table tbody tr:nth-child(even):hover td {background-color: #FFF8F2 !important;}/* その他パーツ */#outer .product-list-btn {margin: 40px 0;}#outer .product-list-btn a {display: block;width: 100%;padding: 18px 0;background: #E89A3D;color: #fff;text-align: center;text-decoration: none;font-size: 2rem;font-weight: bold;transition: .3s;}#outer .product-list-btn a:hover {background: #E89A3D;}#outer .category-links {display: flex;flex-direction: row;/* 横並びにする */gap: 15px;/* カード同士の間隔 */border: none;* 枠線をなくす */border-radius: 0;overflow: visible;background: transparent;}#outer .category-links a {display: flex;flex-direction: column;/* 中身を縦並びにする */align-items: center;justify-content: space-between;flex: 1;/* 均等な幅に広げる */min-height: auto;background: #F7F2E9;/* カードの背景を白に */color: #6B4A2E;/* 文字色 */text-decoration: none;font-weight: normal;border: 1px solid #eaeaea;/* 薄い枠線 */border-radius: 12px;/* 角丸 */box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);/* 影をつける */padding: 20px 15px;margin: 0;text-align: center;gap: 12px;}#outer .category-links a:last-child {border-bottom: 1px solid #eaeaea;}#outer .category-links a img {width: 120px;/* 画像の幅（必要に応じて調整） */height: 120px;object-fit: contain;margin-right: 0;flex-shrink: 0;}/* テキストエリア全体の調整 */#outer .category-links .category-content {display: flex;flex-direction: column;align-items: center;width: 100%;}/* タイトルのスタイル */#outer .category-links .category-title {font-size: 16px;font-weight: bold;color:#6B4A2E ;line-height: 1.3;margin-bottom: 4px;}/* サブテキストのスタイル */#outer .category-links .category-desc {font-size: 13px;color: #666666;line-height: 1.3;margin-bottom: 12px;}/* 「▼詳しくはこちら」のスタイル */#outer .category-links .category-btn {font-size: 14px;font-weight: bold;color: #0066cc;/* 2枚目のような青系のリンク色（元に戻す場合は #6B4A2E などに） */}#outer .category-note {font-size: 14px;margin-top: 5px;color: #6B4A2E;}#outer .uline_b,.uline_b {width: 100%;background: transparent;/* 背景をなくす */border: none;/* 既存の枠線を消す */border-bottom: 4px solid #E89A3D;/* 下線の太さと色（例としてオリーブ系） */padding: 0 0 10px 0;/* 文字と下線の間の余白 */margin: 70px 0 20px;border-radius: 0;/* 角丸を解除 */text-align: center;/* 中央揃えにする場合（左寄せにする場合は left に変更） */font-size: 2rem;font-weight: bold;color: #6B4A2E;/* 文字色 */line-height: 1.2;}/* 用途から選ぶ */#outer .usage-wrap {display: flex;border: 3px solid #E89A3D;border-radius: 12px;overflow: hidden;}#outer .usage-box {flex: 1;display: flex;flex-direction: column;color: #6B4A2E;border-right: 1px solid #E89A3D;background: #FFF8F2;}#outer .usage-box:last-child {border-right: none;}#outer .usage-box h3 {margin: 0;padding: 6px;background: #F5DDD2;text-align: center;font-size: 20px;font-weight: bold;border-bottom: 1px solid #E89A3D;}#outer .usage-image {height: 220px;display: flex;justify-content: center;align-items: center;padding: 10px;border-bottom: 1px solid #E89A3D;}#outer .usage-image img {width: 80%;max-width: 240px;height: auto;object-fit: contain;}#outer .usage-box p {margin: 0;padding: 15px;text-align: center;line-height: 1.8;font-size: 15px;flex: 1;}/* カスタムフレーム */#outer.custom-frame {background-color: #f2e0d8;border: 2px solid #e69d4d;border-radius: 10px;padding: 15px 20px;text-align: center;color: #664b38;font-weight: bold;font-size: 1.5rem;width: 100%;box-sizing: border-box;}/* リンク下線スタイル */#outer .link-underline {text-decoration: underline;text-decoration-color: #664b38;text-underline-offset: 3px;text-decoration-thickness: 1.5px;}/* 共通のデザイン */#outer .spnone{display: block;}#outer .pcnone{display: none;}.product-grid {display: none;}/* スマホ表示用 */@media screen and (max-width: 768px) {#outer {width: 100%;}#outer .top_parts {flex-direction: column-reverse;}#outer .top_parts .top_txt {width: 100%;padding: 15px;}#outer .top_parts .top_txt h1 {font-size: 1.2em;padding: 5px;}#outer .top_parts .top_txt p {font-size: 1em;padding: 5px;}#outer .top_parts .top_img {width: 100%;}#outer .product-grid {display: block !important;width: 100% !important;border: none !important;}#outer .card {width: 100% !important;margin-bottom: 20px !important;border: 1px solid #C67C1F !important;border-radius: 12px;overflow: hidden;box-sizing: border-box;}#outer .table-scroll {overflow-x: auto;-webkit-overflow-scrolling: touch;}#outer .spec-table {min-width: 900px;}#outer .contents_02 .item_ {width: 100%;}#outer .category-links {display: flex;flex-direction: column;border-radius: 12px;overflow: hidden;}#outer .category-links a {display: flex;justify-content: left;align-items: center;min-height: 80px;background: #F7F2E9;color: #6B4A2E;text-decoration: none;font-weight: bold;border: none;font-size: 17px;text-align: start;gap: 0.5em;}#outer .category-links a:last-child {border-bottom: none;}#outer .category-links a img {width: 100px;height: auto;margin-right: 12px;flex-shrink: 0;}#outer .usage-wrap {display: flex;flex-direction: column;border: 2px solid #E89A3D;border-radius: 12px;overflow: hidden;}#outer .usage-box {width: 100%;border-right: none;border-bottom: 2px solid #E89A3D;}#outer .usage-box:last-child {border-bottom: none;}#outer .usage-box h3 {font-size: 20px;padding: 12px;}#outer .usage-image {height: 220px;padding: 15px;}#outer .usage-image img {max-width: 245px;}#outer .usage-box p {padding: 8px;font-size: 15px;line-height: 1.7;}#outer .image-area img.move-image {transform: none !important;}#outer .category-links a:first-child {border-radius: 0;}#outer .spnone{display: none;}#outer .pcnone{display: block;}#outer .uline_b,.uline_b {font-size: 1.5em;}}