﻿@charset "utf-8";/* CSS Document *//*大枠のcss*/#outer{width: 1260px;margin: 0 auto;}/*パンくず*/.navitopicpath_{overflow: hidden;font-size: 12px;margin: 15px 10px 25px;}#bread-crumb-list {width: 100%;float: left;overflow: hidden;}#bread-crumb-list li{display: inline;}.navitopicpath_ a{margin: 0 0.5em;white-space: nowrap;}/*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #007e41;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.3em;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%;}#outer .top_parts .top_img img{width: 100%;}/*メニュー*/#outer ul.menu{width: 100%;display: flex;flex-wrap: wrap;box-sizing: border-box;background-color: white;}#outer ul.menu li{width: 49%;box-sizing: border-box;border-radius: 0.5em;margin-bottom: 30px;}#outer ul.menu li{width: 24.6%;}#outer ul.menu li a{font-weight: bold;text-decoration: none;display: block;padding: 10px 15px;position: relative;}#outer ul.menu li:hover{opacity: 0.7;}#outer ul.menu li a:before{content: "";width: 0;height: 0;position: absolute;top: 45%;right: 10px;border: 6px solid transparent;}/*メニュー　各カテゴリ設定*/#outer ul.menu li{background-color: #72b674;margin-right: 5px;}#outer ul.menu li a{color: white;letter-spacing: 0.05em;}#outer ul.menu li a:before{border-top: 7px solid white;}#outer ul.menu2{width: 100%;display: flex;flex-wrap: wrap;box-sizing: border-box;text-align: center;}#outer ul.menu2 li{width: 49%;box-sizing: border-box;border-radius: 0.5em;margin-bottom: 30px;}#outer ul.menu2 li{width: 32%;}#outer ul.menu2 li a{font-weight: bold;text-decoration: none;display: block;padding: 10px 15px;position: relative;}#outer ul.menu2 li:hover{opacity: 0.7;}#outer ul.menu2 li a:before{content: "";width: 0;height: 0;position: absolute;top: 45%;right: 10px;border: 6px solid transparent;}/*メニュー　各カテゴリ設定*/#outer ul.menu2 li{background-color: #f8f7f4;margin-right: 5px;}#outer ul.menu2 li a{color: #5e4f4f;}#outer ul.menu2 li a:before{border-top: 7px solid #5e4f4f;}/*ページジャンプのcss*/.jump, .jump2 {width: 100%;background-color: #ffffff;box-sizing: border-box;position: sticky;top: 0;z-index: 2;padding-bottom: 0;padding-top: 0;max-width: 100%;}.jump ul._menu, .jump2 ul._menu {width: 100%;display: flex;flex-flow: row;justify-content: center;margin: 0;box-sizing: border-box;list-style: none;padding: 0;border-top: solid 2px #5e4f4f;border-right: solid 2px #5e4f4f;}.jump ul._menu li.global_item, .jump2 ul._menu li.global_item {width: 25%;position: relative;border-left: solid 2px #5e4f4f;border-bottom: solid 2px #5e4f4f;}.jump ul._menu li.global_item:last-child,.jump2 ul._menu li.global_item:last-child {border-right-style: none;margin-right: 0;}.jump ul._menu li.global_item a, .jump2 ul._menu li.global_item a {display: block;padding: 20px 20px 40px 20px;font-weight: bold;text-decoration: none;box-sizing: border-box;text-align: center;color: #5e4f4f;}.jump ul._menu li.global_item a::after,.jump2 ul._menu li.global_item a::after {content: "";display: block;position: absolute;left: 50%;top: 70%;transform: translate(-50%, -50%);width: 0;height: 0;border-style: solid;border-width: 15px 17.5px 0 17.5px;border-color: #5e4f4f transparent transparent transparent;}#outer .adjustment {padding-top: 40px;margin-top: -40px;display: block;}/*h2*/h2.uline_b{font-size: 2.0em;font-weight: bold;/*	text-align: center;*/border-bottom: solid 5px #007e41;margin-top: 45px;margin-bottom: 15px;}/*h3*/h3.contents_h3{font-size: 1.8em;font-weight: bold;margin-top: 35px;margin-bottom: 20px;padding-left: 5px;}h3.contents_h3::before{content: "┃"}/*文字のみ　脱酸素剤とは？*/#outer .contents{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;}.contents .item{width: 100%;display: flex;flex-wrap: wrap;box-sizing: border-box;justify-content: space-between;margin-bottom: 10px;padding: 10px;}.contents .item .item_txt{width: 100%;padding: 0 15px 15px;margin: auto;box-sizing: border-box;}.contents .item .item_txt p{/*脱酸素剤とは？の説明文*/line-height: 1.5;font-size: 1.2em;}/*脱酸素剤について*/.contents .contents_ex{font-size: 1.2em;padding: 10px;line-height: 1.5;}/*マーカー強調*/#outer .marker_p {font-weight: bold;background: linear-gradient(#fff 60%, #ffe79d 0%);padding-left: 2px;padding-right: 2px;}/* ブログバナー*/#outer .blog-link-section {margin-top: 20px;text-align: center;overflow: hidden;}#outer .blog-link-banner {display: inline-block;width: 90%;height: auto;border-radius: 12px;transition: transform 0.3s ease, box-shadow 0.3s ease;}#outer .blog-link-banner:hover {transform: scale(1.03);}/*左に画像、右に説明 違いは？*/.contents .item .item_img{width: 39%;}.contents .item .item_img img{width: 100%;}.contents .item .item2_txt{width: 59%;padding: 15px 15px;margin: auto;box-sizing: border-box;}.contents .item .item2_txt p{/*説明文*/line-height: 1.5;font-size: 1.2em;}.contents .item .item2_txt li{font-size: 1.2em ;font-weight: bold;}/*サイズの選び方*/.contents .item .item_txt_keisan{width: 80%;border-radius: 15px;font-size: 2em;background-color: antiquewhite;padding: 15px 15px;margin: auto;box-sizing: border-box;}.contents .item .item_txt_keisan p{/*説明文*/line-height: 1.5;font-size: 1.2em;font-weight: bold;text-align: center;}.contents .item .item2_txt span{color: red;}/*注意事項リスト*/#outer .calc-notes {max-width: 800px;margin: auto;/* 中央寄せ */background: #f9f9f3;border-left: 4px solid #d4b440;padding: 1.2em 1.5em;border-radius: 6px;box-sizing: border-box;}#outer .calc-notes h4 {margin-top: 0;margin-bottom: 0.5em;font-size: 1.1em;color: #333;}#outer .calc-notes ul {margin: 0;padding-left: 1.2em;list-style: disc;}#outer .calc-notes li {margin-bottom: 0.5em;font-size: 1em;line-height: 1.5;}#outer strong {font-weight: bold;}/*エバーフレッシュ計算機*/#outer .efresh-calculator {max-width: 600px;margin: 30px auto 30px auto;padding: 16px;border: 1px solid #d2e6ce;border-radius: 8px;background-color: #f6fff6;font-size: 16px;}#outer .input-group {display: flex;justify-content: space-between;margin-bottom: 12px;}#outer .input-group label {flex: 1;margin-right: 10px;font-weight: bold;}#outer .input-group input {flex: 1;padding: 6px;border-radius: 4px;border: 1px solid #ccc;}#outer .result {margin-top: 16px;font-size: 18px;font-weight: bold;color: #2e8b57;text-align: center;}#outer .input-error {color: #d9534f;font-size: 0.85em;}/* 全体を包むカード型ボックス */#outer .product-card {max-width: 900px;margin: 40px auto;box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);border-radius: 8px;overflow: hidden;background: #fff;padding: 20px;box-sizing: border-box;}/* 中の上段（画像＋説明）を横並び */#outer .product-card .item {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px;}/* 画像側 */#outer .product-card .item_img {flex: 0 0 220px;}#outer .product-card .item_img img {width: 100%;height: auto;display: block;border-radius: 4px;}/* テキスト側 */#outer .product-card .item2_txt {flex: 1;margin: auto 0;}#outer .product-card .item2_txt p {font-size: 1.2em;line-height: 1.6;margin: 0;}/* 表（.tb01）も統一幅＆余白を調整 */#outer .product-card .tb01 {width: 100%;border-collapse: collapse;margin-top: 25px;border: 1px solid #cccccc;}#outer .product-card .tb01 td.midashi {width: 25%;background: #FFFCE4;font-weight: bold;padding: 10px;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}#outer .product-card .tb01 td.ex {padding: 10px;font-size: 1.2em;border-bottom: 1px solid #ccc;}/*横並びカテゴリボタン設定*//* 横並び用ラッパー */#outer .category_btn_row {display: flex;justify-content: center;gap: 30px;flex-wrap: wrap;margin-bottom: 60px;}/* 横並び各ボタン単位の設定 */#outer .category_btn_item {flex: 1 1 300px;/* 横に広がりつつ、最小300px確保 */font-size: 1.2em;}/* 横並びボタンの見た目 */#outer .category_btn_item a {color: #FFFFFF !important;text-decoration: none !important;position: relative;display: block;text-align: center;vertical-align: middle;padding: 10px 20px;font-weight: bold;border-radius: 8px;transition: opacity 0.3s ease;}#outer .category_btn_item a:hover {opacity: 0.7;}/* 脱酸素剤グリーンボタン */#outer .btn-green {background-color: #2e8b57;border-bottom: solid 3px #94d4b6;}/* 乾燥剤ブルーボタン */#outer .btn-blue {background-color: #2e7a8b;border-bottom: solid 3px #8fd1d5;}/*カテゴリ・商品一覧ボタン設定*/#outer .category_btn{width: 100%;font-size: 1.2em;margin: 15px auto 60px;}#outer .category_btn a{color: #FFFFFF !important;border-bottom: solid 3px #94d4b6;text-decoration: none !important;position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 10px;font-weight: bold;border-radius: 8px;background-color: #2e8b57;}#outer .category_btn a:hover{opacity: 0.7;}/*関連記事のところ*/.column{width: 100%;margin-bottom: 45px;}.column h3{font-size: 1.8em;font-weight: bold;margin: 35px 0 15px;}.column h3::before{content: "┃"}.contents_01{display: flex;flex-wrap: wrap;/*	justify-content: space-between;*/margin: 0 auto;}.contents_01 .item_{width: 32%;box-sizing: border-box;/*	border: solid 1px #cccccc;*/display: flex;flex-direction: column;}.contents_01::after{content: "";display: block;width: 32%;height: 0;}.contents_01 .item_ ul.btns_{margin-top: auto;margin-bottom: 12px;padding: 0 10px;}.contents_01 .item_ ul.btns_ li.btn_gazou_{position: relative;}.item_ .btn_gazou_ a{display: block;position: relative;padding: 10px;color: #ffffff;background-color: #2e8b57;font-weight: bold;border-radius: 20px;text-align: center;text-decoration: none;font-size: 1em;}.column ul.tokusyu{display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;width: 100%;list-style: none;margin: 0 auto;}.column ul.tokusyu li{width: 23%;margin-bottom: 10px;}.column ul.tokusyu li img{width: 100%;height: auto;}.column ul.tokusyu::before{content: "";display: block;width: 23%;order: 1;}.column ul.tokusyu::after{content: "";display: block;width: 23%;}/*スマホの設定*/@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 5px 0 5px;}#outer .top_parts .top_txt p{font-size: 1em;padding: 5px;}#outer .top_parts .top_img{width: 100%;}#outer .top_parts .top_img img{width: 100%;}/*ページジャンプ*/#outer .jump {top: 70px;}#outer .jump ul._genre_menu {display: flex;flex-wrap: wrap;}#outer .jump ul._genre_menu li.global_item {width: 50%;box-sizing: border-box;}#outer .jump ul._genre_menu li.global_item:nth-child(2n+1) {border-right: none;}#outer .jump ul._genre_menu li.global_item a {padding: 5px 7px;font-size: 12px;position: relative;}#outer .jump ul._genre_menu li.global_item a::before {content: '';position: absolute;top: 0.7em;left: 1em;height: 0;width: 0;border-style: solid;border-width: 6px 0 6px 9px;border-color: transparent transparent transparent #00aeb9;}#outer .adjustment {padding-top: 90px;margin-top: -90px;display: block;}/*メニュー 基本設定*/#outer ul.menu{padding: 0 10px;margin-bottom: 25px;justify-content: space-between;}#outer ul.menu li{width: 49%;margin-bottom: 5px;margin-right: 0;}#outer ul.menu li a{font-size: 14px;padding: 5px 10px;position: relative;}#outer ul.menu2{padding: 0 10px;margin-bottom: 25px;justify-content: space-between;}#outer ul.menu2 li{width: 100%;margin-bottom: 5px;margin-right: 0;}#outer ul.menu2 li a{font-size: 14px;padding: 5px 10px;position: relative;}/*h2*/h2.uline_b{font-size: 1.5em;font-weight: bold;margin: 25px 10px 25px;padding-bottom: 5px;line-height: 1.2;text-align: center;}/*h3*/#outer h3.contents_h3{font-size: 17px;font-weight: bold;margin: 25px 0;}#outer h3.contents_h3{content: "┃"}/*脱酸素剤について*/.contents .contents_ex{font-size: 1.2em;padding: 10px;line-height: 1.5;}/*左に画像、右に説明（スマホでは上に写真、下に文章*/.contents{padding: 0 10px;}.contents .item{width: 100%;margin: 0 0 25px 0;padding-bottom: 15px;}.contents .item .item_img{width: 100%;}.contents .item .item_txt{width: 100%;padding: 5px;}.contents .item .item_txt p{line-height: 1.5;font-size: 1.2em;}.contents .item .item2_txt{width: 100%;padding: 5px;}.contents .item .item2_txt li{line-height: 1.5;font-size: 1.2em;}.contents .item .item2_txt p{line-height: 1.5;font-size: 1.2em;}.contents .item .item_txt_keisan{width: 100%;padding: 5px;font-size: 0.9em;}/*カテゴリボタン設定*/#outer .category_btn{width: 95%;font-size: 1.1em;margin: 15px auto 40px;}#outer .category_btn a{padding: 6px;}#outer .category_btn_row {flex-direction: column;/* 縦並びにする */align-items: center;/* 中央揃えに */gap: 20px;/* ボタン間の縦スペース */}#outer .category_btn_item {flex: unset;/* 固定幅に戻す（横幅に影響を与えないように） */width: 90%;/* 画面幅の90%で表示 */max-width: 400px;/* 画面が大きくても幅を制限 */}#outer .product-card {padding: 15px;margin: 20px auto;}#outer .product-card .item {flex-direction: column;align-items: center;}#outer .product-card .item_img {flex: none;width: 100%;max-width: 300px;margin-bottom: 15px;}#outer .product-card .item2_txt {flex: none;width: 100%;}#outer .product-card .item2_txt p {font-size: 1em;line-height: 1.6;}#outer .product-card .tb01 {font-size: 0.95em;}#outer .product-card .tb01 td.midashi,#outer .product-card .tb01 td.ex {display: block;width: 100%;border-right: none;box-sizing: border-box;border-bottom: none;}#outer .product-card .tb01 td.midashi {background: #f6f3d7;font-weight: bold;padding-top: 10px;border-top: 1px solid #ccc;}#outer .product-card .tb01 td.ex {padding-bottom: 10px;}#outer .product-card .tb01 tr {display: block;margin-bottom: 10px;border-bottom: none;}/*関連記事のとこ*/.column{width: 100%;}.column h3{padding: 5px;font-size: 17px;margin: 0;}.column h3::before{content: "┃"}.contents_01{padding: 0 10px;}.contents_01 .item_{width: 100%;margin: 5px auto;padding: 0;}.contents_01::after{content: none;}.contents_01 .item_ ul.btns_{font-size: 0.8em;width: 100%;margin-bottom: 0;padding: 0;}.contents_01 .item_ ul.btns_ li.btn_gazou_{position: relative;}.item_ .btn_gazou_ a{padding: 10px 0;background-color: #2e8b57;border-radius: 100vh;color: #ffffff;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;margin: 5px;}.column ul.tokusyu{width: 96%;margin: 0 auto;padding: 0;float: none;}.column ul.tokusyu li{width: 49%;}}