﻿@charset "utf-8";/* CSS Document *//*大枠*/#outer{width: 1260px;margin: 0 auto;}/*価格表記文言*/#outer .kakakuhyouki{padding: 10px;font-size: 1em;}/*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #427D9D;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.2em;padding-top: 10px;}#outer .top_parts .top_img{width: 44%;}#outer .top_parts .top_img img{width: 100%;}/*おすすめ一覧*/#outer .recommend {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-content: flex-start;margin: 15px auto;}#outer .recommend .item {width: 19%;position: relative;display: flex;flex-direction: column;align-items: center;font-weight: bold;margin-bottom: 20px;border: solid 1px #90A6A7;padding: 0 0 1rem;}#outer .recommend .item a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999px;transition: .3s;}#outer .recommend .item img {width: 100%;}#outer .recommend .item p {padding: 5px 5px 0;}/*各項目*/h2.uline_b{font-size: 2em;font-weight: bold;border-bottom: solid 5px #000000;margin-top: 45px;margin-bottom: 25px;}h2.label{font-size: 2em;font-weight: bold;border-bottom: solid 5px #000000;margin-top: 65px;margin-bottom: 25px;}h2.label2{font-size: 2em;font-weight: bold;border-bottom: solid 5px #000000;margin-top: 65px;margin-bottom: 53px;}#outer .contents{width: 100%;margin-bottom: 50px;}#outer .contents h3{font-size: 1.7em;font-weight: bold;margin-top: 35px;margin-bottom: 20px;padding-left: 5px;}.contents h3::before{content: "┃";}.contents .item{width: 100%;margin: 15px;}.contents .item .item_img{margin: auto;width: 50%;}.contents .item .item_img img{width: 100%;}.contents .item .item_txt{width: auto;padding: 15px;}.contents .item .item_txt p{line-height: 1.5;font-size: 1.3em;}.contents .item .item_txt3 p{line-height: 1.5;font-size: 1.3em;font-weight: bold;}.contents .item2 {display: flex;align-items: center;margin-bottom: 30px;}.contents .item2 .item_img2 {width: 15%;margin-right: 5%;}.contents .item2 .item_txt2 {width: 65%;/* 画像の幅に合わせて調整してください */font-size: 1.2em;margin-left: 20px;/* 画像との間隔を調整してください */}.item2 {display: flex;align-items: center;}/* 太文字 */.futo {font-weight: bold;}/* 画像のスタイル */.item_img2 img {max-width: 100%;height: auto;}/* 文章のスタイル */.item_txt2 {flex: 1;/* 画像との余白を埋めるために伸縮可能な幅を設定 */margin-left: 20px;/* 画像との間隔 */}/*h2の下のテキスト*/p.label_txt{line-height: 1.5;font-size: 1.3em;font-weight: bold;margin-bottom: 45px;text-indent: 1rem;}/*表のところ*/.threeline-table {border-collapse:separate;border-spacing: 5px;width: 90%;font-size: 1.2em;margin-bottom: 80px;}table th,table td{text-align: center;padding: 5px 0;font-weight: bold;}table th{background-color: #113946;color: #ffffff;}tr:nth-child(odd){background-color:#EFEFEF;}tr:nth-child(even){background-color:#fff;}.threeline-table {border-collapse: separate;border-spacing: 5px;width: 90%;font-size: 1.2em;margin: auto;}.twoline-table {border-collapse: separate;border-spacing: 5px;width: 90%;font-size: 1.2em;margin: auto;}.twoline-table th,.twoline-table td {text-align: center;padding: 5px 0;font-weight: bold;}.twoline-table th {color: #000;}tr:first-child th:nth-child(2) {background-color: #637A9F;}tr:first-child th:nth-child(3) {background-color: #A94438;}/* 最初の列の背景色を除外 */.twoline-table th:first-child,.twoline-table td:first-child {background-color: transparent;}.twoline-table tr:first-child th {background-color: #113946;/* 最初の行の背景色 */color: #ffffff;width: 50%;font-size: 0.9em;}.twoline-table tr:nth-child(odd) {background-color: #EFEFEF;/* 最初の行以外の背景色 */}.twoline-table tr:nth-child(even) {background-color: #fff;/* 最初の行以外の背景色 */}/*チェックマーク*/.heading-27 {display: flex;align-items: center;column-gap: 8px;color: #333333;font-size: 1.5em;font-weight: bold;}.heading-27::before {width: 0.8em;height: 0.4em;border-bottom: 4px solid #2589d0;border-left: 4px solid #2589d0;transform: rotate(-45deg) translate(2px, -2px);content: '';}/*QandA*/.heading-Q {color: #333333;font-size: 1.4em;font-weight: bold;}.heading-A {color: #333333;font-size:1.3em;margin-bottom: 20px;}.heading-Q:first-letter {color: #2589d0;font-size: 2em;}.heading-A:first-letter {color: #D04848;font-size: 2em;}.backcolor 	{background-color: #FFFBF5;}/*文字にラインを引く*/.highlight {background: linear-gradient(transparent 50%, #ffff66 0%);line-height: 1.3em;}/*関連リンクボタン*/.btn_gazou2 {text-align: center;/* ボタンを中央揃えにする */}.btn_gazou2 a {display: block;justify-content: center;align-items: center;width: 750px;height: 50px;margin: 40px auto 0;text-align: center;border: 1px solid #61A3BA;border-radius: 15px;background-color: #fff;color: #61A3BA;font-size: 1.1em;font-weight: bold;text-decoration: none;line-height: 50px;/* 行の高さをボタンの高さに合わせる */}/*商品一覧のボタン*/#outer .btn_gazou{width: 100%;font-size: 1em;margin-bottom: 10px;}#outer .btn_gazou a{position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 1rem 4rem;font-weight: bold;border-radius: 100vh;border-bottom: 10px solid #427D9D;background: #9BBEC8;color: #FFFFFF!important;font-size: 2em;}#outer .btn_gazou a::after{content: "";position: absolute;top: 50%;right: 5%;transform: translateY(-50%);border: 10px solid transparent;border-left: 13px solid #ffffff;}/*商品はこちらボタン*/.button-4 {display: flex;justify-content: center;align-items: center;width: 250px;margin-top: 50px;margin-right: auto;margin-left: auto;padding: .9em 2em;border: none;border-bottom: solid 5px #9BBEC8;border-radius: 25px;background-color: #427D9D;color: #fff!important;font-weight: 600;font-size: 1em;transition: .5s ease;text-decoration: none;}.button-4::after {transform: rotate(45deg);width: 5px;height: 5px;margin-left: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;content: '';}.button-4:hover {transform: translateY(3px);border-bottom-width: 2px;}/*関連記事のところ*/.column{width: 100%;margin-bottom: 45px;}.column h3.column_h3{font-size: 1.5em;font-weight: bold;margin: 35px 0 15px;}.column h3.column_h3::before{content: "┃"}.column .blog_btn{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;margin: 0 auto;}.column .blog_btn a{padding: 10px;color: #ffffff;background-color: #B2A59B;border-radius: 0.2em;font-size: 1.3em;font-weight: bold;text-align: center;position: relative;/*margin-right: 10px;*/margin-bottom: 35px;}.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%;}#outer .kakakuhyouki{padding: 10px;font-size: 1em;}/*スマホの設定*/@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.3em;font-weight: bold;padding-bottom: 5px;line-height: 1.2;}#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%;}/*各項目*/h2.uline_b{font-size: 2.3em;font-weight: bold;margin: 25px 10px 25px;padding-bottom: 5px;line-height: 1.2;text-align: center;}h2.label{font-size: 1.5em;font-weight: bold;margin: 25px 10px 20px;padding-bottom: 5px;line-height: 1.2em;text-align: center;}p.label_txt{line-height: 1.5;font-weight: bold;padding: 15px;text-indent: 0;margin: 5px;font-size: 1em;}#outer .contents{width: 100%;margin-top: 10px;}#outer .contents h3{font-size: 1.3em;font-weight: bold;margin: 25px 0;}#outer .contents h3{content: "┃";}.contents .item{width: 100%;margin: auto;}.contents .item .item_img{width: 90%;}.contents .item .item_txt{padding: 15px;}.contents .item .item_txt p{font-size: 1em;}.contents .item .item_txt ul.item_list{font-size: 15px;font-weight: bold;}.contents .item2 {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 15px;margin: auto;font-size: 0.8em;}.contents .item2 .item_img2 {width: 90%;margin: auto;}.contents .item2 .item_txt2 {width: 90%;font-size:1.2em;padding-top:20px;margin: auto;}.contents .item .item_txt3 p{line-height: 1.5;font-size: 1em;font-weight: bold;margin: 10px;}/* 太文字 */.futo {font-weight: bold;}/* 携帯版の画像と文章のスタイル */.item2 {display: block;}/* 画像のスタイル */.item_img2 img {max-width: 100%;height: auto;}/* 文章のスタイル */.item_txt2 {margin-top: 20px;/* 画像との間隔 */}.bquery-label h3::before {content: '\2713';/* Unicodeでチェックマークのコードポイント */display: inline-block;margin-right: 5px;/* チェックマークとテキストの間隔 */color: green;/* チェックマークの色 */}/*商品一覧のボタン*/#outer .btn_gazou{font-size: 10px;}#outer .btn_gazou a{padding: 10px 0;background-color: #9BBEC8;border-radius: 100vh;color: #ffffff;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;margin: 5px;}#outer .btn_gazou a::after{content: "";position: absolute;top: 50%;left: 90%;transform: translateY(-50%);border: 10px solid transparent;border-left: 13px solid #ffffff;}/*関連リンクボタン*/.btn_gazou2 {text-align: center;/* ボタンを中央揃えにする */}.btn_gazou2 a {display: block;justify-content: center;align-items: center;width: 300px;height: 100px;margin: 20px auto 0;text-align: center;border: 1px solid #61A3BA;border-radius: 15px;background-color: #fff;color: #61A3BA;font-size: 1.1em;font-weight: bold;text-decoration: none;line-height: 50px;/* 行の高さをボタンの高さに合わせる */}/*商品はこちらボタン*/.button-4 {display: flex;justify-content: center;align-items: center;width: 250px;margin-top: 30px;margin-right: auto;margin-bottom: 30px;margin-left: auto;padding: .9em 2em;border: none;border-bottom: solid 5px #9BBEC8;border-radius: 25px;background-color: #427D9D;color: #fff;font-weight: 600;font-size: 1em;transition: .5s ease;text-decoration: none;}.button-4::after {transform: rotate(45deg);width: 5px;height: 5px;margin-left: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;content: '';}.button-4:hover {transform: translateY(3px);border-bottom-width: 2px;}/*チェックマーク*/.heading-27 {display: flex;align-items: center;column-gap: 8px;color: #333333;font-weight: bold;font-size: 1.25em;padding: 5px 10px;}.heading-27::before {width: 0.8em;height: 0.4em;border-bottom: 4px solid #2589d0;border-left: 4px solid #2589d0;transform: rotate(-45deg) translate(2px, -2px);content: '';}/*QandA*/.heading-Q {color: #333333;font-size: 1.1em;font-weight: bold;padding: 5px 10px;}.heading-A {color: #333333;font-size:1.15em;padding :15px;}.heading-Q:first-letter {color: #2589d0;font-size: 2em;}.heading-A:first-letter {color: #D04848;font-size: 2em;}.backcolor 	{background-color: #FFFBF5;}/*関連記事のとこ*/.column{width: 100%;}.column h3.column_h3{padding: 5px;font-size: 1.3em;margin: 0;}.column h3.column_h3::before{content: "┃"}.column .blog_btn{padding: 10px;}.column ul.tokusyu{width: 96%;margin: 0 auto;padding: 0;}.column ul.tokusyu li{width: 49%;}.column .blog_btn a{font-size: 10px;border-radius: 1em;text-align: center;text-decoration: none;margin-bottom: 10px;}/*おすすめ商品一覧*/#outer .recommend {justify-content: space-between;box-sizing: border-box;padding: 0 10px}#outer .recommend .item{width: 47%;}/* この部分はスマホ版のCSSです *//* 表の部分 */.bquery-label {text-align: center;}.bquery-label h3 {font-size: 1.3em;font-weight: bold;margin-top: 40px;margin-bottom: 20px;display: inline-block;border-bottom: solid 1px #000;}.threeline-table,.twoline-table {border-collapse: separate;border-spacing: 5px;width: 90%;font-size: 1em;margin: auto;}table th,table td {text-align: center;padding: 5px 0;font-weight: bold;}table th {background-color: #113946;color: #ffffff;}tr:nth-child(odd) {background-color: #EFEFEF;}tr:nth-child(even) {background-color: #fff;}.twoline-table tr:first-child th {width: 50%;}/* .twoline-tableの2列目の背景色を修正 */.twoline-table tr:first-child th:nth-child(2) {background-color: #113946;/* 2列目の背景色を #113946 に修正 */font-size:0.9em;}.twoline-table tr:first-child th:nth-child(3) {background-color: #A94438;}/*おすすめ商品一覧*/#outer .recommend{justify-content: space-between;box-sizing: border-box;padding: 0 10px;}#outer .recommend .item{width: 32%;font-size: 0.8em;}/*#outer .btn_gazou{width: 100%;font-size: 10px;margin-bottom: 10px;font-weight: bold;}*/#outer .btn_gazou{font-size: 10px;}#outer .btn_gazou a{padding: 10px 0;background-color: #92C7CF;border-radius: 100vh;color: #ffffff;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;margin: 5px;font-size: 1.5em;}#outer .btn_gazou a::after{content: "";position: absolute;top: 50%;left: 95%;transform: translateY(-50%);border: 10px solid transparent;border-left: 13px solid #ffffff;}#outer .kakakuhyouki{padding: 10px;font-size: 1em;}}/*@mediaの閉じタグ*/