@charset "utf-8";/* CSS Document *//*大枠*/#outer{width: 1260px;margin: 0 auto;background-color: white;}/*パンくず*/.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:#ffe476;margin-bottom: 50px;/*	border: solid 2px #272343;*/}#outer .top_parts .top_txt{width: 54%;color: #272343;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%;}#outer .top_parts .top_img img{width: 100%;}/*h2*/h2.uline_b{font-size: 2.2em;font-weight: bold;/*	border: solid 3px #272343;*/margin-top: 45px;margin-bottom: 25px;/*	border-radius: 15px;*/padding: 10px;color: #272343;background-color:#e3f6f5;text-align: center;}/*h3*/.contents h3{width: 100%;font-size: 1.7em;font-weight: bold;margin: 2em 0 1em 0;padding-left: 5px;background: linear-gradient(#fff 60%, #FFE476 0%);color: #2d334a;text-align: center;}/*タブ*/#outer .tabs{margin-top: 50px;padding-bottom: 100px;background-color: #FFFFFF;width: 100%;margin: 0 auto;}/*タブのスタイル*/#outer .tab_item{width: calc(100%/3);display: flex;justify-content: center;align-items: center;margin: 0;height: 100px;border-left: solid 1px #ffffff;box-sizing: border-box;color: #272343;background-color: #e3f6f5;line-height: 50px;font-size: 1.4em;text-align: center;float: left;font-weight: bold;transition: all 0.2s ease;}#outer .tab_item span {font-size: 0.7em;margin-left: 10px;}#outer .tab_item:first-of-type {border-left-style: none;}#outer .tab_item:hover {background-color: #bae8e8;color: #272343;}#outer .tab_item .tab_img{width: 20%;margin: 5px;}/*ラジオボタンを全て消す*/input[name="tab_item"] {display: none;}/*タブ切り替えの中身のスタイル*/#outer .tab_content {display: none;padding: 0.6em 0 0;clear: both;overflow: hidden;background-color: white;}/*選択されているタブのコンテンツのみを表示*/#paperbag:checked ~ #paperbag_content, #squarebottombag:checked ~ #squarebottombag_content, #flatbag:checked ~ #flatbag_content {display: block;}/*選択されているタブのスタイルを変える*/#outer .tabs input:checked + .tab_item {background-color: #bae8e8;color: #272343;height: 100px;}/*左画像・右文章*/.contents{display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto;}.contents .item{width: 100%;display: flex;flex-wrap: wrap;box-sizing: border-box;margin-bottom: 45px;padding: 3px;justify-content: center;}.contents .item .item_img{width: 39%;}.contents .item .item_img img{width: 100%;}.contents .item .item_txt{margin: auto 0;box-sizing: border-box;font-weight: bold;text-align: center;}.contents .item .item_txt .item_p{line-height: 1.5;font-size: 2em;text-decoration: underline;}.contents .item .item_txt p{line-height: 1.5;font-size: 1.3em;}/*ページジャンプ*/#outer ul.dan_list{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 25px;}#outer ul.dan_list li{width: 24%;margin-bottom: 1em;}#outer ul.dan_list::after,ul.dan_list::before{content: "";display: block;width: 24%;height: 0;}#outer ul.dan_list::before{order: 1;}#outer ul.dan_list li a{display: block;font-weight: bold;text-decoration: none;padding: 0.5em;color: #272343;background-color: #e3f6f5;position: relative;border: solid 2px #bae8e8;}#outer ul.dan_list li a:after{content: "";width: 0;height: 0;position: absolute;top: 35%;right: 3%;border: 6px solid transparent;border-top: 10px solid #272343;}#outer ul.dan_list li a:hover{background-color: #F5FBFB;}/*手紐の表記*/.contents p.tehimo_p{width: 75%;font-size: 1.2em;text-align: right;margin: 10px auto 0;}/*表のとこ*/table.tb01{border-collapse: collapse;width: 75%;table-layout: fixed;margin-bottom: 75px;margin: 20px auto 35px;font-size: 1.2em;background-color: white;}.tb01 tr.tr_head{background: #bae8e8;color: #272343;}.tb01 tr.tr_head th{font-weight: bold;font-size: 1.5em;padding: 10px;}.tb01 th{padding: 10px;border: solid 1px #ccc;text-align: center;box-sizing: border-box;}.tb01 td{padding: 10px;border: solid 1px #ccc;text-align: center;box-sizing: border-box;font-size: 1.3em;line-height: 1.2;font-weight: bold;/*	background-color: #FFFFFF;*/}.tb01 td a{color: #336E95;display: block;width: 100%;height: 100%;}.tb01 td.link:hover{background-color:#ffe476;}.tb01 tr.tr_2{background-color: #F2F9F9;}/*カテゴリへの大きいボタン*/.btn{width: 75%;font-size: 1em;margin: 25px auto 85px;}.btn a{position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 10px;font-weight: bold;border-radius: 100vh;background: linear-gradient(135deg, #f6b87b, #e79452);color: #fff !important;font-size: 1.5em;text-decoration: none;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}.btn a:hover{background: linear-gradient(135deg, #e79452, #d6762b);transform: translateY(-2px);box-shadow: 0 4px 6px rgba(0,0,0,0.15);}.btn2{width: 75%;font-size: 1em;margin: 25px auto 85px;}.btn2 a{position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 3px;font-weight: bold;border-radius: 100vh;background-color: #bae8e8;color: #272343 !important;font-size: 1.3em;border: solid 2px #bae8e8;text-decoration: none;}.btn2 a:hover{background-color: #e3f6f5;color: #272343;border: solid 2px #bae8e8;}/*関連記事のところ*/.column{width: 100%;margin-bottom: 45px;}.column h3{font-size: 1.5em;font-weight: bold;margin: 35px 0 15px;}.column h3::before{content: "┃"}.contents_02{display: flex;flex-wrap: wrap;/*	justify-content: space-between;*/margin: 0 auto;}.contents_02 .item_{width: 32%;box-sizing: border-box;/*	border: solid 1px #cccccc;*/display: flex;flex-direction: column;}.contents_02::after{content: "";display: block;width: 32%;height: 0;}.contents_02 .item_ ul.btns_{margin-top: auto;margin-bottom: 12px;padding: 0 10px;}.contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}.item_ .btn_gazou_ a{display: block;position: relative;padding: 10px;color: #272343;background-color: #bae8e8;font-weight: bold;border-radius: 20px;text-align: center;text-decoration: none;font-size: 1.2em;/*	border: solid 2px #272343;*/}.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%;}/*ページジャンプのcss*/#outer .jump{width: 100%;background-color: #ffffff;margin: 0 auto 30px;box-sizing: border-box;position: sticky;top: 0;z-index: 2;padding-bottom: 0;padding-top: 0;max-width: 100%;margin-top: 3em;}.jump 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{width: 25%;position: relative;border-left: solid 2px #5e4f4f;border-bottom: solid 2px #5e4f4f;}.jump ul._menu li.global_item:last-child{border-right-style: none;margin-right: 0;}.jump 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{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;}/*メニュー 基本設定*/ul.menu{width: 100%;display: flex;flex-wrap: wrap;box-sizing: border-box;justify-content: center;}ul.menu li{width: 49%;box-sizing: border-box;border-radius: 0.5em;margin-bottom: 30px;}ul.menu li a{font-weight: bold;text-decoration: none;display: block;padding: 10px 15px;position: relative;color: white;font-size: 1.25em;}ul.menu li:hover{opacity: 0.7;}ul.menu li a:before{content: "";width: 0;height: 0;position: absolute;top: 45%;right: 10px;border: 6px solid transparent;}ul.menu2 li a:before{content: "";width: 0;height: 0;position: absolute;top: 45%;right: 10px;border: 6px solid transparent;}/*メニュー　各カテゴリ設定*/ul.menu li{background-color: #61c2c2;margin-right: 5px;}ul.menu li a:before{border-top: 7px solid white;}/*メニュー 基本設定*/ul.menu2{width: 100%;display: flex;flex-wrap: wrap;box-sizing: border-box;}ul.menu2 li{width: 32.8%;box-sizing: border-box;border-radius: 0.5em;margin-bottom: 30px;}ul.menu2 li a{font-weight: bold;text-decoration: none;display: flex;padding: 5px;position: relative;color: white;font-size: 1.25em;flex-direction: column;text-align: center;height: 2em;line-height: 2em;}ul.menu2 li:hover{opacity: 0.7;}/*メニュー　各カテゴリ設定*/ul.menu2 li{background-color: #61c2c2;margin-right: 5px;}ul.menu2 li a:before{border-top: 7px solid white;}.chosei {font-size: 1.2em;text-align: center;padding-top: 3px;background-color: white;}.chosei2 {font-size: 1.1em;text-align: center;padding: 0 3px;color: gray;}.pro-bag-table.refined {display: grid;grid-template-columns: repeat(auto-fill, 380px);/* ← 固定幅で自動折り返し */gap: 20px;padding: 20px;background-color: #fafafa;margin-bottom: 1.1em;justify-content: center;}.pro-bag-table.refined .pro-bag-col {background-color: #fff;border: 1px solid #e0e0e0;border-radius: 12px;overflow: hidden;display: flex;flex-direction: column;text-align: center;box-shadow: 0 2px 6px rgba(0,0,0,0.05);}.pro-bag-table.refined .pro-bag-header {background: linear-gradient(to right, #ffffff, #f8f8f8);font-weight: 600;padding: 1em 1em 0.6em 1em;font-size: 1.2em;color: #444;letter-spacing: 0.5px;}.pro-bag-table.refined .pro-bag-image {flex: 1;display: flex;align-items: center;justify-content: center;padding: 24px;}.pro-bag-image img {display: block;max-width: 100%;height: auto;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);border-radius: 6px;}.pro-bag-table.refined .pro-bag-image img {max-width: 100%;height: auto;border-radius: 8px;transition: transform 0.4s ease, box-shadow 0.4s ease;}.pro-bag-imagechosei {justify-items: center;margin: 3em auto;width: 55%;}.pro-bag-table.refined .pro-bag-desc {padding: 0.5em 0.2em 0 0.2em;font-size: 1.1em;line-height: 1.6;color: #555;min-height: 50px;}.pro-bag-table.refined .pro-bag-button {display: inline-block;margin: 16px auto;padding: 10px 20px;background: linear-gradient(135deg, #f6b87b, #e79452);color: #fff;border-radius: 25px;text-decoration: none;font-weight: bold;font-size: 14px;transition: all 0.3s ease;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}.pro-bag-table.refined .pro-bag-button:hover {background: linear-gradient(135deg, #e79452, #d6762b);transform: translateY(-2px);box-shadow: 0 4px 6px rgba(0,0,0,0.15);}/* アコーディオンコンテンツ */.accordion_test{margin: 4em auto;}/*アコーディオン チェックボックス隠す*/.accordion-check {display: none;}.accordion-label{display: fleX;/* border-bottom: solid 3px #EDDFE0;*/cursor: pointer;margin-bottom: 15px;box-sizing: border-box;position: relative;font-size: 1em;font-weight: bold;/* padding-left: 3px;*/color: #243642;z-index: 2;margin: auto;}.accordion-label:after{content: '';width: 20px;height: 3px;background-color: #000000;position: absolute;top: 50%;right: 3%;transform: translateY(-50%);box-sizing: border-box;}.accordion-content {display: none;/* 初期状態で非表示にする */overflow: visible;/* 隠れないように */transition: max-height 0.3s ease;/* 開閉時のアニメーション */max-height: none;/* 高さ制限を解除 */}.accordion-check:checked + .accordion-label + .accordion-content {display: block;/* チェックされたら表示 */}/*アコーディオン設定 記号*/.accordion-label::before,.accordion-label::after{content: '';width: 20px;height: 3px;background-color: #183B4E;position: absolute;top: 50%;right: 7%;transform: translateY(-50%);box-sizing: border-box;}.accordion-label::after{transform: translateY(-50%) rotate(90deg);transition: .5s;}.accordion-check:checked + .accordion-label:after {transform: translateY(-50%) rotate(0);}/* accordion */.accordion-btn {display: flex;align-items: center;justify-content: center;width: 100%;height: 40px;border-bottom: solid 2.5px #183B4E;font-size: 2em;font-weight: bold;text-align: center;cursor: pointer;color: #183B4E;padding: 5px;}/*ページジャンプのcss*/#outer .jump2{width: 95%;background-color: #ffffff;margin: 0 auto 30px;box-sizing: border-box;position: sticky;top: 0;z-index: 2;padding-bottom: 0;padding-top: 0;max-width: 100%;justify-items: center;}.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 #5DB996;border-right: solid 2px #5DB996;}.jump2 ul._menu li.global_item{width: 25%;position: relative;border-left: solid 2px #5DB996;border-bottom: solid 2px #5DB996;}.jump2 ul._menu li.global_item:last-child{border-right-style: none;margin-right: 0;}.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: #5DB996;}.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: #5DB996 transparent transparent transparent;}/*スマホの設定*/@media screen and (max-width : 768px ){/*	body * {outline: red 1px solid;}*//*大枠*/#outer{width: 100%;}/*見出し*/#outer .top_parts{flex-direction: column-reverse;margin-bottom: 25px;}#outer .top_parts .top_txt{width: 100%;padding: 15px;}#outer .top_parts .top_txt h1{font-size: 1.6em;padding: 5px 5px 20px 5px;}#outer .top_parts .top_txt p{font-size: 1.2em;padding: 5px;}#outer .top_parts .top_img{width: 100%;}#outer .top_parts .top_img img{width: 100%;}/*h2*/h2.uline_b{font-size: 1.7em;font-weight: bold;line-height: 1.2;text-align: center;/*		border: solid 2px;*/}/*h3*/.contents h3{width: 100%;font-size: 1.5em;font-weight: bold;margin: 25px 0a;border-left: none;padding-left: 0;background: linear-gradient(#fff 60%, #FFE476 0%);}/*タブ切り替え全体のスタイル*/#outer .tabs {padding-bottom: 2em;}/*タブのスタイル*/#outer .tab_item {height: 55px;border-left: solid 1px #ffffff;line-height: 1.2;font-size: 0.9em;animation: none;transition: none;}#outer .tab_item:first-of-type {border-left-style: none;}#outer .tab_item:hover {background-color: #e3f6f5;color: #bae8e8;}#outer .tab_item .tab_img{width: auto;margin: 0 auto;}/*左画像・右文章のとこ*/.contents{padding: 0 10px;}.contents .item{width: 100%;margin: 0 0 5px 0;padding-bottom: 0;flex-direction: column-reverse;}.contents .item .item_img{width: 100%;}.contents .item .item_txt{width: 100%;padding: 5px;text-align: left;}.contents .item .item_txt .item_p{font-weight: bold;font-size: 1.5em;text-align: center;margin-bottom: 0.4em;margin-top: 1em;}.contents .item .item_txt p{line-height: 1.5;font-size: 1.2em;font-weight: normal;text-align: center;}/*ページジャンプ*/ul.dan_list{width: 95%;padding: 0 10px;}ul.dan_list li{width: 49%;margin-bottom: 0.5em;}ul.dan_list::after,ul.dan_list::before{content: none;}ul.dan_list::before{order: 0;}ul.dan_list li a{font-size: 0.8em;}ul.dan_list li a:after{content: "";width: 0;height: 0;position: absolute;top: 35%;right: 3%;border: 6px solid transparent;border-top: 10px solid #272343;}/*手紐の表記*/.contents p.tehimo_p{width: 100%;font-size: 1em;text-align: right;margin: 5px auto 1em;}/*表のとこ*/table.tb01{width: 100%;margin: 1em auto;}.tb01 tr.tr_head .norm{font-weight: bold;font-size: 1em;padding: 9px;width: 35%;}table.tb01 tr.tr_head th{font-size: 1em;padding: 9px;}table.tb01 tr td{font-size: 1em;}/*カテゴリへのでかいボタン*/.btn{font-size: 10px;width: 100%;margin: 20px 0 35px;}.btn a{padding: 5px;background-color: #bae8e8;border-radius: 100vh;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;margin: 5px;font-size: 1.8em;}.btn2{font-size: 10px;width: 100%;margin: 20px 0 35px;}.btn2 a{padding: 5px;background-color: #bae8e8;border-radius: 100vh;color: #272343;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;margin: 5px;font-size: 1.5em;}/*関連記事のとこ*/.column{width: 100%;}.column h3{padding: 5px;font-size: 1.3em;margin: 0;}.column h3::before{content: "┃"}.contents_02{padding: 0 10px;}.contents_02 .item_{width: 100%;margin: 5px auto;padding: 0;}.contents_02::after{content: none;}.contents_02 .item_ ul.btns_{font-size: 0.8em;width: 100%;margin-bottom: 0;padding: 0;}.contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}.item_ .btn_gazou_ a{padding: 10px 0;background-color: #bae8e8;border-radius: 100vh;color: #272343;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;margin: 5px;font-size: 1.3em;}.column ul.tokusyu{width: 96%;margin: 0 auto;padding: 0;float: none;}.column ul.tokusyu li{width: 49%;}/*ページジャンプ*/#outer .jump ul._menu{display: flex;flex-wrap: wrap;}#outer .jump ul._menu li.global_item{width: 50%;box-sizing: border-box;}#outer .jump ul._menu li.global_item:nth-child(2n+1){border-right: none;}#outer .jump ul._menu li.global_item a{padding: 5px 7px;font-size: 12px;}#outer .jump ul._menu li.global_item a::before{position: absolute;content: '';top: 0.7em;left: 1em;height: 0;width: 0;border-style: solid;border-width: 6px 0 6px 9px;border-color: transparent transparent transparent #5e4f4f;}#outer .jump ul._menu li.global_item a::after{content: none;}#outer .jump ul._menu2{display: flex;flex-wrap: wrap;}#outer .jump ul._menu2 li.global_item{width: 50%;box-sizing: border-box;}#outer .jump ul._menu2 li.global_item:nth-child(2n+1){border-right: none;}#outer .jump ul._menu2 li.global_item a{padding: 5px 7px;font-size: 12px;}#outer .jump ul._menu2 li.global_item a::before{position: absolute;content: '';top: 0.7em;left: 1em;height: 0;width: 0;border-style: solid;border-width: 6px 0 6px 9px;border-color: transparent transparent transparent #5e4f4f;}#outer .jump ul._menu2 li.global_item a::after{content: none;}ul.menu li{width: 100%;margin-bottom: 1em;}ul.menu li a{font-size: 1.2em;}/*タブのスタイル*/#outer .tab_item{display: block;height: auto;font-size: 1.3em;padding: 0.5em;}#outer .tabs input:checked + .tab_item {background-color: #bae8e8;color: #272343;height: auto;font-size: 1.3em;padding: 0.5em;}.pro-bag-table.refined {gap: 16px;padding: 16px;/* overflow-x: auto;← 消す *//* scroll-snap-type: x mandatory;← 消す */}/*　スクロールにしたい時　 *//*　.pro-bag-table.refined .pro-bag-col {min-width: 55%;flex: 0 0 auto;scroll-snap-align: start;}*/.pro-bag-table.refined .pro-bag-image {padding: 16px;}.pro-bag-table.refined .pro-bag-image img {max-height: 220px;object-fit: cover;}/* ▼ スクロールバー表示＆装飾 */.pro-bag-table.refined::-webkit-scrollbar {height: 6px;/* 横スクロール用の高さ */}.pro-bag-table.refined::-webkit-scrollbar-track {background: #f0f0f0;border-radius: 3px;}.pro-bag-table.refined::-webkit-scrollbar-thumb {background: #ccc;border-radius: 3px;}.pro-bag-table.refined::-webkit-scrollbar-thumb:hover {background: #bbb;}.pro-bag-table.refined {display: flex;flex-wrap: wrap;/* ← はみ出さず折り返す */gap: 16px;padding: 16px;}.pro-bag-table.refined .pro-bag-col {flex: 1 1 100%;min-width: 0;/* ← はみ出し防止 */}/* Firefox用 */.pro-bag-table.refined {scrollbar-color: #ccc #f0f0f0;scrollbar-width: thin;}.accordion-btn {width: 100%;font-size: 1.5em;height: 30px;line-height: 60px;text-align: center;font-weight: bold;cursor: pointer;/* border-radius: 10px;*/user-select: none;justify-content: left;padding: 5px 5px 5px 15px;}#outer .jump{margin-top: 1em;}ul.menu2 li{width: 100%;box-sizing: border-box;border-radius: 0.5em;margin-bottom: 10px;margin-right: 0;}ul.menu li{background-color: #61c2c2;margin-right: 0;width: 90%;}.pro-bag-imagechosei {width: 100%;margin: 0;}.chosei {font-size: 1.1em;text-align: center;padding: 1em 1em 0.5em 1em;}.chosei2 {font-size: 1.1em;text-align: center;padding-top: 3px;color: gray;}}