@charset"utf-8";.guide {margin: 0 auto;width: 1000px;position: relative;word-break: break-all;}.guide_all {display: flex;width: 1260px;margin: 0 auto;}.guide_leftnavi {width: 240px;margin-right: 20px;}.guide_leftnavi p {font-weight: bold;font-size: 1.2em;border-bottom: solid 3px #333;margin-top: 50px;}.guide_leftnavi p:first-of-type {margin-top: 15px;}.guide_leftnavi .leftmenu_check {display: none;}.guide_leftnavi .leftmenu-label {display: block;position: relative;border-bottom: solid 1px #333;width: 240px;padding: 10px 0;}.leftmenu-label:before,.leftmenu-label:after {content: '';width: 8px;height: 2px;background-color: #000000;position: absolute;top: 50%;right: 2%;transform: translateY(-50%);box-sizing: border-box;}.leftmenu-label:after {transform: translateY(-50%) rotate(90deg);transition: .5s;}.guide_all .guide_leftnavi .leftmenu_box {height: 0;opacity: 0;padding: 0 10px;visibility: hidden;display: flex;}.leftmenu_check:checked+.leftmenu-label+.leftmenu_box {height: auto;opacity: 1;padding: 10px 10px 10px 0;background: #fff;visibility: visible;border-bottom: solid 1px #333;}.leftmenu_check:checked+.leftmenu-label:after {transform: translateY(-50%) rotate(0);}.guide_all .guide_leftnavi>ul {margin-top: 10px;}.guide_all .guide_leftnavi .leftmenu_box ul li,.guide_all .guide_leftnavi ul li {position: relative;padding-left: 1.2em;margin: 0.3em 0;}.guide_all .guide_leftnavi .leftmenu_box ul li:before,.guide_all .guide_leftnavi ul li:before {content: "";position: absolute;top: 8px;left: 0;border: 4px solid transparent;border-top: 5px solid #555;}.guide .main,.guide h2,.guide ._intro,.guide .main ._guide .submenu-label {width: 1000px;}.guide h2 {font-size: 36px;font-weight: bold;margin: 0 0 20px;text-align: left;}/*上部ボタンメニュー部分*/.guide ._navi {display: flex;flex-wrap: wrap;justify-content: space-between;}.guide ._navi li {display: block;width: 24%;background: #ededed;border-radius: 10px;text-align: center;padding: 1em 0;margin-top: 1.5em;}.guide ._navi._faq li {width: 19%;}.guide ._navi li .n_group {color: #333;font-size: 1.2em;font-weight: bold;}.guide ._navi li a {text-decoration: none;}.guide ._navi li a:hover {text-decoration: none;}.guide .main ._guide {margin-top: 5em;}.guide .main ._guide h3 {font-size: 2em;font-weight: bold;border-bottom: solid 3px #333;display: flex;vertical-align: text-bottom;}.guide .main ._guide h3 img {margin-right: 15px;}.guide .main ._guide h3 p {padding-top: 15px;}.guide .main ._guide h4 {background: #333;color: #fff;font-size: 1.3em;font-weight: bold;margin: 1em 0 5px 0;padding: 10px 52px;}/*.guide .main ._guide .guide_check{display: none;}↓書き換え*/.guide .main ._guide .guide_check {display: none;}.guide .main ._guide .submenu_check {display: none;}.guide .main ._guide .guide-label_g {position: relative;background: #ededed;color: #333;display: block;margin: 5px 0 0 0;padding: 10px 52px;font-size: 1.2em;line-height: 1.5em;font-weight: bold;}.guide .main ._guide .guide-label {position: relative;background: #ededed;color: #333;display: block;margin: 5px 0 0 0;padding: 10px 52px;font-size: 1.2em;line-height: 1.5em;font-weight: bold;}/*20211217追加*/.guide .main ._guide .submenu-label {position: relative;font-size: 2em;font-weight: bold;border-bottom: solid 3px #333;display: flex;vertical-align: text-bottom;padding-bottom: 10px;}/*20211217↓元の奴.guide-label:before, .guide-label:after{content: '';width: 15px;height: 3px;background-color: #000000;position: absolute;top: 50%;right: 7%;transform: translateY(-50%);box-sizing: border-box;}*//*20211217追加*/.guide-label:before,.guide-label_g:before,.submenu-label:before,.guide-label:after,.guide-label_g:after,.submenu-label:after {content: '';width: 15px;height: 3px;background-color: #000000;position: absolute;top: 50%;right: 7%;transform: translateY(-50%);box-sizing: border-box;}.guide-label_g:after {transform: translateY(-50%) rotate(0);transition: .5s;}.guide-label:after {transform: translateY(-50%) rotate(90deg);transition: .5s;}/*20211217追加*/.submenu-label:after {transform: translateY(-50%) rotate(90deg);transition: .5s;}.guide .main ._guide .guide_answer {height: 0;opacity: 0;padding: 0 10px;visibility: hidden;}.guide .main ._guide .guide_answer_g {height: auto;opacity: 1;padding: 10px 50px;background: #fff;border: 3px solid #ededed;visibility: visible;}/*20211217追加*/.guide .main ._guide .submenu_box {height: 0;opacity: 0;padding: 0 10px;visibility: hidden;display: flex;}.guide_check:checked+.guide-label+.guide_answer {height: auto;opacity: 1;padding: 10px 50px;background: #fff;border: 3px solid #ededed;visibility: visible;}.guide_check:checked+.guide-label_g+.guide_answer_g {/*---ご利用案内---*/height: 0;opacity: 0;padding: 0 10px;visibility: hidden;}/*20211217追加*/.submenu_check:checked+.submenu-label+.submenu_box {height: auto;opacity: 1;padding: 10px 20px;background: #fff;visibility: visible;}.guide_check:checked+.guide-label_g:after {/*---ご利用案内---*/transform: translateY(-50%) rotate(90deg);}.guide_check:checked+.guide-label:after {/*---よくあるご質問---*/transform: translateY(-50%) rotate(0);}/*20211217追加*/.submenu_check:checked+.submenu-label:after {transform: translateY(-50%) rotate(0);}._guide .guide_answer dl,._guide .guide_answer_g dl {margin-bottom: 1em;}._guide .guide_answer ul.li_disc,._guide .guide_answer_g ul.li_disc {margin-left: 1.5em;}._guide .guide_answer ul.li_disc li,._guide .guide_answer_g ul.li_disc li {list-style-type: disc;}._guide .guide_answer ul.li_disc.bl,._guide .guide_answer_g ul.li_disc.bl {margin: 1em 0 1em 1.5em;}/*設問内文字の大きさ*/._guide .guide_answer dl dt,._guide .guide_answer_g dl dt {font-weight: bold;font-size: 1.1em;padding-top: 1em;}/*table設定*/._guide .guide_answer table,._guide .guide_answer_g table {margin: 1em;}._guide .guide_answer th,._guide .guide_answer td,._guide .guide_answer_g th,._guide .guide_answer_g td {border: solid 1px black;}/*ol設定*/._guide .guide_answer ol,._guide .guide_answer_g ol {margin: 1em;}._guide .guide_answer ol.nbl,._guide .guide_answer_g ol.nbl {margin: 0;}._guide .guide_answer ol li,._guide .guide_answer_g ol li {margin: 2em;}._guide .guide_answer ol.nbl li,._guide .guide_answer_g ol.nbl li {margin: 0 0 0 2em;}._guide .guide_answer ol img,._guide .guide_answer p img,._guide .guide_answer_g ol img,._guide .guide_answer_g p img {border: 1px solid #333;box-sizing: border-box;width: 70%;position: relative;}._guide .guide_answer p img,._guide .guide_answer_g p img {margin: 1em 0;}._guide .guide_answer_g p.exp_img.pay {margin: 1em 0;}._guide .guide_answer_g p.exp_img.pay img {margin: 0;}/*submenu*/._guide .submenu_box dl {display: block;margin: 10px;width: 24%;}/*submenu 追加2022.02.08*/._guide .submenu_box.qa dl {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}._guide .submenu_box.qa dl dd {width: 48%;}._guide .submenu_box dl dt {font-weight: bold;}._guide .submenu_box dl dd {position: relative;padding-left: 1.2em;}._guide .submenu_box dl dd:before {content: "";position: absolute;top: 8px;left: 0;border: 5px solid transparent;border-top: 6px solid #555;}/*問い合わせメールボタン*/.guide .main .mailform_button {/*position: relative;background: #e60013;font-size: 1.2em;margin-top: 1em;*/margin: 0 auto;}.guide .main .mailform_button a {/*display: block;font-weight: bold;padding:10px;color: #fff;*/padding: 8px;background: #139767;border-radius: 4px;color: #fff;font-size: 1.2em;font-weight: bold;text-align: center;display: block;position: relative;margin-top: 1em;}.guide .main .mailform_button a:after {/*content: "";width: 0;height: 0;position: absolute;top: 40%;right: 20px;border-top: 6px solid transparent;border-left: 7px solid #fff;border-right: 6px solid transparent;border-bottom: 6px solid transparent;*/content: url(/img/usr/arrow_white_r_l.png);margin: auto;line-height: 0;position: absolute;top: 0;right: 24px;bottom: 0;height: 8px;}.guide .main .mailform_button a:hover {text-decoration: none;}/*注文の流れ*/._guide .guide_answer ._flow,._guide .guide_answer_g ._flow {display: flex;flex-wrap: wrap;justify-content: space-between;width: auto;padding: 1em;}._guide .guide_answer ._flow li,._guide .guide_answer_g ._flow li {display: block;width: 14%;background: #ededed;border-radius: 10px;text-align: center;padding: 1em 0;margin-top: 1.5em;}._guide .guide_answer ._flow li p,._guide .guide_answer_g ._flow li p {color: #333;font-weight: bold;}._guide .guide_answer ._flow li .f_number,._guide .guide_answer_g ._flow li .f_number {font-size: 1.5em;color: #e60013;}._guide .guide_answer ._flow li .f_img img,._guide .guide_answer_g ._flow li .f_img img {border: none;width: auto;}._guide .guide_answer ._flow li .f_text,._guide .guide_answer_g ._flow li .f_text {font-size: 1.1em;}._guide .guide_answer .sp_hyou,._guide .guide_answer_g .sp_hyou {display: none;}/*画像虫眼鏡*/._guide .guide_answer .exp_img,._guide .guide_answer_g .exp_img {position: relative;}._guide .guide_answer .exp_img:after,._guide .guide_answer_g .exp_img:after {content: '';background-image: url(/img/freepage/loupe.png);background-size: contain;width: 40px;height: 40px;display: block;position: absolute;right: 32%;bottom: 5%;}._guide .guide_answer_g .sp_guide .exp_img:after {right: 72%;}._guide .guide_answer h5,._guide .guide_answer_g h5 {font-weight: bold;text-decoration: underline;font-size: 1.1em;margin-top: 2em;}/*お支払い方法用のテーブル*/table.detail {margin-bottom: 20px;word-break: break-all;}table.detail tbody tr td,table.detail tbody tr th {padding: 10px;border: 1px solid #000000;}table.detail tbody tr td img {margin: 20px;}table.detail tbody tr td img.card {margin: 0;}table.detail tbody tr th {background: #eee;}/*NP掛け払い*/._guide .np_title {display: flex;align-items: center;}._guide .np_title .logo {margin-right: 5px;}._guide p.b_copy {font-weight: bold;font-size: 1.3em;margin: 1em 0;}._guide p.b_copy span.u_yellow {background: linear-gradient(transparent 60%, #ffff00 60%);}._guide img._npt {width: 200px;vertical-align: middle;}._guide p.b_txt {margin-top: 1em;font-weight: bold;}._guide p.b_txt._nom {margin-top: 0;}._guide .np_point {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 2.5em;}._guide .np_point .po_det {width: 32%;border: solid 1px #ededed;border-radius: 1em;padding: 1.5em 1em 1em;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;position: relative;}._guide .np_point .po_det:after {margin: auto;line-height: 0;position: absolute;left: 50%;top: -10%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}._guide .np_point .po_det._one:after {content: url(/img/freepage/faq/guide_icon/circle_01.png);}._guide .np_point .po_det._two:after {content: url(/img/freepage/faq/guide_icon/circle_02.png);}._guide .np_point .po_det._three:after {content: url(/img/freepage/faq/guide_icon/circle_03.png);}._guide .process {display: flex;justify-content: space-between;flex-wrap: nowrap;width: 100%;border: solid 1px #ededed;border-radius: 1em;padding: 1em;margin-bottom: 1em;box-sizing: border-box;}._guide .process ._number {width: 4%;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;align-items: center;}._guide .process .pro_img {width: 14%;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;align-items: center;}._guide .process .pro_txt {width: 79%;display: flex;flex-direction: column;align-content: center;justify-content: center;}._guide .guide_answer h6,._guide .guide_answer_g h6 {font-size: 1em;font-weight: bold;margin-top: 2em;margin-left: 1em;}._guide .guide_answer .sp_guide img,._guide .guide_answer_g .sp_guide img {border: 1px solid #333;box-sizing: border-box;width: 30%;position: relative;}/*在庫・アイコンについて微調整*/._guide th.free_table_cell_._icon {max-width: 100px;}._guide ._attention {border: solid 3px #ff0000;padding: 10px;box-sizing: border-box;margin-bottom: 10px;}._guide ._attention h5 {margin-top: 0px !important;}._guide ._attention a {position: relative;margin-left: 15px;}._guide ._attention a:before {content: '';width: 0;height: 0;border-style: solid;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #006699;border-right: 0;position: absolute;left: -10px;top: 5px;}/* ページ内検索 */.sr-only {position: absolute;left: -10000px;top: auto;width: 1px;height: 1px;overflow: hidden}.faq-search {margin: 12px 0 16px;}.faq-search .search-box {display: flex;gap: .5rem;align-items: center;}.faq-search input {flex: 1;padding: .6rem .8rem;border: 1px solid #ccc;border-radius: .5rem;}.faq-search button {border: 1px solid #ccc;background: #fff;padding: .45rem .6rem;border-radius: .5rem;cursor: pointer;}/* 件数表示のスタイル */.faq-search .result-count {margin: 8px 0 0;color: #333;font-size: 14px;line-height: 1.6;}/* 件数は色＋太字で強調（色はお好みで） */.faq-search .result-count strong {/* color: #e60013;*/font-weight: 700;}/* キーワードは淡い黄色のピル状ハイライト */.faq-search .result-count .kw {background: #fff3cd;padding: 0 .4em;border-radius: .4em;}/* 非表示用。label（質問見出し）と回答ボックスの両方に付ける場合あり */.faq-hide {display: none !important;}/* ハイライト（控えめ） */.faq-search mark {background: rgba(255, 235, 59, .5);padding: 0 .12em;border-radius: .2em;}.faq-searching .main ._guide {margin-top: 1.5em !important;}/* 質問ラベルと回答の間も詰める（見出しが連続してもダレないように） */.faq-searching .guide-label_g {margin: .4em 0 0 !important;}.faq-searching .guide_answer_g {margin: .3em 0 0 !important;}/* 目次ボックスは閉じ表示想定なので余白を抑える */.faq-searching .submenu_box {padding-top: 0 !important;padding-bottom: 0 !important;}/* mark は質問/回答内でも色が付くように（未設定の場合のみ） */.faq-searching mark {background: rgba(255, 235, 59, .5);padding: 0 .12em;border-radius: .2em;}/* ===== FAQ 検索を大きくリッチに ===== *//* セクション全体の余白を少し広げる */.faq-search {background: #ededed;border-radius: 16px;padding: 16px;margin: 20px auto 24px !important;width: 1000px;max-width: 100%;box-sizing: border-box;}.faq-search .search-box {background: #fff;border: 1px solid #ddd;border-radius: 12px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);padding: 8px;display: flex;gap: .5rem;align-items: center;}/* 入力欄を大きく：高さ・文字・内側余白 */.faq-search input {height: 54px;/* 高さアップ */font-size: 18px;/* 文字大きく */padding: 0 16px 0 44px;/* 左にアイコン分の余白を確保 */border: 1px solid #d0d0d0;border-radius: 10px;outline: none;background: #fff;flex: 1;}/* フォーカス時の見た目（アクセシビリティも◎） */.faq-search input:focus {border-color: #4aabc3;/* お好みでブランド色に */box-shadow: 0 0 0 3px rgba(74, 171, 195, 0.2);}/* クリアボタンも大きく＆押しやすく */.faq-search button {display: inline-flex;/* 中身に合わせる */align-items: center;/* 縦方向中央 */justify-content: center;/* 横方向中央 */height: 54px;/* 高さは維持 */min-width: 64px;/* 最小幅を確保 */padding: 0 16px;/* テキスト周りに余白 */border: 1px solid #d0d0d0;border-radius: 10px;background: #f7f7f7;font-size: 16px;font-weight: bold;white-space: nowrap;/* 1行に収める */}/* ボタンのホバー/フォーカス */.faq-search button:hover {background: #efefef;}.faq-search button:focus {outline: none;box-shadow: 0 0 0 3px rgba(0, 0, 0, .08);}/* 入力の虫眼鏡アイコン（CSSだけで追加：データURIのSVG） */.faq-search .search-box {position: relative;}/* 入力欄に直接アイコンを敷く */.faq-search input {/* 既存の大きさ指定はそのまま活かしつつ… */background-repeat: no-repeat;background-position: 14px center;/* 左から14px */background-size: 20px 20px;padding-left: 44px;/* アイコン分だけ余白 */background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\<circle cx='11' cy='11' r='8'/>\<line x1='21' y1='21' x2='16.65' y2='16.65'/>\</svg>");}/* Safariなどで type=search の内蔵Xボタン位置が被る場合の保険 */.faq-search input::-webkit-search-cancel-button {-webkit-appearance: none;height: 16px;width: 16px;}/* 検索窓上部の説明文 */.faq-search-lead {font-size: 14px;color: #666;margin: 0 0 7px;}@media screen and (max-width: 768px) {.guide {width: 100%;padding: 5px 15px;box-sizing: border-box;}.guide_all {width: 100%;}.guide_leftnavi {display: none;}.guide .main,.guide h2,.guide ._intro {width: 100%;}.guide .main ._guide {margin-top: 2.5em;}.guide .main ._guide .guide_answer_g {padding-right: 20px;padding-left: 20px;}.guide h2 {font-size: 28px;margin: 0;}.guide ._navi li {padding: 0.5em;/*width: 20%;*/box-sizing: border-box;}.guide ._navi li .n_group {margin: 0.5em 0.1em;font-size: 0.8em;line-height: 1.2em;}.guide .main ._guide .submenu-label {width: auto;font-size: 1.5em;}.guide_check:checked+.guide-label+.guide_answer {padding: 10px 20px;}.submenu_check:checked+.submenu-label+.submenu_box {padding: 10px;}.guide .main ._guide .submenu_box {display: block;}._guide .submenu_box dl {width: 100%;}/*submenu 追加2022.02.08*/._guide .submenu_box.qa dl {margin: 0;}._guide .submenu_box.qa dl dd {width: 100%;}._guide .guide_answer ._flow li,._guide .guide_answer_g ._flow li {width: 48%;margin-top: 1em;}._guide .guide_answer ._flow li .f_text,._guide .guide_answer_g ._flow li .f_text {font-size: 0.8em;}._guide .guide_answer table,._guide .guide_answer_g table {margin: 0;font-size: 0.8em;}.guide .main ._guide h3 {font-size: 1.5em;}.guide .main ._guide h3 img {display: none;}.guide .main ._guide h4 {padding: 10px 15px;}.guide .main ._guide .guide-label,.guide .main ._guide .guide-label_g {font-size: 1em;padding: 10px 45px 10px 15px;}._guide .guide_answer ol img,._guide .guide_answer p img,._guide .guide_answer_g ol img,._guide .guide_answer_g p img {width: 100%;}._guide .guide_answer .sp_guide img,._guide .guide_answer_g .sp_guide img {width: 70%;}._guide .guide_answer ol,._guide .guide_answer_g ol {margin: 0;}._guide .guide_answer .exp_img:after,._guide .guide_answer_g .exp_img:after {width: 30px;height: 30px;right: 3%;bottom: 5%;}._guide .guide_answer_g .sp_guide .exp_img:after {right: 35%;}.guide .main .mailform_button a {padding: 10px 45px 10px 15px;font-size: 90%;}._guide .guide_answer table.pc,._guide .guide_answer_g table.pc {display: none;}._guide .guide_answer .sp_hyou,._guide .guide_answer_g .sp_hyou {display: block;margin: 10px 0px;}/*FAQ*/.guide ._navi._faq li {width: 48%;margin-top: 0.5em;line-height: 1em;}/*お支払い方法用のテーブル*/table.detail {font-size: 0.8em;word-break: break-all;}table tbody tr td,table.detail tbody tr th {padding: 10px 5px;border: 1px solid #dcdcdc;}table.detail tbody tr th {background: #eee;}/*NP掛け払い*/._guide .np_point {margin-top: 0;}._guide .np_point .po_det {width: 100%;justify-content: space-between;flex-direction: row;margin-top: 3em;padding: 1.5em 1em 1em;}._guide img._npt {width: 150px;vertical-align: bottom;}._guide .np_point .po_det ._img {width: 34%;}._guide .np_point .po_det ._txt {width: 64%;}._guide .process ._number {width: 9%;}._guide .process .pro_img {width: 29%;}._guide .process .pro_txt {width: 59%;}._guide .guide_answer h6,._guide .guide_answer_g h6 {margin-left: 0em;}._guide ._attention {margin-top: 10px;}._guide th.free_table_cell_._icon {padding: 5px;}/* ページ内検索 */.faq-search {width: 100%;/* ← ここが効けば飛び出し激減 */max-width: 100%;padding: 12px;/* お好みで */margin: 12px 0 18px !important;}.faq-search .search-box {width: 100%;box-sizing: border-box;}.faq-search input {height: 48px;font-size: 16px;padding-left: 40px;flex: 1 1 auto;min-width: 0;}.faq-search button {font-size: 14px;/* ← 好きな大きさに調整 */color: #333;/* ← テキスト色を黒系に */background: #f7f7f7;/* ← PCと同じ背景 */border: 1px solid #d0d0d0;border-radius: 10px;height: 44px;/* ← 少し低めにしてバランスを取る */min-width: 60px;/* ← 横幅を抑える */flex: 0 0 auto;min-width: 60px;}.faq-search button:active {background: #efefef;/* ← 押した時の色 */}.faq-search input::placeholder {font-size: 14px;/* ← 好きなサイズに調整 */}.faq-search .result-count {font-size: 13px;}}