@charset "UTF-8";
@import url("ctgmall_dialog.css");

/* =======================================================================
CSSの名前：style.css 
--------------------------------------------------------------------------
1.reset
2.base
3.コンテナ・サイドバー・メインコンテンツ
4.ヘッダ
5.サイドバー
6.extファイル用
7.トップページ
8.カートの中身～注文完了まで、プレゼント応募～完了まで
9.定期購入商品履歴照会・変更
10.フッタ
11.商品詳細・一覧、プレゼント詳細・一覧
12.レビュー
13.購入履歴
14.サブウインドウで表示するページ用
15.エラーページ
16.クレジットカード登録画面
17.お気に入り
18.アドレス帳
19.マイページ
20.ログイン
21.商品比較
22.キャンペーン
23.会員登録
24.子会員リスト
25.担当法人一覧ページ
26.担当事業所一覧ページ
27.ポイント履歴ページ
28.ポイント有効期限ページ
29.STAFF START
======================================================================= */

:root{
	--main-color:#0039CC;
    --second-color:#002991;
    --third-color:#D5E6FF;
    --fourth-color:#F5F8FD;
	--fifth-color:#E7F0FE;
    --gray-color:#F7F7F7;
	--line-color:#ccc;
    --font-color:#333;
    --link-color:#0039CC;
    --red-color:#ED0E0E;
    --error-color:#ED0E0E;
    --shopping-color:#FF4D00;
    --shopping-bg-color:#FFF4F0;
    --gas-color:#005DDD;
    --gas-bg-color:#EDF4FC;
    --reform-color:#03AF7A;
    --reform-bg-color:#D9EDE7;
    --hcleaning-color:#FFD400;
    --hcleaning-bg-color:#FFF5C4;
    --life-color:#F4B2BA;
    --life-bg-color:#fbe0e4;
    --font-gray-color:#808080;
    --cart-color:#1F1F1F;
	--middle-content:800px;
}

/* =================================================================
1.reset
=================================================================*/
/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr,img,figure,a{ margin:0; padding:0; box-sizing:border-box; }
li{ list-style-type:none; }
table{ border-collapse:collapse; border-spacing:0; }
img{ width:100%; max-width:100%; height:auto; border:0; vertical-align:bottom; }
iframe{ border:none; }

body{
    width:100vw;
    box-sizing:border-box;
	line-height:1.4;
	font-size:14px;
    color:var(--font-color);
	word-wrap:break-word;
    overflow-x:hidden;
	position:relative;
}
body,
textarea{ font-family:"Noto Sans JP", sans-serif; }
body.noscroll{ overflow:hidden; }
html{scroll-padding-top: 58px;}
/* =================================================================
2.base
=================================================================*/
/*  clear
-------------------------------------------------------------*/
.clear{clear: both;}
.clearfloat{clear: both; height: 0; font-size: 1px; line-height: 0;}
.clearfix{zoom: 1;}
.clearfix:after{content: ""; display: block; clear: both;}
*:first-child+html .clearfix {zoom: 1; } /* IE7 */

/*  基本のlink color
-------------------------------------------------------------*/
a,
.link{ color:var(--font-color); text-decoration:none; }

/* フォーム類部品
-------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea{ width:100%; padding:14px 24px; background:#fff; border:var(--line-color) 1px solid; border-radius:8px; box-sizing:border-box; font-size:16px; }
textarea{ height:10em; }
select{ width:100%; padding:14px 60px 14px 24px; appearance:none; background:#ffffff; background:url("../images/pulldown.svg") no-repeat right 0 center / 50px auto #fff; border:var(--line-color) 1px solid; border-radius:8px; box-sizing:border-box; font-size:16px; color:var(--font-color); }
/*select{ width:100%; padding:14px 40px 14px 24px; appearance:none; background:#ffffff; background:url("../images/pulldown2.svg") no-repeat right 16px center / 10px auto #fff; border:var(--line-color) 1px solid; border-radius:8px; box-sizing:border-box; font-size:14px; color:var(--font-color); }*/
.select2 select{ width:100%; padding:14px 60px 14px 24px; background:url("../images/pulldown.svg") no-repeat right 0 center / 50px auto #fff; }
input[type="radio"],
input[type="checkbox"]{ margin:0 2px 0 0; border:var(--line-color) 1px solid; accent-color:var(--link-color); inline-size:1.2rem; block-size:15px; vertical-align:-2px !important; }

input:focus,
textarea:focus{ outline:none; }

.inputS,
.selectS{ width:100px !important; }
.inputM{ width:170px !important; }
.inputL{ width:216px !important; }

.required{ width:34px; padding:2px 0 3px; display:inline-block; margin:0 0 0 5px; text-align:center; background:var(--error-color); border-radius:3px; font-size:12px; font-weight:normal; color:#fff; line-height:1; vertical-align:1px; }
.required.mgR,
p > .required{ margin:0 5px 0 0; }
.formLabel > .required{ margin:0 0 0 14px; }

.form_attention{ margin:16px 0 0 !important; font-size:14px; }

.zipArea{ max-width:350px; border-radius:8px; border:var(--line-color) 1px solid; overflow:hidden; position:relative; }
.zipArea input[type = "text"]{ padding:14px 81px 14px 24px; border:none; border-radius:0; }
.zipBtn{ width:76px; height:48px; margin:0; background:#F5F5F5; border:none; font-size:13px; color:var(--font-color); position:absolute; top:0; right:0; }

ul.rcList{ display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 0; } /* PC・SP回り込み */
ul.rcList3 li{ margin:0 0 5px; }
ul.rcList3 li:last-child{ margin-bottom:0; }

.apply_area{ width:100%; }
.apply_area th{ width:180px; padding:15px 0; text-align:left; }
.apply_area td{ padding:15px 0; }

/*  ボタンデザイン
-------------------------------------------------------------*/
.whiteBtn,
.whiteBtn2,
.blueBtn,
.blueBtn2,
.blueBtn3,
.lightBlueBtn,
.grayBtn,
.grayBtn2,
.redBtn,
.yellowBtn,
.cartBtn,
.cartBtn2,
.notCartBtn,
.soldoutBtn,
.inactiveBtn
/*.submitBtn,
.submitBtnFm a,
.deleteBtn,
input.button*/{ width:100%; max-width:400px; display:block; margin:0 auto; text-align:center; padding:22px 10px; background:#fff; border:var(--main-color) 2px solid; border-radius:50px; box-sizing:border-box; font-size:18px; font-weight:700; color:var(--main-color); line-height:1.6; cursor:pointer; }

.blueBtn{ padding:24px 78px 24px 32px; text-align:left; background:url("../images/arrow_white_right3.svg") no-repeat right 32px center / 20px auto var(--main-color); color:#fff; }
.blueBtn2{ background:var(--main-color); color:#fff; }
.blueBtn3{ display:inline-block; margin:16px 0 0; padding:4px 27px 4px 8px; background:url("../images/arrow_blue_right5.svg") no-repeat right 5px center / 16px auto var(--fifth-color); border-color:var(--fifth-color); border-radius:6px; font-size:12px; font-weight:500; color:var(--font-color); }

.whiteBtn{ padding:24px 78px 24px 48px; text-align:left; background:url("../images/arrow_blue_right3.svg") no-repeat right 48px center / 30px auto #fff; }
.whiteBtn img{ width:27px; margin:0 8px 0 0; vertical-align:-6px; }
/*.whiteBtn.web span{ padding:0 0 0 37px; background:url("../images/ico_pc.svg") no-repeat 0 center / 30px auto; }
.whiteBtn.tel span{ padding:0 0 1px 35px; background:url("../images/ico_tel_blue.svg") no-repeat 0 center / 27px auto; }*/
.whiteBtn.estimate span{ padding:5px 30px 5px 40px; background:url("../images/ico_estimate.svg") no-repeat 0 center / 20px auto; }
.whiteBtn.doc span{ padding:5px 30px 5px 40px; background:url("../images/ico_doc.svg") no-repeat 0 center / 30px auto; }
.whiteBtn.web span{ padding:5px 30px 5px 40px; background:url("../images/ico_pc.svg") no-repeat 0 center / 30px auto; }
.whiteBtn.tel span{ padding:5px 30px 5px 40px; background:url("../images/ico_tel_blue.svg") no-repeat 0 center / 28px auto; }

.grayBtn{ background-color:#676767; border-color:#676767; color:#fff; }
.grayBtn2{ background-color:var(--gray-color); border-color:var(--gray-color); color:var(--font-color); }

.redBtn{ background-color:var(--red-color); border-color:var(--red-color); color:#fff; }

.lightBlueBtn{ background-color:#009CD0; border-color:#009CD0; color:#fff; }

.yellowBtn{ max-width:560px; background:url("../images/arrow_black_right.svg") no-repeat right 49px center / 26px auto #FFD400; border-color:#FFD400; border-radius:8px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.10); font-size:24px; color:var(--font-color); }
.yellowBtn p{ display:inline-block; padding:0 10px 0 25px; background:url("../images/ico_map.svg") no-repeat left bottom 7px / 16px auto; }
.yellowBtn p span{ display:block; margin:0 0 -2px; font-size:14px; }

.cartBtn,
.cartBtn2,
.notCartBtn{ width:100%; max-width:600px; height:80px; margin:0 auto; padding:0 0 0 20px; text-align:center; background:url("../images/ico_cart2.svg") no-repeat left calc(50% - 75px) top 21px / 28px auto var(--red-color); border-color:var(--red-color); font-size:18px; color:#fff; }
.notCartBtn{ padding-top:20px; background:#D6D6D6; border-color:#D6D6D6; color:#6F6F6F; cursor:default; }
a.cartBtn{ padding-top:22px; }
.cartBtn2{ padding-top:22px; background-image:url("../images/ico_cart2_gray.svg"); background-color:#D6D6D6; border-color:#D6D6D6; color:#6F6F6F; cursor:default; }

.soldoutBtn{ width:100%; max-width:335px; height:56px; margin:0 auto; padding:19px 0 0; text-align:center; background:var(--gray-color); border-color:var(--gray-color); font-size:14px; color:#4D4D4D; }

.inactiveBtn{ background:#E3E3E3; border-color:#E3E3E3; color:#999; }

.moreBtn{ margin:36px 0 0; }

/*.normalBtn,
.normalBtnFm a{ background:#fff; color:var(--font-color) !important; }
.normalBtn2{ background:#AB951D; border-color:#AB951D; color:#fff !important; }
input.normalBtn{ background:#fff; }
.submitBtn,
.submitBtnFm a,
.buttonarea .submitBtn{ background:var(--cart-color); border-color:var(--cart-color) !important; font-size:16px; color:#fff !important; }
.buttonarea .deleteBtn,
.deleteBtn{ background:#f5f5f5; color:var(--font-color); }


*/

/*次へ・入力内容を確認する・注文する・ログイン・登録する・送信・検索・ご注文手続きへ進む等*/
a.positive,
input.positive{ background:#4495DA; border-color:#4495DA; color:#ffffff; }

/*戻る・クリア・削除・ログアウト等*/
a.negative,
input.negative{ background:#ffffff !important; border-color:#B9D7F1; color:var(--main-color) !important; }

/*上記以外のボタン*/
/*a.normal{background: #f7f7f7; color: #333333; border: 1px solid #adadad; }
input.normal{background: #f7f7f7; color: #333333; border: 1px solid #adadad; }
.medium.normal{ padding:9px !important;}
.small.normal{ padding:5px 9px !important;}*/

/*押せないボタン*/
.not_click{border: none; display: block; line-height: 1; text-align: center; padding: 10px; text-decoration: none; font-size: 12px; -webkit-border-radius: 3px;/* for Safari and Chrome */ -moz-border-radius: 3px; /* for Firefox */ -o-border-radius: 3px; /* for opera */ border-radius: 3px; background: #d2d2d2; color: #a5a5a5;}
.not_click.medium{max-width: 230px; min-width: 200px;}

/*見積ボタン*/
/*a.estimate{ background:#4495DA; border-color:#4495DA; color:#FFFFFF; }*/
input.estimate{ background:#4495DA; border-color:#4495DA; color:#FFFFFF; }

/*普通サイズの時にはクラスに下記を追加*/
.medium,
a.medium,
input.medium{ min-width:180px; }

/*小さいサイズの時にはクラスに下記を追加*/
.small,
a.small,
input.small,
ul.adList li .button_area .normalBtn.small,
ul.adList li .button_area .submitBtn.small{ width:140px; padding:10px 0; font-size:13px; }

.buttonarea{ display:flex; flex-wrap:wrap; justify-content:center; gap:0 32px; margin:80px 0 0; }
.buttonarea a,
.buttonarea input,
.buttonarea .grayBtn2{ width:300px; margin:0; cursor:pointer; }
.buttonarea.mgB input,
.buttonarea.mgB button,
.buttonarea.mgB a{ margin:0 0 16px; }

.buttonarea2{ margin:104px 0 0; padding:40px 0; background:var(--gray-color); }


/*  画像の縦横比調整
-------------------------------------------------------------*/
/*.img_box{text-align: center; position: relative;}
.img_box img{width: auto; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}*/

/*  カートフローチャート
-------------------------------------------------------------*/
.cart_step{position: relative; overflow: hidden;}
.cart_step:after {content: ""; clear: both; display: block;}/* clearfix */
.cart_step ul{position: relative; left: 50%; float: left; margin-bottom: 45px;}
.cart_step ul li{position: relative; left: -50%; float: left; text-align: center; width: 140px; line-height: 1.2; color: #CDCDCD;}
.cart_step ul li.active{color: #000000; font-weight: bold;}
.cart_step ul li strong{font-size: 35px; display: block;}

/*画像の場合*/
.step{ width:auto; display:block; margin:25px auto 45px; }

/*  ローディング表示のスタイル
-------------------------------------------------------------*/
#loading{position: fixed; top: 50%; left: 50%; padding-top: 100px; width: 100px; background-image: url("../images/loader_icon_pc.gif"); background-position: center center; background-repeat: no-repeat;}

/* タイトル
-------------------------------------------------------------*/
/*h2{ margin:60px 0 50px; font-size:22px; font-weight:normal; }
h3{ margin:40px 0 30px; padding:0 0 10px; border-bottom:var(--line-color) 1px solid; font-size:18px; font-weight:600; }
h3 .lock{ width:15px; margin:0 0 0 5px; vertical-align:-2px; }
h4{ margin:30px 0 10px; font-size:16px; font-weight:normal; }
h5{ margin:30px 0 10px; font-size:16px; font-weight:normal; }*/

.pageTitle{ margin:40px 0 0; font-size:28px; font-weight:700; line-height:1.3; }

.heading1{ margin:0 0 24px; font-size:28px; font-weight:700; line-height:1.3; }
.heading1 img{ width:24px; margin:0 16px 0 0; vertical-align:-1px; }
.heading1 img.coupon{ width:30px; }
.heading1 img.bag,
.heading1 img.books,
.heading1 img.news,
.heading1 img.house,
.heading1 img.popular{ width:32px; vertical-align:-4px; }
.heading1 img.ranking{ width:26px; }
.heading1 img.cate{ width:27px; vertical-align:-3px; }

.heading2{ margin:80px 0 16px; font-size:18px; font-weight:700; line-height:1.3; }
.heading2.mgTShort{ margin-top:24px; }

.heading3,
.heading5{ margin:0 0 24px; padding:0 0 0 16px; border-left:#20ACE7 4px solid; font-size:28px; font-weight:700; line-height:1.3; position:relative; }
.heading5{ font-size:22px; }
.heading3::before,
.heading5::before{ width:4px; height:50%; content:""; background:#D33F89; position:absolute; top:50%; left:-4px; }
.heading3 img.lock{ width:20px; margin:0 0 0 5px; vertical-align:-2px; }

.heading4{ margin:0 0 40px; padding:20px 32px; background:var(--main-color); border-top:#ECECEC 8px solid; font-size:24px; font-weight:500; color:#fff; }
.heading6{ margin:24px 0 16px; padding:0 0 0 28px; background:url("../images/ico_diamond.svg") no-repeat 0 5px / 20px auto; font-size:18px; font-weight:700; line-height:1.7; }

.heading7{ margin:32px 0 8px; padding:0 0 0 12px; border-left:#009CD0 4px solid; font-size:16px; font-weight:500; line-height:1.3; }

.catePageTit .title{ padding:30px 0 5px; font-size:30px; }
.catePageTit img{ width:30px; margin:0 8px 0 0; vertical-align:-2px; }
#reformPage .catePageTit img,
#hcleaningPage .catePageTit img,
#lifePage .catePageTit img{ vertical-align:-4px; }

.catePageTit2{ position:relative; }
.catePageTit2 > img{ width:100%; height:240px; object-fit:cover; }
.catePageTit2 .catePageTit2Con{ width:100%; height:240px; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:2; }
.catePageTit2 .title{ padding-top:calc(120px - 0.5em); font-size:38px;  color:#fff; position:relative; z-index:3; }


/* 　テキスト
-------------------------------------------------------------*/
.lead1{ margin:20px 0 30px; font-size:13px; line-height:1.7; }
.lead2{ margin:40px 0; font-size:16px; line-height:1.7; }

.scrollBox{ padding:32px; background:#fff; border-radius:16px; }
.scrollBox .txtArea{ height:130px; padding:0 12px 0 0; overflow:auto; }

.leadBox{ margin:56px 0 0; font-size:16px; line-height:1.7; }
.leadBox .title{ margin:0 0 30px; font-size:28px; }

.note{ margin:24px 0 0; font-size:13px; line-height:1.4; color:var(--font-gray-color); }
ul.note{ margin:40px 0 0; }
ul.note li{ font-size:14px; line-height:2; }

.taCenter{ text-align:center; }

.cmTxt1{ margin:0 0 8px; font-size:12px; }

/* 　画像
-------------------------------------------------------------*/
.imgBd{ border:var(--gray-color) 2px solid; border-radius:16px; overflow:hidden; }

/* 　リンク
-------------------------------------------------------------*/
.cmLink1{ color:var(--link-color); }
.cmLink2{ padding:0 22px 0 0 ; background:url("../images/arrow_blue_right7.svg") no-repeat right center / 14px auto; font-size:14px; font-weight:700; line-height:1.6; }

/* 　スペース
-------------------------------------------------------------*/
.pdTNone{ padding-top:0 !important; }
.mgTNone{ margin-top:0 !important; }
.mgBNone{ margin-bottom:0 !important; }

.mgTop1{ margin:80px 0 0; }

.mgB1{ margin-bottom:104px !important; }

/* 　テーブル
-------------------------------------------------------------*/

/* 　ul
-------------------------------------------------------------*/
ul.discList{ margin:8px 0 0; font-size:12px; }
ul.discList > li{ padding:0 0 0 17px; line-height:1.7; position:relative; }
ul.discList > li::before{ content:"●"; position:absolute; top:0; left:0; }
ul.discList > li ul{ margin:8px 0; line-height:1.5; }

ul.discList2{ margin:40px 0 0; font-size:16px; }
ul.discList2 > li{ padding:0 0 0 23px; line-height:1.7; position:relative; }
ul.discList2 > li::before{ content:"●"; position:absolute; top:0; left:0; }
ul.discList2 > li ul{ margin:8px 0; line-height:1.5; }

/* パンくず
-------------------------------------------------------------*/
#breadcrumbs{ padding:18px 0; background:var(--gray-color); }
#breadcrumbs a{ margin:0 3px 0 0; padding:0 14px 0 0; background:url("../images/arrow_gray_right.svg") no-repeat right 0 center / 6px auto; color:var(--link-color); }
#breadcrumbs a:link,
#breadcrumbs a:visited{ text-decoration:underline; }
#breadcrumbs a:hover,
#breadcrumbs a:active{ text-decoration:none; }
#breadcrumbs a,
#breadcrumbs span{ font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0.28px; }

/* 　ページング
-------------------------------------------------------------*/
.pagelink{ max-width:430px; margin:90px auto 0; padding:0 90px; text-align:center; box-sizing:border-box; color:#E3E3E3; position:relative; }
.pagelink p{ margin-top:0 !important; }
.pagelink a.preBtn,
.pagelink a.nextBtn{ width:40px; aspect-ratio:1 / 1; display:block; background:url("../images/arrow_white_right2.svg") no-repeat center center / auto 11px var(--main-color); border:var(--main-color) 1px solid; border-radius:50%; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0; }
.pagelink a.preBtn{ transform:rotate(180deg); left:0; }
.pagelink a.nextBtn{ left:auto; right:0; }
.pagelink .numberArea{ display:flex; justify-content:center; align-items:center; gap:0 8px; }
.pagelink .numberArea > p{ margin:0 5px;  }
.pagelink .numberArea a,
.pagelink .numberArea > p > .current{ width:40px; height:40px; display:flex; align-items:center; justify-content:center; border:transparent 1px solid; border-radius:50%; box-sizing:border-box; font-size:14px; font-weight:700; line-height:1; }
.pagelink .numberArea > p .current{ border:var(--main-color) 1px solid; color:var(--main-color); }

.pageguide{ margin:24px 0; }

/* 　ブックマーク
-------------------------------------------------------------*/
.bmBtnOff,
.bmBtnOn{ width:56px; height:56px; display:block; text-indent:-9999px; background:url("../images/ico_list_fav_off.svg") no-repeat center center / 100% auto; }
.bmBtnOn{ background-image:url("../images/ico_list_fav_on.svg"); }

.bmBtnBlue{ display:inline-block; padding:3px 12px; background:#009CD0; border:#009CD0 1px solid; border-radius:4px; font-size:12px; color:#fff; }

/* 　フォームナビ
-------------------------------------------------------------*/
.inputNav{ width:100%; margin:0 0 60px; padding:26px 0; background:var(--fifth-color); }
.inputNav ul{ max-width:1100px; display:flex; flex-wrap:wrap; justify-content:center; gap:5px 0; margin:0 auto; }
.inputNav ul li{ padding:0 30px 0 20px; text-align:center; background:url("../images/arrow_gray_right.svg") no-repeat right center / 8px auto; color:var(--font-gray-color); }
.inputNav ul li:last-child{ background:none; }
.inputNav ul li.on{ font-weight:600; color:var(--main-color); }

/* searchArea
-------------------------------------------------------------*/
.searchArea .searchCon{ display:flex; }
.searchArea input[type = "search"],
.itemSearchArea .searchArea input[type = "text"]{ width:calc(100% - 68px); height:48px; padding:14px 24px; border-right:none; border-radius:50px 0 0 50px; font-size:14px; }
.searchArea input[type = "submit"]{ width:68px; height:48px; min-width:0; display:block; margin:0; text-indent:-9999px; background:url("../images/ico_lupe_white.svg") no-repeat center center / 22px auto var(--main-color); border:var(--main-color) 1px solid; border-radius:0 50px 50px 0; }

/* importantInfo
-------------------------------------------------------------*/
.importantInfo{ margin:24px 0 0; }
.importantInfo.mgT{ margin-top:48px; }
.importantInfo dl{ display:flex; gap:0 16px; }
.importantInfo dl dt{ width:16%; margin:15px 0 0; padding:0 0 0 32px; background:url("../images/ico_important_info.svg") no-repeat 0 0 / 24px auto; font-size:16px; font-weight:700; line-height:1.3; color:var(--red-color); }
.importantInfo dl dd{ width:84%; }
.importantInfo dl dd ul li:first-child{ border-top:var(--line-color) 1px solid; }
.importantInfo dl dd ul li a{ display:flex; padding:16px 22px 16px 5px; background:url("../images/arrow_blue_right2.svg") no-repeat right 0 center / 16px auto; border-bottom:var(--line-color) 1px solid; font-weight:500; line-height:1.3; }
.importantInfo dl dd ul li a .day{ width:101px; font-size:12px; color:#6F6F6F; }
.importantInfo dl dd ul li a .txt{ width:calc(100% - 91px); font-size:12px; line-height:1.3; vertical-align:middle; }

/* mainKv
-------------------------------------------------------------*/
.mainKv{ margin:24px 0 0; }

/* スライダー
-------------------------------------------------------------*/
.splide__arrow{ width:39px; height:39px; background:url("../images/arrow_white_right4.svg") no-repeat 0 0 / 100% auto #fff; border-radius:50%; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); opacity:1; }
.splide__arrow svg{ display:none; }
.splide__arrow--prev{ background-image:url("../images/arrow_white_left4.svg"); left:-30px; }
.splide__arrow--next{ right:-30px; }
.splide__arrow:disabled{ opacity:0; }
.splide__pagination__page{ margin:0 8px; }
.splide__pagination__page.is-active{ background:var(--main-color); opacity:1; transform:scale(1); }
.splide__toggle{ background:none; border:none; position:absolute; left:50%; bottom:4px; }
.splide__toggle__play img{ width:12px; }
.splide__toggle__pause img{ width:15px; }

#main-carousel .splide__slide{ border-radius:20px; overflow:hidden; }
#main-carousel .splide__arrow{ width:60px; height:60px; display:block; }
#main-carousel .splide__arrow--prev{ left:calc(50% - 420px); }
#main-carousel .splide__arrow--next{ left:calc(50% + 355px); }

#main-carousel2{ padding:0 0 40px; }
#main-carousel2 .splide__arrow{ width:60px; height:60px; display:block; }
#main-carousel2 .splide__arrow--prev{ left:calc(50% - 420px); }
#main-carousel2 .splide__arrow--next{ left:calc(50% + 355px); }
#main-carousel2 .splide__track--nav>.splide__list>.splide__slide.is-active{ border-color:transparent; }

#thumbnail-carousel{ margin:24px 0 0; }
#thumbnail-carousel .splide__list{ justify-content:center; }
#thumbnail-carousel .splide__track--nav>.splide__list>.splide__slide{ opacity:0.4; border:var(--line-color) 2px solid; border-radius:10px; overflow:hidden; }
#thumbnail-carousel .splide__track--nav>.splide__list>.splide__slide.is-active{ border:var(--main-color) 4px solid; opacity:1;  }
#thumbnail-carousel .splide__slide img{ aspect-ratio:154 / 80; }

#detailImg .splide__list,
#detailImg .splide__slide{ width:100%; }
#detail-main-carousel .splide__slide{ border-radius:20px; border:var(--gray-color) 2px solid; overflow:hidden; }
#detail-main-carousel .splide__slide img{ aspect-ratio:630 / 526; object-fit:cover; }
#detail-main-carousel .splide__arrow{ width:45px; height:45px; }
#detail-main-carousel .splide__arrow--prev{ left:-22px; }
#detail-main-carousel .splide__arrow--next{ right:-22px; }
#detail-thumbnail-carousel{ margin:16px 0 0; }
#detail-thumbnail-carousel .splide__slide{ aspect-ratio:1 / 1; border:none; border-radius:5px; opacity:0.4; overflow:hidden; }
#detail-thumbnail-carousel .splide__track--nav>.splide__list>.splide__slide.is-active{ border:var(--main-color) 2px solid; opacity:1;  }

/* ctgBanner
-------------------------------------------------------------*/
.ctgBanner{ margin:80px 0 0; }
.ctgBanner .inner{ position:relative; }
.ctgBanner .inner::after{ width:118px; aspect-ratio:1 / 1; content:""; background:url("../images/bear_03.svg") no-repeat center 0 / 100% auto; position:absolute; right:38px; bottom:2px; }
.ctgBanner .title{ display:inline-block; margin:0; padding:8px 20px; background:var(--main-color); border-radius:20px 50px 50px 0; font-size:16px; font-weight:700; line-height:1.3; color:#fff; }
.ctgBanner dl{ display:flex; align-items:center; margin:-20px 0 0; padding:18px 137px 19px 21px; background:var(--fifth-color); border:var(--main-color) 2px solid; border-radius:10px; }
.ctgBanner dl dt{ width:174px; font-size:18px; font-weight:700; line-height:1.1; color:var(--main-color);  }
.ctgBanner dl dd{ width:calc(100% - 174px); }
.ctgBanner dl dd ul{ display:flex; flex-wrap:wrap; gap:0 13px; }
.ctgBanner dl dd ul li{ width:calc((63% - 26px) / 2); border-radius:10px; overflow:hidden; }
.ctgBanner dl dd ul li:last-child{ width:37%; }
.ctgBanner dl dd ul li img{ width:auto; max-height:60px; }

/* bannerArea1
-------------------------------------------------------------*/
.bannerArea1{ margin:104px 0 0; text-align:center; }
.bannerArea1.mgTshort{ margin-top:48px; }
.bannerArea1.mgB{ margin-bottom:104px; }
.bannerArea1 ul{ display:flex; flex-wrap:wrap; gap:30px 0; }
.bannerArea1 ul li{ width:100%; }
.bannerArea1 img{ width:auto; max-width:100%; }

/* bannerArea2
-------------------------------------------------------------*/
.bannerArea2{ margin:104px 0 0; }
.bannerArea2 ul{ display:flex; flex-wrap:wrap; justify-content:center; gap:24px; }
.bannerArea2 ul li{ width:calc((100% - 24px) / 2); }

/* freeArea1
-------------------------------------------------------------*/
.freeArea1{ margin:104px 0 0; text-align:center; }
.freeArea1 img{ width:auto; max-width:100%; }
.freeArea1 iframe{ max-width:100%; }

/* itemListBox
-------------------------------------------------------------*/
.itemListBox .heading1{ margin-top:104px; }

/* rankingArea
-------------------------------------------------------------*/
.rankingArea{ margin-top:104px; }

.rankingArea.grayBg{ padding:104px 0; background:var(--gray-color); }

/* tab
-------------------------------------------------------------*/
ul.tabMenu{ display:flex; margin:0 0 30px; background:#fff; border-radius:50px; }
ul.tabMenu li{ padding-right:8px; }
ul.tabMenu li:last-child{ padding-right:0; }
ul.tabMenu li a{ display:block; padding:12px 24px; border-radius:50px; font-size:14px; font-weight:700; line-height:1.6; letter-spacing: 0.28px; }
ul.tabMenu li a.on{ background:var(--shopping-color); color:#fff; }

ul.tabMenu.gasBg li a.on{ background:var(--gas-color); }

.tabCon .heading2{ margin-top:0; }
.tabCon{ height:0; visibility:hidden; opacity:0; }
.tabCon.open{ height:auto; visibility:visible; opacity:1; transition:all 0.4s; }

/* cateListArea
-------------------------------------------------------------*/
.cateListArea{ margin:104px 0 0; padding:104px 0; background:var(--fifth-color); }
.cateListArea.shoppingBg{ background:var(--shopping-bg-color); }

/* cateBox
-------------------------------------------------------------*/
.cateBox{ margin:24px 0 0; padding:0 0 5px; background:#fff; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.10); border-radius:20px; overflow:hidden; position:relative;  }
.cateBox::before{ width:100%; height:4px; content:""; background-color:var(--shopping-color); position:absolute; top:0; left:0; z-index:2; }
.cateBox .cateTit a,
.cateBox .cateTit p{ min-height:58px; display:flex; align-items:center; padding:0 20px; font-size:16px; font-weight:700; line-height:1.3; position:relative; }
.cateBox .cateTit a::after,
.cateBox .cateTit p::after{ width:58px; height:58px; display:block; content:""; background:url("../images/arrow_white_right2.svg") no-repeat center center / 10px auto var(--shopping-color); position:absolute; top:0; right:0; }
.cateBox .cateTit img{ width:32px; margin:0 8px 0 0; vertical-align:-7px; }
.cateBox .cateTit2{ background:#EDF4FC; border-top:var(--gas-color) 2px solid; }
.cateBox .cateTit2 a{ display:flex; align-items:center; padding:12px 20px; }
.cateBox .cateTit2 a img{ width:32px; margin:0 8px 0 0; }
.cateBox .cateTit2 a p{ width:clac(100% - 40px); font-weight:700; line-height:1.2; }
.cateTit3{ margin:0 20px 8px; padding:15px 0; text-align:center; background:#E8F9F4; border-radius:100px; font-size:14px; font-weight:700; line-height:1.2; color:#03AF7A; }
.cateBox .caseLink a{ display:block; margin:16px 0 0; padding:30px 20px; background:url("../images/arrow_gray_right.svg") no-repeat right 24px center / 10px auto #D9EDE7; font-size:16px; font-weight:700; line-height:1.6; }

.cateBox.gas::before,
.cateBox.gas .cateTit a::after,
.cateBox.gas .cateTit p::after{ background-color:var(--gas-color); }
.cateBox.reform{ padding-bottom:0; }
.cateBox.reform::before,
.cateBox.reform .cateTit a::after,
.cateBox.reform .cateTit p::after{ background-color:var(--reform-color); }
.cateBox.hcleaning::before,
.cateBox.hcleaning .cateTit a::after,
.cateBox.hcleaning .cateTit p::after{ background-color:var(--hcleaning-color); }
.cateBox.hcleaning .cateTit a::after,
.cateBox.hcleaning .cateTit p::after{ background-image:url("../images/arrow_gray_right.svg"); }
.cateBox.life::before,
.cateBox.life .cateTit a::after,
.cateBox.life .cateTit p::after{ background-color:var(--life-color); }

/* cateListBox */
.cateListBox .cateTit{ background:var(--gray-color); }
.cateListBox .cateTit a{ height:48px; display:flex; align-items:center; padding:14px 20px; border-top:var(--hcleaning-color) 2px solid; font-size:14px; font-weight:500; }
.cateListBox .cateTit.reform a{ border-color:var(--reform-color); }
.cateListBox .cateTit.gas a{ border-color:var(--gas-color); }
.cateListBox .cateTit img{ width:29px; margin:0 16px 0 0; }
.cateListBox .cateTit2{ padding:20px 20px;  border-top:var(--gas-color) 4px solid; border-bottom:#ECECEC 2px solid; font-weight:700; line-height:1.2; }
.cateListBox .cateTit2 a{ display:block; }

/* cateList
-------------------------------------------------------------*/
ul.cateList{ display:flex; flex-wrap:wrap; margin:8px 0 16px; }
ul.cateList li{ width:calc(100% / 5); }
ul.cateList li a{ display:flex; align-items:center; padding:12px 42px 12px 20px; background:url("../images/arrow_gray_right.svg") no-repeat right 24px center / 10px auto; font-weight:500; line-height:1.2; }
ul.cateList li a img{ width:32px; margin:0 8px 0 0; }
ul.cateList li a p{ width:clac(100% - 40px); }

/* cateList2
-------------------------------------------------------------*/
ul.cateList2{ display:flex; flex-wrap:wrap; gap:32px 24px; }
ul.cateList2 > li{ width:calc((100% - 72px) / 4); }
ul.cateList2 li a{ display:block; }
ul.cateList2 li figure{ border-radius:16px; overflow:hidden; }
ul.cateList2 li figure img{ aspect-ratio:16 / 9; object-fit:cover; }
ul.cateList2 > li p{ display:inline-block; margin:10px 0 0; padding:0 24px 1px 0; background:url("../images/arrow_blue_right2.svg") no-repeat right 0 top 3px / 16px auto; font-size:16px; font-weight:700; line-height:1.3; }
ul.cateList2 > li p.nolink{ padding:0; background:none; }
ul.cateList2 > li ul{ margin:6px 0 0; }
ul.cateList2 > li ul li{ border-bottom:var(--line-color) 2px solid; }
ul.cateList2 > li ul li a{ padding:6px 10px 6px 0; background:url("../images/arrow_gray_right.svg") no-repeat right center / 9px auto; font-size:12px; font-weight:500; line-height:1.6; }

/* cateList3
-------------------------------------------------------------*/
ul.cateList3{ display:flex; flex-wrap:wrap; gap:32px 24px; }
ul.cateList3 > li{ width:calc((100% - 48px) / 3); background:#fff; border-radius:16px; box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.10); overflow:hidden; }
ul.cateList3 > li a{ display:block; }
ul.cateList3 > li a figure{ overflow:hidden; }
ul.cateList3 > li a p{ padding:24px 40px 24px 16px; background:url("../images/arrow_blue_right2.svg") no-repeat right 16px center / 18px auto; font-size:16px; font-weight:700; line-height:1.3; }

/* cateList4
-------------------------------------------------------------*/
ul.cateList4{ display:flex; flex-wrap:wrap; gap:10px; }
ul.cateList4 li a{ display:block; padding:8px 24px; border:var(--line-color) 2px solid; border-radius:50px; font-size:16px; font-weight:700; line-height:1; }
ul.cateList4 li a.select{ background:var(--main-color); border-color:var(--main-color); color:#fff; }
/*#itemListCategory .mainCate ul{ display:flex; flex-wrap:wrap; gap:10px; }
#itemListCategory .mainCate ul li a{ display:block; padding:8px 24px; border:var(--line-color) 2px solid; border-radius:50px; font-size:16px; font-weight:700; line-height:1; }
#itemListCategory .mainCate ul li a.select{ background:var(--main-color); border-color:var(--main-color); color:#fff; }*/

/* popup
-------------------------------------------------------------*/
.popup{ width:100vw; height:100vh; display:flex; align-items:center; justify-content:center; padding:20px; position:fixed; top:0; left:0; z-index:50; }
.popup .popupFrame{ width:100%; max-width:1080px; max-height:90vh; position:relative; z-index:2; }
.popup .popupFrame span.closeBtn{ width:40px; aspect-ratio:1 / 1; display:block; margin:0 auto; background:url("../images/ico_close.svg") no-repeat right 0 / 100% auto; border-radius:50%; position:absolute; top:-10px; right:-10px; }
.popup .popupBox{ max-height:calc(100vh - 80px); background:#fff; border-radius:20px; overflow:auto; }
.popup span.overlay{ width:100vw; height:100vh; background:rgba(0,0,0,0.7); position:absolute; top:0; left:0; z-index:1; }

.popup{ opacity:0; visibility:hidden; transition:all 0.3s; } /* 非表示 */
.popup.open{ opacity:1; visibility:visible; }

/* newsArea
-------------------------------------------------------------*/
.newsArea{ margin:104px 0 0; padding:80px 0; background:var(--gray-color); }
.newsArea .heading1{ margin:0; }

/* newsList
-------------------------------------------------------------*/
ul.newsList{ margin:0 0 24px; }
ul.newsList li{ margin:24px 0 0; }
ul.newsList li a{ display:flex; align-items:center; padding:32px 82px 32px 42px; background:url("../images/arrow_blue_right2.svg") no-repeat right 40px center / 24px auto #fff; border-radius:16px; box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.10); line-height:1.3; }
ul.newsList li a .day{ width:161px;font-size:16px; font-weight:500; line-height:1.3; color:#6F6F6F; }
ul.newsList li a .txtArea{ flex:1; display:flex; align-items:center; }
ul.newsList li a .txtArea .cate{ padding:8px 16px; background:var(--main-color); border-radius:5px; color:#fff; line-height:1; white-space:nowrap; }
/*ul.newsList li a .txtArea .cate.gas{ background-color:var(--gas-color); }
ul.newsList li a .txtArea .cate.reform{ background-color:var(--reform-color); }
ul.newsList li a .txtArea .cate.hcleaning{ background-color:var(--hcleaning-color); }
ul.newsList li a .txtArea .cate.life{ background-color:var(--life-color); }*/
ul.newsList li a .txtArea .txt{ padding:0 0 0 24px; font-size:18px; font-weight:500; }
ul.newsList li a .imgBd{ width:140px; margin:0 0 0 16px; }

/* itemSearchArea
-------------------------------------------------------------*/
.itemSearchArea{ margin:104px 0 0; padding:104px 0; background-color:var(--shopping-bg-color); }
.itemSearchArea .searchArea input[type = "submit"]{ background-color:var(--shopping-color); border-color:var(--shopping-color); }
.itemSearchArea .heading2{ margin-top:40px; }

.itemSearchArea.gasBg{ background-color:var(--gas-bg-color); }
.itemSearchArea.gasBg .searchArea input[type = "submit"]{ background-color:var(--gas-color); border-color:var(--gas-color); }
.itemSearchArea.gasBg ul.tagList li a{ color:var(--gas-color); }

/* tagList
-------------------------------------------------------------*/
ul.tagList{ display:flex; flex-wrap:wrap; gap:8px; }
ul.tagList li a{ display:block; padding:5px 20px 7px; background:#fff; border:#ECECEC 1px solid; border-radius:50px; font-weight:700; color:var(--shopping-color); }
ul.tagList li a::before{ content:"#"; margin:0 3px 0 0; }

/* tagList2
-------------------------------------------------------------*/
ul.tagList2{ display:flex; flex-wrap:wrap; gap:5px; }
ul.tagList2 li{ display:block; padding:5px 20px 6px; background:#EB4C4B; border-radius:50px; font-size:12px; color:#fff; }
ul.tagList2 li.colorNew{ background-color:#FFED00; color:var(--font-color); }
ul.tagList2 li.colorBrown{ background-color:#B39129; }
ul.tagList2 li.colorGreen{ background-color:#61AE2F; }
ul.tagList2 li.colorGreen2{ background-color:#3AC4BE; }
ul.tagList2 li.colorGreen3{ background-color:#119175; }
ul.tagList2 li.colorGreen4{ background-color:#526A57; }
ul.tagList2 li.colorGreen5{ background-color:#17941A; }
ul.tagList2 li.colorBlue{ background-color:#3349C9; }
ul.tagList2 li.colorBlue2{ background-color:#3F85F6; }
ul.tagList2 li.colorBlue3{ background-color:#41688E; }
ul.tagList2 li.colorBlue4{ background-color:#39BDDB; }
ul.tagList2 li.colorOrange{ background-color:#DF8831; }
ul.tagList2 li.colorOrange2{ background-color:#F1AB39; }
ul.tagList2 li.colorOrange3{ background-color:#DB613C; }
ul.tagList2 li.colorPurple{ background-color:#5A1F69; }
ul.tagList2 li.colorPurple2{ background-color:#7D5FAC; }
ul.tagList2 li.colorPink{ background-color:#FF9D9D; }
ul.tagList2 li.colorPink2{ background-color:#E65199; }
ul.tagList2 li.colorPink3{ background-color:#FACDDF; color:var(--font-color); }
ul.tagList2 li.colorGray{ background-color:#9B8A83; }
ul.tagList2 li.colorYellow{ background-color:#A09B00; }
ul.tagList2 li.colorRed{ background-color:#D42D0F; }


/* tagList3
-------------------------------------------------------------*/
ul.tagList3{ display:flex; flex-wrap:wrap; gap:8px; }
ul.tagList3 li{ display:block; padding:8px 12px; border:#009CD0 1px solid; border-radius:50px; font-size:12px; color:#009CD0; }

/* tagList4
-------------------------------------------------------------*/
ul.tagList4{ display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 0; }
ul.tagList4 li{ padding:4px 8px; background:#E65454; border-radius:3px; white-space:nowrap; font-size:12px; color:#fff; }
ul.tagList4 li.bath{ background:#43B5E5; }

/* tagList5
-------------------------------------------------------------*/
ul.tagList5{ display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 0; }
ul.tagList5 li{ padding:4px 8px; background:#fff; border:var(--main-color) 1px solid; border-radius:3px; white-space:nowrap; font-size:12px; color:var(--main-color); }

/* tagList6
-------------------------------------------------------------*/
ul.tagList6{ display:flex; flex-wrap:wrap; gap:8px; }
ul.tagList6 li{ padding:2px 8px; background:#fff; border:var(--main-color) 1px solid; border-radius:50px; font-size:10px; color:var(--main-color); line-height:1.5; }
ul.tagList6 li.option{ background-color:var(--red-color); border-color:var(--red-color); color:#fff; }

/* 開閉
-------------------------------------------------------------*/
.ocBox .ocBtn{ margin:33px 0 0; text-align:center; }
.ocBox .ocBtn p{ display:inline-block; padding:0 0 0 20px; font-size:16px; font-weight:700; color:var(--link-color); cursor:pointer; position:relative; }
.ocBox .ocBtn p::before,
.ocBox .ocBtn p::after{ width:15px; height:2px; content:""; background:var(--link-color); position:absolute; top:50%; left:0; }
.ocBox .ocBtn p::after{ transform:rotate(90deg); }

.ocBox .ocBoxCon{ height:calc-size(auto, size); opacity:1; transition:height 0.3s ease, opacity 0.3s ease, content-visibility 0.3s ease allow-discrete; }
.ocBox .ocBtn p::after{ display:none; }
.ocBox .ocBtn p span::before{ content:"閉じる"; }
.ocBox.close .ocBoxCon{ height:200px; overflow:clip; position:relative; }
.ocBox.close .ocBoxCon::after{ width:100%; height:150px; content:""; background:linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); position:absolute; left:0; bottom:0; }
.ocBox.close .ocBtn{ margin-top:0; }
.ocBox.close .ocBtn p::after{ display:block; }
.ocBox.close .ocBtn p span::before{ content:"続きを読む"; }

/* cmBox
-------------------------------------------------------------*/
.cmBox{ margin:104px 0 0; }
.cmBox.reform{ margin:0; }
.cmBox.mgTNone{ margin-top:0; }
.cmBox.bgGray{ padding:104px 0; background:var(--gray-color); }
.cmBox.bgBlue{ padding:104px 0; background:var(--fifth-color); }
.cmBox.bgBlue2{ padding:104px 0; background:var(--fourth-color); }
.cmBox .cateTit3{ margin:32px 0 24px; }
.cmBox.bgheight .splide__slide{ display:flex;  }

/* pickupBnArea
-------------------------------------------------------------*/
.pickupBnArea{ margin:104px 0 0; }
.pickupBnArea ul{ display:flex; flex-wrap:wrap; gap:24px; margin:24px 0 0; }
.pickupBnArea ul li{ width:calc((100% - 48px) / 3); }
.pickupBnArea ul li a{ display:block; }
.pickupBnArea ul li img{ object-fit:cover; border-radius:5px; border:1px solid var(--line-color);
/*.pickupBnArea ul li img{ aspect-ratio:180 / 101; object-fit:cover; border-radius:5px; border:1px solid var(--line-color);*/
 }
.pickupBnArea.gasBnArea{ padding:0 0 65px; }

/* caseArea
-------------------------------------------------------------*/
.caseArea{ margin:104px 0 0; padding:104px 0; background:var(--fourth-color); }
.caseArea.bgBlue{ background:var(--fourth-color); }
.caseArea .lead{ margin:32px 0; font-size:18px; }
ul.caseList{ display:flex; flex-wrap:wrap; gap:24px; }
ul.caseList > li{ width:calc((100% - 72px) / 4); }
ul.caseList > li .imgBd{ margin:0 0 8px; }
ul.caseList > li .imgBd img{ aspect-ratio:160 / 122; object-fit:cover; }
ul.caseList > li .tit{ margin:8px 0 0; font-size:14px; font-weight:500; line-height:1.5; }
ul.caseList > li .txt{ margin:8px 0 0; font-size:12px; line-height:1.5; color:#4D4D4D; }

/* popularMenuArea
-------------------------------------------------------------*/
.popularMenuArea{ margin:104px 0 0; }
ul.popularList{ display:flex; flex-wrap:wrap; gap:24px; }
ul.popularList li{ width:calc((100% - 48px) / 3) }
ul.popularList li figure.imgBd{ border:var(--gray-color) 2px solid; border-radius:16px; overflow:hidden; }
ul.popularList li figure.imgBd img{ width:100%; }
ul.popularList li .tit{ margin:16px 0 0; font-size:16px; font-weight:700; line-height:1.3; }
ul.popularList li .price{ margin:8px 0 0; font-size:12px; line-height:1.3; }
ul.popularList li .price strong{ margin:0 3px 0 0; font-size:16px; font-weight:700; }

/* reasonArea
-------------------------------------------------------------*/
.reasonArea{ margin:104px 0 0; }
.reasonArea ul li{ display:flex; flex-wrap:wrap; gap:32px; margin:32px 0 0; }
.reasonArea ul li figure.imgBd{ width:49%; }
.reasonArea ul li .txtArea{ width:calc(51% - 32px); }
.reasonArea ul li .txtArea .tit{ margin:32px 0 0; font-size:24px; font-weight:700; line-height:1.3; }
.reasonArea ul li .txtArea .txt{ margin:24px 0 0; line-height:1.7; }
.flowArea ul li .txtArea .blueBtn3{ max-width:124px; }

/* flowArea
-------------------------------------------------------------*/
.flowArea{ margin:104px 0 0; padding:104px 0; background:var(--gray-color); }
.flowArea ul li{ display:flex; flex-wrap:wrap; gap:32px; margin:36px 0 0; }
.flowArea ul li p{ margin:0; }
.flowArea ul li figure{ width:96px; height:96px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:50%; }
.flowArea ul li figure img{ width:47px; }
.flowArea ul li:nth-child(2) figure img{ width:57px; }
.flowArea ul li:nth-child(3) figure img{ width:53px; }
.flowArea ul li .txtArea{ flex:1; }
.flowArea ul li .txtArea .tit{ display:flex; flex-wrap:wrap; align-items:center; gap:16px; font-size:18px; }
.flowArea ul li .txtArea .tit .num{ width:24px; height:24px; display:flex; align-items:center; justify-content:center; background:var(--main-color); border-radius:50%; font-size:14px; color:#fff; }
.flowArea ul li .txtArea .txt{ margin:16px 0 0; }

/* guidePage
-------------------------------------------------------------*/
.guidePage .flowArea{ margin:80px 0 0; padding:0; background:none; }
.guidePage .flowArea .heading3{}
.guidePage .flowArea .heading2{ margin:0 0 24px; }
.guidePage .flowArea ul{ margin:0 0 80px; padding:40px; border-radius:16px; background:var(--gray-color); }
.guidePage .flowArea ul li:first-child{ margin-top:0; }
.guidePage .ocBoxCon{margin-bottom: 80px;}


/* faqArea
-------------------------------------------------------------*/
.faqArea{ margin:104px 0 0; }
dl.faqList{ border-bottom:var(--line-color) 1px solid; }
dl.faqList dt{ padding:24px 24px 24px 30px; border-top:var(--line-color) 1px solid; font-size:18px; font-weight:500; line-height:1.3; cursor:pointer; position:relative; }
dl.faqList dt:first-of-type{ border-top:none; }
dl.faqList dt::before{ content:"Q"; font-size:20px; font-weight:700; color:var(--main-color); position:absolute; top:calc(50% - 0.7em); left:0; }
dl.faqList dt span::before,
dl.faqList dt span::after{ width:21px; height:2px; content:""; display:block; background:var(--main-color); position:absolute; top:calc(50% - 1px); right:0; }
dl.faqList dt span::after{ transform:rotate(90deg); }
dl.faqList dd{ padding-left:30px; line-height:1.6; }
dl.faqList dd a{ color:var(--main-color); }

dl.faqList dt.open span::after{ display:none; }
dl.faqList dd{ height:0; padding-bottom:0; visibility:hidden; opacity:0; transition:opacity 0.3s, padding 0.4s; }
dl.faqList dd.open{ height:auto; padding-bottom:20px; visibility:visible; opacity:1; }

/* faqPage
-------------------------------------------------------------*/
.faqPage .faqArea{ margin:80px 0 0; }
.faqPage .faqArea .heading5{ margin:40px 0 24px; }
.faqPage .faqArea dl.faqList{ margin:0 0 80px; }

/* priceList
-------------------------------------------------------------*/
ul.priceList{ display:flex; flex-wrap:wrap; gap:32px 24px; }
ul.priceList li{ width:calc((100% - 48px) / 3); background:#279CD7; border:#279CD7 2px solid; border-radius:16px; }
ul.priceList li:nth-child(2){ background-color:#0E9850; border-color:#0E9850; }
ul.priceList li:nth-child(3){ background-color:#C09340; border-color:#C09340; }
ul.priceList li a{ display:block; padding:24px; background:url("../images/arrow_white_bottom.svg") no-repeat right 24px center / 12px auto; font-size:16px; font-weight:700; color:#fff; }

/* cardList
-------------------------------------------------------------*/
ul.cardList li .imgArea{ padding:24px; background:#fff; border-radius:16px; overflow:hidden; }
ul.cardList li .tit{ margin:0 0 8px; font-size:16px; font-weight:700; line-height:1.3; }
ul.cardList li figure{ margin:8px 0; }
ul.cardList li figure.maxImg{ margin:-24px -24px 30px; }
ul.cardList li .txt{ line-height:1.7; }
ul.cardList li .link{ margin:10px 0 0; padding:0 24px 2px 0; background:url("../images/arrow_blue_right2.svg") no-repeat right 3px / 16px auto;  font-weight:700; line-height:1.3; }

ul.cardList.line1 li .txt{ min-height:1.7em; }
ul.cardList.line2 li .txt{ min-height:3.4em; }
ul.cardList.line3 li .txt{ min-height:5.1em; }
ul.cardList.line4 li .txt{ min-height:6.8em; }
ul.cardList.line5 li .txt{ min-height:8.5em; }
ul.cardList.line6 li .txt{ min-height:10.2em; }
ul.cardList.line7 li .txt{ min-height:11.9em; }
ul.cardList.line8 li .txt{ min-height:13.6em; }
ul.cardList.line9 li .txt{ min-height:15.3em; }
ul.cardList.line10 li .txt{ min-height:17em; }

ul.cardList li .tit.line3{ height:3.7em; }

/* camConditions
-------------------------------------------------------------*/
.camConditions .inner{ display:flex; flex-wrap:wrap; gap:80px 0; }
.camConditions .inner > div{ width:100%; }
.cmBox.camConditions:not(:has(.camp_condition1, .camp_condition2)){padding:0;}

/* reformNavArea
-------------------------------------------------------------*/
.reformNavArea{ margin:80px 0 0; }
.reformNavArea ul.nav1{ display:flex; justify-content:center; gap:16px; margin:0 0 24px; }
.reformNavArea ul.nav1 li{ width:37%; }
.reformNavArea .nav2 a{ max-width:532px; }

/* reformKv
-------------------------------------------------------------*/
.reformKv{ margin:30px 0 0; position:relative; }
.reformKv .title{ width:28.5%; /*max-width:358px;*/ position:absolute; left:22%; bottom:0; z-index:2; }

.reformKv .splide__list{ opacity:0; animation:reformKv 1s forwards; }
@keyframes reformKv{
    0%{ opacity: 0; }
    50%{ opacity: 0; }
    100%{ opacity: 1; }
}

/* =================================================================
3.コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/
/* container
-------------------------------------------------------------*/
.inner,
#container{ max-width:1080px; margin:0 auto; padding:0 30px; box-sizing:content-box; }

#container.middleContainer,
.middleContainer,
#main.no-sidebar{ max-width:800px; float:none; margin:0 auto; padding:0; }

.middleContainer p{ margin:16px 0; line-height:1.7; }

.shortContainer{ max-width:600px; margin:0 auto; padding:0; }

/* sidebar - コンテナ内サイドバー
-------------------------------------------------------------*/
/*#sidebar{ width:300px; float:left; }
#sidebar .point_limit_date{ font-weight:bold; }*/

/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main p{ line-height:1.5; }
#main .lead{ margin:17px 0; }

 /* リキャプチャー機能用
-------------------------------------------------------------*/
#main #reCAPTCHA{width: 304px; margin: 20px auto 0;}

/* お問い合わせページ画像項目用
-------------------------------------------------------------*/
#main .apply_area img{max-width: 100%;}

/* #main.cart - カートフロー中のメインコンテンツ
-------------------------------------------------------------*/
#main.cart{ float:none; min-height:500px; margin-left:auto; margin-right:auto; }

/* =================================================================
4.ヘッダ
使用ファイル：common/header.xhtml
=================================================================*/
/* smartphone - スマートフォン専用サイトへのリンク
-------------------------------------------------------------*/
#smartphone a{ display:block; margin:auto; padding:10px 0; text-align:center; background:#efefef; font-size:12px; }

/* preview - プレビュー時に表示するエリア
-------------------------------------------------------------*/
#preview{ padding: 5px; border-bottom: 1px solid #CCC; background: #1C8600; color: #FFF; font-size: 80%; text-align: center;}
#preview table{ width: 800px; margin: auto;}
#preview .ico{width: 20%; padding-right: 10px; text-align: right;}
#preview .content{text-align: left;}

/* proxy_login - 代理ログイン時に表示するエリア
-------------------------------------------------------------*/
#proxy_login{padding: 5px; border-bottom: 1px solid #CCC; background: #fcff41; color: #000000; font-size: 120%; text-align: center;}
#proxy_login table{width: 800px; margin: auto;}
#proxy_login .content{text-align: center;}

/* fontChanger - 文字サイズ変更
-------------------------------------------------------------*/
#fontChanger{float: right; margin: 10px 20px 0 0;}
#fontChanger h2{display: block; float: left; margin-right: 5px; font-size: 13px;}
#fontChanger .icon{float: left; line-height: 1;}
#fontChanger .icon a{color: #FFFFFF; display: inline-block; margin-right: 2px; text-decoration: none; font-size: 12px !important; padding: 3px; line-height: 1; vertical-align: text-bottom;}
#fontChanger .__FONT_CHANGER_BUTTON_S_OFF{background: #CCCCCC;}/* 小 OFF */
#fontChanger .__FONT_CHANGER_BUTTON_S_ON{background: #D21E21;}/* 小 ON */
#fontChanger .__FONT_CHANGER_BUTTON_M_OFF{background: #CCCCCC;}/* 中 OFF */
#fontChanger .__FONT_CHANGER_BUTTON_M_ON{background: #D21E21;}/* 中 ON */
#fontChanger .__FONT_CHANGER_BUTTON_L_OFF{background: #CCCCCC;}/* 中 OFF */
#fontChanger .__FONT_CHANGER_BUTTON_L_ON{background: #D21E21;}/* 大 ON */

/* language - 言語選択
-------------------------------------------------------------*/
#language{float: right; margin: 10px 20px 0 0;}
#language h2{display: block; float: left; margin-right: 5px; font-size: 13px;}
#language p{float: left; margin-right: 5px; font-size: 75%;}

/* search - 商品検索窓
-------------------------------------------------------------*/
#search{float: right; width: 209px;}
#search h2{float: left; width: 105px; height: 20px; overflow: hidden; margin: 10px 10px 0 0; background: url("../images/search_title.gif") no-repeat; text-indent: -9999px;}
#search p{clear: both; padding: 5px 0px; font-size: 75%; text-align: right;}
#search .form{display: block; float: left; width: 163px; height: 25px; margin: 10px 0px 0 0; border: 1px solid #CCCCCC; border-right: 0px; padding: 4px;}
#search .button{float: left; margin: 10px 0 0; font-size: 13px; -webkit-border-radius: 0px;/* for Safari and Chrome */ -moz-border-radius: 0px; /* for Firefox */ -o-border-radius: 0px; /* for opera */ border-radius: 0px; width: 46px;}

/* menu - メニュー
-------------------------------------------------------------*/
#menu{height: 40px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
#menu .inner{display: block; width: 980px; margin: auto;}
#menu ul{margin: 0 auto; width: 980px;}
#menu ul:after {content: ""; clear: both; display: block;}/* clearfix */
#menu li{float: left;}
#menu li a{display: block; height: 38px; width: 196px; text-decoration: none; border-left: 1px solid #CCCCCC; color: #252525; text-align: center; padding-top: 10px; font-size: 15px; font-weight: bold;}
#menu li a:hover{background: #F1F1F1;}
#menu li:last-child a{border-right: 1px solid #CCCCCC;}

#menu .top_select,a.top:hover{background: #F1F1F1;}
#menu .guide_select,a.guide:hover{background: #F1F1F1;}
#menu .tokushou_select,a.tokushou:hover{background: #F1F1F1;}
#menu .company_select,a.company:hover{background: #F1F1F1;}
#menu .apply_select,a.apply:hover{background: #F1F1F1;}

/* shiborikomi - 絞り込み検索
-------------------------------------------------------------*/
/*#shiborikomi{width: 980px; margin: 0 auto 10px; padding: 5px 10px; background: #F1F1F1; font-size: 80%;}
#shiborikomi .select{padding: 4px 3px; background: #C00; color: #FFF; font-weight: bold;}
#shiborikomi a{padding: 4px 3px; color: #666; font-weight: bold; text-decoration: none;}
#shiborikomi a:hover{background: #CCC;}*/

/* articleDetail
-------------------------------------------------------------*/
.articleDetail p{ margin:40px 0 0; line-height:2; }
.articleDetail img{ width:auto; display:block; margin:40px auto 0; }
.articleDetail dl{ display:flex; flex-wrap:wrap; margin:20px 0 0; border-bottom:var(--line-color) 1px solid; }
.articleDetail dl dt{ width:30%; padding:20px; background:#f5f5f5; border-top:var(--line-color) 1px solid; }
.articleDetail dl dd{ width:70%; padding:20px; border-top:var(--line-color) 1px solid; }
.articleDetail table{ width:100%; table-layout:fixed; margin:40px 0 0; border-bottom:var(--line-color) 1px solid; }
.articleDetail table th{ padding:15px 10px; text-align:center; background:#f5f5f5; border-top:var(--line-color) 1px solid; }
.articleDetail table td{ padding:15px 10px; text-align:center; border-top:var(--line-color) 1px solid; }

/* =================================================================
5.サイドバー
使用ファイル：common/sidebar.xhtml
=================================================================*/
/* login - ログイン枠
-------------------------------------------------------------*/
#login{width: 190px; margin-bottom: 60px;}
#login h2{background-image: url("../images/icon/black/icon_login.png"); background-size:17px 17px; background-repeat: no-repeat; background-position: left 1px; padding-left: 19px; margin-bottom: 10px; font-size: 15px;}
#login .account h2{background-image: url("../images/icon/black/icon_account.png"); margin-bottom: 0px;}
#login .account span{font-weight: bold;}
#login .buttonarea{margin-bottom: 10px;}
#login .buttonarea:after {content: ""; clear: both; display: block;}/* clearfix */
#login .button{width: 100px; margin: 10px auto;}
#login p{margin: 0 5px 5px; font-size: 90%;}
#login .name{ margin:0 0 10px;}
#login .name strong{font-size: 20px;}
#login .error{clear: both; margin: 5px 10px; color: #C00; font-weight: bold; text-align: center;}
#login .point{color: #C00;}

/* cart - 買い物かごの中身確認・買い物かごへ
-------------------------------------------------------------*/
#cart{width: 190px; margin-bottom: 60px;}
#cart h2{background-image: url("../images/icon/black/icon_cart.png"); background-size:17px 17px; background-repeat: no-repeat; background-position: left 1px; padding-left: 19px; margin-bottom: 10px; font-size: 15px;}
#cart h3{float: left; margin: 0 0 5px 5px; font-size: 90%; font-weight: normal;}
#cart .box:after {content: ""; clear: both; display: block;}/* clearfix */
#cart .box p{float: right; margin:0 5px 5px 0; color: #C00; font-size: 90%; font-weight: bold; text-align: right;}
#cart a{width: 140px; margin: 10px auto 0;}

/* category - 商品カテゴリ
-------------------------------------------------------------*/
#category{width: 190px; margin-bottom: 60px;}
#category h2{background-image: url("../images/icon/black/icon_category.png"); background-size:17px 17px; background-repeat: no-repeat; background-position: left 1px; padding-left: 19px; margin-bottom: 10px; font-size: 15px;}
#category li{display: inline;}
#category .select{background: url("../images/marker_on.gif") 10px 10px no-repeat #C00; color: #FFF; text-decoration: none; display: block; padding: 5px 6px 6px 25px;}
#category li a{display: block; padding: 5px 5px 5px 25px; background: url("../images/marker.gif") 10px 10px no-repeat; color: #333; font-size: 90%; text-decoration: none;}
#category li a:link{display: block; overflow: hidden;}
#category li a:hover{background: url("../images/marker.gif") 10px 10px no-repeat #CCC; color: #FFF; text-decoration: underline;}

/* present - プレゼント枠
-------------------------------------------------------------*/
#present{width: 190px; margin-bottom: 60px;}
#present h2{background-image: url("../images/icon/black/icon_present.png"); background-size:17px 17px; background-repeat: no-repeat; background-position: left 1px; padding-left: 19px; margin-bottom: 10px; font-size: 15px;}
#present h3{display: block; padding: 0 10px 0 18px; background: url("../images/marker.gif") 6px 6px no-repeat; font-size: 90%; font-weight: normal;}
#present .period{margin: 0 5px 10px 15px; font-size: 90%;}
#present .all{margin: 10px 0px 0px 0px; text-align: right; font-size: 80%;}

/* magazine - メールマガジン枠
-------------------------------------------------------------*/
#magazine{width: 190px; margin-bottom: 60px;}
#magazine h2{background-image: url("../images/icon/black/icon_mail.png"); background-size:17px 17px; background-repeat: no-repeat; background-position: left 1px; padding-left: 19px; margin-bottom: 10px; font-size: 15px;}
#magazine h3{font-size: 13px;}
#magazine .text{display: block; width: 180px; height: 25px; margin: 0 auto;}
#magazine .select_area{margin-bottom: 10px;}
#magazine label{font-size: 13px;}
#magazine .radio{margin: 5px 2px 5px 5px;}
#magazine p{margin: 0 5px 2px; font-size: 80%;}
#magazine .error{margin: 5px; color: #C00; font-weight: bold;}
#magazine .free{margin: 10px auto;}
#magazine .buttonarea:after {content: ""; clear: both; display: block;}/* clearfix */
#magazine .buttonarea li{float: left; width: 50%; text-align: center;}
#magazine .buttonarea li input{display: inline-block; width: 50px;}

/* coupon - クーポン
-------------------------------------------------------------*/
#coupon{ width:190px; margin-bottom:60px; }
#coupon h2{ background-image: url("../images/icon/black/icon_coupon.png"); background-size:17px 17px; background-repeat: no-repeat; background-position: left 1px; padding-left: 19px; margin-bottom:10px; font-size:15px; }
#coupon p{margin:0 10px; font-size:80%; }
#coupon img{display: block; margin: 0 auto; }

/* calendar - カレンダー
-------------------------------------------------------------*/
#calendar{width: 190px; margin-bottom: 10px;}
#calendar h2{background-image: url("../images/icon/black/icon_calendar.png"); background-size:17px 17px; background-repeat: no-repeat; background-position: left 1px; padding-left: 19px; margin-bottom: 10px; font-size: 15px;}
#calendar p{margin: 0 5px 10px; font-size: 80%;}
#calendar span.day_color1{color: #FF7F7E;}
#SIDE_CALENDAR{width: 190px; overflow: hidden; margin: 0 auto; font-size: 10px;}
#ui-datepicker-div { width:13em !important; background:#fff; border: 1px solid #cbcbcb !important; display:none; }
#ui-datepicker-div .ui-datepicker-header {background: #e9e9e9 repeat-x scroll 50% 50% !important; width: 100% !important; }
#ui-datepicker-div .ui-datepicker-prev{ margin:0 0 0 8px; }
#ui-datepicker-div .ui-datepicker-next{ float:right; margin:0 8px 0 0; }
#ui-datepicker-div table.ui-datepicker-calendar { width:100% !important; }
#ui-datepicker-div select.ui-datepicker-year,
#ui-datepicker-div select.ui-datepicker-month{ width:40% !important; height:23px; margin:0 3px; padding:0 20px 0 5px; background:url("../images/pulldown2.svg") no-repeat right 8px center / 10px auto #fff; border: 1px solid #e0e0e0; }
.ui-widget-content{ border: 1px solid #FFF; }
.ui-datepicker{ padding:1px; }
.ui-datepicker-title{ font-size:12px; }
.ui-widget-header{ width:178px; border-top:none; border-left:none; border-right:none; border-bottom:none; border-radius:0; background:none; }
.ui-datepicker table{ width:178px; }
.ui-datepicker th,.ui-datepicker td{ width:10px !important; margin:0; padding:1px; border:none; }
.ui-datepicker th a,.ui-datepicker td a{ padding:1px; border:none !important; }
.ui-datepicker th div,.ui-datepicker td div{ padding:1px; border:none !important; }
.ui-datepicker-week-end{ color:#f0654e; }
/*.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-prev-hover span{ background:url("../images/ico_item_back.svg") no-repeat center center / 15px auto; }
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-next-hover span{ background:url("../images/ico_item_next.svg") no-repeat center center / 15px auto; }*/

.ui-datepicker .day_color1 .ui-state-default{ background-image:none; background-color:#FF7F7E; color:#C00; }
.ui-datepicker .day_color2 .ui-state-default{ background-image:none; background-color:#D7FFED; }
.ui-datepicker .day_color3 .ui-state-default{ background-image:none; background-color:#DDF; }
.ui-datepicker .day_color4 .ui-state-default{ background-image:none; background-color:#FFD; }
.ui-datepicker .day_color5 .ui-state-default{ background-image:none; background-color:#E7FFFF; }
.ui-datepicker .day_color6 .ui-state-default{ background-image:none; background-color:#F0D6FF; }
img.ui-datepicker-trigger { margin-top:9px; vertical-align:top !important; padding-left:5px !important; }

/* jquery-ui-1.8.4.custom.css　上書き用（カレンダー）
-------------------------------------------------------------*/
.ui-datepicker .ui-datepicker-header{padding: .3em 0;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{margin: 2px; padding: 2px; border: none; background: none;}/* 日付背景 */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background: #ffffff;}/* 選択した日付背景 */

/* ホバー時 */

.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover,
.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover,
.ui-datepicker-next.ui-corner-all.ui-state-disabled.ui-state-hover.ui-datepicker-next-hover,
.ui-datepicker-prev.ui-corner-all.ui-state-disabled.ui-state-hover.ui-datepicker-prev-hover{box-sizing: border-box; background: none;}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top: 2px; }
.ui-datepicker .ui-datepicker-prev-hover {left: 2px;}
.ui-datepicker .ui-datepicker-next-hover {right: 2px;}
/*.ui-datepicker .ui-datepicker-prev-hover span.ui-icon-circle-triangle-w,
.ui-datepicker .ui-datepicker-next-hover span.ui-icon-circle-triangle-e,*/
.ui-state-disabled span.ui-icon-circle-triangle-w,
.ui-state-disabled span.ui-icon-circle-triangle-e{background-image: url("./smoothness/images/ui-icons_454545_256x240.png"); opacity: .75; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; -khtml-opacity: 0.75; -moz-opacity: 0.75;}

/* =================================================================
6.extファイル用
使用ファイル：ext/company.html
　　　　　　　ext/tokushou.html
　　　　　　　ext/guide.html
			　ext/social_provider.xhtml
=================================================================*/
#ext th{text-align: left;}
#ext p,
#ext ul{ line-height:2; }
#ext ul{padding-bottom: 10px;}
#ext #sitemap ul:after {content: ""; clear: both; display: block;}/* clearfix */
#ext #sitemap li{width: 216px; float: left; list-style-type: none; margin: 5px 20px;}

/* social_provider.xhtml
-------------------------------------------------------------*/
#ext.social_provider tr th{background: #FFF;}
#ext.social_provider tr th a{text-decoration: none;}
#ext.social_provider tr.title th{background: #F6F6F6;}
#ext.social_provider th.service{width: 220px;}
#ext.social_provider th div{width: 220px; height: 44px; font-size: 14px; display: block;}
#ext.social_provider th div p{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;  
-moz-border-radius-topright: 3px;  
-moz-border-radius-bottomright: 3px;
}

#ext.social_provider #social_plus .associate{display: inline-block; min-width: inherit; width: 100px; font-size: 14px;}
#ext.social_provider #social_plus tr th{background: #FFF;}
#ext.social_provider #social_plus tr th a{text-decoration: none;}
#ext.social_provider #social_plus td{vertical-align: middle;}
#ext.social_provider #social_plus tr.title th{background: #F6F6F6;}
#ext.social_provider #social_plus th.service{width: 220px;}
#ext.social_provider #social_plus th div{width: 220px; height: 44px; font-size: 14px; display: block;}
#ext.social_provider #social_plus th div p{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 51px; display: block; line-height: 1; font-size: 14px;}
#ext.social_provider #social_plus th.yahoo div{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#ext.social_provider #social_plus th.facebook div{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#ext.social_provider #social_plus th.twitter div{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#ext.social_provider #social_plus th.google div{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#ext.social_provider #social_plus th.line div{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#ext.social_provider #social_plus th.apple_id div p{padding: 18px 0px 19px 25px;}
#ext.social_provider #social_plus .alignment th div p{border: none; margin: 0 0 0 53px;}
#ext.social_provider #social_plus .alignment th.apple_id div{background: url("../images/social_apple.png") no-repeat; color: #000; height: 53px;}

#ext.social_provider th.yahoo div.off{background: url("../images/social_yahoo_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.facebook div.off{background: url("../images/social_facebook_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.twitter div.off{background: url("../images/social_twitter_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.google div.off{background: url("../images/social_google_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.mixi div.off{background: url("../images/social_mixi_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.line div.off{background: url("../images/social_line_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.paypal div.off{background: url("../images/social_paypal_off.png") no-repeat; color: #cdcdcd;}

#ext.social_provider td{vertical-align: middle;}

/* 規約
-------------------------------------------------------------*/
.kiyakuPage .heading2{ margin:40px 0 24px; }
.kiyakuPage > p,
.kiyakuPage > ul{ margin:0 0 20px; }
.kiyakuPage > ul li{ padding:0 0 0 2em; text-indent:-2em; line-height:1.8; }
.kiyakuPage > ul li ul li{ padding:0 0 0 3em; text-indent:-3em; }
.kiyakuPage > ul.noindent li{ padding-left:0; text-indent:0; }
.kiyakuPage .seitei{ margin:40px 0; text-align:right; }

/* ご利用ガイド
-------------------------------------------------------------*/
/*.guideNav ul{ display:flex; flex-wrap:wrap; gap:10px;  }
.guideNav ul li{ width:calc((100% - 20px) / 3); display:flex; justify-content:center; align-items:center; background:var(--fifth-color); }
.guideNav ul li a{ display:block; padding:15px 5px 25px; text-align:center; font-size:13px; position:relative; }
.guideNav ul li a::after{ width:10px; aspect-ratio:1 / 1; content:""; background:url("../images/arrow_more2.svg") no-repeat 0 0 / 100% auto; transform:rotate(90deg); position:absolute; left:calc(50% - 5px); bottom:10px; }
.guide h3{ padding:0; border-bottom:none; }
.guide dl{ border-bottom:var(--line-color) 1px solid; }
.guide dl dt{ padding:20px 50px 20px 5px; border-top:var(--line-color) 1px solid; font-size:16px; position:relative; }
.guide dl dt::before,
.guide dl dt::after{ width:15px; height:1px; content:""; background:var(--main-color); position:absolute; top:30px; right:10px; }
.guide dl dt::after{ transform:rotate(90deg); }
.guide dl dd{ padding-left:5px; padding-right:50px; line-height:1.8; }
.guide dl dd a{ color:var(--link-color); }

.guide dl dt::after{ opacity:1; transition:all 0.3s; }
.guide dl dt.open::after{ opacity:0 }
.guide dl dd{ height:0; opacity:0; visibility:hidden; transition:all 0.3s; }
.guide dl dd.open{ height:auto; padding-bottom:20px; opacity:1; visibility:visible; }*/

/* 特定商取引法に基づく表記
-------------------------------------------------------------*/
dl.tokushouList{ display:flex; flex-wrap:wrap; border-bottom:var(--line-color) 1px solid; }
dl.tokushouList > dt{ width:25%; padding:24px 16px; background:#EFEFEF; border-top:var(--line-color) 1px solid; font-weight:500; }
dl.tokushouList > dd{ width:75%; padding:24px 16px; border-top:var(--line-color) 1px solid; line-height:1.6; }

/* tokushouPage
-------------------------------------------------------------*/
.tokushouPage .tokushouTitle{ padding:80px 0 0; }
.tokushouPage .tokushouTitle:first-child{ margin-top:-40px; }
.tokushouPage .tokushouTitle .heading5{ margin-top:0; }

/* =================================================================
7.トップページ
使用ファイル：top.xhtml
=================================================================*/

/* topWelcom
-------------------------------------------------------------*/
.topWelcom{ margin:56px 0 0; padding:80px 0; background:var(--fifth-color); }
.topWelcom .titleArea{ text-align:center; font-size:32px; font-weight:700; line-height:1.3; }
.topWelcom .titleArea span{ display:block; }
.topWelcom .titleArea .title{ display:inline-block; padding:0 10px; position:relative; }
.topWelcom .titleArea .title::before{ width:153px; aspect-ratio:113 / 188; content:""; background:url("../images/bear_02.svg") no-repeat 0 0 / 100% auto; transform:rotate(10deg); position:absolute; top:-43px; left:-150px; }
.topWelcom .titleArea .title img{ width:526px; }
.topWelcom ul{ display:flex; flex-wrap:wrap; gap:0 28px; margin:40px 0 0; position:relative; z-index:2; }
.topWelcom ul li{ display:flex; align-items:center; justify-content:center; flex:1; background:#fff; border-radius:20px; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.1); overflow:hidden; position:relative; }
.topWelcom ul li::before{ width:100%; height:8px; content:""; background-color:var(--shopping-color); position:absolute; top:0; left:0; }
.topWelcom ul li:nth-child(2)::before{ background-color:var(--gas-color); }
.topWelcom ul li:nth-child(3)::before{ background-color:var(--reform-color); }
.topWelcom ul li:nth-child(4)::before{ background-color:var(--hcleaning-color); }
.topWelcom ul li a{ width:100%; height:100%; display:block; padding:37px 20px 53px; background:url("../images/arrow_blue_right2.svg") no-repeat right 12px bottom 12px / 24px auto; }
.topWelcom ul li figure{ width:100px; height:100px; display:flex; align-items:center; margin:0 auto 28px; background:#fff; border-radius:50%; }
.topWelcom ul li img{ width:72px; display:block; margin:0 auto; }
.topWelcom ul li:nth-child(2) img{ width:60px; }
.topWelcom ul li:nth-child(3) img{ width:63px; }
.topWelcom ul li:nth-child(4) img{ width:66px; }
.topWelcom ul li .tit{ font-size:18px; font-weight:700; line-height:1.2; }
.topWelcom ul li .txt{ margin:12px 0 0; color:#6F6F6F; }

/* topProblems
-------------------------------------------------------------*/
.topProblems{ margin:104px 0 0; padding:32px 0 80px; background:var(--third-color); }
.topProblems .imgArea{ width:100%; aspect-ratio:1071 / 572; background:url("../images/img_nayami_fukidashi.svg") no-repeat 0 center / 100% auto; }
.topProblems .imgArea .catch{ padding:47px 0 50px; text-align:center; font-size:30px; font-weight:700; line-height:1.3; }
.topProblems .imgArea .layout{ width:566px; margin:0 auto; position:relative; }
.topProblems .imgArea .layout img{ display:block; }
.topProblems .imgArea .layout ul li{ position:absolute; }
.topProblems .imgArea .layout ul li.outdoors{ top:86px; left:-21px; }
.topProblems .imgArea .layout ul li.toilet{ top:-18px; left:128px; }
.topProblems .imgArea .layout ul li.bath{ top:-18px; left:326px; }
.topProblems .imgArea .layout ul li.kitchen{ top:80px; left:466px; }
.topProblems .imgArea .layout ul li.living{ top:290px; left:316px; }
.topProblems .imgArea .layout ul li a{ width:112px; aspect-ratio:1 / 1; display:flex; align-items:flex-end; justify-content:center; padding:0 0 45px; background:#FFDD1B; border:#FFDD1B 2px solid; border-radius:50%; box-shadow:0 5px 15px rgba(0,0,0,0.1); font-size:18px; font-weight:700; line-height:1.1; position:relative; }
.topProblems .imgArea .layout ul li.bath a{ padding-bottom:37px; }
.topProblems .imgArea .layout ul li a::before,
.topProblems .imgArea .layout ul li a::after{ width:18px; height:2px; content:""; display:block; margin:0 auto; background:#002991; position:absolute; left:0; right:0; bottom:20px; }
.topProblems .imgArea .layout ul li a::after{ transform:rotate(90deg); }
.topProblems .moreBtn{ margin-top:35px; }

.topProblems .box{  }

/* mainvisual - メインビジュアル
-------------------------------------------------------------*/
#mainvisual img{display: block;}

/* topics - トピックス
-------------------------------------------------------------*/
#topics{margin-bottom: 20px; width: 100%;}
#topics .box{border-bottom: #d4d4d4 solid 1px; margin-bottom: 20px;}
#topics .box:after {content: ""; clear: both; display: block;}/* clearfix */
#topics h3{display: block; float: left; width: 140px; padding: 3px 10px 5px; font-size: 90%; font-weight: normal; line-height: 100%;}
#topics h3 img{vertical-align: bottom;}
#topics .inner{display: block; float: right; width: 630px; padding: 0px 10px 5px; font-weight: normal;}
#topics .inner p{margin: 0px 0 5px; font-size: 90%;}
#topics .rss{display: block; float: right; width: 15px; height: 15px; margin: 5px 5px 0 0; background: url("../images/header_rss.gif") 0 0 no-repeat; text-indent: -9999px; z-index: 10;}
#topics .rss:hover{background: url("../images/header_rss.gif") 0 -15px no-repeat;}
#topics .img_box{width: 120px; height: 120px; margin: 5px 0 10px 10px; float: right;}
#topics .img_box img{max-width: 120px; max-height: 120px;}
#topics .link{text-align: right;}

.topicsDetail{ padding:50px 0 0; line-height:2; }
.topicsDetail .subtit{ margin:0; color:var(--font-gray-color); }
.topicsDetail .img_box{ margin:0; }
.topicsDetail .img_box img{ margin:0; }
.topicsDetail a{ color:var(--link-color); }
.topicsDetail h1{ margin:0 0 40px; font-size:28px; font-weight:700; line-height:1.6; }
.topicsDetail h2{ margin:24px 0 16px; padding:0 0 0 16px; border-left:#20ACE7 4px solid; font-size:22px; font-weight:700; line-height:1.3; position:relative; }
.topicsDetail h2::before{ width:4px; height:50%; content:""; background:#D33F89; position:absolute; top:50%; left:-4px; }
.topicsDetail h3{ margin:32px 0 16px; padding:0 0 0 12px; border-left:#009CD0 4px solid; font-size:16px; font-weight:500; line-height:1.3; }
.topicsDetail h4{ margin:32px 0 16px; font-size:16px; }
.topicsDetail p,
.topicsDetail ul,
.topicsDetail img,
.topicsDetail div,
.topicsDetail table{ margin:30px 0 0; }
.topicsDetail ul li{ padding:0 0 0 20px; line-height:1.8; position:relative; }
.topicsDetail ul li::before{ content:"●"; margin:0 5px 0 0; position:absolute; top:0; left:0; }
.topicsDetail table{ width:100%; table-layout:fixed; text-align:center; }
.topicsDetail table th{ padding:13px 0; background:#f5f5f5; font-weight:normal; }
.topicsDetail table td{ padding:19px 0; border-bottom:var(--line-color) 1px solid; }
.topicsDetail .topics_box{ margin:0; word-break:break-all; }
.topicsDetail .txtArea{ padding:0 0 0 0; }
.topicsDetail .txtArea img{width: auto!important;max-width: 100%!important;height: auto!important;}
.topicsDetail .buttonarea{ width:250px; margin:50px auto 0; }
.topicsDetail .buttonarea a{ display:block; margin:0; }
.topicsDetail .imgarea{ margin:0 0 20px; text-align:center; }
.topicsDetail .imgarea img{ max-width:100%; height:auto; display:inline !important; }
.topicsDetail .day{ padding:0 0 5px; margin:0 0 20px !important; border-bottom:#cccccc 1px solid; color:#666666; }

ul.topicsList{ margin:0 0 15px; border-bottom:var(--line-color) 1px solid; }
ul.topicsList li{ border-top:var(--line-color) 1px solid; overflow:hidden; }
ul.topicsList li a{ display:flex; flex-wrap:wrap; justify-content:space-between; padding:16px 0; text-decoration:none; }
ul.topicsList li .img_box{ width:150px; }
ul.topicsList li .img_box img{ max-width:100%; }
ul.topicsList li .txtArea{ width:calc(100% - 170px); }
ul.topicsList li .txtArea .cate{ display:inline-block; padding:4px 16px; text-align:left; background:var(--main-color); border-radius:5px; font-size:; color:#fff; line-height:1; }
ul.topicsList li .txtArea .tit{ margin:0 0 10px; font-size:18px; font-weight:700; line-height:1.6; }
ul.topicsList li .txtArea .day{ font-size:13px; color:var(--font-gray-color); }

/* clientRecommend - 貴社おすすめ商品
-------------------------------------------------------------*/
#clientRecommend{margin-bottom: 20px; width: 100%;}
#clientRecommend ul{margin-top: 10px;}
#clientRecommend ul:after {content: ""; clear: both; display: block;}/* clearfix */
#clientRecommend .box{float: left; width: 185px; margin: 0 10px 10px 0; border: #d4d4d4 1px solid; padding: 20px 0 0px;}
#clientRecommend .img_box{width: 140px; height: 140px; margin: 0px auto 10px;}
#clientRecommend .img_box img{max-width: 140px; max-height: 140px;}
#clientRecommend .text{width: 140px; margin: 0 auto;}
#clientRecommend h3{margin: 0px 0px 10px; font-size: 90%; font-weight: normal; line-height: 140%; min-height: 60px;}
#clientRecommend .price{margin: 0px 0px 20px; font-size: 80%; color: #C00; text-align: right;}

/* new - 新着商品
-------------------------------------------------------------*/
#new{margin-bottom: 20px; width: 100%;}
#new ul{margin-top: 10px;}
#new ul:after {content: ""; clear: both; display: block;}/* clearfix */
#new .box{float: left; width: 185px; margin: 0 10px 10px 0; border: #d4d4d4 1px solid; padding: 20px 0 0px;}
#new .img_box{width: 140px; height: 140px; margin: 0px auto 10px;}
#new .img_box img{max-width: 140px; max-height: 140px;}
#new .text{width: 140px; margin: 0 auto;}
#new .cart_button{margin-bottom: 10px;}
#new .appeal{color: #F60; font-size: 70%;}
#new h3{margin: 0px 0px 20px; font-size: 90%; font-weight: normal; line-height: 140%; min-height: 60px;}
#new .price{margin: 0px 0px 20px; font-size: 80%; color: #C00; text-align: right;}


/* recommend - おすすめ商品
-------------------------------------------------------------*/
#recommend{margin-bottom: 20px; width: 100%;}
#recommend ul{margin-top: 10px;}
#recommend ul:after {content: ""; clear: both; display: block;}/* clearfix */
#recommend .box{float: left; width: 185px; margin: 0 10px 10px 0; border: #d4d4d4 1px solid; padding: 20px 0 0px;}
#recommend .img_box{width: 140px; height: 140px; margin: 0px auto 10px;}
#recommend .img_box img{max-width: 140px; max-height: 140px;}
#recommend .text{width: 140px; margin: 0 auto;}
#recommend .cart_button{margin-bottom: 10px;}
#recommend .appeal{color: #F60; font-size: 70%;}
#recommend h3{margin: 0px 0px 10px; font-size: 90%; font-weight: normal; line-height: 140%; min-height: 60px;}
#recommend .price{margin: 0px 0px 20px; font-size: 80%; color: #C00; text-align: right;}


/* ranking - 人気商品ランキング
-------------------------------------------------------------*/
#ranking{margin-bottom: 20px; width: 100%;}
#ranking ul{margin-top: 10px;}
#ranking ul:after {content: ""; clear: both; display: block;}/* clearfix */
#ranking .box{float: left; width: 185px; margin: 0 10px 10px 0; border: #d4d4d4 1px solid; padding: 20px 0 0px;}

#ranking h3{width: 45px; height: 20px; text-indent: -9999px; margin: 0 0 5px;}
#ranking #ranking_no1 h3{background: url("../images/ranking_no01.gif") 0px 5px no-repeat;}
#ranking #ranking_no2 h3{background: url("../images/ranking_no02.gif") 0px 5px no-repeat;}
#ranking #ranking_no3 h3{background: url("../images/ranking_no03.gif") 0px 5px no-repeat;}
#ranking #ranking_no4 h3{background: url("../images/ranking_no04.gif") 0px 5px no-repeat;}
#ranking #ranking_no5 h3{background: url("../images/ranking_no05.gif") 0px 5px no-repeat;}
#ranking #ranking_no6 h3{background: url("../images/ranking_no06.gif") 0px 5px no-repeat;}
#ranking #ranking_no7 h3{background: url("../images/ranking_no07.gif") 0px 5px no-repeat;}
#ranking #ranking_no8 h3{background: url("../images/ranking_no08.gif") 0px 5px no-repeat;}
#ranking #ranking_no9 h3{background: url("../images/ranking_no09.gif") 0px 5px no-repeat;}
#ranking #ranking_no10 h3{background: url("../images/ranking_no10.gif") 0px 5px no-repeat;}

#ranking h4{margin: 0px 0px 10px; font-size: 90%; font-weight: normal; line-height: 140%; min-height: 60px;}
#ranking .price{margin: 0px 0px 20px; font-size: 80%; color: #C00; text-align: right;}
#ranking .text{width: 140px; margin: 0 auto;}
#ranking .cart_button{margin-bottom: 10px;}
#ranking .appeal{color: #F60; font-size: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

#ranking .img_box{width: 140px; height: 140px; margin: 0px auto 10px; text-align: center; position: relative;}
#ranking .img_box img{width: auto; max-width: 140px; max-height: 140px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}


/* free ranking access - アクセスランキング
-------------------------------------------------------------*/
#access{margin-bottom: 20px; width: 100%;}
#access ul{margin-top: 10px;}
#access ul:after {content: ""; clear: both; display: block;}/* clearfix */
#access .box{float: left; width: 185px; margin: 0 10px 10px 0; border: #d4d4d4 1px solid; padding: 20px 0 0px;}

#access h3{width: 45px; height: 20px; text-indent: -9999px; margin: 0 0 5px;}
#access #ranking_no1 h3{background: url("../images/ranking_no01.gif") 0px 5px no-repeat;}
#access #ranking_no2 h3{background: url("../images/ranking_no02.gif") 0px 5px no-repeat;}
#access #ranking_no3 h3{background: url("../images/ranking_no03.gif") 0px 5px no-repeat;}
#access #ranking_no4 h3{background: url("../images/ranking_no04.gif") 0px 5px no-repeat;}
#access #ranking_no5 h3{background: url("../images/ranking_no05.gif") 0px 5px no-repeat;}
#access #ranking_no6 h3{background: url("../images/ranking_no06.gif") 0px 5px no-repeat;}
#access #ranking_no7 h3{background: url("../images/ranking_no07.gif") 0px 5px no-repeat;}
#access #ranking_no8 h3{background: url("../images/ranking_no08.gif") 0px 5px no-repeat;}
#access #ranking_no9 h3{background: url("../images/ranking_no09.gif") 0px 5px no-repeat;}
#access #ranking_no10 h3{background: url("../images/ranking_no10.gif") 0px 5px no-repeat;}

#access h4{margin: 0px 0px 10px; font-size: 90%; font-weight: normal; line-height: 140%; min-height: 60px;}
#access .price{margin: 0px 0px 20px; font-size: 80%; color: #C00; text-align: right;}
#access .text{width: 140px; margin: 0 auto;}
#access .cart_button{margin-bottom: 10px;}
#access .appeal{color: #F60; font-size: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

#access .img_box{width: 140px; height: 140px; margin: 0px auto 10px; text-align: center; position: relative;}
#access .img_box img{width: auto; max-width: 140px; max-height: 140px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}


/* itemAccessLog - 閲覧履歴
-------------------------------------------------------------*/
#itemAccessLog{margin-bottom: 20px; clear: both;}
#itemAccessLog .box{margin-top: 10px; border: #CCC 1px solid;}
#itemAccessLog .box:hover{border: #8CC329 1px solid;}
#itemAccessLog .box:after {content: ""; clear: both; display: block;}/* clearfix */
#itemAccessLog .text{margin-left: 140px;}
#itemAccessLog h3{display: block; margin: 10px 10px 0 0; font-size: 95%;}
#itemAccessLog .link{float: right; font-size: 13px; padding-top: 10px;}
#itemAccessLog .appeal{display: block; margin: 0; color: #F60; font-size: 70%;}
#itemAccessLog .price{display: block; margin: 0; color: #C00;}
#itemAccessLog .price .teika{font-weight: bold; font-size: 110%;}
#itemAccessLog .price .other{font-size: 90%;}
#itemAccessLog .explanation1{display: block; margin: 5px 10px 0 0; padding: 5px 0; border-top: #CCC 1px solid; font-size: 80%; line-height: 120%;}
#itemAccessLog .button_area{margin: 0px 10px 20px 0px; padding-top: 20px; border-top: #CCC 1px solid; text-align: right;}
#itemAccessLog .button_area:after {content: ""; clear: both; display: block;}/* clearfix */
#itemAccessLog .button_area .button{width: auto; display: inline-block;}
#itemAccessLog .property{display: inline; margin: 0; color: #AAA; font-size: 75%;}
#itemAccessLog .img_box{width: 120px; height: 120px; margin: 10px; float: left;}
#itemAccessLog .img_box img{max-width: 120px; max-height: 120px;}

/* awoo AI TOP
-------------------------------------------------------------*/
#awoo-keyword-popular-tags .awoo-tag-wrapper{gap: 0;}
#awoo-keyword-popular-tags .popular-tags-wrapper{background: transparent; padding: 0 0 16px;}
#awoo-keyword-popular-tags .popular-tags-wrapper .popular-tags-title{padding: 0 0 8px; font-weight: bold; margin: 0;}
#awoo-keyword-popular-tags .popular-tags-wrapper .popular-tags-list-container a{font-size: 12px; color: #333; background: #fff; padding: 5px 10px; margin: 0 4px 8px;}
#awoo-keyword-popular-tags .popular-tags-wrapper .popular-tags-list-container a:hover{color: #3A3A3A; border-color: #3A3A3A; opacity: 0.7;}
#awoo-keyword-popular-tags .popular-tags-wrapper .popular-tags-list-container a::before{content: "#";}

/* awoo AI レコメンド画像
-------------------------------------------------------------*/
#awoo-keyword-popular-products .related-wrapper .related-title{padding: 0;font-weight: bold; margin: 5px 0;}
#awoo-keyword-popular-products .related-wrapper .related-product-img{width: 225px; height: 225px;}
#awoo-keyword-popular-products .related-wrapper .related-product-name{color: #333; height: auto; margin-bottom: 10px; font-weight: bold;}
#awoo-keyword-popular-products .related-wrapper .product-price{color: #333;}
#awoo-keyword-popular-products .related-wrapper .product__price .on-sale{color: #333;}
#awoo-keyword-popular-products .related-wrapper .product__price .sale-price{color: #C00;}

/* =================================================================
8.カートの中身～注文完了まで、プレゼント応募～完了まで
使用ファイル：cart_index.xhtml, cart_login.xhtml
　　　　　　　cart_seisan.xhtml, cart_confirm.xhtml
　　　　　　　cart_pre.xhtml, cart_result.xhtml
　　　　　　　present_login.xhtml, present_input.xhtml
　　　　　　　present_confirm.xhtml, present_result.xhtml,
　　　　　　　member_estimate_order_input.xhtml, member_estimate_order_result.xhtml,
=================================================================*/
/* cartSidebar - カートフロー内サイドバー
-------------------------------------------------------------*/
#cartSidebar{ width:25%; float:right; }
/*#cartSidebar .total_box .box{border: none; margin-bottom: 10px;}
#cartSidebar .total_box .box:after {content: ""; clear: both; display: block;}
#cartSidebar .total_box h3{margin: 0; background: none; padding: 0px; border: 0px; font-size: 14px; float: left;}
#cartSidebar .total_box p.price{font-size: 14px; float: right; margin: 0px; font-weight: bold;}
#cartSidebar .total_box img{margin: 0px auto 10px; display: block;}
#cartSidebar .total_box .totalpricebox{border: none; margin-bottom: 10px; padding-top: 10px; border-top: 1px #CCCCCC solid;}
#cartSidebar .total_box .totalpricebox:after {content: ""; clear: both; display: block;}
#cartSidebar .total_box .teiki_text{margin: 0; font-size: 12px;}
#cartSidebar .cartButtonArea{ margin:20px 0 0; }
#cartSidebar .cartButtonArea a{ width:100%; display:block; margin:10px auto 0; }
#cartSidebar .cartButtonArea img{ display:block; max-width:100%; }
#cartSidebar .cartButtonArea input{ width:100%; min-width:auto; display:block; margin:0; }*/
#cartSidebar .tax{font-size: 9px; color: #666;}
#cartSidebar .amazon_highlight_area{ padding:10px 0; border-bottom:1px solid #ebebeb; }
#cartSidebar .login_amazonpay_btn{max-width: 180px; margin:0 auto;}
#cartSidebar #AmazonPayButton img{max-width: 180px !important; max-height: 100% !important; width: 100% !important; height: auto !important;}
#cartSidebar #AmazonPayV2Button{max-width: 180px; width: 100%; height: auto; margin: 0 auto 10px;}

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
#cartIndex{ display:flex; flex-wrap:wrap; padding-bottom:20px; margin: 0 auto; }
#cartIndex .empty{ width:100%; }
#cartIndex .empty > div{ margin:20px 0; text-align:center; }
#cartIndex .content{ width:68%; margin-right: 60px;}
#cartIndex:after {content: ""; clear: both; display: block;}/* clearfix */
#cartIndex .tax{ font-weight:normal; }
#cartIndex .amount{text-align: center; }
#cartIndex .delete .button{ width: 50px;}
#cartIndex .text_box .delBtn{ text-decoration:underline; font-size:13px; color:var(--font-gray-color); }
#cartIndex .content .box{ margin:40px 0 0; }
/*#cartIndex table{ width:100%; margin: 0px 0 10px; border-bottom:#ebebeb 1px solid;}
#cartIndex table th{ width:auto; padding:0 0 19px; font-weight:normal; font-size:13px; color:var(--font-gray-color); }
#cartIndex table th.itemname{ width:55%; }
#cartIndex table td{ padding:25px 0; border-top:var(--line-color) 1px solid; vertical-align:middle; }
#cartIndex table td.tdNum{ text-align:center; }
#cartIndex table td.tdNum select{ width:80px; }
#cartIndex table td.tdPrice{ text-align:center; font-weight:500; }
#cartIndex .img_box{ width:100px; float:left; }
#cartIndex .text_box .txt{ font-size:12px; }
#cartIndex .img_box img{ width:100%; height:auto; display: block; }
#cartIndex .text_box{ padding:0 10px 0 120px; }
#cartIndex .text_box p{ margin: 0 0 10px; font-size:13px; color:var(--font-gray-color); }
#cartIndex .text_box p.code{ font-size: 80%; }
#cartIndex .text_box p.last{ margin-bottom: 0px; }*/

ul.cartList{ border-top:var(--line-color) 1px solid; }
ul.cartList > li{ width:100%; display:flex; padding:30px 0; border-bottom:var(--line-color) 1px solid; }
ul.cartList li .imgBd{ width:102px; }
ul.cartList li .txtArea{ width:calc(100% - 102px); display:flex; flex-wrap:wrap; align-items:center; }
ul.cartList li .txtArea .cartTxt{ width:calc(100% - 340px); padding:0 0 0 12px; }
ul.cartList li .txtArea .cartTxt .tit{ margin:8px 0; font-size:14px; font-weight:700; }
ul.cartList li .txtArea .cartTxt .txt{ margin:0 0 8px; font-size:12px; font-weight:normal; color:var(--font-gray-color); }
ul.cartList li .txtArea .cartNum{ width:160px; padding:0 10px; text-align:center; }
ul.cartList li .txtArea .cartNum input{ padding:14px; font-size:13px; }
ul.cartList li .txtArea .cartNum .tit{ margin:0 5px 0 0; font-size:12px; }
ul.cartList li .txtArea .cartNum select{ width:auto; padding:10px 50px 10px 16px; background-size:auto 100%; font-size:14px; }
ul.cartList li .txtArea .cartPrice{ width:180px; text-align:center; font-size:12px; font-weight:700; color:var(--red-color); }
ul.cartList li .txtArea .cartPrice strong{ margin:0 8px 0 0; font-size:24px; font-weight:700; }
ul.cartList li .txtArea .optionBox{ width:100%; }
ul.cartList li .txtArea .btnArea{ display:flex; align-items:center; gap:0 8px; margin:16px 0 0; }
ul.cartList li .delete a{ display:inline-block; padding:5px 12px 6px; border-radius:4px; border:var(--line-color) 1px solid; background:#EFEFEF; font-size:12px; line-height:1; }

#cartIndex .total{ margin: 0px 0 30px; padding: 0px 0 5px; text-align:right; border:var(--line-color) 1px solid; }
#cartIndex .total p{margin: 0px; font-size: 90%;}
.total_box .box{ margin:0 0 20px; padding:29px; background:var(--gray-color); border-radius:16px; }
.total_box .box dl{ display:flex; flex-wrap:wrap; align-items:center; padding:12px 0 0; font-weight:700; line-height:2; }
.total_box .box dl dt{ width:55%; font-size:12px; }
.total_box .box dl dd{ width:45%; text-align:right; font-size:16px; }
.total_box .box dl dd.price{ color:var(--font-color); }
.total_box .box dl .amount{ margin:0 0 12px; padding:0 0 12px; border-bottom:var(--line-color) 1px solid; font-family:var(--num-font); }
.total_box .box dl.sum{ padding:0 0 12px; }
.total_box .box dl.sum dt{ width:30%; }
.total_box .box dl.sum dd{ width:70%; font-size:24px; color:var(--red-color); }
.total_box .box .teiki_text{ margin:12px 0 0; text-align:right; }
.total_box .box .cartButtonArea{ margin:18px 0 0; }
.total_box .box a,
.total_box .box .cartButtonArea input{ width:100%; max-width:auto; min-width:auto; margin:20px 0 0; padding:15px 10px; font-size:16px; }
.total_box .box .blueBtn2,
.total_box .box .whiteBtn2{ font-size:16px; }
#cartIndex #AmazonPayV2_area .login_amazonpay_btn{max-width: 230px; min-width: 200px; margin: 0 auto;}
#cartIndex .login_amazonpay_btn{max-width: 200px; margin:0 auto;}
#cartIndex .total_box .box .buttonarea.amazon_btn{margin: 10px; padding: 10px 0 0; text-align: center;}
#cartIndex .total_box .box .buttonarea.amazon_btn .button.medium{max-width: 270px; width: 270px;}
#cartIndex .total_box .box #AmazonPayButton{min-height: 50px;}
#cartIndex .total_box .box #AmazonPayV2Button{max-width: 230px; min-width: 200px; margin: 0 auto;}

.cartRecommendArea{ margin:104px 0 0; }

/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin:after {content: ""; clear: both; display: block;}/* clearfix */

#cartLogin,
#loginNew{ }

/* loginBox - ログイン共通
-------------------------------------------------------------*/
.loginBox{ margin:0 0 104px; }
.loginBox h3{ margin-top:0; padding-bottom:0; text-align:center; border-bottom:none; font-size:18px; color:var(--main-color); }
.loginBox .lead{ margin:0 0 20px; }
.loginBox .button{ min-width:180px; min-width:auto; margin:10px 0 0; }
.loginBox .link_text,
.loginBox .link{ margin:30px 0 0; text-align:center; }
.loginBox .link_text a{ color:var(--link-color); }
.loginBox .regist_non_area p{ margin:0 0 20px; }
.loginBox .amazon_area p{ margin:10px 0; }
.loginBox #AmazonPayButton{ min-height:80px; }
.loginBox #AmazonPayV2Button{ max-width:230px; min-width:200px; margin:0 auto; }
.loginBox .buttonarea{ width:100%; margin:15px auto 0; padding:0; }
/*.loginBox .buttonarea input,
.loginBox .buttonarea .normalBtn,
.loginBox .buttonarea .submitBtn{ }*/
dl.loginInputList{ display:flex; flex-wrap:wrap; margin:20px atuo 0; }
dl.loginInputList dt{ width:150px; margin:0 0 9px; font-size:13px; color:var(--font-gray-color); }
dl.loginInputList dd{ width:calc(100% - 150px); margin:0 0 20px; }
dl.loginInputList.cpmember dd{ display:flex; align-items:center; }
dl.loginInputList.cpmember dd:nth-of-type(1) div:nth-child(1){ width:126px; }
dl.loginInputList.cpmember dd:nth-of-type(1) div:nth-child(2){ width:calc(100% - 159px); }
dl.loginInputList.cpmember dd span.hyphen{ width:66px; display:block; text-align:center; }
dl.loginInputList.cpmember dd:nth-of-type(2) > span{ width:51px; display:block; text-align:center; font-size:13px; }
dl.loginInputList.cpmember dd:nth-of-type(2) > div{ width:calc((100% - 102px) / 2); }


/*#cartLogin .boxFrame{ display:flex; flex-wrap:wrap; gap:0 20px; }
#cartLogin .box{ width:calc(50% - 10px); margin:0 0 30px; padding:50px 40px; background:var(--second-color); box-sizing:border-box; position:relative; }
#cartLogin h3{ margin-top:0; padding-bottom:0; text-align:center; border-bottom:none; font-size:18px; color:var(--main-color); }
#cartLogin .box .buttonarea,
#cartLogin .widebox .buttonarea{ width:100%; margin:0; padding:0; }
#cartLogin .box .buttonarea .button,
#cartLogin .widebox .buttonarea .button{ min-width:180px; min-width:auto; margin:10px 0 0; }
#cartLogin th.title{ width:120px; }
#cartLogin td{ padding:0 0 10px; }
#cartLogin .box .link_text,
#cartLogin .widebox .link{ margin:30px 0 0; text-align:center; }
#cartLogin .box .link_text a,
#cartLogin .widebox .link a{ color:var(--link-color); }
#cartLogin .box .regist_non_area{}
#cartLogin .box .regist_non_area p{margin: 0 0 20px;}
#cartLogin .box .amazon_area{ }
#cartLogin .box .amazon_area p{margin: 10px 0;}
#cartLogin .box #AmazonPayButton{min-height: 80px;}
#cartLogin .box #AmazonPayV2Button{max-width: 230px; min-width: 200px; margin: 0 auto;}
#cartLogin .widebox{ width:calc(50% - 10px); margin:0 auto 30px; padding:50px 40px; background:var(--second-color); }*/
#cartLogin input[type='text'],
#cartLogin input[type='password']{ width:100%; }

/*.social_provider ul{ width:220px; margin:10px auto 20px; }
.social_provider ul:after{ content:""; clear:both; display:block; }
.social_provider ul li{ width:100%; height:44px; margin:15px 0 0; font-size:14px; }
.social_provider ul li a{ display:block; text-decoration:none; }
.social_provider ul li a span{ padding:14px 0 14px 25px; border:1px solid #cdcdcd; border-left:0px; margin:0 0 0 53px; display:block; background:#FFF; line-height:1; font-size:14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;  
-moz-border-radius-topright: 3px;  
-moz-border-radius-bottomright: 3px;
}*/

ul.social_provider_list{ max-width:300px; margin:32px auto 0; }
ul.social_provider_list li{ margin:0 0 16px; }
ul.social_provider_list li a{ width:100%; height:44px; display:block; font-size:18px; font-weight:700; }
.social_provider li.yahoo a,
.social_provider li.facebook a,
.social_provider li.twitter a,
.social_provider li.google a,
.social_provider li.mixi a,
.social_provider li.line a,
.social_provider li.paypal a,
.social_provider li.X a{ padding:8px 0 0 70px; }
.social_provider li.yahoo a{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
.social_provider li.facebook a{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
.social_provider li.twitter a{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
.social_provider li.google a{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
.social_provider li.mixi a{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
.social_provider li.line a{background: url("../images/social_line.png") no-repeat; color: #00b300;}
.social_provider li.paypal a{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}
.social_provider li.X a{background: url("../images/social_X.png") no-repeat; color: #000;}



/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow{ width:100%; padding-bottom:20px; margin:0 auto; }
#cartFlow:after {content: ""; clear: both; display: block; }/* clearfix */
#cartFlow .content{ width:68%; float:left; }
/*#cartFlow p{ margin:15px 0; }*/
#cartFlow .heading5{ margin:80px 0 24px; position:relative; }
#cartFlow .lock{ width:18px; margin:0 0 0 5px; vertical-align:-2px; }
#cartFlow .amount select{ width:150px; }
#cartFlow .dayarea{ display:flex; flex-wrap:wrap; align-items:center; }
#cartFlow .dayarea span{ width:40px; text-align:center; }
#cartFlow .dayarea select{ width:calc((100% - 120px) / 3); }

.cart{ margin:0 0 104px; }
.cart p{ margin:16px 0; line-height:1.7; }

ul.cartItemList > li{ margin:0 0 32px; padding:0 0 32px; border-bottom:var(--line-color) 1px solid; }
ul.cartItemList > li:last-child{ padding-bottom:0; border-bottom:none; }
ul.cartItemList li .stit{ font-size:16px; font-weight:700; }
ul.cartItemList li .itemInfo{ display:flex; gap:16px; }
ul.cartItemList li .itemInfo .imgBd{ width:102px; }
ul.cartItemList li .itemInfo .txtArea{ flex:1; }
ul.cartItemList li .itemInfo .txtArea .tit{ margin:10px 0 0; font-weight:700; }
ul.cartItemList li .itemInfo .txtArea .amount{ margin:16px 0 0; text-align:right; font-weight:700; line-height:1.6; }
ul.cartItemList li .itemInfo .txtArea .amount .stit{ padding:0 24px 0 0; }
ul.cartItemList li .itemInfo .txtArea .price{ margin:8px 0 0; text-align:right; font-size:12px; font-weight:700; color:var(--red-color); }
ul.cartItemList li .kiyakuTxt{ margin:40px 0 0; }
ul.cartItemList li .kiyakuTxt p{ margin:0; line-height:1.7; }
ul.cartItemList li .kiyakuTxt p.tit{ margin:16px 0 0; font-weight:700; }
ul.cartItemList li .kiyakuTxt ul{ line-height:1.7; }
ul.cartItemList li .itemInfo .txtArea .price strong{ margin:0 0 0 8px; font-size:18px; font-weight:700; }
ul.cartItemList li dl.list1{ display:flex; flex-wrap:wrap; align-items:center; gap:16px 0; margin:16px 0 0; }
ul.cartItemList li dl.list1 dt{ width:100px; font-size:14px; font-weight:700; }
ul.cartItemList li dl.list1 dd{ width:calc(100% - 100px); }
ul.cartItemList li ul.list2{ display:flex; flex-wrap:wrap; gap:16px 0; margin:16px 0 0; }
ul.cartItemList li ul.list2 li{ width:100%; }
ul.cartItemList li dl.list3{ display:flex; flex-wrap:wrap; align-items:center; margin:16px 0 0; }
ul.cartItemList li dl.list3 dt{ width:40px; margin:0 0 8px; font-weight:700; }
ul.cartItemList li dl.list3 dt:nth-of-type(2){ padding-left:15px; }
ul.cartItemList li dl.list3 dd{ width:calc((100% - 80px) / 2); margin:0 0 8px; color:#6F6F6F; }
ul.cartItemList li dl.list4{ display:flex; flex-wrap:wrap; align-items:center; gap:16px 0; margin:16px 0 0; }
ul.cartItemList li dl.list4 dt{ width:150px; font-size:14px; font-weight:700; }
ul.cartItemList li dl.list4 dd{ width:calc(100% - 150px); }

.optionBox{ margin:24px 0 0; padding:24px; background:var(--gray-color); border-radius:16px; }
.optionBox .opCode{ margin:0; font-size:12px; }
.optionBox .tagList6{ margin:0 0 10px; }
.optionBox .txt1{ margin:0; font-weight:700; }
.optionBox .txt2{ margin:5px 0 0; color:#4D4D4D; }
.optionBox .txt3{ margin:8px 0; }
.optionBox .optionCartInfo{ display:flex; align-items:center; justify-content:space-between; margin:12px 0; }
.optionBox .optionCartInfo .price{ font-size:12px; font-weight:700; color:var(--red-color); }
.optionBox .optionCartInfo .price strong{ margin:0 8px 0 0; font-size:24px; font-weight:700; }
.optionBox dl{ margin:16px 0 0 !important; }

#main.cart .buttonarea{ clear:both; display:flex; flex-wrap:wrap; margin:0 0 100px; padding:50px 32% 0 0; }
#main.cart .buttonarea.confirmFButtonarea{ margin:0 0 80px; padding:0; }
#main.cart .buttonarea a,
#main.cart .buttonarea input{ width:350px; }
#main.cart .confirmPage .allKiyakuTxt{ clear:both; margin-bottom:-20px; padding:80px 32% 0 0; }
#main.cart .confirmPage .allKiyakuTxt.confirmFButtonarea{ margin:0; padding:40px 0; }
#main.cart .confirmPage .buttonarea a,
#main.cart .confirmPage .buttonarea input{ width:370px; font-size:16px; }
#main.cart .confirmPage .buttonarea a.grayBtn{ width:200px; }
.buttonarea .kiyakuTxt{ width:100%; margin:0 0 20px !important; text-align:center; }
.buttonarea .kiyakuTxt a{ color:var(--link-color); }

#cartFlow.confirmPage h3 a{ font-size:14px; font-weight:normal; color:var(--link-color); position:absolute; top:3px; right:0; }

/* フォーム共通 */
ul.formList{ display:flex; flex-wrap:wrap; gap:30px 0; margin:30px 0 0; }
ul.formList.mgTNone{ margin-top:0; }
#container ul.formList > li p{ margin:12px 0; }
ul.formList > li{ width:100%; display:flex; flex-wrap:wrap; }
ul.formList > li .formLabel{ width:210px; margin:0 !important; padding:13px 0 0; font-size:16px; font-weight:500; position:relative; }
ul.formList > li h4.pdTNone,
ul.formList > li .formLabel.pdTNone{ padding-top:0; }
ul.formList > li .sentence{ width:calc(100% - 210px); }
ul.formList > li .sentence img{ width:auto; }
ul.formList > li .seimei{ display:flex; flex-wrap:wrap; align-items:center; }
ul.formList > li .seimei span{ width:50px;box-sizing:border-box; font-weight:700; }
ul.formList > li .seimei span:nth-of-type(1){ width:40px; }
ul.formList > li .seimei span:nth-of-type(2){ padding:0 10px 0 0;  text-align:right; }
ul.formList > li .seimei input{ width:calc((100% - 90px) / 2); }
ul.formList > li .mail{ display:flex; flex-wrap:wrap; align-items:center; }
ul.formList > li .mail span{ width:40px; text-align:center; box-sizing:border-box; }
ul.formList > li .mail input{ width:calc((100% - 40px) / 2); }
ul.formList > li .flex{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 0; }
ul.formList > li .flex.space{ gap:10px 8px; }
ul.formList > li .flex.nextSendDay{ margin:0 0 8px; gap:10px 8px; }
ul.formList > li .flex.nextSendDay label{ min-width:0; }
ul.formList > li .flex.nextSendDay span{ width:auto; }
ul.formList > li .flex.nextSendDay select{ padding:10px 50px 10px 16px; background-size:auto 100%; }
ul.formList > li .flex span{ width:40px; text-align:center; box-sizing:border-box; }
ul.formList > li .flex input,
ul.formList > li .flex select,
ul.formList > li .flex label{ width:auto; min-width:100px; }
ul.formList > li .flex input[type = radio],
ul.formList > li .flex input[type = checkbox]{ min-width:0; }
/*ul.formList > li .comfirmMail{ display:flex; flex-wrap:wrap; align-items:center; }
ul.formList > li .comfirmMail span{ width:45px; text-align:center; }*/
ul.formList > li .short input[type = text],
ul.formList > li .short input[type = number],
ul.formList > li .short select{ width:200px; }
ul.formList > li .cardnumber{ display:flex; align-items:center; gap:8px; }
ul.formList > li .cardnumber input{ width:calc((100% - 24px) / 4); }
ul.formList > li .noveltyItem{ display:flex; flex-wrap:wrap; gap:10px 15px; }
ul.formList > li .noveltyItem p{ margin:0 0 5px !important; }
ul.formList > li .noveltyItem .img_box{ width:100px; }
ul.formList > li .noveltyItem .text_box{ width:calc(100% - 115px); }
ul.formList > li .noveltyItem .text_box img{ width:70px; }
ul.formList > li .noveltyItem .text_box .txt{ font-size:13px; }
ul.formList > li .sp1{ margin:0 15px 0 0; }
ul.formList > li .sp2{ margin:16px 0 0 0; }

ul.formList.bdlist{ gap:0; margin:0; border-bottom:var(--line-color) 1px solid; }
ul.formList.bdlist li{ padding:15px 0; border-top:var(--line-color) 1px solid; }
ul.formList.bdlist li .formLabel{ padding:0 0 0 3px; }

.itemOptionSelect > div{ border-bottom:var(--line-color) 1px solid; }
.itemOptionSelect:first-child > div{ border-top:var(--line-color) 1px solid; }
.itemOptionSelect ul.optionList li:last-child{ border-bottom:none; }
ul.optionList{ counter-reset:oplist; }
ul.optionList li{ margin:24px 0 24px; padding:0 0 14px; border-bottom:var(--line-color) 1px solid; }
ul.optionList li .title{ margin:0 0 8px; font-weight:700; color:#A2A2A2; }
ul.optionList li .title::after{ content:counter(oplist); counter-increment:oplist; }
ul.optionList li .optionListFrame{ display:flex; gap:16px; }
ul.optionList li .optionListFrame .imgArea{ width:102px; }
ul.optionList li .optionListFrame .imgArea img{ aspect-ratio:102 / 85; object-fit:cover; }
ul.optionList li .optionListFrame .txtArea{ width:calc(100% - 154px); font-size:12px; color:#6F6F6F; }
ul.optionList li .optionListFrame .txtArea label{ display:block; margin:10px 0 16px; font-size:14px; font-weight:700; color:var(--font-color); }
ul.optionList li .optionListFrame .txtArea select{ max-width:140px; }
ul.optionList li .optionListFrame .txtArea p{ margin:10px 0; }
ul.optionList li .optionListFrame .optionSelect{ width:20px; display:flex; padding:35px 0 0; align-items:flex-start;  }

ul.teikiList li{ display:flex; flex-wrap:wrap; gap:0 16px; padding:16px 0; border-bottom:var(--line-color) 1px solid; }
ul.teikiList li:last-child{ border-bottom:none; }
ul.teikiList li .numArea{ width:150px; display:flex; align-items:center; justify-content:center; background:var(--gray-color); font-weight:500; }
ul.teikiList li .priceArea{ flex:1; padding:8px 0; }
ul.teikiList li .priceArea dl{ display:flex; flex-wrap:wrap; gap:12px 0; }
ul.teikiList li .priceArea dl dt{ width:50%; font-weight:500; }
ul.teikiList li .priceArea dl dd{ width:50%; text-align:right; }

.newCreditCard ul.formList > li h4,
.newCreditCard ul.formList > li .formLabel{ width:100px; }
.newCreditCard ul.formList > li .sentence{ width:calc(100% - 100px); }

.confirmPage ul.formList > li .formLabel,
ul.formList.confirm > li .formLabel{ padding-top:0; }
ul.formList.confirm > li .sentence{ padding:5px 0 0; }

ul.kessaiList li{ display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px; }
ul.kessaiList li .tit{ width:220px; }
ul.kessaiList li .txt{ flex:1; }

.sendCopyButton{ display:flex; flex-wrap:wrap; gap:10px; margin:32px 0 0; }
.sendCopyButton > a,
.sendCopyButton > span{ width:45%; }
.sendAddressButton{ display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 0; }

.itemOptionBox{ margin:0 0 20px; }
.itemOptionBox .tit{ font-weight:600; }
.itemOptionBox ul.list li{ padding:0 0 0 15px; position:relative; }
.itemOptionBox ul.list li::before{ content:"・"; position:absolute; top:0; left:0; }
.itemOptionBox ul.imgList{ display:flex; flex-wrap:wrap; gap:10px 15px; margin:20px 0; }
.itemOptionBox ul.imgList li{ width:calc((100% - 30px) / 3); cursor:pointer; }

.cartConfirmKiyaku{ display:flex; align-items:center; justify-content:center; margin:40px 0 0; }

#main .haiso-group_table{  }
#main .haiso-group_title{ margin:40px 0 20px; padding:15px 20px; background:#f5f5f5; font-size:16px; font-weight:600; position:relative; }
#main .haiso-group_title::after{ width:40px; height:40px; content:""; background:url("../images/arrow_gray_bottom.svg") no-repeat center center / 15px auto; transition:all 0.3s; position:absolute; top:8px; right:10px; }
#main .haiso-group_title.open::after{ transform:rotate(180deg); }

/* //フォーム共通 */

#cartFlow ul.selectList{ display:flex; flex-wrap:wrap; gap:10px 0; }
#cartFlow ul.selectList li{ width:100%; display:flex; flex-wrap:wrap; align-items:center; }
#cartFlow ul.selectList li .label{ width:30%; }
#cartFlow ul.selectList li .con{ width:70%; }
#cartFlow ul.selectList li .con.flex{ display:flex; align-items:center; }
#cartFlow ul.selectList li .con.flex span,
#cartFlow ul.selectList li .con.flex label{ width:40px; display:block; text-align:center; }
#cartFlow ul.selectList li .con.flex select{ width:auto; min-width:100px; margin:0 5px; }

#cartFlow .itempt1{ display:flex; align-items:center; }
#cartFlow .itempt1 span{ width:45px; text-align:center; }
#cartFlow .itempt1 select{ width:auto; min-width:100px; }

#cartFlow .cartitem{ margin:0 0 24px; padding:24px; border:var(--line-color) 1px solid; border-radius:16px; }
#cartFlow .cartitem .title{ margin: 0 0 20px; background:none; font-weight:700; }
#cartFlow .cartitem li{ margin-bottom:15px; padding-bottom:15px; border-bottom:#e9e9e9 1px solid; overflow:hidden; }
#cartFlow .cartitem li:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:none; }
#cartFlow .cartitem .img_box{ width:60px; float: left; margin-right: 5px; text-align: center; position: relative;}
#cartFlow .cartitem .img_box img{ width:100%; }
#cartFlow .cartitem .text_box{ padding:0 0 0 70px; font-size:14px; }
#cartFlow .cartitem .text_box p{ margin:0; font-size:13px; }
#cartFlow .cartitem p.price{ font-weight:normal; }

#cartFlow .teikiComment dl{ display:flex; flex-wrap:wrap; align-items:flex-end; margin:24px 0 16px; }
#cartFlow .teikiComment dl dt{ flex:1; }
#cartFlow .teikiComment dl dd{ flex:1; text-align:right; font-size:16px; font-weight:700; }

/*
#cartFlow td input{vertical-align: baseline;}
#cartFlow table.newCreditCard{ width:100%; font-size: 100%; margin: 10px auto; }
#cartFlow table.newCreditCard th{ width:100%; display:block; margin:0 0 10px; text-align:left; }
#cartFlow table.newCreditCard td{ width:100%; display:block; padding:0 0 10px; }

#cartFlow #zeus_token_card_info_area table th{ text-align:left; }

#cartFlow .point_info{margin-bottom: 20px;}

#cartFlow .teiki ul{margin: 5px 10px;}
#cartFlow .teiki ul:after {content: ""; clear: both; display: block;}
#cartFlow .teiki ul li{float: left; font-size: 13px; margin-right: 1em;}

#cartFlow table{ width:100%; margin:0; }
#cartFlow table.change_data{margin-top: -21px;}
#cartFlow table.member_regist{margin-top: -21px;}
#cartFlow .teiki_item{margin-left: 0;}
#cartFlow table.teiki_table{margin: 10px 0;}
#cartFlow table.teiki_table th{width: 150px; background-color: #fff; text-align: center;}
#cartFlow table.teiki_table td{text-align: right; padding:10px 30px;}
#cartFlow table.teiki_table td.count{text-align: center;}
#cartFlow .teiki_comment,#cartFlow .cancel_comment{margin:0 0 30px;}
#cartFlow .teiki_comment p,#cartFlow .cancel_comment p{margin:5px 0;}
#cartFlow .teiki_comemnt .num,#cartFlow .teiki_item .num{padding-left: 10px;}

#cartFlow .text_box{padding-left: 90px;}
#cartFlow .text_box p{margin: 0 0 10px; font-size: 100%;}
#cartFlow .text_box p.code{font-size: 80%;}
#cartFlow .text_box p.last{margin-bottom: 0px;}

#cartFlow h3 img{ vertical-align:middle; }
#cartFlow h3 .lock{ width:15px; margin:0 0 0 5px; vertical-align:-3px; }
#cartFlow .total{margin: 0px 0 30px; padding: 0px 0 5px; font-weight: bold; text-align: right; border-bottom: #CCC 1px solid; width: 700px;}
#cartFlow .total p{margin: 0px; font-size: 90%;}
#cartFlow .point{ font-weight:bold; }
#cartFlow .attention{ color:var(--error-color); }
#cartFlow .attention_message{ color:var(--error-color); }

#cartFlow .sendCopyButton{ display:flex; margin-bottom:30px; }
#cartFlow .sendCopyButton a{ width:220px; margin:0; }
#cartFlow .sendCopyButton a.mgR{ margin-right:20px; }
#cartFlow .sendCopyButton a.small{ width:100px; }
#cartFlow .sendCopyButton .button{ width:auto; }

#cartFlow .multi_send .buttonarea{ margin: 0px 0 20px; text-align:left; }
#cartFlow .multi_send .buttonarea p{ text-align:left; }
#cartFlow .multi_send .buttonarea a{ width:220px; min-width:auto; }
#cartFlow .multi_send table.delivery{margin-top: -21px;}
#cartFlow .multi_send .sendAddressButton{ display:flex; flex-wrap:wrap; }
#cartFlow .multi_send .sendAddressButton a{ width:200px; font-size:14px; }
#cartFlow .multi_send .sendAddressButton a.mgR{ margin-right:10px; }

#cartFlow .noshi_setting{ display:inline-block; margin:5px 0 0; padding: 6px 6px;background:#d2d2d2; font-size:12px; font-weight:bold; line-height:1; }
#cartFlow .gift_title{display: inline-block; width: 130px;}
#cartFlow .gift div.amount{ display:block; margin:0 0 10px; }
#cartFlow .gift div.amount select{ margin:0 0 10px; }
#cartFlow .message_card{display: inline-block; vertical-align: top;}
#cartFlow .loop_item{border-bottom: 1px #ccc solid;}
#cartFlow .gift a.button{margin-right: 10px;}
#cartFlow .gift .noshi{margin: 10px 0;}
#cartFlow .gift .noshi + .gift_box{border-top: 1px #ccc solid; margin:10px 0 10px; padding-left:15px;}
#cartFlow .gift .message + .gift_box{ margin:10px 0 10px; border-top: 1px #ccc solid; }
#cartFlow .gift_box:not(:first-child){border-top: 1px solid #ccc; margin:0 0 10px 15px; padding-top: 10px;}
#cartFlow .gift_box:first-child{padding-left:15px;}
#cartFlow .gift_box:last-child{margin-bottom:0;}
#cartFlow .gift_item{font-weight: bold;}
#cartFlow .gift_box .img_box{width: 40px; height: 40px; display:inline-block; vertical-align: middle; margin:5px 5px; text-align: center; position: relative;}
#cartFlow .gift_box .img_box img{width: auto; max-width: 40px; max-height: 40px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
	
#cartFlow .cardnumber_td input{ width:90px; margin:0 5px 0 0; }

#cartFlow #reCAPTCHA{margin: 20px auto 40px auto;}
#cartFlow #reCAPTCHA iframe{width: 158px; height: 138px;}
#cartFlow #reCAPTCHA .g-recaptcha{display: block; -webkit-transform: scale(1.19); -ms-transform: scale(1.19); transform: scale(1.19); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;}

#cartFlow .cartitem{ margin-top:20px; padding:40px 30px; border:var(--line-color) 1px solid; }
#cartFlow .cartitem h3{ margin: 0 0 20px; padding: 0px; border: none; background: none; font-size:14px; }
#cartFlow .cartitem li{ margin-bottom:15px; padding-bottom:15px; border-bottom:#e9e9e9 1px solid; overflow:hidden; }
#cartFlow .cartitem li:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:none; }
#cartFlow .cartitem .img_box{ width:84px; float: left; margin-right: 5px; text-align: center; position: relative;}
#cartFlow .cartitem .img_box img{ width:100%; }
#cartFlow .cartitem .text_box{ padding:0 0 0 100px; font-size:14px; }
#cartFlow .cartitem .text_box p{ margin:0; }
#cartFlow .cartitem p.price{ font-weight:normal; }
#cartFlow .cartitem p.amount{}

#cartFlow .cartresult table{width: 920px; margin: 0 auto 20px;}
#cartFlow .cartresult .total{width: 920px; margin: 0 10px 30px;}

#cartFlow .cartconfirm table{width: 920px; margin: 0 auto 20px;}
#cartFlow .cartconfirm .total{width: 920px; margin: 0 10px 30px;}
#cartFlow .error{clear: both; margin: 5px 10px; color: #C00; font-weight: bold; text-align: center; font-size: 80%;}

#cartFlow .card-supplement{ color:#368bc6; font-weight:bold;}*/

/* cartNoshiInput - のし入力画面
-------------------------------------------------------------*/
#cartFlow #noshiInput h3{background: #F6F6F6; padding: 10px 0; margin-bottom: 30px;}
#cartFlow #noshiInput h3 span{border-left: 5px solid #000; padding: 5px; margin-left: 10px;}
#cartFlow #noshiInput select{width:300px;}
#cartFlow #noshiInput td input{width:300px;}
#cartFlow #noshiInput div.noshi_img_area{box-shadow: 0 0 0 9px #FFF, 0 0 0 10px #ccc; -moz-box-shadow:0 0 0 9px #FFF, 0 0 0 10px #ccc;-webkit-box-shadow:0 0 0 9px #FFF, 0 0 0 10px #ccc;}
#cartFlow #noshiInput div.noshi_img>div{display: inline-block; width: 240px; border: 1px #ccc solid;}
#cartFlow #noshiInput div.noshi_img div>div{margin-left: 10px;}
#cartFlow #noshiInput div.noshi_img label{font-size: 90%;}
#cartFlow #noshiInput div.img_box img{max-width: 220px; max-height: 220px; border:1px #ccc solid;}
#cartFlow #noshiInput div.img_box{width: 220px; height: 220px; margin: 10px;}
#cartFlow #noshiInput div.noshi_img>div:not(:first-child){margin-left: 10px;}

#cartFlow #messageCartInput h3{background: #F6F6F6; padding: 10px 0;}
#cartFlow #messageCartInput h3 span{border-left: 5px solid #000; padding: 5px; margin-left: 10px;}
#cartFlow #messageCartInput .box{width: 375px; height:300px; float: left; margin: 15px 0 55px;}
#cartFlow #messageCartInput .message.box{padding: 50px 0 0 5px;}
#cartFlow #messageCartInput .message.box p{margin-bottom: 10px;}
#cartFlow #messageCartInput .message input{width:80%;}
#cartFlow #messageCartInput .box select{width: 90%;}
#cartFlow #messageCartInput .box::after{content: "";clear: both;display: block;}
#cartFlow #messageCartInput div.img_box{width: 100%; height: 230px; margin: 25px 0; border:1px #ccc solid;}
#cartFlow #messageCartInput div.img_box img{max-width: 375px; max-height: 230px;}

/* estiamteOrderInput -　見積詳細・注文情報入力
-------------------------------------------------------------*/
#cartFlow #estiamteOrderInput .content h3:first-child{margin-top:0;}
#cartFlow #estiamteOrderInput .estimate.button{margin:10px 0}
#cartFlow #estiamteOrderInput .content .img_box{width: 80px; height: 80px; float: left;}
#cartFlow #estiamteOrderInput .content .img_box img{max-width: 80px; max-height: 80px;}

/* クーポンラジオボタン制御に仕様 */
.couponHide,
ul.formList.couponHide,
ul.formList > li.couponHide{ display:none; }


/* pcidss
-------------------------------------------------------------*/
.SAVED_CARD_RECORD{display: flex; align-items: center;}
.SAVED_CARD_RECORD .credit_txt{color: #A2A2A2; padding: 0 16px; display: flex; align-items: center;}
.SAVED_CARD_RECORD,.pcidssv4 .credit_area{border-top: var(--line-color) 1px solid; padding: 16px 16px 16px 0;}
.SAVED_CARD_RECORD label{display: flex; align-items: center; flex-wrap: wrap; padding-left: 16px;}
.SAVED_CARD_RECORD input[type="radio"]{flex-shrink: 0;}
.SAVED_CARD_RECORD .expiration_date{padding-left: 16px;}
.pcidssv4 .credit_area{border-bottom: var(--line-color) 1px solid; display: flex; align-items: center;}
.SAVED_CARD_RECORD .card_num,.SAVED_CARD_RECORD .expiration_date{display: flex;white-space: pre;}
.pcidssv4 .credit_area label{padding-left: 32px;}

/* cartResult - カート完了画面
-------------------------------------------------------------*/
#cartResultBg{ background:var(--fifth-color); }

#cartResult #error table{ margin:0 auto; }

#cartResult .cartResultCon .lead{ margin:20px 0 20px; font-size:24px; }
#cartResult .cartResultCon .txt{ line-height:2; }
#cartResult .number{ margin:24px 0px; padding:40px 0; text-align:center; background:var(--gray-color); border-radius:16px;line-height:1.7; }
#cartResult .number strong{ font-size:18px; font-weight:700;  }
#cartResult .resultImg{ max-width:400px; margin:40px auto; }
#cartResult .inputNav{ margin-bottom:60px; }
#cartResult .box{ text-align:center; }
#cartResult .imgBtn input{ padding:0; border:none; border-radius:0; }

/* cartRecommend - カートおすすめ
-------------------------------------------------------------*/
#cartRecommend{margin-top: 20px; width: 210px; padding: 10px; border: #CCC 1px solid; }
#cartRecommend .box{margin: 0px 0 40px; border: 0px;}
#cartRecommend .box:after {content: ""; clear: both; display: block;}/* clearfix */
#cartRecommend .text{margin-left: 70px; min-height: 60px;}
#cartRecommend h3{margin-bottom: 10px; height: auto; background: none; padding: 0px; border-bottom: none;}
#cartRecommend h3 a{float: right;}
#cartRecommend h4{display: block; margin: 0px 0px 10px; background: none; padding: 0px; font-size: 70%; border-bottom: none;}
#cartRecommend .appeal{display: block; margin: 0; color: #F60; font-size: 70%;}
#cartRecommend .price{display: block; margin: 0; color: #C00;}
#cartRecommend .price .teika{font-weight: bold; font-size: 100%;}
#cartRecommend .price .other{font-size: 90%;}
#cartRecommend .explanation1{display: block; margin: 5px 0px 0 0; padding: 10px 0; border-top: #CCC 1px solid; font-size: 80%; line-height: 120%;}
#cartRecommend .buttonarea{display: block; margin: 0px; padding-top: 10px; text-align: left;}
#cartRecommend .buttonarea .button{display: block; margin: 0 0 10px;}
#cartRecommend .property{ margin: 0 0 10px; color: #AAA; font-size: 75%;}

#cartRecommend .img_box{width: 60px; height: 60px; text-align: center; position: relative; float: left;}
#cartRecommend .img_box img{width: auto; max-width: 60px; max-height: 60px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}


/* クロネコ代金後払いスマホタイプ
-------------------------------------------------------------*/
#cartFlow .yamato_atobarai_auth_code{text-align: center;}
#cartFlow .yamato_atobarai_auth_code input[type="text"]{width: 50px; height: 50px; font-size: 18px; text-align: center;}
#cartFlow .yamato_atobarai_auth_code input[type="text"] + input[type="text"]{margin-left: 10px;}


/* presentFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#presentFlow #cartLogin table{width: 446px !important;}


/* =================================================================
9.定期購入商品履歴照会・変更
使用ファイル：teiki_index.xhtml, teiki_detail.xhtml
　　　　　　　teiki_renew.xhtml, teiki_renew_confirm.xhtml
=================================================================*/
/* teikiIndex - 定期購入商品一覧
-------------------------------------------------------------*/
#teikiIndex .headDetail{padding-left: 15px; background: url("../images/marker_on.gif") 0 5px no-repeat;}
#teikiIndex .head_renew .button{display: inline-block; width: auto; margin-bottom: 10px;}
#teikiIndex .price{color: #C00; text-align: right;}
#teikiIndex table{width: 728px; margin: 10px 0px 30px;}
#teikiIndex table:last-child{margin-bottom: 0px;}
#teikiIndex th{padding: 5px 10px;}
#teikiIndex .box td{text-align: center;}
#teikiIndex td.month{background: #F9F9F9; font-weight: bold; color: #960;}
#teikiIndex .status {float: right; margin-right: 20px;}
#teikiIndex .cancel_oder{ margin:-30px 0 10px; text-align:right; }
#teikiIndex .cancel_oder input{ padding:10px 20px; font-size:12px; }
#teikiIndex .box{ margin:20px 0 0; }

#teikiIndex .box .head_renew{position:relative;}
#teikiIndex .telBox{ visibility:hidden; opacity:0; transition:all 0.3s; }
#teikiIndex .telBox .telBox  p{ margin:0px; }
#teikiIndex .telBox{ width:230px; padding:11px 0 0; position:absolute; z-index:2; left:200px; }
#teikiIndex .telBox::before{ width:0; height:0; content:""; margin:0 auto; border-style:solid; border-top:0; border-right:8px solid transparent; border-left:8px solid transparent; border-bottom:11px solid var(--main-color); position:absolute; left:0; right:0; top:0; }
#teikiIndex .telBox .title{ padding:8px; background:var(--main-color); border-radius:10px 10px 0 0; font-weight:700; color:#fff; line-height:1; margin:0px; }
#teikiIndex .telBox .telInfo{ padding:8px 10px 12px; background:var(--fifth-color); border-radius:0 0 10px 10px; }
#teikiIndex .telBox .telInfo .tel{ text-align:center; background:#fff; border-radius:5px; }
#teikiIndex .telBox .telInfo .tel a{ display:block; padding:8px 8px 8px 44px; background:url("../images/ico_tel2.svg") no-repeat 8px center / 32px auto; font-size:20px; font-weight:700; line-height:1; letter-spacing:0.4px; }
#teikiIndex .telBox .telInfo .time{ margin:6px 0 0; font-size:12px; font-weight:700; }
#teikiIndex .telBox .telInfo .holiday{ margin:6px 0 0; font-size:10px; font-weight:500; }
#teikiIndex .telBox .telInfo .link{ margin:10px 0 0; text-align:right; }
#teikiIndex .telBox .telInfo .link a{ display:inline-block; padding:4px 28px 4px 8px; background:url("../images/arrow_blue_right.svg") no-repeat right 8px center / 16px auto #fff; border-radius:6px; font-size:12px; font-weight:500; }
#teikiIndex .telBox.open{ opacity:1; visibility:visible; }

/*----- PCのみ -----*/
@media screen and (min-width:461px){
    #teikiIndex .telBox{ left:200px; }
}

/*----- スマホのみ -----*/
@media screen and (max-width:460px){
    #teikiIndex .telBox{ left:auto; }
}


/* teikiDetail - 定期購入商品照会・変更・確認画面
-------------------------------------------------------------*/
#teikiDetail h4{ margin:30px 0px 20px; font-size:14px; font-weight:bold; }
#teikiDetail h5{margin: 20px 0px 0; font-size:14px; }
#teikiDetail .headDetail{margin-right: 20px; padding-left: 5px; border-left: 12px groove #333; }

/* =================================================================
10.フッタ
使用ファイル：common/footer.xhtml
=================================================================*/

/* backtotop */
#pageTop{ position:fixed; bottom:24px; right:24px; display:block; z-index:5; }
#pageTop a{ width:68px; height:101px; display:block; text-indent:-9999px; background:url("../images/pagetop.png") no-repeat 0 0 / 100% auto; }

#pageTop{ opacity:0; visibility:hidden; transition:all 0.3s; }
#pageTop.show{ opacity:1; visibility:visible; }

#pTop{ height:0; position:absolute; top:0; left:0; }

/* cmContact
-------------------------------------------------------------*/
.cmContact{ padding:80px 0; background:var(--fifth-color); }
.cmContact ul{ display:flex; flex-wrap:wrap; gap:0 16px; }
.cmContact ul li{ flex:1; }
.cmContact ul li a{ min-width:100%; padding:33px 78px 33px 48px; }

/* cmContact2
-------------------------------------------------------------*/
.cmContact2{ margin:104px 0 0; }
.cmContact2.reform{ margin:104px 0; }
.cmContact2 .box{ padding:42px 20px 36px; background:var(--fifth-color); border-radius:16px; overflow:hidden; position:relative; }
.cmContact2 .box::before{ width:100%; height:8px; content:""; background:var(--main-color); position:absolute; top:0; left:0; }
.cmContact2 .lead{ text-align:center; font-size:24px; font-weight:700; line-height:1.4; }

/* cmContact3
-------------------------------------------------------------*/
.cmContact3{ margin:104px 0; padding:410px 0 0; position:relative; }
.cmContact3::before{ width:100%; height:527px; content:""; background:url(../images/reform/img_contact.jpg) no-repeat center center / cover; position:absolute; top:0; left:0; }
.cmContact3 .box{ max-width:1080px; margin:0 auto; padding:42px 20px 36px; background:var(--fifth-color); border-radius:16px; overflow:hidden; position:relative; z-index:1; /*position:absolute; left:0; right:0; bottom:-320px;*/ }
.cmContact3 .box::before{ width:100%; height:8px; content:""; background:var(--main-color); position:absolute; top:0; left:0; }
.cmContact3 .lead{ text-align:center; font-size:24px; font-weight:700; line-height:1.4; }
/*.cmContact3 ul{ display:flex; justify-content:center; gap:24px; margin:30px 0 0; }
.cmContact3 ul li{ width:400px; max-width:100%; }
.cmContact3 ul li a.estimate span{ padding:0 30px; background:url("../images/ico_estimate.svg") no-repeat 0 center / 20px auto #fff; }
.cmContact3 ul li a.doc span{ padding:0 30px 0 40px; background:url("../images/ico_doc.svg") no-repeat 0 center / 28px auto #fff; }*/

/* pcTelArea
-------------------------------------------------------------*/
.pcTelArea{ max-width:500px; margin:24px auto 0; padding:16px; text-align:center; background:#fff; border-radius:12px; }
.pcTelArea .tit{ font-size:20px; font-weight:700; }
.pcTelArea .tel{ font-size:36px; font-weight:700; }
.pcTelArea .tel a,
.pcTelArea .tel span{ padding:0 0 0 58px; background:url("../images/ico_tel2.svg") no-repeat 0 15px / 45px auto; }
.pcTelArea .oh{ margin:6px 0 0; font-size:16px; font-weight:700; }
.pcTelArea .dayoff{ margin:2px 0 0; font-size:12px; color:#6F6F6F; }

/* cmContactList
-------------------------------------------------------------*/
ul.cmContactList{ display:flex; align-items:center; justify-content:center; gap:24px; margin:30px 0 0; }
ul.cmContactList li{ width:400px; max-width:100%; }
ul.cmContactList li a{ padding-left:32px; }
ul.cmContactList li a span{ display:inline-block; line-height:1.2; }
/*ul.cmContactList li a.estimate span{ padding:0 30px; background:url("../images/ico_estimate.svg") no-repeat 0 center / 20px auto #fff; }
ul.cmContactList li a.doc span{ padding:5px 30px 5px 40px; background:url("../images/ico_doc.svg") no-repeat 0 center / 30px auto #fff; }
ul.cmContactList li a.web span{ padding:5px 30px 5px 40px; background:url("../images/ico_pc.svg") no-repeat 0 center / 30px auto #fff; }
ul.cmContactList li a.tel span{ padding:5px 30px 5px 40px; background:url("../images/ico_tel_blue.svg") no-repeat 0 center / 28px auto #fff; }*/


/* aboutClub
-------------------------------------------------------------*/
.aboutClub{ padding:104px 0 0; text-align:center; }
.aboutClub .tit{ font-size:24px; font-weight:700; line-height:1.3; }
.aboutClub a{ max-width:606px; display:inline-block; margin:15px auto 0; border-radius:10px; overflow:hidden; }

/* clubFaq
-------------------------------------------------------------*/
.clubFaq{ padding:367px 30px 64px; background:url("../images/footer_img_city.png") no-repeat center 0 / 1920px auto var(--second-color); }
.clubFaq .inner{ max-width:1920px; }
.clubFaq ul{ max-width:1080px; display:flex; flex-wrap:wrap; gap:0 24px; margin:0 auto; }
.clubFaq ul li{ flex:1; }
.clubFaq ul li a{ display:flex; padding:32px 84px 32px 34px; background:url("../images/arrow_blue_right2.svg") no-repeat right 24px center / 24px auto #fff; border-radius:20px; }
.clubFaq ul li a figure{ width:100px; }
.clubFaq ul li a .txtArea{ width:calc(100% - 100px); }
.clubFaq ul li a .txtArea .tit{ font-size:22px; font-weight:700; }
.clubFaq ul li a .txtArea .txt{ margin:16px 0 0; line-height:24px; letter-spacing:1px; }

/* footer - フッター
-------------------------------------------------------------*/
#footer{ padding:72px 0 22px; background:var(--fifth-color); }
#footer.simpleFooter{ margin:104px 0 0; padding:22px 0; }
#footer .inner{ display:flex; flex-wrap:wrap; }
#footer .logo{ width:160px; }
#footer nav{ width:calc(100% - 160px); padding:0 0 0 61px; box-sizing:border-box; }
#footer nav ul{ display:flex; flex-wrap:wrap; }
#footer nav ul.catList{ gap:0 48px; }
#footer nav ul.catList li a{ font-size:16px; font-weight:700; line-height:1.6; }
#footer nav ul.infoList{ margin:30px 0 62px; gap:8px 32px; }
#footer nav ul.infoList li a{ font-weight:500; line-height:1.6; color:#4D4D4D; }
#footer .copy{ width:100%; text-align:center; font-size:12px; line-height:1.4; color:#4D4D4D; }

/* =================================================================
11.商品詳細・一覧、プレゼント詳細・一覧、トピックス詳細・一覧
使用ファイル：item_list$detail.xhtml, item_list$image.xhtml
　　　　　　　item_list$simple.xhtml, item_detail.xhtml
　　　　　　　present_list.xhtml, present_detail.xhtml
		　　topics_list.xhtml,topics_detail.xhtml
　　　　　　　item_list_awoo.xhtml,
=================================================================*/
/* 詳細検索
-------------------------------------------------------------*/
.shiborikomiBox dl{ margin:50px auto; }
.shiborikomiBox dl dt{ margin:0 0 16px; font-size:20px; font-weight:600; }
.shiborikomiBox dl dd{ margin:0 0 40px; }
.shiborikomiBox dl dd.skCate > div{ margin:0 0 15px; }
.shiborikomiBox dl dd.skCate > div:last-child{ margin-bottom:0; }
.shiborikomiBox dl dd.skPrice{ display:flex; align-items:center; }
.shiborikomiBox dl dd.skPrice input{ max-width:135px; }
.shiborikomiBox dl dd.skPrice span{ margin:0 8px; white-space:nowrap; }
.shiborikomiBox .buttonarea a,
.shiborikomiBox .buttonarea input{ max-width:400px; padding:28px 0; }

/* itemListCategory - 商品カテゴリ
-------------------------------------------------------------*/
#itemListCategory{ margin:50px 0 0; }
#itemListCategory .boxLine{ padding:0 0 40px; border-bottom:#ECECEC 8px solid; }
#itemListCategory .heading3{ margin:30px 0 0; position:relative; }
#itemListCategory .heading3 span,
#itemListCategory .heading3 span::before{ width:25px; height:2px; content:""; display:block; background:var(--font-color); position:absolute; top:calc(50% - 1px); right:0; }
#itemListCategory .heading3 span::before{ transform:rotate(90deg); }

#itemListCategory .itemListCategoryCon{ height:0; padding:1px 0 0; visibility:hidden; opacity:0; transition:all 0.3s; }
#itemListCategory .itemListCategoryCon.open{ height:auto; padding:20px 0 0; visibility:visible; opacity:1; }
#itemListCategory .heading3.open span::before{ display:none; }

#itemListCategory .subCate ul{ display:flex; flex-wrap:wrap; gap:16px; margin:40px 0 0; padding:20px; background:#EFEFEF; border-radius:16px; position:relative; }
#itemListCategory .subCate ul::before{ content:""; width:0; height:0; margin:0 auto; border-style:solid; border-right:13px solid transparent; border-left:13px solid transparent; border-bottom:21px solid #EFEFEF; border-top:0; position:absolute; left:0; right:0; top:-21px; }
#itemListCategory .subCate ul li a{ font-weight:700; }
#itemListCategory .subCate ul li a.select{ text-decoration:none; color:var(--main-color); }


/* category_html - カテゴリHTML
-------------------------------------------------------------*/
/*#category_html{margin-bottom: 20px;}
#category_html img{display: block; margin-bottom: 10px;}*/

/* awoo AI　商品一覧
-------------------------------------------------------------*/
#awoo-classify{margin-bottom: 20px;}
#awoo-classify .awoo-tag-wrapper{gap: 0;}
#awoo-classify .awoo-tag-wrapper a{font-size: 12px; color: #000; background: #fff; border: 1px solid #000; padding: 5px 10px; margin: 0 4px 8px;}
#awoo-classify .awoo-tag-wrapper a:hover{color: #3A3A3A; border-color: #3A3A3A; opacity: 0.7;}
#awoo-classify .awoo-tag-wrapper a::before{content: "#";}

/* cateTopKv - カテゴリKV
-------------------------------------------------------------*/
/*#cateListArea .cateSecond{ display:none; }
#cateListArea .cateSecond.on{ display:block; }*/

/* .itemlist - 商品一覧
-------------------------------------------------------------*/
ul.itemlist{ display:flex; flex-wrap:wrap; gap:40px 24px; margin:0 0 80px; }
ul.itemlist > li{ width:calc((100% - 72px) / 4); }
ul.itemlist > li > a,
ul.itemlist > li > .sentence a{ display:block; position:relative; }
ul.itemlist > li .imgArea,
ul.splideItemlist > li .imgArea{ width:100%; aspect-ratio:197 / 165; display:block; text-align:center; border:var(--gray-color) 2px solid; border-radius:20px; overflow:hidden; }
ul.itemlist > li .imgArea img,
ul.splideItemlist > li .imgArea img{ width:100%; height:100%; object-fit:cover; }
ul.itemlist > li .txtArea,
ul.splideItemlist > li .txtArea{ padding:16px 0 0; }
ul.itemlist > li .txtArea .tit,
ul.splideItemlist > li .txtArea .tit{ line-height:1.5; }
ul.itemlist > li .txtArea .price,
ul.splideItemlist > li .txtArea .price{ margin:16px 0 0; font-size:12px; font-weight:500; line-height:1.3; }
ul.itemlist > li .txtArea .price div,
ul.itemlist > li .txtArea .price p,
ul.splideItemlist > li .txtArea .price div,
ul.splideItemlist > li .txtArea .price p{ display:inline;}
ul.itemlist > li .txtArea .price strong,
ul.splideItemlist > li .txtArea .price strong{ margin:0 2px; font-size:16px; font-weight:700; }
ul.itemlist > li .txtArea .price .memberTxt,
ul.itemlist > li .txtArea .price .saleTxt,
ul.splideItemlist > li .txtArea .price .memberTxt,
ul.splideItemlist > li .txtArea .price .saleTxt{ color:var(--red-color); }
ul.itemlist > li .point,
ul.splideItemlist > li .point{ margin:8px 0 0; padding:1px 0 1px 23px; background:url("../images/ico_point.svg") no-repeat 0 center / 20px auto; font-size:12px; font-weight:500; }
ul.itemlist .bmBtnArea{ padding:0; position:relative; }
ul.itemlist .bmBtnArea a{ width:100%; height:auto; margin:16px 0 0; padding:16px 0; font-size:14px; line-height:1; }
ul.itemlist .bmBtnArea .cartBtn{ height:50px; margin:16px 0 0; padding:0 0 0 20px; background-position:21px 8px; font-size:14px; }
#wishList ul.itemlist .bmBtnArea .cartMessage{ width:192px; padding:24px 8px; border-radius:16px; top:60px; left:0; }
#wishList ul.itemlist .bmBtnArea .cartMessage .link a{ margin:16px 0 0 ; padding:0; }
#wishList ul.itemlist .bmBtnArea .cartMessage .close{ top:8px; right:8px; }
ul.itemlist .bmBtnArea .property{ margin:8px 0 0; font-size:12px; }
ul.itemlist .existItem{ position:relative; }
/*ul.itemlist .closeBtn{ position:static; }
ul.itemlist .closeBtn a{  }*/
ul.itemlist > li ul.tagList2,
ul.splideItemlist > li ul.tagList2{ margin:0 0 16px; }

ul.itemlist.three > li{ width:calc((100% - 48px) / 3); }
ul.itemlist.four > li{ width:calc((100% - 72px) / 4); }

ul.rankinglist{ counter-reset:hoge; }
ul.rankinglist li .rankNum{ width:25px; height:25px; margin:0 0 8px; padding:3px 0 0; text-align:center; /*background:var(--gray-color);*/ background:#fff; border-radius:50%; box-sizing:border-box; font-size:12px; font-weight:500; }
ul.rankinglist li:nth-child(n+4) .rankNum{ border:#ECECEC 1px solid; }
/*.grayBg ul.rankinglist li .rankNum{ background:#fff; border:#ECECEC 1px solid; }*/
ul.rankinglist li .rankNum.no1,
ul.rankinglist li .rankNum.no2,
ul.rankinglist li .rankNum.no3{ width:34px; height:27px; padding:9px 0 0; text-indent:-9999px; background:url("../images/ico_rank_no1.svg") no-repeat 0 0 / 100% auto !important; border-radius:0; }
ul.rankinglist li .rankNum.no2{ background-image:url("../images/ico_rank_no2.svg") !important; }
ul.rankinglist li .rankNum.no3{ background-image:url("../images/ico_rank_no3.svg") !important; }

/*ul.rankinglist li::before{ width:25px; height:25px; counter-increment:hoge; content:counter(hoge); display:block; margin:0 0 8px; padding:3px 0 0; text-align:center; background:var(--gray-color); border-radius:50%; box-sizing:border-box; font-size:12px; font-weight:500; }
ul.rankinglist li:nth-child(1)::before,
ul.rankinglist li:nth-child(2)::before,
ul.rankinglist li:nth-child(3)::before{ width:34px; height:27px; padding:9px 0 0; text-indent:-9999px; background:url("../images/ico_rank_no1.svg") no-repeat 0 0 / 100% auto; border-radius:0; }
ul.rankinglist li:nth-child(2)::before{ background-image:url("../images/ico_rank_no2.svg"); }
ul.rankinglist li:nth-child(3)::before{ background-image:url("../images/ico_rank_no3.svg"); }*/

ul.splideB li{ width:calc((100% - 96px) / 5); }

/* itemlist2
-------------------------------------------------------------*/
ul.itemlist2{ display:flex; flex-wrap:wrap; gap:24px; }
ul.itemlist2 > li{ width:calc((100% - 24px) / 2); display:flex; align-items:flex-start; gap:8px; }
ul.itemlist2 > li .imgBd{ width:86px; }
ul.itemlist2 > li .txtArea{ width:calc(100% - 86px); }
ul.itemlist2 > li .tit{ font-size:16px; }
ul.itemlist2 > li .price{ margin:10px 0 0; font-size:12px; font-weight:700; }
ul.itemlist2 > li .price div,
ul.itemlist2 > li .price p{ display:inline; }
ul.itemlist2 > li .price strong{ font-size:14px; font-weight:700; }
ul.itemlist2 > li ul{ width:100%; display:flex; gap:8px; margin:10px 0 0; }
ul.itemlist2 > li ul li{ width:calc((100% - 8px) / 2) }
ul.itemlist2 > li ul li a,
ul.itemlist2 > li ul li button{ padding:8px 0; font-size:12px; line-height:1; }

/* .couponlist
-------------------------------------------------------------*/
ul.couponlist{ display:flex; flex-wrap:wrap; gap:24px; }
ul.couponlist > li{ width:calc((100% - 72px) / 4); }
ul.couponlist > li .imgArea,
ul.splideCouponlist > li .imgArea{ width:100%; aspect-ratio:1 / 1; display:block; text-align:center; border:var(--gray-color) 2px solid; border:var(--gray-color) 2px solid; border-radius:20px; overflow:hidden; }
ul.couponlist > li .imgArea img,
ul.splideCouponlist > li .imgArea img{ width:100%; height:100%; object-fit:cover; }
ul.couponlist > li .tit,
ul.splideCouponlist > li .tit{ margin:16px 0 0; font-size:16px; font-weight:500; line-height:1.5; }

ul.couponlist.three > li{ width:calc((100% - 48px) / 3); }

/* cartSubmitButton - カートボタン
-------------------------------------------------------------*/
/* --- メッセージボックス共通 ---*/
.cartMessage{ width:200px; display:none; padding:20px 10px 15px; background-color:#fff; box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1); border-radius:10px; position:absolute; top:-95px; left:calc(50% - 100px); z-index:10; }
.cartMessage:after{ width:6px; height:5px; content:""; display:block; margin-left:-3px; position:absolute; top:100%; left:50%; }
.cartMessage .title{ text-align:center; font-size:12px; }
.cartMessage .mainclose{ background-color:#fff; cursor:pointer; text-align:center; margin-bottom:0; }
.cartMessage .link{ background-color:#fff; text-align:center; }
.cartMessage .link a{ height:auto; display:inline-block; padding:5px 0 0; text-decoration:underline; background:none; color:var(--font-color); }
.cartMessage .link2{ margin:8px 0 0; text-align:center; line-height:1; }
.cartMessage .link2 span{ height:auto; display:inline-block; text-decoration:underline; background:none; color:var(--font-color); cursor:pointer; }

.cartMessage .close{ position:absolute; top:2px; right:15px; cursor:pointer; }

/*#wishList ul.itemlist > li{ padding:0 0 70px; }*/
#wishList ul.itemlist > li .comment{ margin:16px 0 0; font-size:13px; }
#wishList ul.itemlist > li .comment p{ margin:0 0 8px; }
#wishList ul.itemlist > li .nosaleItem{ width:100%; height:100%; min-height:200px; display:flex; align-items:center; justify-content:center; text-align:center; background:#f5f5f5; box-sizing:border-box; position:relative; }
#wishList ul.itemlist > li .nosaleItem p.txt{ margin:0 auto; }
#wishList ul.itemlist > li .closeBtn{ margin:16px 0 0; }
#wishList ul.itemlist > li .closeBtn a{ width:100%; display:block; text-align:center; padding:16px 0; background:var(--gray-color); border-radius:50px; }
#wishList ul.itemlist > li .nosaleItem .closeBtn a{ background:#fff; }
#wishList .buttonarea_submit{ margin:16px 0; }
/*#wishList ul.itemlist > li .cartBtn,
#wishList ul.itemlist > li .itemBtn{ width:100%; position:absolute; left:0; bottom:0; }
#wishList ul.itemlist > li .cartBtn a,
#wishList ul.itemlist > li .itemBtn a{ display:block; padding:15px 20px; text-align:center; background:#e77c00; border:#e77c00 1px solid; box-sizing:border-box; border-radius:50px; font-size:14px; font-weight:700; color:#ffffff; line-height:1.2; }
#wishList ul.itemlist > li .itemBtn a{ background:#ffffff; border-color:#cbcbcb; color:#333333; }*/

/* narrowListCategory - 絞り込みカテゴリ
-------------------------------------------------------------*/
/*#narrowListCategory:after {content: ""; clear: both; display: block;}/* clearfix
#narrowListCategory h3{display: block; padding: 3px 10px; font-size: 80%; border: 1px solid #ccc; z-index: 99; position: relative; cursor: default;}
#narrowListCategory .inner{padding-bottom: 20px;}
#narrowListCategory .inner:after {content: ""; clear: both; display: block;}
#narrowListCategory #narrowDownCategoryMultiple{float: left; width: 180px; height: 27px; margin-right: 5px;}
#narrowListCategory #narrowDownCategoryMultiple:after {content: ""; clear: both; display: block;}
#narrowListCategory h3:hover + ul{display: block; z-index: 100; position: relative; border: 1px solid #ccc; border-top: none; margin-top: -1px;}

#narrowListCategory .box {display: none; background: #FFF; padding: 5px;}
#narrowListCategory .box:hover{display: block; z-index: 100; position: relative; border: 1px solid #ccc; border-top: none; margin-top: -1px;}
#narrowListCategory .box.hover{display: block; z-index: 100; position: relative; border: 1px solid #ccc; border-top: none; margin-top: -1px;}
#narrowListCategory .box li{font-size: 80%; display: block; margin-bottom: 5px;}
#narrowListCategory .box li:after {content: ""; clear: both; display: block;}
#narrowListCategory .box input{float: left; width: 15px; display: block; margin: 3px 5px 0 3px;}
#narrowListCategory .box label{float: left; width: 145px; display: block;}
*+html #narrowListCategory .box label{margin: 5px 0 0 0px;}

#narrowListCategory .filterArea{clear: both; margin-bottom: 20px;}
#narrowListCategory .filterArea:after {content: ""; clear: both; display: block;}
#narrowListCategory .filterArea li{display: block; font-size: 80%; background: #C00; float: left; color: #FFF; text-decoration: none; padding: 5px; white-space: nowrap; margin-right: 10px; line-height: 130%;}
#narrowListCategory .filterArea li a{margin-left: 10px; color: #FFFFFF; text-decoration: none; font-size: 130%;}
#narrowListCategory .filterArea li a:hover{text-decoration: underline;}
#narrowListCategory .filterArea li.filter_clear {background: none; margin: 0px; text-indent: 0px;}
#narrowListCategory .filterArea li.filter_clear a{ color: #333333; margin: 0px; font-size: 100%;}*/

/* list - 一覧画面共通のメニュー
-------------------------------------------------------------*/
#list{ margin:50px 0 0; }
#list ul.sortBox{ display:flex; align-items:center; justify-content:space-between; margin:0 0 24px; }
#list ul.sortBox li{ display:flex; align-items:center; gap:0 8px; }
#list ul.sortBox li{ white-space:nowrap; }
#list ul.sortBox li select{ padding:14px 40px 14px 24px; background:url("../images/pulldown2.svg") no-repeat right 16px center / 10px auto #fff; }
/*#list{padding-bottom: 20px;}
#list ul{margin-bottom: 20px; background: url("../images/list_bg.gif") bottom repeat-x;}
#list ul:after {content: ""; clear: both; display: block;}
#list li{float: left;}
#list li a{display: block; margin-right: 5px; padding: 5px 10px 5px 25px; border-top: 1px solid #DDD; border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #CCC; font-size: 80%; color: #333;}
#list .detail{background: url("../images/icon_list_detail.png") 7px 7px no-repeat #DDD;}
#list .image{background: url("../images/icon_list_image.png") 7px 7px no-repeat #DDD;}
#list .simple{background: url("../images/icon_list_simple.png") 7px 7px no-repeat #DDD;}
#list .detail.select{border: 1px solid #CCC; border-bottom: 1px solid #FFF; background-color: #FFFFFF; color: #333; text-decoration: none;}
#list .image.select{border: 1px solid #CCC; border-bottom: 1px solid #FFF; background-color: #FFFFFF; color: #333; text-decoration: none;}
#list .simple.select{border: 1px solid #CCC; border-bottom: 1px solid #FFF; background-color: #FFFFFF; color: #333; text-decoration: none;}
#list .pageguide{float: left; width: 570px; font-size: 85%; padding-top: 4px;}
#list .rearrange{float: left; width: 200px; font-size: 85%; text-align: right;}
#list .rearrange select{margin-left: 10px;}
#list .pagelink{clear: both; font-size: 85%; padding: 10px 0;}
#list .nolink{color: #999;}*/

/* itemListDetail - 商品詳細一覧・プレゼント一覧
-------------------------------------------------------------*/
#itemListDetail{margin-bottom: 20px; clear: both;}
#itemListDetail .box{margin-top: 10px; border: #CCC 1px solid; padding-top: 10px;}
#itemListDetail .box:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListDetail .text{margin-left: 140px;}
#itemListDetail .sale_date{margin: 0px 10px 10px 0px;}
#itemListDetail h3{display: block; margin: 0px 10px 10px 0; font-size: 95%;}
#itemListDetail .appeal{display: block; margin: 0; color: #F60; font-size: 70%;}
#itemListDetail .price{display: block; margin: 0 10px 10px 0; color: #C00;}
#itemListDetail .price .teika{font-weight: bold; font-size: 110%;}
#itemListDetail .price .other{font-size: 90%;}
#itemListDetail .explanation1{display: block; margin: 10px 10px 0px 0px; padding: 10px 0; border-top: #CCC 1px solid; font-size: 80%; line-height: 120%;}
#itemListDetail .button_area{margin: 0px 10px 20px 0px; padding-top: 20px; border-top: #CCC 1px solid; text-align: right;}
#itemListDetail .button_area:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListDetail .button_area .button{float: right; width: auto; margin-left: 10px;}
#itemListDetail .property{float: right; margin: 0; color: #AAA; font-size: 75%; padding: 3px;}
#itemListDetail .img_box{width: 120px; height: 120px; margin: 10px; float: left; text-align: center; position: relative;}
#itemListDetail .img_box img{width: auto; max-width: 120px; max-height: 120px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemListDetail .separately_order{margin-left: 0px;}

/* wishlistSubmitButton - ウィッシュリストに入った報告ポップアップ
-------------------------------------------------------------*/
.wishlistSubmitButton{ position:relative; }
.wishlistSubmitButton .wishlistMessage,
.wishlistSubmitButton .wishlistDelMessage{ width:200px; display:none; margin:0 auto; padding:16px 20px 15px; text-align:center; background-color:#fff; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.1); border-radius:10px; font-size:12px; position:absolute; top:70px; right:-75px; z-index:20; }
/*.wishlistSubmitButton .wishlistMessage:after,
.wishlistSubmitButton .wishlistDelMessage:after{content:""; display:block; position:absolute; top:100%; left:50%; margin-left:-3px; width:6px; height:5px; }*/
.wishlistSubmitButton .close{ width:13px; height:13px; position: absolute; top:8px; right:10px; cursor:pointer; font-size:12px; }
.wishlistSubmitButton .close::before{ content:"×"; }
.wishlistSubmitButton .wishlistMessage .title{ margin:0 0 3px !important; float:none; font-size:13px; font-weight:normal; color:#000; }
/*.wishlistSubmitButton .wishlistMessage .mainclose{　display: block; width: 150px; margin: 10px auto; padding: 3px 0; border: 1px solid #333; border-radius: 5px; background: -webkit-gradient(linear,left top,left bottom,from(#999),to(#666));
color: #FFF; font-weight:bold; text-align: center; text-decoration: none; text-shadow: -1px 1px 1px #666; clear: both; float: none;}*/
.wishlistSubmitButton .wishlistMessage .link,
.wishlistSubmitButton .wishlistDelMessage .link{ display:block; margin:5px auto 0 !important; background:#fff; text-decoration:none; }
.wishlistSubmitButton .wishlistMessage .link a,
.wishlistSubmitButton .wishlistDelMessage .link a{ text-decoration:underline; }
/*.wishlistSubmitButton .wishlistDelMessage .title{ margin:0 !important; text-align:center; font-weight:normal; color:#000; float:none;}
.wishlistSubmitButton .wishlistDelMessage .mainclose{display: block; width: 150px; margin: 10px auto; padding: 3px 0; border: 1px solid #333; border-radius: 5px; background: -webkit-gradient(linear,left top,left bottom,from(#999),to(#666));
color: #FFF; font-size: 100%; font-weight: bold; text-align: center; text-decoration: none; text-shadow: -1px 1px 1px #666; clear: both; float: none;}
.wishlistSubmitButton .wishlistDelMessage .link{display: block; width: 150px; margin: 10px auto; padding: 3px 0; border: 1px solid #900; border-radius: 5px; background: -webkit-gradient(linear,left top,left bottom,from(#D55),to(#D22));
color: #FFF; font-size: 100%; font-weight: bold; text-align: center; text-decoration: none; text-shadow: -1px 1px 1px #666; clear: both; float: none;}
.wishlistSubmitButton .wishlistDelMessage .link a{color: #FFF; text-decoration: none;}
.wishlistSubmitButton .buttonarea{padding: 15px; margin: 0 10px; border-top: 1px dotted #999}
.wishlistSubmitButton .buttonarea a{display: block; padding: 7px; margin: 0 auto; text-decoration: none; max-width: 250px; font-size: 16px; line-height: 1.3; color: #000; text-align: center; background-color: #EFEFEF; border: 1px solid #767676; border-radius: 5px;}*/


/* itemListDetail - 商品一覧お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
/*#itemListDetail .wishlistSubmitButton{position: relative;}
#itemListDetail .wishlistSubmitButton .wishlistMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListDetail .wishlistSubmitButton .wishlistMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListDetail .wishlistSubmitButton .wishlistMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListDetail .wishlistSubmitButton .wishlistMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListDetail .wishlistSubmitButton .wishlistMessage .link{background-color: #fff; text-align: center;}
#itemListDetail .wishlistSubmitButton .wishlistMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}
#itemListDetail .wishlistSubmitButton .wishlistDelMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListDetail .wishlistSubmitButton .wishlistDelMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListDetail .wishlistSubmitButton .wishlistDelMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListDetail .wishlistSubmitButton .wishlistDelMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListDetail .wishlistSubmitButton .wishlistDelMessage .link{background-color: #fff; text-align: center;}
#itemListDetail .wishlistSubmitButton .wishlistDelMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}*/

/* itemListDetail - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListDetail .cartSubmitButton{position: relative;}
#itemListDetail .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListDetail .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListDetail .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListDetail .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListDetail .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#itemL#itemListDetailistImage .cartSubmitButton .cartMessage .link a{display: inline-block;}
#itemListDetail .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* itemListSimple - 商品簡易一覧
-------------------------------------------------------------*/
#itemListSimple{margin-bottom: 20px;}
#itemListSimple .box{margin-top: 10px; border: #CCC 1px solid;}
#itemListSimple .box:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListSimple h3{display: block; margin: 10px; font-size: 95%;}
#itemListSimple .appeal{display: block; margin: 0 0 0 10px; color: #F60; font-size: 70%;}
#itemListSimple .price{display: block; margin: 0 0 0 10px; color: #C00;}
#itemListSimple .price .teika{font-weight: bold; font-size: 110%;}
#itemListSimple .price .other{font-size: 90%;}
#itemListSimple .explanation1{display: block; margin: 5px 10px 0; padding: 10px 0; border-top: #CCC 1px solid; font-size: 80%; line-height: 120%;}
#itemListSimple .button_area{margin: 0px 10px 20px; padding-top: 20px; border-top: #CCC 1px solid; text-align: right;}
#itemListSimple .button_area:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListSimple .button_area .button{float: right; width: auto; margin-left: 10px;}
#itemListSimple .button_area .not_click{float: right; width: auto; margin-left: 10px;}
#itemListSimple .property{float: right; margin: 0; color: #AAA; font-size: 75%; padding: 3px;}

/* itemListSimple - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListSimple .cartSubmitButton{position: relative;}
#itemListSimple .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListSimple .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListSimple .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListSimple .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListSimple .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#itemListSimple .cartSubmitButton .cartMessage .link a{display: inline-block;}
#itemListSimple .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}
/* itemListSimple - 商品一覧お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListSimple .wishlistSubmitButton{position: relative;}
#itemListSimple .wishlistSubmitButton .wishlistMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListSimple .wishlistSubmitButton .wishlistMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListSimple .wishlistSubmitButton .wishlistMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListSimple .wishlistSubmitButton .wishlistMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListSimple .wishlistSubmitButton .wishlistMessage .link{background-color: #fff; text-align: center;}
#itemListSimple .wishlistSubmitButton .wishlistMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}
#itemListSimple .wishlistSubmitButton .wishlistDelMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListSimple .wishlistSubmitButton .wishlistDelMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListSimple .wishlistSubmitButton .wishlistDelMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListSimple .wishlistSubmitButton .wishlistDelMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListSimple .wishlistSubmitButton .wishlistDelMessage .link{background-color: #fff; text-align: center;}
#itemListSimple .wishlistSubmitButton .wishlistDelMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* itemListImage - 商品画像一覧
-------------------------------------------------------------*/
#itemListImage{margin-bottom: 20px;}
#itemListImage:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListImage .box{float: left; margin: 0px 10px 10px 0; width: 250px; border: #d4d4d4 1px solid;}
#itemListImage .text{float: left; width: 98px; margin-right: 10px;}
#itemListImage h3{display: block; margin: 5px 10px 0 0; font-size: 14px; line-height: 150%;}
#itemListImage .icon{display: block; margin: 10px 7px 0 0; line-height: 120%;}
#itemListImage .button_area{display: block; clear: both; margin: 5px 10px; line-height: 100%;}
#itemListImage .button{margin-bottom: 10px;}
#itemListImage .property{margin: 0; color: #AAA; font-size: 70%; margin-bottom: 10px;}
#itemListImage .img_box{width: 120px; height: 120px; margin: 10px; float: left; text-align: center; position: relative;}
#itemListImage .img_box img{width: auto; max-width: 120px; max-height: 120px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemListImage .separately_order{font-size: 70%;}

/* itemListImage - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListImage .cartSubmitButton{position: relative;}
#itemListImage .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListImage .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListImage .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListImage .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListImage .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#itemListImage .cartSubmitButton .cartMessage .link a{display: inline-block;}
#itemListImage .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}
/* itemListImage - 商品一覧お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListImage .wishlistSubmitButton{position: relative;}
#itemListImage .wishlistSubmitButton .wishlistMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListImage .wishlistSubmitButton .wishlistMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListImage .wishlistSubmitButton .wishlistMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListImage .wishlistSubmitButton .wishlistMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListImage .wishlistSubmitButton .wishlistMessage .link{background-color: #fff; text-align: center;}
#itemListImage .wishlistSubmitButton .wishlistMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage .link{background-color: #fff; text-align: center;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* awoo AI item_list_awoo.xhtml
-------------------------------------------------------------*/
#awoo-category-page .suggestion-tag-wrapper{background: transparent; padding: 0 0 16px;}
#awoo-category-page .suggestion-tag-wrapper .page-tag-container,
#awoo-category-page .suggestion-tag-wrapper .suggestion-tag-list-container{gap: 0;}
#awoo-category-page .suggestion-tag-wrapper .suggestion-tag-title{font-weight: bold; margin: 0; padding: 20px 0 5px;}
#awoo-category-page .suggestion-tag-wrapper a{font-size: 12px; color: #000; background: #fff; border: 1px solid #000; padding: 5px 10px; margin: 0 4px 8px;}
#awoo-category-page .suggestion-tag-wrapper a:hover{color: #3A3A3A; border-color: #3A3A3A; opacity: 0.7;}
#awoo-category-page .suggestion-tag-wrapper a::before{content: "#";}
#awoo-category-page .category-page-h1{text-align: left; font-size: 24px;}
#awoo-category-page .controll-wrapper{margin:20px 0; gap:0;}
#awoo-category-page .controll-wrapper .right-block{align-items: center; flex-direction: inherit; width: 100%;}
#awoo-category-page .controll-wrapper .selector-group{width: 35%;}
#awoo-category-page .controll-wrapper .two-controll{margin-top: 0; width: 65%;}
#awoo-category-page .controll-wrapper .two-controll .selector-group{width: 50%;}
#awoo-category-page .controll-wrapper .two-controll .display-mode-wrapper{order: 2; margin-left: auto;}
#awoo-category-page .products-wrapper{padding: 0;}
#awoo-category-page .products-wrapper .product-block{width:182px; box-shadow: none; border-radius: 0; border: 1px solid #D4D4D4;margin: 0 10px 10px 0;font-size: 90%;}
#awoo-category-page .products-wrapper .product-block:nth-child(4n){margin-right: 0;}
#awoo-category-page .products-wrapper .product-block .product-detail-wrapper{padding: 10px 0;}
#awoo-category-page .products-wrapper .product-block .product__name{font-weight: bold; text-decoration: underline;line-height: 16px;}
#awoo-category-page .products-wrapper .product-block .lazyload-wrapper{height: 150px;}
#awoo-category-page .products-wrapper .product-block .product__price{margin-top: 0;}
#awoo-category-page .products-wrapper .product-block .product__price div {color: #333;}
#awoo-category-page .products-wrapper .product-block .product__price .sale-price{color: #C00;}
#awoo-category-page .products-wrapper.list .product-block{width: 100%;}
#awoo-category-page .products-wrapper.list .product-block .product-detail-wrapper{justify-content: center;}
#awoo-category-page .products-wrapper.list .product-block .product__name{margin-bottom: 10px;}
#awoo-category-page .products-wrapper.list .product-block .product-image{width: 120px; height: 120px; margin: 10px;}
#awoo-category-page .products-wrapper.list .product-block .lazyload-wrapper{height: auto;}

/* topicsList - トピックス一覧
-------------------------------------------------------------*/
#topicsList {margin-bottom: 20px;}
#topicsList .box {margin-top: 10px; padding: 10px; border: #CCC 1px solid;}
#topicsList .box:after {content: ""; clear: both; display: block;}/* clearfix */
#topicsList .box h3{font-size: 95%; display: block; margin: 10px 10px 0 0px;}
#topicsList .box p{display: block; width: 728px; margin: 0; padding: 5px 0px; font-size: 90%; font-weight: normal;}
#topicsList .img_box{width: 120px; height: 120px; float: right; margin: 0 0 10px 10px; text-align: center; position: relative;}
#topicsList .img_box img{width: auto; max-width: 120px; max-height: 120px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

/* awoo AI 商品詳細
-------------------------------------------------------------*/
#awoo-product-tags{margin-bottom: 20px;}
#awoo-product-tags .awoo-tag-wrapper{gap: 0;}
#awoo-product-tags .awoo-tag-wrapper a{font-size: 12px; color: #000; background: #fff; border: 1px solid #000; padding: 5px 10px; margin: 0 4px 8px;}
#awoo-product-tags .awoo-tag-wrapper a:hover{color: #3A3A3A; border-color: #3A3A3A; opacity: 0.7;}
#awoo-product-tags .awoo-tag-wrapper a::before{content: "#";}
#awoo-related-products{margin-bottom: 20px;}
#awoo-related-products .related-wrapper .related-product-img{width: 175px; height: 175px;}
#awoo-related-products .related-wrapper .related-title{margin: 5px 0; font-weight: bold;}
#awoo-related-products .related-wrapper .rec-slider-container{margin: 0 0 10px; font-size: 90%;}
#awoo-related-products .related-wrapper .related-product-name{font-weight: bold; text-decoration: underline; color: #333; height: auto; margin-bottom: 10px;}
#awoo-related-products .related-wrapper .product__price div{color: #333;}
#awoo-related-products .related-wrapper .product__price .sale-price{color: #C00;}
.awoo-keywords{margin: 0 0 10px !important; font-weight: bold;}

/* itemDetail - 商品詳細・プレゼント詳細
-------------------------------------------------------------*/
#itemDetail{ margin:40px 0 0; }
#itemDetail .inner{ display:flex; flex-wrap:wrap; gap:0 6%; }
#itemDetail #detailImg{ width:46%; }

/*--- content ---*/
#itemDetail .content{ width:48%; }
#itemDetail .content ul.tagList2{ padding:15px 60px 15px 0; }
#itemDetail .content .itemName{ margin:24px 0 0; font-size:26px; font-weight:700; }
#itemDetail .content .priceArea{ margin:14px 0 0; }
#itemDetail .content .priceArea .price{ text-align:right; font-size:16px; font-weight:700; color:var(--red-color); }
#itemDetail .content .priceArea.left .price{ text-align:left; }
#itemDetail .content .priceArea .price div,
#itemDetail .content .priceArea .price p{ display:inline; }
#itemDetail .content .priceArea .price strong{ margin:0 8px 0 0; font-size:40px; font-weight:700; }
#itemDetail .content .volumeTxt{ margin:20px 0 0; }
#itemDetail .content .volumeTxt .tit{ margin:0 0 5px; font-weight:500; }
#itemDetail .content .matomeTxt{ margin:14px 0 0; }
#itemDetail .content .pointArea{ margin:14px 0 0; font-weight:500; }
#itemDetail .content .pointArea p.point{ margin:0; padding:3px 0 1px 25px; background:url("../images/ico_point.svg") no-repeat 0 4px / 20px auto; font-size:14px; font-weight:500; line-height:1.6; }
#itemDetail .content .pointArea p.note{ margin:4px 0 0; font-size:12px; }
#itemDetail .content .pointArea .pointHosokuTxt{ padding:8%; }
#itemDetail .content .priceInfo{ margin:14px 0 0; font-size:12px; line-height:1.5; color:#4D4D4D; }
#itemDetail .content .itemInfo1{ margin:24px 0 0; padding:16px; background:var(--fourth-color); line-height:1.7; }
#itemDetail .content ul.tagList3{ margin:24px 0 0; }
#itemDetail .content .offerTerm{ margin:24px 0 0; font-weight:500; line-height:1.2; }
#itemDetail .content .offerLive{ margin:24px 0 0; padding:22px 20px; background:var(--gray-color); font-weight:500; line-height:1.2; }
#itemDetail .content .offerLive .txt{ line-height:1.6; }
#itemDetail .content .offerLive .txt strong{ margin:0 3px 0 0; font-size:24px; font-weight:700; color:var(--red-color); }
#itemDetail .content .offerLive .txt2{ margin:16px 0 0; font-size:18px; font-weight:700; }
#itemDetail .content .pointArea2{ margin:24px 0 0; padding:20px 20px; background:var(--fifth-color); border-radius:8px; line-height:1.2; }
#itemDetail .content .pointArea2 .tit{ font-weight:700; }
#itemDetail .content .pointArea2 .txt{ margin:8px 0 0; padding:3px 0 1px 25px; background:url("../images/ico_point.svg") no-repeat 0 0 / 20px auto; font-size:12px; font-weight:500; }
#itemDetail .content .itemInfo2{ margin:24px 0 0; font-size:12px; color:#4D4D4D; }
#itemDetail .content .itemInfo3{ margin:24px 0 0; font-size:12px; color:#4D4D4D; }
#itemDetail .content .baikaiBtn{ margin:24px 0 0; }
#itemDetail .content .baikaiBtn a{ max-width:600px; }
#itemDetail .content .buyLogin{ margin:24px 0 0; padding:20px 20px; background:var(--fourth-color); border-radius:8px; }
#itemDetail .content .buyLogin p{ text-align:center; font-weight:700; }
#itemDetail .content .buyLogin ul{ display:flex; gap:16px; margin:24px 0 0; }
#itemDetail .content .buyLogin ul li{ flex:1; }
#itemDetail .content .buyLogin ul li .blueBtn2{ padding:16px 0; }
#itemDetail .cartBtn.cartBtn_comment,
#itemDetail .redBtn.cartBtn_comment{ padding-top:10px; padding-bottom:10px; background-position-x:left calc(50% - 90px); }
#itemDetail .cartBtn.cartBtn_comment span,
#itemDetail .redBtn.cartBtn_comment span{ font-size:12px; }

/*--- cartArea ---*/
#itemDetail #cartArea{ width:100%; margin:40px 0 0; }
#itemDetail #cartArea .numArea{ display:flex; align-items:center; }
#itemDetail #cartArea .numArea .tit{ width:calc(100% - 142px); font-weight:700; }
#itemDetail #cartArea .numArea .selectArea{ width:142px; }
#itemDetail #cartArea .numArea .selectArea select{ font-size:16px; }
#itemDetail #cartArea .property ul li{ margin:24px 0 0; }
#itemDetail #cartArea .property ul li .tit{ margin:0 0 10px; font-weight:700; line-height:1.6; }
#itemDetail #cartArea .priceArea{ text-align:right; }
#itemDetail #cartArea .soldoutBtn{ margin:24px auto 0; }
#itemDetail #cartArea .cartBtnArea{ margin:24px 0 0; text-align:center; }
#itemDetail #cartArea .cartBtnArea .zaikoTxt{ margin:40px 0 16px; text-align:left; font-size:16px; font-weight:500; color:#6F6F6F; }
#itemDetail #cartArea .lightBlueBtn{ max-width:600px; }
#itemDetail #cartArea .pLimitTxt{ margin:24px 0 0; }
#itemDetail #cartArea .pLimitTxt .cartBtn2{ margin:0 0 16px; }
#itemDetail #cartArea .pLimitTxt .txt{ font-weight:700; color:var(--red-color); }

/*--- propertyList ---*/
#oneProperty .popupBox{ position:relative; }
#oneProperty .popupBox::before{ width:100%; height:4px; content:""; background:var(--main-color); position:absolute; top:0; left:0; }
#oneProperty .numArea{ padding:5% 10% 0; }
#oneProperty .numArea .tit{ padding:0 16px 0 0; text-align:right; }
#itemDetail #cartArea .popupBtn{ margin:24px 0 0; }
#itemDetail #cartArea ul.propertyList{ padding:24px 10% 5%; }
#itemDetail #cartArea ul.propertyList li{ display:flex; align-items:center; gap:0 24px; margin:0 0 16px; padding:0 0 16px; border-bottom:var(--line-color) 1px solid; }
#itemDetail #cartArea ul.propertyList li:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:none; }
/*#itemDetail #cartArea ul.propertyList li .imgArea{ width:calc(100% - 250px); display:flex; align-items:center; }
#itemDetail #cartArea ul.propertyList li .imgArea img{ width:100px; aspect-ratio:1 / 1; object-fit:cover; border-radius:10px; }*/
#itemDetail #cartArea ul.propertyList li .txtArea{ width:calc(100% - 310px); padding:0 0 0 10px; }
#itemDetail #cartArea ul.propertyList li .txtArea .property-title{ font-size:16px; font-weight:600; }
#itemDetail #cartArea ul.propertyList li .txtArea .zaikoTxt{ margin:12px 0; font-size:12px; color:#6F6F6F; }
#itemDetail #cartArea ul.propertyList li .txtArea .priceArea{ margin:0; padding:0 10px 0 0; }
#itemDetail #cartArea ul.propertyList li .txtArea .priceArea .price{ text-align:left; font-size:14px; color:var(--font-color); }
#itemDetail #cartArea ul.propertyList li .txtArea .priceArea .price strong{ font-size:16px; }
#itemDetail #cartArea ul.propertyList li .txtArea .priceArea .price .memberTxt,
#itemDetail #cartArea ul.propertyList li .txtArea .priceArea .price .saleTxt{ color:var(--red-color); }
#itemDetail #cartArea ul.propertyList li .wishlistSubmitButton{ width:42px; height:42px; }
#itemDetail #cartArea ul.propertyList li .wishlistSubmitButton .bmBtnOff,
#itemDetail #cartArea ul.propertyList li .wishlistSubmitButton .bmBtnOn{ width:42px; height:42px; }
#itemDetail #cartArea ul.propertyList li .wishlistSubmitButton .wishlistMessage,
#itemDetail #cartArea ul.propertyList li .wishlistSubmitButton .wishlistDelMessage{ top:50px; }
#itemDetail #cartArea ul.propertyList li .btnArea{ width:220px; }
#itemDetail #cartArea ul.propertyList li .btnArea .cartBtn{ height:56px; padding:12px 0; background-image:none; font-size:14px; }
#itemDetail #cartArea ul.propertyList li .btnArea .lightBlueBtn,
#itemDetail #cartArea ul.propertyList li .btnArea .notCartBtn{ height:56px; display:flex; align-items:center; justify-content:center; padding:0; font-size:14px; line-height:1.4; }
#itemDetail #cartArea ul.propertyList li .btnArea .cartBtn.cartBtn_comment{ padding-top:10px; line-height:1.2; }

/*--- propertyInfoList ---*/
ul.propertyInfoList li{ display:none; }
ul.propertyInfoList li.open{ display:block; }
ul.propertyInfoList li .selectProperty{ display:none; }

/*--- detailInfo ---*/
#itemDetail .detailInfo{ width:100%; }
#itemDetail .detailInfo .detailBanner{ display:flex; justify-content:space-between; margin:104px 0 0; padding:0 68px; }
#itemDetail .detailInfo .detailBanner .bannerArea1{ width:40%; margin:0; }
#itemDetail .detailInfo .detailBanner .freeArea1{ width:55%; margin:0; }

#itemDetail .detailInfo .detailBox{ margin:104px 0 0; }
#itemDetail .detailInfo .detailBox .box{ display:flex; flex-wrap:wrap; gap:0 32px; margin:32px 0 0; }
#itemDetail .detailInfo .detailBox .box.right{ flex-direction:row-reverse; }
#itemDetail .detailInfo .detailBox .box figure{ flex:1; border-radius:16px; border:#ECECEC 2px solid; overflow:hidden; }
#itemDetail .detailInfo .detailBox .box.one figure{ width:100%; flex:none; }
#itemDetail .detailInfo .detailBox .box .txtArea{ flex:1; padding:32px 0 0; }
#itemDetail .detailInfo .detailBox .box.one .txtArea{ width:100%; flex:none; }
#itemDetail .detailInfo .detailBox .box .txtArea p{ margin:16px 0 0; line-height:1.7; }
#itemDetail .detailInfo .detailBox .box .txtArea .tit{ font-size:16px; font-weight:700; }
#itemDetail .detailInfo .detailBox .box .txtArea .note{ font-size:12px; line-height:1.5; color:#4D4D4D; }
#itemDetail .detailInfo .detailBox .txt1{ font-size:12px; font-weight:700; line-height:1.7; }
#itemDetail .detailInfo .detailBox dl{ display:flex; flex-wrap:wrap; margin:0 0 33px; border-bottom:var(--line-color) 1px solid; font-size:12px; }
#itemDetail .detailInfo .detailBox dl dt{ width:25%; padding:14px 10px; background:#EFEFEF; border-top:var(--line-color) 1px solid; font-weight:700; }
#itemDetail .detailInfo .detailBox dl dd{ width:75%; padding:14px 10px; border-top:var(--line-color) 1px solid; font-weight:500; }
#itemDetail .detailInfo .detailBox .table{ margin:0 0 33px; }
#itemDetail .detailInfo .detailBox .table table{ width:100%; table-layout:fixed; border-bottom:var(--line-color) 1px solid; font-size:12px; }
#itemDetail .detailInfo .detailBox .table table th{ padding:14px 10px; text-align:left; background:#EFEFEF; border-top:var(--line-color) 1px solid; font-weight:700; }
#itemDetail .detailInfo .detailBox .table table th.blueBg{ background:var(--fifth-color); color:var(--second-color); }
#itemDetail .detailInfo .detailBox .table table td{ padding:14px 10px; border-top:var(--line-color) 1px solid; font-weight:500; }
#itemDetail .detailInfo .detailBox .sTitle{ margin:8px 0 0; font-size:12px; font-weight:700; }
#itemDetail .detailInfo .detailBox .mTitle{ margin:35px 0 0; font-weight:700; }

/* 写真拡大
-------------------------------------------------------------*/
/*
#bigImg{ width:100vw; height:100vh; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; position:fixed; top:0; left:0; z-index:20; }
#bigImg .bigImgBg{ width:100vw; height:100vh; background:rgba(0,0,0,0.7); box-sizing:border-box; position:absolute; top:0; left:0; }
#bigImg .bigImgCon{ padding:30px; position:relative; }
#bigImg img{ width:auto; max-width:calc(100vw - 60px); height:auto; max-height:calc(100vh - 60px); }
#bigImg .closeBtn{ width:40px; height:40px; padding:2px 0 0; text-align:center; border-radius:50%; box-sizing:border-box; font-size:32px; line-height:1; cursor:pointer; position:absolute; color:#fff; top:20px; right:20px; }
#bigImg{ opacity:0; visibility:hidden; transition:all 0.3s; }
#bigImg.open{ opacity:1; visibility:visible; }*/

/* itemDetail - 商品詳細カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .cartSubmitButton{ position:relative; }
#itemDetail .cartSubmitButton .cartMessage{ width:240px; padding:20px 32px; overflow:hidden; position:absolute; top:-150px; left:calc(50% - 120px); z-index:2; }
#itemDetail .cartSubmitButton .cartMessage::before{ width:100%; height:4px; content:""; background:var(--main-color); position:absolute; top:0; left:0; }
#itemDetail .cartSubmitButton .cartMessage .title{ margin:0 0 8px; font-size:14px; font-weight:700; } 
#itemDetail .cartSubmitButton .cartMessage a.blueBtn2{ padding:13px 0; font-size:14px; line-height:1; }
#itemDetail .cartSubmitButton .cartMessage .close{ font-size:21px; color:#6F6F6F; right:5px; }

#itemDetail .popup .cartSubmitButton .cartMessage{ top:-10px; }
/*#itemDetail .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemDetail .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemDetail .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemDetail .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#itemDetail .cartSubmitButton .cartMessage .link a{display: inline-block;}
#itemDetail .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}*/

/* itemDetail - 商品詳細お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .wishlistSubmitButton{ position:relative; }
#itemDetail .wishlistSubmitButton .bmBtnOff,
#itemDetail .wishlistSubmitButton .bmBtnOn{ position:absolute; top:0; right:0; }

/* itemDetail - トピックス詳細
-------------------------------------------------------------*/
#itemDetail .topics_img h3,#itemDetail .topics_noimg h3{margin: 10px 10px 5px 0px; display: block; font-size: 105%;}
#itemDetail .topics_img p,#itemDetail .topics_noimg p{font-size: 90%; margin: 5px 0px;}
#itemDetail .topics_img img{display: block;}
#itemDetail .topics_img .img_box{width: 140px; height: 140px; margin: 10px 10px 10px 0; text-align: center; position: relative; float: left;}
#itemDetail .topics_img .img_box img{width: auto; max-width: 140px; max-height: 140px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemDetail .topics_img .topics_text{overflow: auto;}
#itemDetail .topics_img,#itemDetail .topics_noimg{padding: 10px;}
#itemDetail .topics_noimg p img{float: right; margin: 0 0 10px 10px;}

/* present_detail.xhtml - プレゼント詳細
-------------------------------------------------------------*/
#itemDetail.present .item_image_area #targetarea{visibility: visible;}
#itemDetail.present .item_image_area .img_box{display:block; width: 268px; height: 268px;}


/* =================================================================
12.レビュー
使用ファイル：item_detail.xhtml, member_review.xhtml
=================================================================*/
#review{ margin-bottom:40px; }
#review .noreview{ text-align:center; }
#review .hitnum{ margin:0; text-align:center; }

#review ul.star{ display:flex; gap:0 7px; margin:15px 0 0; font-size:18px; color:var(--main-color); }

#review ul.reviewList > li{ padding:40px 0; border-bottom:var(--line-color) 1px solid; }
#review ul.reviewList > li .tit{ margin:0; font-size:16px; }
#review ul.reviewList > li > .txtArea{ margin:15px 0 0; line-height:2; }
#review ul.reviewList > li > .userInfo{ margin:20px 0 0; font-size:13px; }
#review ul.reviewList > li > .userInfo .day{ margin:10px 0 0; color:var(--font-gray-color); font-family:var(--num-font); }
#review ul.reviewList > li .reviewItemBox{ display:flex; flex-wrap:wrap; align-items:center; margin:25px 0 0; }
#review ul.reviewList > li .reviewItemBox .imgArea{ width:180px; margin:0 30px 0 0; }
#review ul.reviewList > li .reviewItemBox .txtArea{ flex:1; }
#review ul.reviewList > li .goodButton input{ width:180px; min-width:auto; margin:0 0 0 10px; }

#review .itemName{ font-size:18px; }
#review .totalStar{ display:flex; flex-wrap:wrap; align-items:center; gap:0 20px; margin:10px 0 0; }
#review .totalStar .tit{ margin:0; }
#review .totalStar ul.star{ margin:0; }
#review .totalStar .num{ margin:0; color:var(--main-color); }

#review .pageguide{ margin:30px 0 0; padding:0 0 20px; border-bottom:var(--line-color) 1px solid; }

#review .more{ margin:60px 0 0; text-align:center; }
#review .more a{ text-decoration:underline; }
#review .reviewInputBtn{ margin:60px 0 0; text-align:center; }
#review .reviewInputBtn a{ min-width:212px; margin:0; }
#review .reviewInputArea{ margin:60px 0 0; padding:50px; background:var(--fifth-color); }
#review .reviewInputArea dl dt{ margin:0 0 15px; }
#review .reviewInputArea dl dd{ margin:0 0 40px; }
.starSelectArea{ color:var(--main-color); }
.starSelectArea label{ margin:0 20px 0 0; vertical-align:1px; }

/*#review p.item_name{font-size: 95%; font-weight: bold;}
#review h3{float: left; margin: 0 10px 0 0; font-size: 80%;}
#review .review_box{margin-bottom: 20px;}
#review .box{margin: 10px 0 5px; padding: 10px; border: #CCC 1px solid;}
#review .box h3{float: none; font-size: 90%;}
#review .box p{margin: 0;}
#review .box p.name{padding: 5px 0; margin-bottom: 10px; border-bottom: 1px dashed #CCC; color: #666; font-size: 75%;}
#review p.goodButton{margin-bottom: 5px; color: #666; font-size: 75%;}
#review p.goodButton .button{margin-left: 5px; vertical-align: middle; display: inline-block; width: auto;}
#review p.goodNumber{margin-bottom: 20px; color: #666; font-size: 75%;}
#review p.more{margin-bottom: 20px; font-size: 75%; text-align: right;}
#review .pageguide{ float: left; width: 570px; font-size: 85%; padding-top: 4px;}
#review .rearrange{float: left; width: 200px; font-size: 85%; text-align: right;}
#review .pagelink{ clear: both; font-size: 85%; padding: 10px 0;}
#review ul.star{float: left;}
#review ul.star li{display: block; float: left; width: 15px; height: 15px; text-indent: -9999px;}
#review ul.star li.good{background: url("../images/review_good.gif") no-repeat;}
#review ul.star li.bad{background: url("../images/review_bad.gif") no-repeat;}
#review .contribution{margin-top: 10px; padding: 10px 10px 10px 10px; background: #F1F1F1;}
#review .contribution #error{background: #F1F1F1;}

#review .contribution table{margin: 0; border: none;}
#review .contribution th{width: 140px; padding: 5px 10px; border: none; background: none; font-weight: normal; text-align: left;}
#review .contribution td{padding: 5px 10px; border: none;}
#review .contribution h3{float: none; margin:0 0 10px 0; padding:0px; font-size: 120%;}

#review .review-image{padding-top: 20px;}
#review .review-image:after {content: ""; clear: both; display: block;}
#review .review-image .img_box{width: 80px; height: 80px; margin-right: 10px; margin-bottom: 10px; text-align: center; position: relative; float: left;}
#review .review-image img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}*/


/* =================================================================
13.購入履歴・見積履歴
使用ファイル：member_history.xhtml,member_estimate_recode.xhtml
=================================================================*/
#history .txtlinkArea p{ margin:0; }
#history .infoarea{display: block; margin: 40px 10px 0; font-size: 80%; font-weight: bold;}
#history .infoarea:after {content: ""; clear: both; display: block;}/* clearfix */
#history .infoarea .status_icon{color: #FFFFFF; float: left; font-weight: normal; margin-right: 10px;}
#history .cancel{float: right; margin-left: 10px;}
#history .payment_change{float: right; margin-left: 10px;}
#history .infoarea .date{clear: both; padding-top: 3px;}
#history .infoarea.estimate{position: relative;}
#history .infoarea.estimate .seikyu_price{ color:#C00; font-size: 16px;}
#history .infoarea.estimate .estimate_number{color:#222; padding:0 0 0 10px;}
#history .infoarea.estimate .button.estimate{width: 137px; display: inline-block; position: absolute; right:10px;}

#history .preparing .status_icon{background: #336600; padding: 3px 5px;}/* 手配中 */
#history .delivered .status_icon{background: #ff9900; padding: 3px 5px;}/* 配送中 */
#history .delivering .status_icon{background: #000066; padding: 3px 5px;}/* 配送済 */
#history .canceled .status_icon{background: #cc0000; padding: 3px 5px;}/* 取消済 */
#history .yoyaku .status_icon{background: #000000; padding: 3px 5px;}/* 予約済 */
#history .teiki_together .status_icon{background: #996633; padding: 3px 5px;}/* 定期にまとめて */

#history .price{color: #C00; text-align: right;}
#history .cart{width: 130px; text-align: center;}
#history .cart .button{margin-bottom: 10px; width: auto; display: inline-block;}
#history .cart .delivery_slip{margin-bottom: 0px;}
#history .code{width: 80px;}
#history .amount{width: 30px; text-align: center;}

#history .estimate_reply{line-height: 22px;}
#history .estimate_reply .title{font-weight: bold;}

#history .property{display: block; color: #AAA; font-size: 90%;}

#history .img_box{width: 80px; height: 80px; margin-right: 10px; margin-bottom: 10px; text-align: center; position: relative; float: left;}
#history .img_box img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

#history .pageguide{ margin:20px 0; }
#history .rearrange{float: left; width: 200px; font-size: 85%; text-align: right;}
#history .nolink{color: #999;}
#history .reducedTax{ display: block; font-size: 11px; }
#history .search{ margin:24px 0; padding:30px 50px; background:var(--fifth-color); border-radius:16px; }
#history .search .title{ margin:0 0 16px; font-size:18px; }
#history .search .buttonarea{ margin:32px auto 0; padding:0; }
#history .search .buttonarea a,
#history .search .buttonarea input{ padding:15px 0; font-size:16px; }
#history .search h3{ margin-top:0; padding-bottom:0; border-bottom:none; }
#history .search ul.formList{ margin:0; gap:15px 0; }
#history .search ul.formList > li .flex input{ width:calc((100% - 100px) / 2); }
#history h4.total_price{font-size: 105%; padding-left: 10px; font-weight: bold; color: #c00; margin-bottom: 20px;}

#history .webmoney-usage-detail:after{content: ""; display: inline-block; background: url("../images/otherpage.png") no-repeat; width: 18px; height: 12px;}
 
#history .message_card{display: inline-block; vertical-align: top;}
#history .noshi_amount{width:50px;}
#history .giftbag_amount{width: 80px; text-align: center;}
#history .gift_accordion_container{position: relative;}
#history .gift_accordion_title:after {content: ""; position: absolute; right: 2px; top: 30%; transition: all 0.2s ease-in-out; display: block; width: 8px; height: 8px; border-top: solid 2px #000; border-right: solid 2px #000; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
#history .gift_accordion_title.open:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 45%;}
#history .gift_accordion_content {display: none;} 
#history .gift_accordion_title{position: relative; cursor: pointer;}

/*estimateListDetail - 見積履歴
-------------------------------------------------------------*/
#history #estimateListDetail .box{margin-bottom: 30px;}
#history #estimateListDetail .box:first-child{margin-top: 15px;}
#history #estimateListDetail .status_icon{color: #333; float:none; font-weight: bold; background: #CCC; padding: 5px 5px;}
#history #estimateListDetail th.total_price{width: 120px;}

/* member_history - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#history .cartSubmitButton{position: relative;}
#history .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#history .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#history .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#history .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#history .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#history .cartSubmitButton .cartMessage .link a{display: inline-block;}
#history .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* historyListArea
-------------------------------------------------------------*/
.historyListArea .hisbox{ padding:40px 0; border-bottom:var(--line-color) 1px solid; overflow:hidden; }
.historyListArea .hisbox .leftbox{ /*width:23%; float:left;*/ width:100%; }
.historyListArea .hisbox .leftbox dl dt{ font-size:12px; color:#999999; }
.historyListArea .hisbox .leftbox dl dd{ margin:0 0 10px; }
.historyListArea .hisbox .leftbox dl dd p{ line-height:1.4 !important; }
.historyListArea .hisbox .status{ margin:0 0 10px; padding:8px 12px; display: inline-block; background:var(--main-color); border-radius:3px; font-size:14px; color:#fff; line-height:1; vertical-align:top; }
.historyListArea .hisbox .rightbox{ /*width:73%; float:right;*/ width:100%; margin:0 0 40px; }
.historyListArea .hisbox .rightbox .head{ width:100%; display:table; margin:0 0 20px; table-layout:fixed; }
.historyListArea .hisbox .rightbox .head .left{ width:50%; display:table-cell; }
.historyListArea .hisbox .rightbox .head .left p{ margin:0 !important; font-size:16px; }
.historyListArea .hisbox .rightbox .head .right{ width:50%; display:table-cell; text-align:right; vertical-align:middle; }
.historyListArea .hisbox .rightbox .head .right p{ margin:0; font-size:16px; }
.historyListArea .hisbox .rightbox ul.hisItemList{ border-bottom:var(--line-color) 1px solid; }
.historyListArea .hisbox .rightbox ul.hisItemList > li{ width:100%; display:flex; flex-wrap:wrap; padding:16px 3px; border-top:var(--line-color) 1px solid; }
.historyListArea .hisbox .rightbox ul.hisItemList li > p{ margin:0; line-height:1.4 !important; vertical-align:top; }
.historyListArea .hisbox .rightbox ul.hisItemList li .buyItem{ display:flex; align-items:flex-start; gap:0 16px; }
.historyListArea .hisbox .rightbox ul.hisItemList li .buyItem .imgArea{ width:100px; }
.historyListArea .hisbox .rightbox ul.hisItemList li .buyItem .txtArea{ flex:1; }
.historyListArea .hisbox .rightbox ul.hisItemList li .buyItem .txtArea .status{ background:var(--fifth-color); font-size:12px; color:var(--font-color); }
.historyListArea .hisbox .rightbox ul.hisItemList li .buyItem .txtArea .tit{ margin:3px 0 16px; font-size:16px; font-weight:500; }
.historyListArea .hisbox .rightbox ul.hisItemList li .buyItem .txtArea dl{ display:flex; flex-wrap:wrap; gap:8px 16px; margin:0 0 24px; line-height:1.6; }
.historyListArea .hisbox .rightbox ul.hisItemList li .buyItem .txtArea dl dt{ width:100px; font-weight:500; }
.historyListArea .hisbox .rightbox ul.hisItemList li .buyItem .txtArea dl dd{ width:calc(100% - 116px); }
.historyListArea .hisbox .rightbox ul.hisItemList li .buyItem .txtArea .btn a{ max-width:300px; padding:16px 0; }
/*.historyListArea .hisbox .rightbox ul.hisItemList li .item1{ width:calc(100% - 200px); }
.historyListArea .hisbox .rightbox ul.hisItemList li .item1 a{text-decoration: none; }*/
.historyListArea .hisbox .rightbox ul.hisItemList li .item1{ width:calc(100% - 90px); text-align:right; font-size:13px; }
.historyListArea .hisbox .rightbox ul.hisItemList li .item2{ width:90px; text-align:right; }
.historyListArea .hisbox .rightbox ul.hisItemList li .item3{ width:100%; padding:8px 0 0; text-align:right; font-size:12px; }
.historyListArea .hisbox .rightbox ul.hisItemList li .item3 > span{ margin:0 0 0 16px; }
.historyListArea .hisbox .rightbox .apInfo{ margin:40px 0 60px; border-top:#ccc 1px solid; position:relative; }
.historyListArea .hisbox .rightbox .apInfo .heading7{ margin:32px 0 8px; font-weight:500; }
.historyListArea .hisbox .rightbox .apInfo .ocBtn{ width:70px; display:flex; align-items:center; justify-content:center; aspect-ratio:1 / 1; margin:0 auto; background:#fff; border:#ccc 1px solid; border-radius:50%; position:absolute; top:-40px; left:0; right:0; z-index:2; }
.historyListArea .hisbox .rightbox .apInfo .ocBtn::before{ content:"＋"; font-size:20px; }
.historyListArea .hisbox .rightbox .apInfo .apInfoCon{ padding:0 24px; background:var(--gray-color); border-radius:16px; }
.historyListArea .hisbox .rightbox .apInfo .apInfoCon{ height:0; opacity:0; visibility:hidden; transition:all 0.3s; }
.historyListArea .hisbox .rightbox .apInfo.open{ border-top:none; }
.historyListArea .hisbox .rightbox .apInfo.open .ocBtn::before{ content:"-"; }
.historyListArea .hisbox .rightbox .apInfo.open .apInfoCon{ height:auto; padding-top:24px; padding-bottom:24px; opacity:1; visibility:visible;  }
.historyListArea .hisbox .rightbox .pointbox{ padding:16px 0; border-bottom:#ccc 1px solid; }
.historyListArea .hisbox .rightbox .pointbox.bdNone{ border-bottom:none; }
.historyListArea .hisbox .rightbox .pointbox dl{ display:flex; flex-wrap:wrap; gap:8px 0; }
.historyListArea .hisbox .rightbox .pointbox dl dt{ width:170px; font-weight:500; }
.historyListArea .hisbox .rightbox .pointbox dl dd{ width:calc(100% - 170px); }
.historyListArea .hisbox .rightbox .pointbox dl dd p{ margin:0; }
.historyListArea .hisbox .rightbox .pointbox dl dd p.hosoku{ margin:8px 0 0; font-size:12px; }
.historyListArea .hisbox .rightbox .pointbox dl dd p > span{ margin:0 16px 0 0; }
.historyListArea .hisbox .rightbox .cambox ul li p{ margin:0 !important; }
.historyListArea .hisbox .rightbox .cambox ul li p.txt{ font-size:12px; }
.historyListArea .hisbox .rightbox .shiharai{ margin:15px 0 0; }
.historyListArea .hisbox .rightbox .shiharai p{ margin:0; }
.historyListArea .hisbox .rightbox .shiharai .txt{ white-space:pre-wrap; }
.historyListArea .hisbox .rightbox .sum{ padding:10px 0 0; overflow:hidden; }
.historyListArea .hisbox .rightbox .sum .total{ font-weight:bold; }
.historyListArea .hisbox .rightbox .sum dl{ width:300px; float:right; }
.historyListArea .hisbox .rightbox .sum dl dt{ width:100px; float:left; }
.historyListArea .hisbox .rightbox .sum dl dd{ width:200px; float:left; text-align:right; }
.historyListArea .hisbox .rightbox .send{ padding:20px 0 0; }
.historyListArea .hisbox .buttonarea{ clear:both; margin:15px 0 0; }
.historyListArea .hisbox .buttonarea a,
.historyListArea .hisbox .buttonarea input{ padding:15px 0; font-size:16px; }
#history .historyListArea .hisbox .cancel{ float:none; }

.historyListArea .hisItemBox ul.hisItemList > li:nth-child(n+4){ height:0; padding:0; visibility:hidden; opacity:0; transition:opacity 0.2s, padding 0.3s; }
.historyListArea .hisItemBox.open ul.hisItemList li:nth-child(n+4){ height:auto; padding:16px 3px; visibility:visible; opacity:1; }
.historyListArea .hisItemBox ul.hisItemList{ border-bottom:none !important; }
.historyListArea .hisItemBox .hisItemBoxBtn{ padding:24px 0 40px; border-top:var(--line-color) 1px solid; position:relative; }
.historyListArea .hisItemBox .hisItemBoxBtn span{ width:200px; display:block; margin:0 auto; padding:16px 0; text-align:center; background:var(--main-color); border-radius:50px; font-weight:700; color:#fff; }
.historyListArea .hisItemBox .hisItemBoxBtn span::before{ content:"もっと見る"; }
.historyListArea .hisItemBox.open .hisItemBoxBtn span::before{ content:"閉じる"; }

/* ===================================================================
14：サブウインドウで表示するページ用
使用ファイル：item_detail_other_image.xhtml
　　　　　　　item_friend_mail.xhtml,item_friend_mail_result.xhtml
　　　　　　　item_itemproperty_zaiko.xhtml
　　　　　　　present_friend_mail.xhtml,present_friend_mail_result.xhtml
=================================================================== */
#subwindow{ max-width:500px; margin:0 auto; }
#subwindow #header{ background:none; }
#subwindow .images{ margin:0 0 30px; text-align:center; }
#subwindow .images img{ max-width:200px; }
#subwindow #content h2{ margin:0 0 16px; font-size:20px; font-weight:700; }
#subwindow #content table{ width:100%; border-bottom:var(--line-color) 1px solid; }
#subwindow #content th{ width:180px; padding:10px; border-top:var(--line-color) 1px solid; vertical-align:middle; font-weight:normal; text-align:left; }
#subwindow #content th.zaiko{width: auto;text-align: center;}
#subwindow #content td{ padding:10px; border-top:var(--line-color) 1px solid; vertical-align:top; }
#subwindow #content td.number{ text-align:right; }
#subwindow #content .hissu{ color:#CC0000; font-weight:bold; }
#subwindow #content .txt1{ margin:16px 0 0; }
#subwindow #content .close{ margin:32px 0 80px; text-align:center; }
#subwindow .buttonarea{text-align: center; margin: 10px; padding-top: 40px;}
#subwindow .buttonarea .button{display: inline-block; margin: 0 10px;}

#subwindow #content #products{width: 500px; position: relative;}
#subwindow #content #products .slides_container{overflow: hidden; position: relative; border: 1px solid #ccc; margin: 10px 0 0 0;}
#subwindow #content #products .slides_container .ima_box{width: 498px; height: 498px; position: relative; text-align: center;}
#subwindow #content #products .slides_container img{width: auto; margin: auto; max-width: 498px; max-height: 498px; display: block; position: absolute; bottom: 0; left: 0; right: 0; top: 0;}
#subwindow #content #products .slides_container a{width: 400px; height: 400px; display: block;}
#subwindow #content #products .thumbox{clear: both; margin: 15px 0 0; padding: 0;}
#subwindow #content #products .thumbox:after {content: ""; clear: both; display: block;}/* clearfix */
#subwindow #content #products .thumbox .pagination li{margin: 0 10px 10px 0; float: left;}
#subwindow #content #products .thumbox .pagination li.last{margin-right: 0;}
#subwindow #content #products .thumbox .img_box{border: 1px solid #ccc; width: 92px; height: 92px; display: block;}
#subwindow #content #products .thumbox .img_box img{max-width: 90px; max-height: 90px;}
#subwindow #content #products .thumbox .img_box img:hover{filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6;}
#subwindow #content #products .thumbox .current .img_box{border: 1px solid #cc3333; display: block; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important;}
#subwindow #content #products .thumbox .current .img_box img:hover{cursor: default; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important;}
#subwindow #content #products .prev{display: block; background: url(../images/detail_prev_button.png) no-repeat; text-indent: -9999px; width: 60px; height: 60px; top: 35%; left: -26px; position: absolute; z-index: 1000;}
#subwindow #content #products .next{display: block; background: url(../images/detail_next_button.png) no-repeat; text-indent: -9999px; width: 60px; height: 60px; top: 35%; right: -26px; position: absolute; z-index: 1000;}
#subwindow #content #products .arrowOn:hover .prev, #subwindow #content #products .arrowOn:hover .next{display: block;}
#subwindow #content #products .arrowOn:hover .prev:hover, #subwindow #content #products .arrowOn:hover .next:hover{filter: alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8;}

/* =================================================================
15.エラーページ
使用ファイル：common/messages.xhtml
　　　　　　　ext/social_provider.xhtml
=================================================================*/
#error{ width:100%; margin:20px 0; padding:16px; text-align:left; background:var(--fifth-color); border-radius:16px; }
#error table{ margin:0px 0 5px; border:none !important; font-size:14px; }
#error td{ border:none !important; }
#error .ico{ width:35px; vertical-align:top; }
#error .ico img{ width:20px; }
#error .content{ width:calc(100% - 30px); vertical-align: middle; float:none; }
#error .buttonarea{ margin:10px auto; padding-top:40px; text-align:center; }
#error ul{ background:none; }
#error li{ float:none; border:0px; padding:0px; margin-right:0px; margin-bottom:0px; text-align:left; width: auto; line-height:150%; }
.error_color{ color:var(--error-color); }
.formList .error_color{ display:block; margin:10px 0 0; }

/*  social_provider.xhtmlのエラー部分
-------------------------------------------------------------*/
#social_plus_error{width: 100%; padding: 10px 0px;}
#social_plus_error table{margin: 0px 0 10px; border: none !important; font-size: 85%;}
#social_plus_error td{padding: 10px; border: none !important;}
#social_plus_error .ico{width: 40px; vertical-align: top; text-align: center;}
#social_plus_error .content{padding: 5px; font-size:14px; font-weight:bold; color:var(--error-color); vertical-align: middle; float:none;}
#social_plus_error .buttonarea{margin: 10px; padding-top: 10px; border-top: #CCC 1px dashed; text-align: center;}
#social_plus_error ul{background: none;}
#social_plus_error li{float: none; font-size: 100%; border: 0px; padding: 0px; margin-right: 0px; margin-bottom: 0px; width: auto; line-height: 150%;}


/* =================================================================
16.クレジットカード登録画面
使用ファイル：member_credit_entry_input.xhtml
=================================================================*/
/*#credit .creditList{ width:100%; }
#credit .creditList th{ width:auto; padding:15px 0; background:var(--second-color); font-weight:normal; }
#credit .creditList td{ padding:15px 0; border-bottom:#ececec 1px solid; line-height:1.8; }
#credit .creditList td .small{ width:70px; min-height:30px; margin:0 0 10px; padding:6px; }
#credit td.button_area{ width:180px; text-align:center; }
#credit td.button_area a,
#credit td.button_area .inactiveBtn{ min-width:auto; margin:0 0 10px; padding:8px 25px; font-size:12px; line-height:1.2; }*/
ul.creditList li{ display:flex; flex-wrap:wrap; align-items:center; padding:15px 0; border-bottom:var(--line-color) 1px solid; }
ul.creditList li:first-child{ padding-top:0; }
ul.creditList li .item1{ flex:1; }
ul.creditList li .item2{ width:120px; padding:0 10px; text-align:center; }
ul.creditList li .item2 a,
ul.creditList li .item2 .inactiveBtn{ width:100%; min-width:auto; min-height:auto; padding:6px; box-sizing:border-box; font-size:14px; }
ul.creditList li .item2 .submitBtn{ margin:0 0 10px; font-size:14px; }
ul.creditList li .item3{ width:200px; padding:0 10px; text-align:center; }
ul.creditList li .item3 a{ width:100%; min-width:auto; padding:6px; font-size:14px; line-height:1.3; }
#credit .txt{ margin:0; font-size:13px; }
#credit .can_regist{ padding-top:30px; }
#credit .error{ clear:both; margin:5px 10px; color:#C00; font-weight:bold; text-align:center; font-size:80%; }


/* =================================================================
17.お気に入り
使用ファイル：wishlist.xhtml
　　　　　　　wishlist_edit.xhtml
=================================================================*/
/*#wishList{margin-bottom: 20px;}
#wishList .box{margin: 10px 0; border: #CCC 1px solid;}
#wishList .box:hover{border: #8CC329 1px solid;}
#wishList .box:after {content: ""; clear: both; display: block;}
#wishList .provisional{margin: 0px;}
#wishList .text{margin-left: 140px;}
#wishList .text .ordertext{float: right; margin-right: 10px;}
#wishList h3{display: block; margin: 10px 10px 0 0; font-size: 95%;}
#wishList .appeal{display: block; margin: 0; color: #F60; font-size: 70%;}
#wishList .price{display: block; margin: 0; color: #C00;}
#wishList .price .teika{font-weight: bold; font-size: 110%;}
#wishList .price .other{font-size: 90%;}
#wishList .explanation1{display: block; margin: 5px 10px 0 0; padding: 10px 0px; border-top: #CCC 1px solid; font-size: 80%; line-height: 120%;}
#wishList .explanation1 h4{margin-bottom: 10px;}
#wishList .explanation1 h4 a{display: inline-block; width: auto; font-weight: normal;}
#wishList .explanation1 p{margin: 0px;}
#wishList .button_area{margin: 0px 10px 20px 0px; padding-top: 20px; border-top: #CCC 1px solid; text-align: right;}
#wishList .button_area:after {content: ""; clear: both; display: block;}
#wishList .button_area .button{width: auto; display: inline-block;}
#wishList .property{display: inline; margin: 0; color: #AAA; font-size: 75%;}
#wishList .pageguide{float: left; width: 570px; font-size: 85%; padding-top: 4px;}
#wishList .rearrange{float: left; width: 200px; font-size: 85%; text-align: right;}
#wishList .rearrange select{margin-left: 10px;}
#wishList .pagelink{clear: both; font-size: 85%; padding-top: 10px;}
#wishList .nolink{color: #999;}
#wishList .buttonarea_submit{text-align: right;}
#wishList .buttonarea_submit a.button{display: inline-block; width: auto; line-height:18px;}
#wishList .alert{color: red;}

#wishList .img_box{width: 120px; height: 120px; margin: 10px; float: left; text-align: center; position: relative;}
#wishList .img_box img{width: auto; max-width: 120px; max-height: 120px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}*/

/* wishList - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
/*#wishList .btnArea .cartSubmitButton,
#wishList .btnArea .normalBtnFm{ width:100%; position:relative; }*/
#wishList .btnArea .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#wishList .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#wishList .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#wishList .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#wishList .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#wishList .cartSubmitButton .cartMessage .link a{display: inline-block;}
#wishList .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* =================================================================
18.アドレス帳
使用ファイル：address_add.xhtml
　　　　　　　address_input.xhtml
=================================================================*/
#addressList{ padding-bottom: 20px; gap:20px; }
ul.adList{ display:flex; flex-wrap:wrap; gap:24px; }
ul.adList li{ width:calc(50% - 12px); padding:24px; border:var(--line-color) 1px solid; border-radius:16px; box-sizing:border-box; }
ul.adList li .name{ margin:0 0 10px !important; font-size:16px; font-weight:700; }
ul.adList li .button_area{ display:flex; flex-wrap:wrap; margin:20px 0 0; }
ul.adList li .button_area a{ margin:0 10px 0 0; box-sizing:border-box; }
/*#addressList ul{padding: 20px 0 10px;}
#addressList ul:after {content: ""; clear: both; display: block;}
#addressList li{float: left; font-size: 80%; border: 1px solid #CCC; padding: 10px 10px 40px 10px; margin-right: 10px; margin-bottom: 10px; width: 348px; line-height: 180%; position: relative;}
#addressList li strong{font-size: 18px;}
#addressList li .button_area{margin: 0px 0px 0; position: absolute; bottom: 10px;}
#addressList li .button_area .button{width: auto; display: inline-block;}*/
#addressList .rearrange{float: left; width: 200px; font-size: 85%; text-align: right;}
#addressList .pagelink{clear: both; font-size: 85%;}
#addressList .nolink{color: #999;}


/* =================================================================
19.マイページ
使用ファイル：member_mypage.xhtml
=================================================================*/
#member.mypage .heading3{ margin:80px 0 24px; }
#member.mypage .userName{ margin:16px 0 0; font-size:18px; font-weight:700; }
#member.mypage .pointArea{ margin:8px 0 0; }
#member.mypage ul.mypageList{ display:flex; flex-wrap:wrap; gap:0 16px; }
#member.mypage ul.mypageList li{ width:calc((100% - 32px) / 3); display:flex; font-size:16px; background:url("../images/arrow_blue_right2.svg") no-repeat right 2px center / 15px auto; border-bottom:var(--line-color) 1px solid; font-weight:500; }
#member.mypage ul.mypageList li:nth-child(-n+3){ border-top:var(--line-color) 1px solid; }
#member.mypage ul.mypageList li a,
#member.mypage ul.mypageList li button{ width:100%; display:flex; align-items:center; padding:16px 32px 16px 2px; background:none; border:none; font-size:16px; cursor:pointer; }
#member.mypage ul.mypageList li a img{ width:24px; margin:0 0 9px; }
#member.mypage ul.mypageList li p{ margin:0; }

#member.mypage .taikaiLink{ margin:40px 0 0; }
.taikaiPage .grayBtn2{ cursor:auto; }

#member.mypage #social_plus{margin: 50px 0 0;}
#member.mypage #social_plus .associate{display: inline-block; min-width: inherit; width: 100px; font-size: 14px;}
#member.mypage #social_plus tr th{background: #FFF;}
#member.mypage #social_plus tr th a{text-decoration: none;}
#member.mypage #social_plus tr.title th{background: #F6F6F6;}
#member.mypage #social_plus th.service{width: 220px;}
#member.mypage #social_plus th div{width: 220px; height: 44px; font-size: 14px; display: block;}
#member.mypage #social_plus th div p{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 51px; display: block; line-height: 1; font-size: 14px;}
#member.mypage #social_plus th.yahoo div{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#member.mypage #social_plus th.facebook div{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#member.mypage #social_plus th.twitter div{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#member.mypage #social_plus th.google div{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#member.mypage #social_plus th.mixi div{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#member.mypage #social_plus th.line div{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#member.mypage #social_plus th.paypal div{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}
#member.mypage #social_plus th.apple_id div p{padding: 18px 0px 19px 25px;}
#member.mypage #social_plus .alignment th div p{border: none; margin: 0 0 0 53px;}
#member.mypage #social_plus .alignment th.apple_id div{background: url("../images/social_apple.png") no-repeat; color: #000; height: 53px;}

#member.mypage #social_plus th.yahoo div.off{background: url("../images/social_yahoo_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.facebook div.off{background: url("../images/social_facebook_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.twitter div.off{background: url("../images/social_twitter_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.google div.off{background: url("../images/social_google_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.mixi div.off{background: url("../images/social_mixi_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.line div.off{background: url("../images/social_line_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.paypal div.off{background: url("../images/social_paypal_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus td{vertical-align: middle;}

/* =================================================================
20.ログイン
使用ファイル：login.xhtml
=================================================================*/
#loginNew .loginNew2col{ display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }
#loginNew .box .buttonarea{ width:100%; margin:20px 0 0; padding:0; }
#loginNew .box table{margin: 10px; width: 446px !important;}
#loginNew .box .link_text{ text-align:center; padding: 15px 0 10px;}
#loginNew .box .regist_non_area{width: 442px; margin: 0 auto;}
#loginNew .box .regist_non_area p{margin: 0 0 10px;}
#loginNew .box .amazon_area{width: 442px; margin: 0 auto; border-top: 1px solid #ccc;}
#loginNew .box .amazon_area p{margin: 10px 0;}
#loginNew .widebox{border: 1px solid #CCC; width: 960px; margin: 0 10px 30px; clear: both;}
#loginNew .widebox .link{text-align: right;}
#loginNew .widebox table{width: 920px;}
#loginNew th.title{ width:120px; text-align:left; font-weight:normal; }
#loginNew input[type='text'],
#loginNew input[type='password']{ padding:15px 16px; }
#loginNew .txtlinkArea{ margin:30px 0 0; text-align:center; }
#loginNew .txtlinkArea p{ margin:5px 0 0; }
/*#loginNew .txtlinkArea p a{ text-decoration:none; color:var(--main-color); }*/
/*#loginNew .buttonarea{ margin:0; }
#loginNew .social_provider ul{ margin:0px 13px 0px; }
#loginNew .social_provider ul:after{content: ""; clear: both; display: block;}
#loginNew .social_provider ul li{ width:220px; height:44px; margin:0 auto 15px; font-size:14px; display: block; }
#loginNew .social_provider ul li a{display: block; text-decoration: none;}
#loginNew .social_provider ul li a span{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;  
-moz-border-radius-topright: 3px;  
-moz-border-radius-bottomright: 3px;
}

#loginNew .social_provider li.yahoo a{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#loginNew .social_provider li.facebook a{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#loginNew .social_provider li.twitter a{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#loginNew .social_provider li.google a{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#loginNew .social_provider li.mixi a{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#loginNew .social_provider li.line a{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#loginNew .social_provider li.paypal a{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}*/
/* =================================================================
21.商品比較
使用ファイル：item_compare.xhtml
=================================================================*/
#itemCompare .img_box{width: 80px; height: 80px; margin: 0; text-align: center; position: relative;}
#itemCompare .img_box img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemCompare .propertyimg_box{width: 60px; height: 60px; margin: 0; text-align: center; position: relative;}
#itemCompare .propertyimg_box img{width: auto; max-width: 60px; max-height: 60px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemCompare th{width: 150px;}
#itemCompare .button_area .button{width: auto; display: inline-block; width: 130px;}

/* itemCompare - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemCompare .cartSubmitButton{position: relative;}
#itemCompare .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemCompare .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemCompare .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemCompare .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemCompare .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#itemCompare .cartSubmitButton .cartMessage .link a{display: inline-block;}
#itemCompare .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* =================================================================
22.キャンペーン
使用ファイル：top.xhtml,item_detail.xhtml,cart_index.xhtml,cart_seisan.xhtml,cart_confirm.xhtml,cart_confirm$amazon_payments.xhtml,cart_result.xhtml,member_history.xhtml
=================================================================*/
/* member_history */
#history .campaign {line-height:1.5; display: inline-block; margin:0 5px 0 0;}

/* top,item_detail */
#mainCampaign ul{width:100%;}
#mainCampaign ul:after {content: ""; clear: both; display: block;}/* clearfix */
#mainCampaign li{width:375px; margin:0 20px 20px 0; float: left;}
#mainCampaign li a{display: block;}
#mainCampaign li img{width:100%; display: block;}
#mainCampaign li h3{padding:5px 0 0 0;}
#mainCampaign li h4{font-size:90%;}
#mainCampaign li p{margin:5px 0 0 0; font-size:90%;}

/* cart_index */
#cartCampaign p.heed{ margin:0 0 20px; }
#cartCampaign ul{ width:100%; }
#cartCampaign li{ margin:0 0 15px; }
#cartCampaign li > div{ display:flex; flex-wrap:wrap; align-items:center; }
#cartCampaign li .imgArea{ width:100px; margin:0 20px 0 0; }
#cartCampaign li .txtArea{ flex:1; }
#cartCampaign li .txtArea h4{ margin:0; font-size:15px; }
#cartCampaign li .txtArea .day{ margin:0; }
/*#cartCampaign li img{ width:100%; display: block; }
#cartCampaign li h4{ margin:15px 0 0 0; font-size:14px; font-weight:normal; }
#cartCampaign li p{ margin:5px 0 0 0; font-size:12px; }*/

/* cart_confirm */
#cartFlow .confirmCampaign{ width:100%; margin:20px 0; padding:24px; border:var(--line-color) 1px solid; border-radius:16px; }
#cartFlow .confirmCampaign .title{ margin:0 0 20px; font-weight:700; }
#cartFlow .confirmCampaign ul{ display:flex; flex-wrap:wrap; }
#cartFlow .confirmCampaign li{ width:100%; display:flex; flex-wrap:wrap; margin:0 0 15px; padding:0 0 15px; border-bottom:var(--line-color) 1px solid; }
#cartFlow .confirmCampaign li:last-child{ margin:0; padding-bottom:0; border-bottom:none; }
#cartFlow .confirmCampaign li > div{ width:84px; margin:0 10px 0 0; }
#cartFlow .confirmCampaign li .tit{ flex:1; margin:0; font-size:14px; }
#cartFlow .confirmCampaign li p{ margin:0; }

/* cart_result */
#resultCampaign ul{width:100%;}
#resultCampaign ul:after {content: ""; clear: both; display: block;}/* clearfix */
#resultCampaign h3 {margin-bottom: 15px; padding:1px 20px; border-bottom: 1px solid #CCC; background:url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size: 85%;}
#resultCampaign {width:980px;}
#resultCampaign:after {content: ""; clear: both; display: block;}/* clearfix */
#resultCampaign li{width:480px; margin:0 20px 20px 0; float: left;}
#resultCampaign li a{display: block;}
#resultCampaign li img{width:100%; display: block;}
#resultCampaign li p{margin:5px 0 0 0;}

/* =================================================================
23.会員登録
使用ファイル：member_input.xhtml
=================================================================*/
#memberInput{padding:30px 0 0 0;}
#memberInput h3{margin:10px 0 10px 10px;}
#memberInput .social_provider ul{width:100%; padding:0 10px;}
#memberInput .social_provider li{width:220px; margin:0 20px 20px 0; float: left;}
#memberInput .social_provider ul li a{display: block; text-decoration: none;}
#memberInput .social_provider li.yahoo a{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#memberInput .social_provider li.facebook a{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#memberInput .social_provider li.twitter a{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#memberInput .social_provider li.google a{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#memberInput .social_provider li.mixi a{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#memberInput .social_provider li.line a{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#memberInput .social_provider li.paypal a{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}
#memberInput .social_provider ul li a span{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;  
	-moz-border-radius-topright: 3px;  
	-moz-border-radius-bottomright: 3px;
	}
#memberInput .social_provider li.rakuten_regist a span{padding:0; border:0; margin:0; background:none;}

/* 規約同意
-------------------------------------------------------------*/
.kiyakuArea{ margin:60px 0 0; }
#main .kiyakuArea .txt{ margin:0 0 16px; }
.kiyakuArea .txtArea{ height:260px; padding:26px; border:var(--line-color) 1px solid; overflow:auto; }
.kiyakuArea .tit{ text-align:center; font-size:16px; font-weight:700; }
.kiyakuArea .checkTxt{ text-align:center; }

/* =================================================================
24.子会員リスト
使用ファイル：child_member_list.xhtml
=================================================================*/
#childMemberList h3{display: block; font-size: 110%; margin: 30px 10px 10px; padding-bottom: 5px;}
#childMemberList .table th{vertical-align: middle;}
#childMemberList .table th.select{width: 70px;}
#childMemberList .table th.select input[type="button"]{width: initial; padding: 6px 6px;}
#childMemberList .table th.select input[type="button"] + input[type="button"]{margin-top: 5px;}
#childMemberList .table td{vertical-align: middle;}
#childMemberList .table td.select .id_and_check{display: inline-block; white-space: nowrap;}
#childMemberList .table th.regist{width: 100px;}
#childMemberList .pageguide{ float: left; width: 570px; font-size: 85%; padding-top: 4px;}
#childMemberList .rearrange{float: left; width: 200px; font-size: 85%; text-align: right;}
#childMemberList .pagelink{ clear: both; font-size: 85%; padding: 10px 0;}
#childMemberList .nolink{color: #999;}
#childMemberList .search .buttonarea,
#childMemberList .bulk_update .buttonarea{padding: 20px 0 40px;}
#childMemberList .bulk_update{margin: 20px 0 40px;}
#childMemberList .bulk_update .explanation{display: block; margin: 10px 0 20px 0; padding: 10px; background: #EEE; color: #666; font-size: 90%;}
#childMemberList .bulk_update .update_input_area{height: 35px; line-height: 35px;}
#childMemberList .bulk_update .update_input_area .select{display: inline-block;}
#childMemberList .bulk_update .update_input_area .button{display: inline-block; width: 160px; margin-left: 20px;}

/* =================================================================
25.担当法人一覧
使用ファイル：client_corporation_list.xhtml
=================================================================*/
#clientCorpList .link_office{width: 100px;}

/* =================================================================
26.担当事業所一覧
使用ファイル：client_office_list.xhtml
=================================================================*/
#clientOfficeList .pageback{max-width: 230px; font-size: 16px; margin: 50px auto 0;}

/* =================================================================
27.ポイント履歴
使用ファイル：member_point_record.xhtml
28.ポイント有効期限
使用ファイル：member_point_limit_manage.xhtml
=================================================================*/
#pointRecord .summary .detail,
#pointLimit .summary .detail{ padding:10px 3px 0; line-height:2; position:relative; }
#pointRecord .summary .detail .limit_date,
#pointLimit .summary .detail .limit_date{ font-weight:bold; }
#pointRecord .summary .total,
#pointLimit .summary .total { margin-bottom:10px; }
#pointRecord .summary .total .point,
#pointLimit .summary .total .point{ margin:0 2px; font-size:18px; font-weight:700; }

#pointRecord .summary .limit p{ margin:10px 0 0; }
/*#pointRecord .record_list td {vertical-align: inherit;}
#pointRecord .record_list td.remarks{line-height: 150%;}
#pointRecord .record_list .right {text-align: right;}
#pointRecord .record_list .plus {font-weight: bold;}
#pointRecord .point_limit_date{ font-size: 12px; text-align: left; line-height: 150%;}
#pointRecord .limit_icon{ background-color: #C00; color: #FFFFFF; display: inline-block; font-size: 10px; font-weight: normal; line-height: 1; padding: 3px 5px; vertical-align: text-bottom; }
#pointRecord th{ width: 150px; }
#pointRecord .point_kbn{display: inline-block;}*/

#pointRecord dl.recordList{ display:flex; flex-wrap:wrap; gap:16px 0; margin:24px 0 0; padding:24px; border:var(--line-color) 1px solid; border-radius:16px; }
#pointRecord dl.recordList dt{ width:120px; font-weight:500; }
#pointRecord dl.recordList dd{ width:calc(100% - 120px); }

#pointLimit .limit_list{ width:100%; margin:20px 0 0; }
#pointLimit .limit_list th{ padding:0 3px 10px; }
#pointLimit .limit_list td{ padding:10px 3px; text-align:center; border-top:var(--line-color) 1px solid; }
#pointLimit .limit_icon{ background-color:var(--font-color); color:#fff; display:inline-block; font-size: 10px; font-weight: normal; line-height: 1; padding: 3px 5px; vertical-align: text-bottom; }

/* =================================================================
29.STAFF START
=================================================================*/
/* 共通
-------------------------------------------------------------*/
#main .staff_start_error{margin: 0 0 20px; font-weight: bold; color: #C00;}/* エラーメッセージ */
#main .clear_box:after{content: ""; display: block; clear: both;}

/* コーディネート用汎用ボックス */
#main .staff_coordinate_box{float: left; margin: 0 20px 20px 0; width: 177px;}
#main .staff_coordinate_box a{display: block; text-decoration: underline; padding: 0; border: none; color: #60ac31;}
#main .staff_coordinate_box a:hover{text-decoration: none;}
#main .staff_coordinate_box img{display: block; width: 177px;}
#main .staff_coordinate_box p{margin: 0; font-size: 14px;}
#main .staff_coordinate_box:nth-of-type(4n){margin-right: 0;}
#main .staff_coordinate_box .info_box{margin: 10px 0 0 0; font-size: 0;}
#main .staff_coordinate_box .info_box .staff_icon{display: inline-block; margin: 0 10px 0 0; width: 50px;}
#main .staff_coordinate_box .info_box .staff_icon img{width: 50px; height: 50px; border-radius: 50%;}
#main .staff_coordinate_box .info_box .staff_info{margin: 0; width: 117px;}
#main .staff_coordinate_box .info_box .staff_info span{margin: 0; font-size: 14px;}

/* スタッフ一覧・コーディネート一覧 絞り込みアコーディオン */
.accordionList h2{position: relative; font-size: 15px; cursor: pointer;}
.accordionList h2::after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 8px; padding: 0; width: 8px; height: 8px; margin-top: -3px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #000000; -webkit-transform: translateY(-50%) rotate(315deg); transform: translateY(0%) rotate(315deg);}
.accordionList h2.close::after{-webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg);}
.accordionList a{display: inline-block; padding: 5px; font-size: 14px;}
.accordionList ul{margin: 0;}
.accordionList+.accordionList{margin: 30px 0 0 0;}
.accordionList .selected{display: block; padding: 5px; background: #F5F5F5; font-weight: bold; font-size: 14px;}

/* タブ切り替え */
#main .staffstart_tab .tab_nav{border-bottom: 1px solid #CCC; font-size: 0;}
#main .staffstart_tab .tab_nav .tabBtn{display: inline-block; margin: 0px 20px 0px 0px; padding: 6px 0; width: 188px; height: 35px; border-style: solid; border-width: 1px 1px 0px 1px; text-align: center; border-color: #ccc; background-color: #DDD; vertical-align: middle; cursor: pointer; font-size: 14px;}
#main .staffstart_tab .tab_nav .tabBtn.active{position: relative; background-color: #FFF; cursor: initial;}
#main .staffstart_tab .tab_nav .tabBtn.active:after{content: "";  display: block; position: absolute; width: 100%; border-bottom: 3px solid #FFF; bottom: -2px;}

#main .staffstart_tab .tab_list{padding: 20px 0;}
#main .staffstart_tab .tabContent{display: none;}
#main .staffstart_tab .tabContent:after{content: ""; display: block; clear: both;}
#main .staffstart_tab .tabContent.active {display: block;}
#main .staffstart_tab .tabContent ul{margin: 20px 0 0 0; background: none;}

/* コーディネート一覧用タブデザイン */
#main .staffstart_tab .tab_nav .tab_title{display: inline-block; margin: 0px 20px 0px 0px; padding: 6px 0; width: 188px; height: 35px; border-style: solid; border-width: 1px 1px 0px 1px; text-align: center; border-color: #ccc; background-color: #DDD; vertical-align: middle; cursor: pointer; font-size: 14px;}
#main .staffstart_tab .tab_nav .tab_title.active{position: relative; background-color: #FFF; cursor: default;}
#main .staffstart_tab .tab_nav .tab_title.active:after{content: "";  display: block; position: absolute; width: 100%; border-bottom: 3px solid #FFF; bottom: -2px;}

#main .staffstart_tab .tab_nav .tab_title a{display: block; color: #000; text-decoration: none; height: 34px;}


/* スタッフプロフィール用 */
#main .staff_profile::after{content: ""; display: block; clear: both;}
#main .staff_icon{float: left;}
#main .staff_icon img{display: block; border-radius: 50%;}
#main .staff_info{float: left; margin: 0 0 0 20px;}
#main .staff_info p{margin: 0; font-size: 13px;}
#main .staff_info .name{margin: 0 0 10px 0; font-size: 16px;}
#main .staff_info .kana{display: inline-block; margin: 0 0 0 20px; font-size: 12px;}

/* STAFF START - トップ
使用ファイル：top.xhtml
-------------------------------------------------------------*/
/* コーディネートランキング */
#main .staff_start_ranking{margin: 0 0 20px 0;}
#main .staff_start_ranking::after{content: ""; display: block; clear: both;}
#main .staff_start_ranking h2>a{float: right; margin: 4px 3px 0px 0px; font-size: 16px;}/* すべて見るリンク */
#main .staff_start_ranking .staff_coordinate_box{margin: 0 20px 30px 0;}
#main .staff_start_ranking .staff_coordinate_box:nth-of-type(4n){margin: 0 0 30px 0;}

/* スタッフランキング */
#main .staff_start_ranking .staff_list_box{width: 138px;}
#main .staff_start_ranking .staff_list_box img{width: 138px; height: 138px;}
#main .staff_start_ranking .staff_list_box .info_box{margin: 10px 0 0 0; text-align: center;}
#main #staffRanking .staff_list_box:last-of-type{margin-right: 0;}

/* STAFF START - 商品詳細
使用ファイル：item_detail.xhtml
-------------------------------------------------------------*/
/* この商品を紹介したブログ */
.staff_coordinate_box.article ul li .info_box .staff_icon,
.staff_coordinate_box.article ul li .info_box .staff_info{float: none;}

/*
STAFF START - スタッフ一覧
使用ファイル：staff_list.xhtml
-------------------------------------------------------------*/
#main .staff_list_box{margin: 0; background: none;}
#main .staff_list_box{float: left; margin: 0 20px 20px 0; width: 177px;}
#main .staff_list_box a{margin: 0; padding: 0; border: none;  color: #60ac31; font-size: 14px;}
#main .staff_list_box img{display: block; width: 177px; height: 177px; border-radius: 50%;}
#main .staff_list_box p{margin: 0; text-align: center; font-size: 14px;}
#main .staff_list_box .staff_info{float: none; margin: 10px 0 0 0;}

#main #list .staff_list_box:nth-of-type(4n),
#main .coordinate_list .staff_list_box:nth-of-type(4n){margin-right: 0;}

/*
STAFF START - スタッフ詳細
使用ファイル：staff_detail.xhtml
-------------------------------------------------------------*/
#staff_detail .staff_profile .staff_icon{width: 130px;}
#staff_detail .staff_profile .staff_icon img{width: 130px; height: 130px;}
#staff_detail .staff_profile .staff_info{padding: 10px 0; width: 290px;}
#staff_detail .staff_profile .message{float: left; margin: 0 0 0 25px; padding: 0 0 0 25px; width: 510px; border-left: 1px solid #CCC; font-size: 14px;}

#staff_detail .staffstart_tab{margin: 40px 0 0 0;}
#staff_detail .tabContent .tabContent::after{content: ""; display: block; clear: both;}
#staff_detail .tabContent .tab_loop{float: left; margin: 0 15px 15px 0; width: 233px;}
#staff_detail .tabContent .tab_loop:nth-of-type(4n){margin-right: 0;}
#staff_detail .tabContent img{display: block; width: 233px;}
#staff_detail .tabContent p{margin: 0; font-size: 14px;}
#staff_detail .tabContent .date{margin: 10px 0 0 0;}

/* 人気のタグ */
#main #list .hashtag_area{margin: 0 0 20px;}
#main #list .hashtag_area h2{border: none; font-size: 20px; margin: 0 0 16px;}
#main #list .hashtag_area h2::after{content: none;}
#main #list .hashtag_area ul{background: none;}
#main #list .hashtag_area ul li{margin: 0 0 8px;}
#main #list .hashtag_area ul li a{margin-right: 8px; padding: 7px 10px 7px 10px; text-decoration: none; font-size: 14px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#main #list .hashtag_area ul li a:hover{opacity: 0.6; cursor: pointer; transition: all .3s;}
#main #list .hashtag_area ul li .selected{display: inline-block; margin: 0 8px 0 0; padding: 7px 10px 7px 10px; border: 1px solid #CCC; background: #DDD; /*color: #FFF;*/ font-size: 14px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}

/*
STAFF START - コーディネート一覧
使用ファイル：coordinate_list.xhtml
-------------------------------------------------------------*/
#main #list .staffstart_tab .tab_list{padding: 0 0 80px;}
#main #list .staff_start_ranking img{width: 177px; height: 177px;}
#main #list .staff_start_ranking .staff_list_box{width: 177px;}
#main #list .staffstart_pager{margin: 20px 0 0 0;}

/*
STAFF START - コーディネート詳細
使用ファイル：coordinate_detail.xhtml
-------------------------------------------------------------*/

/*
STAFF START まとめ記事詳細
使用ファイル：article_detail.xhtml
-------------------------------------------------------------*/
#main .articleDetail h2{margin: 0 0 15px 0; padding: 0; font-size: 20px; font-weight: bold; border: none;}
#main .articleDetail h2::after{content: none;}
#main .articleDetail .date{display: block; margin: 0; font-size: 14px; font-weight: normal;}

#main .articleDetail .staff_profile{padding: 25px; background-color: #F5F5F5;}
#main .articleDetail .staff_icon{width: 80px;}
#main .articleDetail .staff_icon img{width: 80px; height: 80px;}
#main .articleDetail .staff_info{padding: 10px 0;}
#main .articleDetail .staff_info p{font-size: 13px;}

#main .articleDetail .content{margin: 20px 0 0 0;}
#main .articleDetail .content p{font-size: 14px;}
#main .articleDetail .content .title_image{margin: 10px 0 0 0;}
#main .articleDetail .content .title_image img{width: 120px;}
#main .articleDetail .content_block img{max-width: 470px;}
#main .articleDetail .content_block p{margin: 0;}

/* 文字サイズ */
.ss-font-size-x-small{font-size: x-small;}
.ss-font-size-small{font-size: small;}
.ss-font-size-large{font-size: large;}
.ss-font-size-x-large{font-size: x-large;}

/* コーディネート - スタッフ情報　共通設定 */
.ss-content-area.content-area-coordinate{vertical-align: middle; font-size: 0;}
.ss-content-coordinate-img{display: inline-block; width: 50%; vertical-align: middle;}
.ss-content-coordinate-info{display: inline-block; width: 50%; vertical-align: middle;}

.ss-content-user-info-list::after{content: ""; display: block; clear: both;}
.ss-content-user-info-list li{float: left;}
.ss-article-box .ss-content-user-info-list .ss-content-user-meta-list li{float: none; font-size: 14px;}
.ss-article-box .ss-content-user-info-list .ss-content-user-image{margin: 0 20px 0 0; width: 80px;}
.ss-article-box .ss-content-user-info-list .ss-content-user-image img{display: block; width: 80px; height: 80px; border-radius: 50%;}

/* ブロック共通設定 */
.ss-article-box{margin: 40px 0 0 0;}

/* ブロック2 */
.ss-boxtype-list.boxtype-2-list .ss-content-area.content-area-description{margin: 10px 0 0 0;}

/* ブロック3 */
.ss-boxtype-list.boxtype-3-list::after{content: ""; display: block; clear: both;}
.ss-boxtype-list.boxtype-3-list li{float: left; margin: 0 20px 0 0; width: 48%;}
.ss-boxtype-list.boxtype-3-list li:nth-child(2n){margin: 0;}

/* ブロック4 */
.ss-boxtype-list.boxtype-4-list::after{content: ""; display: block; clear: both;}
.ss-boxtype-list.boxtype-4-list li{float: left; margin: 0 20px 20px 0; width: 48%;}
.ss-boxtype-list.boxtype-4-list li:nth-child(2n){margin: 0 0 20px 0;}

/* ブロック3,4のコーディネート */
.ss-boxtype-list.boxtype-3-list .ss-content-coordinate-img,
.ss-boxtype-list.boxtype-4-list .ss-content-coordinate-img{width: 100%;}
.ss-boxtype-list.boxtype-3-list .ss-content-coordinate-info,
.ss-boxtype-list.boxtype-4-list .ss-content-coordinate-info{margin: 20px 0 0 0; width: 100%;}
.ss-boxtype-list.boxtype-4-list .ss-content-user-info-list .ss-content-user-meta-list li{margin: 0; width: 100%; }

/* =================================================================
　お問い合わせ
=================================================================*/
.contact .HTMLFORM_ELEMENT{ display:inline-block; margin:0 10px 10px 0; }

/* contactPage
-------------------------------------------------------------*/
.contactPage ul.formList > li .formLabel{ padding:0 16px 0 0; }
.contactPage ul.formList > li .sentence .HTMLFORM_LABEL_GROUP,
.contactPage ul.formList > li .sentence .HTMLFORM_ELEMENT{ width:100%; display:block; margin-bottom:-10px; }
.contactPage ul.formList > li .sentence a{ color:var(--link-color); }

.contactKiyaku{ margin:40px 0 0; }
.contactKiyaku .txt a{ color:var(--link-color); }
.contactKiyaku label{ display:block; margin:10px 0 0; text-align:center; }
.inputBtnArea .grayBtn2{ cursor:default; }

.applyLink{ text-decoration: underline; color: var(--link-color); }
.applyRed{ color: var(--red-color); }

/* =================================================================
　LINE
=================================================================*/
/* lineList
-------------------------------------------------------------*/
ul.lineList{ display:flex; flex-wrap:wrap; gap:60px; }
ul.lineList li{ width:calc((100% - 120px) / 3); padding:0 0 66px; position:relative; }
ul.lineList li .entit{ margin:14px 0 0; font-size:18px; font-weight:300; font-family:var(--en-font); }
ul.lineList li .tit{ margin:8px 0 0; font-size:13px; color:var(--font-gray-color); }
ul.lineList li .txt{ margin:20px 0 0; font-size:13px; }
ul.lineList li .link1{ margin:14px 0 0; font-size:13px; }
ul.lineList li .link1 a{ padding:0 20px 0 0; background:url("../images/arrow_blue_right.svg") no-repeat right center / 10px auto; color:var(--link-color); }
ul.lineList li .btnArea{ width:100%; margin:14px 0 0; position:absolute; left:0; bottom:0; }
ul.lineList li .btnArea a{ width:100%; }

/* lineDetail
-------------------------------------------------------------*/
.lineKv{ margin:50px 0 0; }
.lineDetail{ max-width:800px; margin:0 auto; }
.lineDetail h2{ margin:76px 0 60px; text-align:center; font-size:26px; }
.lineDetail h2 span{ display:block; margin:0 0 10px; font-size:18px; }
.lineDetail h3{ margin:60px 0 40px; font-size:22px; }
.lineDetail h4{ margin:60px 0 40px; font-size:18px; }
.lineDetail p,
.lineDetail img{ display:block; margin:30px 0 0; line-height:2; }

/* lineBox
-------------------------------------------------------------*/
.lineBox{ margin:70px 0 0; }

/* =================================================================
　ギフリク
=================================================================*/
/* gifrequArea
-------------------------------------------------------------*/
#gifrequArea .gifrequSelect .HTMLFORM_ELEMENT{ margin:0 10px 0 0; }
#gifrequArea .gifrequInput{ display:none; }
#gifrequArea .gifrequInput.on{ display:flex; }
#gifrequArea .seaRouteSelect > div{ display:none; margin:15px 0 0; }
#gifrequArea .seaRouteSelect > div.on{ display:block; }
#gifrequHaisoArea.off{ display:none; }
#gifrequArea .messageSample{ margin:30px 0 0; }
#gifrequArea .messageSample .cardBox{ margin:10px 0 0; padding:10px 20px; border:var(--line-color) 1px solid; }
#gifrequArea .messageSample .cardBox .tit{ font-size:15px; }
#gifrequArea .messageSample{ display:none; }
#gifrequArea .messageSample.on{ display:block; }

/*---------- PC版 ----------------------------------------------------------*/
@media screen and (min-width:769px){
    
    .spOnly{ display:none !important; }
    
    /* hover
    -------------------------------------------------------------*/
    .importantInfo dl dd ul li a,
    #main-carousel .splide__slide a img,
    .topWelcom ul li a,
    .ctgBanner dl dd ul li a img,
    .bannerArea1 ul li a img,
    .bannerArea2 ul li a img,
    ul.itemlist li a img,
    ul.splideItemlist li a img,
    ul.couponlist li a img,
    ul.splideCouponlist li a img,
    ul.cateList li a,
    .cateBox .cateTit2 a,
    .cateBox .cateTit a,
    .whiteBtn,
    .whiteBtn2,
    .blueBtn,
    .blueBtn2,
    .blueBtn3,
    .lightBlueBtn,
    .grayBtn,
    .redBtn,
    .yellowBtn,
    ul.newsList li a,
    .cmContact ul li a,
    .aboutClub a img,
    .clubFaq ul li a,
    ul.tagList li a,
    ul.tabMenu li a,
    .cartBtn,
    ul.cateList2 li a img,
    ul.cateList3 > li a img,
    ul.cateList4 li a,
    .pagelink .numberArea a,
    .pagelink a.preBtn,
    .pagelink a.nextBtn,
    #member.mypage ul.mypageList li,
    ul.caseList li a img,
    ul.popularList li a img,
    ul.cartList li .delete a,
    .bmBtnBlue,
    #header .headerMain .funNav ul li.ctgMenu .ctgMenuList ul a{ transition:all .3s; }
    
    .importantInfo dl dd ul li a:hover{ background-image:url("../images/arrow_blue_right2_hover.svg"); }
    .importantInfo dl dd ul li a:hover .txt{ text-decoration:underline; }
    
    #main-carousel .splide__slide{ overflow:hidden; }
    #main-carousel .splide__slide a img:hover{ transform:scale(1.1); }
    
    .topWelcom ul li a:hover{ background-color:var(--shopping-bg-color); background-image:url("../images/arrow_blue_right2_hover.svg"); }
    .topWelcom ul li:nth-child(2) a:hover{ background-color:var(--gas-bg-color); }
    .topWelcom ul li:nth-child(3) a:hover{ background-color:var(--reform-bg-color); }
    .topWelcom ul li:nth-child(4) a:hover{ background-color:var(--hcleaning-bg-color); }
    
    .ctgBanner dl dd ul li a:hover img{ transform:scale(1.05); }
    
    .bannerArea1 ul li a,
    .bannerArea2 ul li a{ display:inline-block; overflow:hidden; }
    .bannerArea1 ul li a:hover img,
    .bannerArea2 ul li a:hover img{ transform:scale(1.1); }
    
    ul.itemlist li a:hover img,
    ul.splideItemlist li a:hover img,
    ul.couponlist li a:hover img,
    ul.splideCouponlist li a:hover img{ transform:scale(1.1); }
    
    ul.cateList li a:hover,
    .cateBox .cateTit2 a:hover{ text-decoration:underline; }
    
    .cateBox .cateTit a:hover{ background-color:var(--shopping-bg-color); }
    .cateBox.gas .cateTit a:hover{ background-color:var(--gas-bg-color); }
    .cateBox.reform .cateTit a:hover{ background-color:var(--reform-bg-color); }
    .cateBox.hcleaning .cateTit a:hover{ background-color:var(--hcleaning-bg-color); }
    .cateBox.life .cateTit a:hover{ background-color:var(--life-bg-color); }
    
    .topProblems .imgArea .layout ul li a{ transition:background .3s; }
    .topProblems .imgArea .layout ul li a:hover{ background-color:#fff; border-color:#FFDD1B; }
    
    .blueBtn:hover{ background-color:#fff; background-image:url("../images/arrow_white_right3_hover.svg"); color:var(--main-color); }
    .blueBtn2:hover{ background-color:#fff; color:var(--main-color); }
    .blueBtn3:hover{ background-color:#fff; background-image:url("../images/arrow_blue_right5_hover.svg"); }
    .lightBlueBtn:hover{ background-color:#fff; color:#009CD0; }
    .grayBtn:hover{ background-color:#fff; color:#676767; }
    .redBtn:hover{ background-color:#fff; color:var(--red-color); }
    .whiteBtn:hover{ background-image:url("../images/arrow_white_right3.svg"); background-color:var(--main-color); color:#fff; }
    .whiteBtn2:hover{ background-color:var(--main-color); color:#fff; }
    .whiteBtn.web:hover span{ background-image:url("../images/ico_pc_hover.svg"); }
    .whiteBtn.tel:hover span{ background-image:url("../images/ico_tel_blue_hover.svg"); }
    .whiteBtn.estimate:hover span{ background-image:url("../images/ico_estimate_hover.svg"); }
    .whiteBtn.doc:hover span{ background-image:url("../images/ico_doc_hover.svg"); }
    .yellowBtn:hover{ background-color:#fff; }
    
    ul.newsList li a:hover{ background-image:url("../images/arrow_blue_right2_hover.svg"); }
    ul.newsList li a:hover .txt{ text-decoration:underline; }
    
    .cmContact ul li a:hover{ background-color:var(--main-color); background-image:url("../images/arrow_white_right3.svg"); color:#fff; }
    
    .aboutClub a:hover img{ transform:scale(1.1); }
    
    .clubFaq ul li a:hover{ background-color:var(--main-color); background-image:url("../images/arrow_blue_right2_hover.svg"); }
    .clubFaq ul li a:hover .txtArea{ color:#fff; }
    
    #footer nav ul.catList li a:hover,
    #footer nav ul.infoList li a:hover{ text-decoration:underline; }
    
    ul.tagList li a:hover,
    ul.tabMenu li a:hover{ background:var(--shopping-color); color:#fff; }
    ul.tabMenu.gasBg li a:hover,
   .gasBg ul.tagList li a:hover{ background:var(--gas-color); color:#fff; }
    
    .cartBtn:hover{ background-color:#fff; background-image:url("../images/ico_cart2_red.svg"); color:var(--red-color); }
    
    ul.cateList2 li a:hover img{ transform:scale(1.1); }
    ul.cateList2 li a:hover p{ text-decoration:underline; }
    
    ul.cateList3 > li a:hover img{ transform:scale(1.1); }
    ul.cateList3 > li a:hover p{  background-image:url("../images/arrow_blue_right2_hover.svg"); }
    
    ul.cateList4 li a:hover{ background:var(--main-color); border-color:var(--main-color); color:#fff; }
    
    .pagelink .numberArea a:hover{ border-color:var(--main-color); color:var(--main-color); }
    .pagelink a.preBtn:hover,
    .pagelink a.nextBtn:hover{ background-image:url("../images/arrow_white_right2_hover.svg"); background-color:#fff; }
    
    #member.mypage ul.mypageList li:hover{ background-image:url("../images/arrow_blue_right2_hover.svg"); }
    
    ul.caseList li a:hover img{ transform:scale(1.1); }
    
    ul.popularList li a:hover img{ transform:scale(1.1); }
    
    ul.cartList li .delete a:hover{ background:#fff; }
    
    .bmBtnBlue:hover{ background:#fff; color:#009CD0; }
    
    #header .headerMain .funNav ul li.ctgMenu .ctgMenuList ul a:hover{ background-color:var(--third-color); }
    
    .cmLink1:link,
    .cmLink1:visited{ text-decoration:underline; }
    .cmLink1:hover,
    .cmLink1:active{ text-decoration:none; }
    
    #itemListCategory .subCate ul li a:link,
    #itemListCategory .subCate ul li a:visited{ text-decoration:underline; }
    #itemListCategory .subCate ul li a:hover,
    #itemListCategory .subCate ul li a:active{ text-decoration:none; }
    
    ul.cateList2 > li ul li a:link,
    ul.cateList2 > li ul li a:link:visited{ text-decoration:none; }
    ul.cateList2 > li ul li a:link:hover,
    ul.cateList2 > li ul li a:link:active{ text-decoration:underline; }    
    
    /* スクロール
    -------------------------------------------------------------*/
    /*.xscrollList4,
    .xscrollList5,
    .xscrollList6{ width:100%; position:relative; }
    .xsPreBtn,
    .xsNextBtn{ display:none; }
    .xsPreBtn,
    .xsNextBtn{ width:39px; height:39px; content:""; background:url("../images/arrow_white_right4.svg") no-repeat center center / 100% auto; border-radius:50%; box-shadow:0 0 6px rgba(0, 0, 0, 0.1); position:absolute; top:calc(50% - 20px); z-index:5; }
    .xsCount{ display:none; }
    .xsPreBtn{ transform:rotate(180deg); left:-30px; }
    .xsNextBtn{ right:-30px; }
    .xscrollListCon{ width:100%; min-height:259px; overflow:hidden; position:relative; }
    .xscrollListCon ul.itemlist{ flex-wrap:nowrap; position:absolute; top:0; left:0; }
    .xscrollListCon ul.itemlist > li{ flex-shrink:0; margin-bottom:0; padding-bottom:0; }

    .xscrollList6 ul.itemlist > li:nth-child(5n){ margin-right:25px; }
    .xscrollList6 ul.itemlist > li:nth-child(6n){ margin-right:0; }
    .xscrollList6 ul.itemlist > li .img_box{ height:160px; }*/
    
    /* fixContact
    -------------------------------------------------------------*/
    #fixContact{ position:fixed; right:0; bottom:180px; z-index:5; }
    #fixContact ul li .cartScrollBtn,
    #fixContact ul li .cartScrollBtn2{ width:52px; height:220px; display:flex; align-items:center; padding:55px 5px 0 0; writing-mode:vertical-rl; background:url("../images/ico_cart2.svg") no-repeat 9px 16px / 27px auto var(--red-color); border:none; border-radius:16px 0 0 16px; font-size:16px; letter-spacing:0.2em; color:#fff; }
    #fixContact ul li .cartScrollBtn2{ padding-top:50px; background-color:var(--second-color); }
    #itemDetail #fixContact .whiteBtn.cartScrollBtn.cartBtn_comment{background-position-x: calc(50% - 70px);}
    #itemDetail #fixContact .whiteBtn.cartScrollBtn.cartBtn_comment span{font-size: 12px;}
    #fixContact ul li .noIcon{ background-image:none; }
    #fixContact .cartSubmitButton{ position:relative; }
    #fixContact .cartSubmitButton .cartMessage{ top:40px; left:-250px; }
    
    #fixContact .fixBlueBox{ width:254px; padding:13px 16px; background:var(--second-color); border-radius:16px 0 0 16px; color:#fff; }
    #fixContact .fixBlueBox p{ display:flex; justify-content:center;  margin:0 0 4px; font-size:16px; font-weight:700; line-height:1.4; }
    #fixContact .fixBlueBox ul{ display:flex; flex-wrap:wrap; gap:6px 0; }
    #fixContact .fixBlueBox ul li{ width:100%; }
    #fixContact .fixBlueBox a,
    #fixContact .fixBlueBox input[type = submit]{ display:block; padding:10px 0 12px; text-align:center; background:#fff; border-radius:50px; font-size:18px; font-weight:700; color:var(--font-color); }
    #fixContact .fixBlueBox a.tel{ display: none; }
    #fixContact .fixBlueBox a span{ display:inline-block; padding:0 15px 0 30px; background:url("../images/ico_estimate_gray.svg") no-repeat 0 center / 32px auto; }
    #fixContact .fixBlueBox a.doc span{ background:url("../images/ico_doc_gray.svg") no-repeat 0 center / 27px auto; }
    #fixContact .fixBlueBox a.tel span{ background:url("../images/ico_tel.svg") no-repeat 0 center / 29px auto; }
    
}


/*---------- タブレット版 ----------------------------------------------------------*/
@media screen and (min-width:768px) and ( max-width:1245px){
    .wishlistSubmitButton .wishlistMessage,
    .wishlistSubmitButton .wishlistDelMessage{ right:0; }
}

/*---------- SP版 ----------------------------------------------------------*/
@media screen and (max-width:768px){
    
    html{scroll-padding-top: 51px;}

    .pcOnly,
    .xsCount{ display:none !important; }
    
    .inner,
    #container,
    #ext,
    #main.no-sidebar,
    #subwindow,
    .shortContainer{ padding:0 20px; }
    #main.shortContainer{ padding:0; }
        
    /* form
    -------------------------------------------------------------*/
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="number"],
    input[type="search"],
    textarea{ width:100%; padding:14px 16px; }
    select{ padding:13px 60px 13px 16px; }
    
    .form_attention{ display:block; margin:8px 0 0 !important; line-height:1.7; }
    
    /* btn
    -------------------------------------------------------------*/
    .whiteBtn,
    .blueBtn{ width:100%; padding:14px 42px 14px 20px; background-position:right 20px center; background-size:22px auto; font-size:14px; }
    .whiteBtn img{ width:23px; }
    
    .whiteBtn.web span{ background-position:0 center; background-size:28px auto; }
    .whiteBtn.tel span{ padding-bottom:2px; background-position:0 center; background-size:23px auto; }
    
    .yellowBtn{ padding:8px 0 15px 10px; background-position:right 26px center; background-size:20px auto; font-size:18px; }
    .yellowBtn p{ background-position:left bottom 3px; }
    .yellowBtn p span{ font-size:12px; }
    
    .moreBtn{ max-width:270px; margin:36px auto 0; }
    .moreBtn a{ padding:20px 20px; }
    
    .zipBtn{ font-size:13px; }
    
    .buttonarea{ flex-wrap:wrap-reverse; gap:8px 0; margin:40px 0 0; }
    .buttonarea a,
    .buttonarea input,
    .buttonarea .grayBtn2{ max-width:335px; margin:0 auto; padding:18px 0; font-size:14px; }
    
    .buttonarea2{ margin:40px 0 0; padding:24px 0; }
    
    /* title
    -------------------------------------------------------------*/
    .heading1{ margin:0 0 16px; font-size:18px; line-height:1.3; }
    .heading1 img{ width:18px; margin:0 8px 0 0; }
    .heading1 img.coupon{ width:24px; }
    .heading1 img.bag,
    .heading1 img.books,
    .heading1 img.news,
    .heading1 img.house{ width:21px; vertical-align:-2px; }
    .heading1 img.limited{ width:21px; vertical-align:-3px; }
    .heading1 img.ranking{ width:19px; }
    .heading1 img.cate{ width:20px; }
    .heading1 img.popular{ width:24px; vertical-align:-5px; }
    
    .heading2{ margin:40px 0 8px; font-size:16px; line-height:1.3; }
    
    .heading3{ margin:0 0 24px; font-size:18px; }
    
    .heading4{ margin:0 0 24px; padding:20px; font-size:16px; }
    
    .heading5{ margin:0 0 24px; font-size:18px; }
        
    .pageTitle{ font-size:24px; }
    
    .catePageTit .title{ font-size:24px; }
    
    /* テキスト
    -------------------------------------------------------------*/ 
    .lead1{ margin:16px 0; font-size:14px; }
    
    .lead2{ margin:16px 0; font-size:14px; }
    
    .leadBox{ margin:24px 0 0; font-size:14px; }
    .leadBox .title{ margin:0 0 15px; font-size:18px; }
    
    .scrollBox{ padding:16px; }
    
    .note{ margin:19px 0 0; font-size:12px; }
    ul.note{ margin:16px 0 0; }
    ul.note li{ font-size:12px; line-height:1.2; }
    
    /* 　アイコン
    -------------------------------------------------------------*/
    ul.itemCatList{ justify-content:flex-start; gap:10px; margin:34px 0 0; }
    ul.itemCatList li{ width:calc((100% - 20px) / 3); }
    ul.itemCatList li a{ min-height:39px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding:5px 5px; font-size:13px; }
    
    ul.itemIcoList li{ padding:5px 5px 3px; font-size:11px; }
    
    /* 　スペース
    -------------------------------------------------------------*/
    .mgTop1{ margin:40px 0 0; }
    
    .mgB1{ margin-bottom:40px !important; }
       
    /* breadcrumbs
    -------------------------------------------------------------*/
    #breadcrumbs{ padding:8px 0; font-size:10px; font-weight:500; line-height:1.6; letter-spacing:0.2px; }
    #breadcrumbs a,
    #breadcrumbs span{ font-size:10px; }
    
    /* 　ページング
    -------------------------------------------------------------*/
    .pagelink{ max-width:100%; margin:75px 20px 0; }
    .pagelink a.preBtn,
    .pagelink a.nextBtn{ width:30px; }
    .pagelink a.preBtn{ left:0; }
    .pagelink a.nextBtn{ right:0; }
    .pagelink .numberArea a,
    .pagelink .numberArea > p > .current{ width:32px; height:32px; }
    
    .pageguide{ font-size:12px; }
    
    /* 　ul
    -------------------------------------------------------------*/
    ul.discList2{ font-size:14px; }
    ul.discList2 > li{ margin:0 0 16px; }
    
    /* 　inputNav
    -------------------------------------------------------------*/
    .inputNav{ font-size:13px; }
    .inputNav ul li{ padding:0 20px 0 10px; }
    
    /* pageTop
    -------------------------------------------------------------*/
    #pageTop{ right:10px; bottom:150px; }
    
    /* cmBox
    -------------------------------------------------------------*/
    .cmBox{ margin:40px 0 0; }
    .cmBox.reform{ margin:0; }
    .cmBox.bgGray{ padding:40px 0; }
    .cmBox.bgBlue{ padding:40px 0; }
    
    /* cmContact
    -------------------------------------------------------------*/
    .cmContact{ padding:40px 0; }
    .cmContact ul{ max-width:270px; margin:24px auto 0; gap:16px 0; }
    .cmContact ul li{ width:100%; flex:none; }
    .cmContact ul li:nth-child(1) .whiteBtn img{ width:28px; }
    .cmContact ul li a{ padding:20px 30px 20px 20px; }
    .whiteBtn.web span{ padding-left:35px; padding-right:0; }
    .whiteBtn.tel span{ padding-left:32px; padding-right:0; }
    
    /* cmContact2
    -------------------------------------------------------------*/
    .cmContact2{ margin:40px 0 0; }
    .cmContact2.reform{ margin:40px 0; }
    .cmContact2 .lead{ font-size:16px; }
    
    /* cmContact3
    -------------------------------------------------------------*/
    .cmContact3{ margin:40px 0; padding:240px 0 0; }
    .cmContact3::before{ height:355px; background-image:url(../images/reform/img_contact_sp.jpg); }
    .cmContact3 .lead{ font-size:16px; }
    
    /* cmContactList
    -------------------------------------------------------------*/
    ul.cmContactList{ display:block; margin:16px 0 0; }
    ul.cmContactList li{ margin:8px auto 0; }
    
    /* aboutClub
    -------------------------------------------------------------*/
    .aboutClub{ margin:40px 0 0; padding:24px 0 0; }
    .aboutClub .tit{ font-size:16px; }
    
    /* clubFaq
    -------------------------------------------------------------*/
    .clubFaq{ padding:100px 0 40px; background:url("../images/footer_img_city_sp.png") no-repeat 0 0 / 100% auto var(--second-color); }
    .clubFaq ul{ gap:16px 0; padding:35px 0 0; }
    .clubFaq ul li{ width:100%; flex:none; }
    .clubFaq ul li a{ align-items:center; padding:24px 52px 24px 16px; }
    .clubFaq ul li a figure{ width:64px; }
    .clubFaq ul li a .txtArea{ width:calc(100% - 64px); padding:0 0 0 8px; }
    .clubFaq ul li a .txtArea .tit{ font-size:17px; line-height:1.41; letter-spacing: 1px; }
    .clubFaq ul li a .txtArea .txt{ margin:4px 0 0; line-height:1.64; }
    
    /* footer
    -------------------------------------------------------------*/
    #footer{ padding:48px 0 130px; }
    #footer.simpleFooter{ margin:80px 0 0; }
    #footer .inner{ display:block; }
    #footer .logo{ margin:0 auto; }
    #footer nav{ width:100%; padding:0; }
    #footer nav ul.catList{ margin:48px 0 0; gap:24px 42px; font-size:14px; }
    #footer nav ul.catList li a{ font-size:14px; }
    #footer nav ul.infoList{ gap:20px; margin:48px 0; }
    #footer nav ul.infoList li a{ font-size:12px; line-height:1.83; }
    #footer .copy{ letter-spacing:0.6px; }
    
    /* fixContact
    -------------------------------------------------------------*/
    #fixContact{ width:100%; padding:10px; background:var(--main-color); color:#fff; position:fixed; left:0; bottom:0; z-index:3; }
    #fixContact{ transition:bottom 0.2s; }
    #fixContact.btSpace{ bottom:55px; }
    #fixContact .tit{ margin:0 0 6px; text-align:center; font-size:12px; font-weight:700; line-height:1.6; }
    #fixContact .whiteBtn{ padding:12px 0 12px 10px; text-align:center; background-image:none; font-size:14px; font-weight:700; line-height:1.6; }
    /*#fixContact .whiteBtn img{ width:18px; margin:0 5px 0 0; vertical-align:-5px; }
    #fixContact .whiteBtn.estimate img{ width:12px; vertical-align:-3px; }
    #fixContact .whiteBtn.tel img{ width:16px; margin-right:3px; vertical-align:-3px; }
    #fixContact .whiteBtn span{ padding:0 24px 0 0; background:url(../images/arrow_blue_right3.svg) no-repeat right center / 13px auto #fff; }*/
    #fixContact .whiteBtn.cartScrollBtn{ margin:0 auto; padding-left:30px; background:url("../images/ico_cart_blue.svg") no-repeat calc(50% - 50px) center / 24px auto #fff; }
    #fixContact ul li .whiteBtn.noIcon{ padding-left:0; background-image:none; }
    #fixContact ul{ display:flex; gap:0 5px; color:var(--font-color); }
    #fixContact ul li{ flex:1; }
    #fixContact .txt{ margin:0 5px 5px; text-align:center; }
    
    #fixContact .fixBlueBox a{ padding:12px 0 12px; }
    #fixContact .fixBlueBox a.arrow{ background:url("../images/arrow_blue_right4.svg") no-repeat right calc(50% - 85px) center / 15px auto #fff; }
    #fixContact .fixBlueBox a span{ display:inline-block; padding:1px 0 1px 22px; background:url("../images/ico_estimate.svg") no-repeat 0 center / 17px auto; }
    #fixContact .fixBlueBox a.doc span{ background:url("../images/ico_doc.svg") no-repeat 0 center / 18px auto; }
    #fixContact .fixBlueBox a.tel span{ background:url("../images/ico_tel_blue.svg") no-repeat 0 center / 17px auto; }
    
    #reformPage #fixContact ul li a{ padding:10px 0px; text-align:center; font-size:12px; }
    
    /* スライダー
    -------------------------------------------------------------*/
    #main-carousel{ overflow:hidden; }
    #main-carousel .splide__slide{ border-radius:10px;  }
    #main-carousel .splide__slide img{ width:auto; height:177px;  }
    #main-carousel .splide__arrow{ width:30px; height:30px; }
    #main-carousel .splide__arrow::after{ background-size:9px auto; }
    #main-carousel .splide__arrow--prev{ left:calc(50% - 185px); }
    #main-carousel .splide__arrow--next{ left:calc(50% + 155px); }
    
    #main-carousel2 .splide__slide{ border-radius:10px;  }
    #main-carousel2 .splide__slide img{ width:auto; height:177px;  }
    #main-carousel2 .splide__arrow{ width:30px; height:30px; top:calc(50% - 15px); }
    #main-carousel2 .splide__arrow::after{ background-size:9px auto; }
    #main-carousel2 .splide__arrow--prev{ left:calc(50% - 175px); }
    #main-carousel2 .splide__arrow--next{ left:calc(50% + 150px); }
    
    #thumbnail-carousel{ overflow-x:auto; }
    #thumbnail-carousel .splide__list{ justify-content:flex-start; }
    #thumbnail-carousel .splide__list .splide__slide:first-child{ margin-left:20px; }
    #thumbnail-carousel .splide__track--nav>.splide__list>.splide__slide.is-active{ border-width:2px; border-radius:5px; }
    
    #detail-main-carousel .splide__arrow{ width:30px; height:30px; }
    #detail-main-carousel .splide__arrow--prev{ left:-15px; }
    #detail-main-carousel .splide__arrow--next{ right:-15px; }

    /* searchArea
    -------------------------------------------------------------*/
    .searchArea input[type = "search"],
    .itemSearchArea .searchArea input[type = "text"]{ width:calc(100% - 44px); height:40px; }
    .searchArea input[type = "submit"]{ width:44px; height:40px; background-size:18px auto; }
    
    /* importantInfo
    -------------------------------------------------------------*/
    .importantInfo.mgT{ margin-top:40px; }
    .importantInfo dl{ display:block; }
    .importantInfo dl dt{ width:100%; padding:0 0 12px 32px; }
    .importantInfo dl dd{ width:100%; }
    .importantInfo dl dd ul li a{ display:block; }
    .importantInfo dl dd ul li a .day{ width:100%; display:block; }
    .importantInfo dl dd ul li a .txt{ width:100%; display:block; margin:10px 0 0; font-size:14px; }
    
    /* ctgBanner
    -------------------------------------------------------------*/
    .ctgBanner{ margin:40px 0 0; }
    .ctgBanner .inner::after{ width:75px; aspect-ratio:75 / 66; top:1px; right:33px; bottom:auto; }
    .ctgBanner .title{ padding:4px 21px; font-size:14px; }
    .ctgBanner dl{ display:block; margin:-10px 0 0; padding:19px 21px; background:#fff; }
    .ctgBanner dl dt{ width:100%; font-size:16px; }
    .ctgBanner dl dd{ width:100%; margin:12px 0 0; }
    .ctgBanner dl dd ul{ gap:10px; }
    .ctgBanner dl dd ul li{ width:calc((100% - 10px) / 2); }
    .ctgBanner dl dd ul li:last-child{ width:100%; }
    .ctgBanner dl dd ul li img{ max-height:100%; }
    
    /* bannerArea1
    -------------------------------------------------------------*/
    .bannerArea1{ margin:40px 0 0; }
    .bannerArea1.mgTshort{ margin-top:40px; }
    .bannerArea1.mgB{ margin-bottom:40px; }
    
    /* bannerArea2
    -------------------------------------------------------------*/
    .bannerArea2{ margin:40px 0 0; }
    .bannerArea2 ul li{ width:100%; }
    
    /* freeArea1
    -------------------------------------------------------------*/
    .freeArea1{ margin:40px 0 0; }
    
    /* itemListBox
    -------------------------------------------------------------*/
    .itemListBox .heading1{ margin-top:40px; }
    
    /* itemListBox
    -------------------------------------------------------------*/
    .rankingArea{ margin:40px 0 0; }
    
    .rankingArea.grayBg{ padding:40px 0; }
    
    /* tab
    -------------------------------------------------------------*/
    ul.tabMenu{ display:flex; flex-wrap:nowrap; margin:0 -20px 20px 0; background:none; border-radius:50px 0 0 50px; overflow:auto; }
    ul.tabMenu li{ flex-shrink:0; background:#fff; }
    ul.tabMenu li:last-child{ background:var(--gray-color); background:linear-gradient(90deg, #fff 0%, #fff 50%, var(--gray-color) 50%, var(--gray-color) 100%); }
    ul.tabMenu li:last-child a{ background:#fff; }
    ul.tabMenu li:last-child a.on{ background:var(--shopping-color); }
    ul.tabMenu.gasBg li:last-child a.on{ background:var(--gas-color); }
    
    /* cateListArea
    -------------------------------------------------------------*/
    .cateListArea{ margin:40px 0 0; padding:40px 0; }
    .cateListArea .heading1{ margin-top:0; }
    
    /* cateBox
    -------------------------------------------------------------*/
    .cateBox{ padding-bottom:0; border-radius:16px; }
    .cateBox .cateTit{ position:relative; }
    .cateBox .cateTit::before,
    .cateBox .cateTit::after{ width:21px; height:2px; content:""; background:#fff; position:absolute; top:50%; right:18px; z-index:3; }
    .cateBox.hcleaning .cateTit::before,
    .cateBox.hcleaning .cateTit::after{ background:#6F6F6F; }
    .cateBox .cateTit p{ padding:0 16px; }
    .cateBox .cateTit p::after{ background-image:none; }
    .cateBox.hcleaning .cateTit img{ width:27px; }
    .cateBox.hcleaning .cateTit p::after{ background-image:none; }
    .cateBox .cateTit2 a{ padding:20px 16px; }
    .cateBox .cateTit2 a p{ font-weight:500; }
    .cateTit3{ margin:12px 16px 8px; padding:7px 0; font-size:12px; }
    .cateBox .link{ border-top:#ECECEC 1px solid; border-bottom:#ECECEC 1px solid; }
    .cateBox .link a{ display:block; padding:28px 26px 28px 16px; background:url("../images/arrow_gray_right.svg") no-repeat right 16px center / 8px auto; font-size:14px; font-weight:500; line-height:1.3; }
    .cateBox .caseLink a{ padding:28px 16px; font-size:14px; font-weight:700; line-height:1.2; }
    
    .cateBox .cateBoxMenu{ height:calc-size(auto, size); opacity:1; transition: height 0.3s ease, opacity 0.3s ease, content-visibility 0.3s ease allow-discrete; }
    .cateBox.close .cateBoxMenu{ height:0; overflow:clip; opacity:0; }
    .cateBox .cateTit::after{ transition:all 0.3s; }
    .cateBox.close .cateTit::after{ transform:rotate(90deg); }
    
    /* cateListBox */
    .cateListBox .cateTit2{ font-size:16px; }
    .cateListBox .cateTit a{ font-size:12px; }
    
    /* cateList
    -------------------------------------------------------------*/
    ul.cateList{ margin:8px 0 12px; }
    ul.cateList li{ width:calc(100% / 2); }
    ul.cateList li a{ padding:13px 30px 13px 16px; background-position:right 16px center; background-size:8px auto; }
    ul.cateList li a p{ font-size:12px; }
    
    /* cateList2
    -------------------------------------------------------------*/
    ul.cateList2{ gap:16px; }
    ul.cateList2 > li{ width:calc((100% - 16px) / 2); }
    ul.cateList2 > li a p{ font-size:14px; }
    ul.cateList2 > li:nth-child(4) p.nolink{ min-height:2.6em; }
    ul.cateList2 > li ul li{ border-width:1px; }
    
    /* cateList3
    -------------------------------------------------------------*/
    ul.cateList3{ gap:16px 0; }
    ul.cateList3 > li{ width:100%; }
    ul.cateList3 > li a{ display:flex; align-items:center; }
    ul.cateList3 > li a figure{ width:180px; }
    ul.cateList3 > li a p{ width:calc(100% - 180px); font-size:14px; }
    
    /* cateList4
    -------------------------------------------------------------*/
    ul.cateList4 li a{ font-size:12px; }
    
    /* popup
    -------------------------------------------------------------*/
    .popup .popupBox{ border-radius:10px; }
    
    /* newsArea
    -------------------------------------------------------------*/
    .newsArea{ margin:40px 0 0; padding:40px 0; }
    
    /* newsList
    -------------------------------------------------------------*/
    ul.newsList li{ margin:16px 0 0; }
    ul.newsList li a{ display:block; padding:20px 40px 20px 16px; background-position:right 16px center; background-size:16px auto; position:relative; }
    ul.newsList li a .day{ width:100%; font-size:14px; font-weight:500; line-height:1.3; }
    ul.newsList li a .txtArea{ width:100%; display:block; }
    ul.newsList li a .txtArea .cate{ display:inline-block; padding:5px 12px; font-size:12px; font-weight:500; line-height:1; position:absolute; top:18px; left:110px; }
    ul.newsList li a .txtArea .txt{ margin:10px 0 0; padding:0; font-size:14px; font-weight:700; line-height:1.3; }
    ul.newsList li a .imgBd{ margin:16px 0 0; }
    
    /* itemSearchArea
    -------------------------------------------------------------*/
    .itemSearchArea{ margin:40px 0 0; padding:40px 0; }
    
    /* tagList
    -------------------------------------------------------------*/
    ul.tagList li a{ padding:3px 16px 5px; font-size:12px; }
    
    /* tagList2
    -------------------------------------------------------------*/
    ul.tagList2 li{ padding:5px 12px 6px; }
    
    /* tagList3
    -------------------------------------------------------------*/
    ul.tagList3 li{ padding:5px 12px 6px; }
    
    /* tagList4
    -------------------------------------------------------------*/
    ul.tagList4{ gap:4px; }
    
    /* tagList5
    -------------------------------------------------------------*/
    ul.tagList5{ gap:4px; }
    ul.tagList5 li{ font-size:10px; }
    
    /* .shoppingFlowArea
    -------------------------------------------------------------*/
    .shoppingFlowArea{ margin:40px 0 0; }
    
    /* .faqArea
    -------------------------------------------------------------*/
    .faqArea{ margin:40px 0 0; }
    
    /* faqPage
    -------------------------------------------------------------*/
    .faqPage .faqArea{ margin:40px 0 0; }
    .faqPage .faqArea .heading5{ margin:40px 0 8px; }
    .faqPage .faqArea dl.faqList{ margin:0 0 40px; }
    .faqPage .ocBoxCon table th,.faqPage .ocBoxCon table td{display: block; width: 100%;}
    .faqPage .ocBoxCon table td{border-top: none;}
    /* topWelcom
    -------------------------------------------------------------*/
    .topWelcom{ margin:24px 0 0; padding:40px 0; }
    .topWelcom .titleArea{ font-size:20px; }
    .topWelcom .titleArea .title::before{ display:none; line-height:1.3; }
    .topWelcom .titleArea .title{ width:95%; max-width:279px; }
    .topWelcom .titleArea .title img{ width:100%; }
    .topWelcom ul{ margin:17px 0 0; gap:16px 0; }
    .topWelcom ul li{ width:100%; flex:none; border-radius:10px; box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1); }
    .topWelcom ul li::before{ width:6px; height:100%; }
    .topWelcom ul li a{ display:flex; align-items:center; padding:15px 50px 15px 30px; background-position:right 11px center; background-size:20px auto; }
    .topWelcom ul li figure{ width:48px; margin:0 34px 0 0; text-align:center; }
    .topWelcom ul li:nth-child(2) img{ width:40px; }
    .topWelcom ul li:nth-child(3) img{ width:42px; }
    .topWelcom ul li:nth-child(4) img{ width:44px; }
    .topWelcom ul li .txtArea{ width:calc(100% - 82px); }
    .topWelcom ul li .tit{ font-size:16px; }
    .topWelcom ul li .txt{ font-size:12px; }
    
    /* topProblems
    -------------------------------------------------------------*/
    .topProblems{ margin:40px 0 0; padding:45px 0 33px; }
    .topProblems .imgArea{ background:none; }
    .topProblems .imgArea .catch{ padding:0 0 30px; font-size:20px; font-weight:700; line-height:1.3; }
    .topProblems .imgArea .layout{ width:100%; max-width:335px; margin:0 auto;}
    .topProblems .imgArea .layout ul li.outdoors{ top:44px; left:-14px; }
    .topProblems .imgArea .layout ul li.toilet{ top:-11px; left:67px; }
    .topProblems .imgArea .layout ul li.bath{ top:-11px; left:187px; }
    .topProblems .imgArea .layout ul li.kitchen{ top:57px; left:271px; }
    .topProblems .imgArea .layout ul li.living{ top:175px; left:184px; }
    
    .topProblems .imgArea .layout ul li a{ width:73px; height:73px; padding:0 0 30px; font-size:12px; }
    .topProblems .imgArea .layout ul li.bath a{ padding-bottom:23px; }
    .topProblems .imgArea .layout ul li a::before,
    .topProblems .imgArea .layout ul li a::after{ width:11px; background-color:#004EA2; bottom:15px; }
    .topProblems .imgArea .layout ul li.bath a::before,
    .topProblems .imgArea .layout ul li.bath a::after{ bottom:12px; }
    .topProblems .moreBtn{ margin-top:25px; }
    
    /* itemlist
    -------------------------------------------------------------*/
    ul.itemlist{ margin:0 0 54px; gap:24px 15px; }
    ul.itemlist > li{ width:calc((100% - 15px) / 2); }
    ul.splideItemlist{ display:flex !important; flex-wrap:nowrap; }
    ul.splideItemlist > li{ width:136px; flex-shrink:0; margin:0 16px 0 0; }
    /*ul.splideItemlist > li:first-child{ margin-left:20px; }*/
    ul.itemlist > li .imgArea,
    ul.splideItemlist > li .imgArea{ border-radius:16px; }
    ul.itemlist > li .txtArea,
    ul.splideItemlist > li .txtArea{ padding:8px 0 0; }
    ul.itemlist > li .txtArea .tit,
    ul.splideItemlist > li .txtArea .tit{ font-size:12px; }
    ul.itemlist > li .txtArea .price,
    ul.splideItemlist > li .txtArea .price{ margin:8px 0 0; font-size:10px; font-weight:700; }
    ul.itemlist > li .txtArea .price strong,
    ul.splideItemlist > li .txtArea .price strong{ font-size:14px; }
    
    ul.itemlist > li ul.tagList2,
    ul.splideItemlist > li ul.tagList2{ gap:4px; margin:0 0 8px; }
    ul.itemlist > li ul.tagList2 li,
    ul.splideItemlist > li ul.tagList2 li{ padding:2px 8px; font-size:10px; }
    
    ul.itemlist .bmBtnArea{ padding:0; }
    ul.itemlist .bmBtnArea .cartBtn{ background-position:left calc(50% - 53px) top 10px; background-size:22px auto; }
    #wishList ul.itemlist .bmBtnArea .cartMessage{ padding:24px 4px 16px; left:-15px }
    /*ul.itemlist .closeBtn{ top:5px; bottom:auto; }
    ul.itemlist .closeBtn a{ width:30px; }*/
    #wishList ul.itemlist > li .nosaleItem{ padding:10px; font-size:12px; }
    
    ul.rankinglist li:nth-child(1)::before,
    ul.rankinglist li:nth-child(2)::before,
    ul.rankinglist li:nth-child(3)::before{ width:25px; height:20px; }
    ul.rankinglist li::before{ width:20px; height:20px; padding:1px 0 0; }
    
    .splideA{ margin:0 -20px; }
    .splideA ul{ padding:0 0 5px !important; overflow-x:auto; }
    .splideA ul li:first-child{ margin-left:20px; }
    
    ul.splideB{ gap:24px 11px; }
    ul.splideB li{ width:calc((100% - 22px) / 3); }
    
    .splideC{ margin:0 -20px; }
    .splideC ul.splide__list{ padding:0 0 5px !important; overflow-x:auto; }
    .splideC ul.splide__list > li{ width:208px; }
    .splideC ul.splide__list li:first-child{ margin-left:20px; }
    
    .splideD{ margin:0 -20px; }
    .splideD ul{ padding:0 0 5px !important; overflow-x:auto; }
    .splideD ul li:first-child{ margin-left:20px; }
    
    .splideE{ margin:0 -20px; }
    .splideE ul{ padding:0 0 5px !important; overflow-x:auto; }
    .splideE ul li:first-child{ margin-left:20px; }
    
    ul.splideF{ gap:24px 11px; }
    ul.splideF li{ width:calc((100% - 11px) / 2); }
    
    /* itemlist2
    -------------------------------------------------------------*/
    ul.itemlist2 > li{ width:100%; }
    
    /* couponlist
    -------------------------------------------------------------*/
    ul.splideCouponlist{ display:flex !important; flex-wrap:nowrap; overflow-x:auto; }
    ul.splideCouponlist > li{ width:136px; flex-shrink:0; margin:0 16px 0 0; }
    ul.couponlist > li .imgArea,
    ul.splideCouponlist > li .imgArea{ border-radius:16px; }
    ul.couponlist > li .tit,
    ul.splideCouponlist > li .tit{ margin:8px 0 0; font-size:14px; font-weight:400; }
    
    /* itemDetail
    -------------------------------------------------------------*/
    #itemDetail{ margin:16px 0 0; }
    
    #itemDetail #detailImg{ width:100%; }
    #itemDetail .content{ width:100%; margin:16px 0 0; }
    
    /*--- content ---*/
    #itemDetail .content{ width:100%; margin:16px 0 0; }
    #itemDetail .content .itemName{ font-size:18px; }
    #itemDetail .content .buyLogin ul li .blueBtn2{ font-size:14px; }
    
    /* cartArea */
    #itemDetail #cartArea .numArea .tit{ font-size:16px; }
    #itemDetail #cartArea .property ul li .tit{ font-size:16px; }
    #itemDetail #cartArea .priceArea{ margin:33px 0 0; }
    #itemDetail #cartArea .priceArea strong{ font-size:32px; }
    
    /*--- propertyList ---*/
    #oneProperty .numArea{ padding:32px 20px 0; }
    #itemDetail #cartArea ul.propertyList{ padding:24px 20px 32px; }
    #itemDetail #cartArea ul.propertyList li{ gap:0 16px; }
    #itemDetail #cartArea ul.propertyList li .txtArea{ width:calc(100% - 194px); padding:0; }
    #itemDetail #cartArea ul.propertyList li .txtArea .property-title{ font-size:14px; }
    #itemDetail #cartArea ul.propertyList li .txtArea .priceArea .price{ font-size:12px; }
    #itemDetail #cartArea ul.propertyList li .txtArea .priceArea .price strong{ font-size:14px; }
    #itemDetail #cartArea ul.propertyList li .btnArea{ width:120px; }
    #itemDetail #cartArea ul.propertyList li .btnArea .cartBtn{ font-size:12px; }
    #itemDetail #cartArea ul.propertyList li .btnArea .lightBlueBtn,
    #itemDetail #cartArea ul.propertyList li .btnArea .notCartBtn{ font-size:12px; }
    /*#itemDetail #cartArea ul.propertyList li{ display:block; }
    #itemDetail #cartArea ul.propertyList li .imgArea{ width:100%; }
    #itemDetail #cartArea ul.propertyList li .imgArea .txtArea{ display:block; }
    #itemDetail #cartArea ul.propertyList li .imgArea .txtArea .property-title{ width:100%; }
    #itemDetail #cartArea ul.propertyList li .imgArea .txtArea .priceArea{ width:100%; }
    #itemDetail #cartArea ul.propertyList li .btnArea{ width:100%; margin:15px 0 0; }*/
    #itemDetail #cartArea ul.propertyList li .btnArea .cartBtn.cartBtn_comment{ padding-top:5px; }

    /* detailInfo */
    #itemDetail .detailInfo .detailBanner{ display:block; margin:40px 0 0; padding:0; }
    #itemDetail .detailInfo .detailBanner .bannerArea1{ width:100%; }
    #itemDetail .detailInfo .detailBanner .freeArea1{ width:100%; margin:40px 0 0; }
    #itemDetail .detailInfo .detailBox{ margin:40px 0 0; }
    #itemDetail .detailInfo .detailBox .box{ display:block; }
    #itemDetail .detailInfo .detailBox .box figure{ width:100%; flex:none; }
    #itemDetail .detailInfo .detailBox .box .txtArea{ flex:none; padding:16px 0 0; }
    #itemDetail .detailInfo .table.over{ margin-right:-20px; overflow-x:auto; }
    #itemDetail .detailInfo .table.over table{ min-width:700px; }
    
    /* cartSubmitButton */
    #itemDetail .cartSubmitButton .cartMessage{ width:204px; padding:16px 24px; top:-130px; left:calc(50% - 102px); }
    #itemDetail .cartSubmitButton .cartMessage .title{ font-size:12px; }
    #itemDetail .cartSubmitButton .cartMessage a.blueBtn2{ font-size:12px; }
    #itemDetail .cartSubmitButton .cartMessage .link2{ font-size:12px; }
    
    #itemDetail .popup .cartSubmitButton .cartMessage{ left:calc(50% - 130px); }
    
    /* wishlistSubmitButton
    -------------------------------------------------------------*/
    /* 詳細画面 */ 
    /*#itemDetail .wishBox{ min-height:48px; margin:20px 0 0; }
    #itemDetail .wishlistSubmitButton{ margin:0; }
    #itemDetail .wishlistSubmitButton .bmBtnOff,
    #itemDetail .wishlistSubmitButton .bmBtnOn{ padding:13px 0 13px 20px; text-align:center; background-position:calc(50% - 78px) 11px; border:var(--line-color) 1px solid; font-size:14px; position:static; }
    
    #itemDetail .content .wishlistSubmitButton .wishlistMessage,
    #itemDetail .content .wishlistSubmitButton .wishlistDelMessage{ top:-100px; left:calc(50% - 100px); right:auto; }
    
    #itemDetail .wishlistSubmitButton.fixed{ position:fixed; left:30px; bottom:20px; z-index:6; }
    #itemDetail .wishlistSubmitButton.fixed .bmBtnOff,
    #itemDetail .wishlistSubmitButton.fixed .bmBtnOn{ width:30px; height:30px; text-indent:-9999px; background:url("../images/ico_detail_fav_off.svg") no-repeat center center / 100% auto; border:none; overflow:hidden; }
    #itemDetail .wishlistSubmitButton.fixed .bmBtnOn{ background-image:url("../images/ico_detail_fav_on.svg"); }
    #itemDetail .content .wishlistSubmitButton.fixed .wishlistMessage,
    #itemDetail .content .wishlistSubmitButton.fixed .wishlistDelMessage{ top:-100px; left:-10px; right:auto; }
    
    #bigImg .closeBtn{ top:0; right:0; }*/
    
    /* 一覧画面 */ 
    #itemList .wishlistSubmitButton .wishlistMessage,
    #itemList .wishlistSubmitButton .wishlistDelMessage{ width:180px; left:auto; right:-10px;  }
        
    /* formList
    -------------------------------------------------------------*/
    ul.formList{ gap:24px 0; }
    ul.formList > li .formLabel{ width:100%; margin:0 0 10px !important; padding:0 0 0 8px; border-left:#009CD0 4px solid; }
    ul.formList > li .sentence{ width:100%; }
    ul.formList > li .seimei{ gap:0 8px; padding:28px 0 0; position:relative; }
    ul.formList > li .seimei span{ width:45px; position:absolute; top:0; left:0; }
    ul.formList > li .seimei span:nth-of-type(1){ text-align:left; }
    ul.formList > li .seimei span:nth-of-type(2){ text-align:left; left:50%; }
    ul.formList > li .seimei input{ width:calc((100% - 8px) / 2); }
    ul.formList > li .flex span{ width:30px; }
    ul.formList > li .flex input,
    ul.formList > li .flex select{ min-width:79px; }
    
    #history .search ul.formList > li .sentence{ margin-top:0; }
    #history .search ul.formList > li .flex.mh input{ width:100%; }
    #history .search ul.formList > li .flex.mh p{ margin:0; }
    
    ul.formList.bdlist li .formLabel{ padding-left:0; color:var(--font-gray-color); }
    
    .itemOptionSelect:first-child > div{ margin:56px 0 0; border-top:none; position:relative; }
    .itemOptionSelect:first-child > div::after{ width:calc(100% + 44px); height:8px; content:""; background:#ECECEC; position:absolute; top:-28px; left:-24px; }
    .itemOptionSelect:last-child > div{ border-bottom:none; }
    ul.optionList li{ padding-bottom:0; border-bottom:none; }
    
    .newCreditCard ul.formList > li h4,
    .newCreditCard ul.formList > li .formLabel,
    .newCreditCard ul.formList > li .sentence{ width:100%; }
    
    .sendCopyButton a{ font-size:14px; line-height:1; }
    .sendCopyButton > a,
    .sendCopyButton > span{ width:100%; }
    
    ul.kessaiList li .tit{ width:100%; }
    ul.kessaiList li .txt{ margin:8px 0 0; }
    
    /* tokushouList
    -------------------------------------------------------------*/
    /*dl.tokushouList dt{ width:100%; margin:0; padding:3px 0 3px 8px; background:none; border:none; border-left:#009CD0 4px solid; font-size:16px; font-weight:500; line-height:1.3; }
    dl.tokushouList dd{ width:100%; padding:16px 0 40px; border-top:none; }*/
    dl.tokushouList > dt{ width:100px; padding:16px 8px; }
    dl.tokushouList > dd{ width:calc(100% - 100px); padding:16px 8px; }
    
    /* tokushouPage
    -------------------------------------------------------------*/
    .tokushouPage{ margin:0 20px !important; }
    .tokushouPage .heading5{ margin:40px 0 16px; }
    
    /* guideNav
    -------------------------------------------------------------*/
    .guideNav ul li{ width:calc((100% - 10px) / 2); }
    .guideNav ul li a{ padding: 10px 5px 20px; }
    
    /* guideNav
    -------------------------------------------------------------*/
    /*.guide dl dt{ font-size:15px; }*/
    
    /* adList
    -------------------------------------------------------------*/
    ul.adList li{ width:100%; padding:20px 15px; }
    
    /* cartFlow
    -------------------------------------------------------------*/
    #cartFlow .content{ width:100%; float:none; }
    #cartSidebar{ width:100%; float:none; }
    #cartFlow .buttonarea{ margin:35px auto 0; }
    #cartFlow .buttonarea a,
    #cartFlow .buttonarea input[type = submit]{ margin:15px 0 0; }
    
    .total_box .box{ margin:0; padding:20px 0; background:none; border:none; border-radius:0; }
    .total_box .box .cartButtonArea{ max-width:400px; margin:0 auto; }
    .total_box .box .cartButtonArea .submitBtn{ padding:21px 0; }
    .total_box .box .normalBtn{ max-width:400px; display:block; margin:20px auto; padding:17px 0; }
    .total_box.confirm .box{ border-top:var(--line-color) 1px solid; }
    
    #cartFlow .heading5{ margin:56px 0 24px; position:relative; }
    #cartFlow .heading5.mgTNone{ margin-top:56px !important; }
    #cartFlow .heading5::after{ width:calc(100% + 44px); height:8px; content:""; background:#ECECEC; position:absolute; top:-28px; left:-24px; }
    #cartFlow .cartitem{ margin:50px 0 0; padding:0; border:none; }
    #cartFlow .cartitem ul{ padding:15px 0; }
    #cartFlow .cartitem ul li:first-child{ padding-top:0; }
    #cartFlow .cartitem ul li:last-child{ padding-bottom:15px; border-bottom:#e9e9e9 1px solid; }
    #cartFlow .total_box .box{ margin-top:30px; margin-bottom:0; }
    
    ul.cartItemList li dl.list1{ gap:8px 0; margin:8px 0 0; }
    ul.cartItemList li dl.list1 dt{ width:44px; padding:8px 0 0; }
    ul.cartItemList li dl.list1 dd{ width:calc(100% - 44px); }
    ul.cartItemList li ul.list2{ gap:8px 0; margin:8px 0 0; }
    ul.cartItemList li dl.list3{ margin:8px 0 0; }
    
    ul.teikiList li{ gap:0 8px; }
    ul.teikiList li .numArea{ width:74px; }
    
    .cart{ margin:0 0 80px; }
    #main.cart .confirmPage .allKiyakuTxt{ margin:0; padding:40px 0 0; }
    #main.cart .buttonarea{ flex-wrap:wrap-reverse; margin:20px auto 0; padding:0; }
    #main.cart .confirmPage .buttonarea a,
    #main.cart .confirmPage .buttonarea input,
    #main.cart .confirmPage .buttonarea a.grayBtn{ width:calc(100vw - 40px); max-width:100%; padding-left:10px; padding-right:10px; font-size:15px; }
    #main.cart .confirmPage .buttonarea span{ display:block; }
    
    #cartFlow .confirmCampaign{ margin-top:30px; padding:0 0 10px; border:none; border-radius:0; border-bottom:var(--line-color) 1px solid; }
    
    .optionBox{ padding:16px; }
    
    #cartFlow.confirmPage h2.heading5 span.confirmBoxBtn,
    #cartFlow.confirmPage h2.heading5 span.confirmBoxBtn::before{ width:20px; height:2px; content:""; display:block; background:var(--font-color); position:absolute; top:calc(50% - 1px); right:0; }
    #cartFlow.confirmPage h2.heading5 span.confirmBoxBtn::before{ transform:rotate(90deg); }
    
    #cartFlow.confirmPage h2.heading5 span.confirmBoxBtn::before{ display:none; }
    #cartFlow.confirmPage h2.heading5.close span.confirmBoxBtn::before{ display:block; }
    #cartFlow.confirmPage .confirmBox{ max-height:5000px; transform:translateY(0); visibility:visible; opacity:1; transition:max-height 0.4s ease, opacity 0.3s ease, transform 0.3s ease; }
    #cartFlow.confirmPage .confirmBox.close{ max-height:0; transform:translateY(-8px); visibility:hidden; opacity:0; transition:max-height 0.4s ease,opacity 0.2s ease,transform 0.5s ease,visibility 0s linear 0.4s; }
    #cartFlow.confirmPage .heading3.close span::before{ display:block; }
    
    #cartFlow.confirmPage h2.heading5.close{ margin-bottom:0; }
    #cartFlow.confirmPage .confirmBox.close ul.formList,
    #cartFlow.confirmPage .confirmBox.close p,
    #cartFlow.confirmPage .confirmBox.close h3{ transition:margin-top 0.4s ease; }
    #cartFlow.confirmPage .confirmBox.close ul.formList,
    #cartFlow.confirmPage .confirmBox.close p,
    #cartFlow.confirmPage .confirmBox.close h3{ margin-top:0; }

    /* pcidss
    -------------------------------------------------------------*/
    .SAVED_CARD_RECORD .card_num{width: 100%;}
	.SAVED_CARD_RECORD .expiration_date{padding: 0;}
	.SAVED_CARD_RECORD label{padding-left: 0;}
	.SAVED_CARD_RECORD .credit_txt{width: 110px;}
    .pcidssv4 .credit_area label{padding-left: 16px;}

    
    /* cartIndex
    -------------------------------------------------------------*/
    #cartIndex #error{ margin:0; }
    #cartIndex .content{ width:100%; margin:0; }
    #cartIndex .buttonarea{ margin:20px auto 0; }
    .total_box .box dl{ padding:12px 0 0; }
    
    ul.cartList{ margin:32px 0 0; border-top:0; position:relative; }
    ul.cartList::after{ width:calc(100% + 44px); height:8px; content:""; background:#ECECEC; position:absolute; top:-4px; left:-24px; }
    ul.cartList > li{ display:block; padding:24px 0; position:relative; }
    ul.cartList li .imgBd{ position:absolute; top:24px; left:0; }
    ul.cartList li .txtArea{ width:100%; padding:10px 0 0; position:relative; }
    ul.cartList li .txtArea .cartTxt{ width:100% ; min-height:75px; padding:0 0 28px 114px; }
    ul.cartList li .txtArea .cartNum{ width:144px; padding:0; }
    ul.cartList li .txtArea .cartPrice{ width:calc(100% - 144px); text-align:right; }
    ul.cartList li .btnArea{ width:100%; justify-content:flex-end; }
    ul.cartList li .delete{ text-align:right; }
    
    .cartRecommendArea{ margin:48px 0 0; position:relative; }
    .cartRecommendArea::after{ width:calc(100% + 44px); height:8px; content:""; background:#ECECEC; position:absolute; top:-44px; left:-24px; }
    
    /* cartCampaign
    -------------------------------------------------------------*/
    #cartCampaign{ margin:0 0 30px; border-bottom:var(--line-color) 1px solid; }
    #cartCampaign li{ width:100%; padding:10px 0; border-top:var(--line-color) 1px solid; }
    #cartCampaign li > div > .imgArea{ width:70px; }
    
    /* cartLogin
    -------------------------------------------------------------*/
    
    /* loginBox
    -------------------------------------------------------------*/
    .loginBox{ width:100%; margin:0 0 40px; }
    .loginBox .buttonarea{ display:block; }
    .loginBox .buttonarea input,
    .loginBox .buttonarea .normalBtn,
    .loginBox .buttonarea .submitBtn,
    .loginBox .buttonarea .grayBtn{ padding:17px 0; font-size:16px; }
    .loginBox .link_text,
    .loginBox .link{ margin:16px 0 0; }
    dl.loginInputList dt{ width:100%; font-weight:500; }
    dl.loginInputList dd{ width:100%; margin:0 0 15px; }
    
    /* cartResult
    -------------------------------------------------------------*/
    #cartResult .cartResultCon .lead{ font-size:16px; }
    #cartResult .number{ margin:27px 0 30px; }
    
    /* loginNew
    -------------------------------------------------------------*/
    #loginNew{ margin:0 -4vw; }
    /*#loginNew .memberMessage{ margin:0 8vw 30px; padding:20px; }
    #loginNew .memberMessage p{ font-size:13px; }
    #loginNew .memberMessage .tit{ margin:0 -10px 15px; font-size:15px; }*/
    #loginNew .mainlogin{ width:100%; padding:50px 30px; }
    #loginNew .box{ width:100%; }
    
    #loginNew .buttonarea input,
    #loginNew .buttonarea .submitBtn{ width:100%; }
    
    #loginNew .loginNew2col{ margin:0 -3vw; }
    dl.loginInputList.cpmember dd:nth-of-type(2) > div{ width: calc((100% - 70px) / 2); }
    dl.loginInputList.cpmember dd:nth-of-type(2) span{ width:35px; }
    #loginNew .buttonarea input,
    #loginNew .buttonarea .submitBtn{ padding:17px 0; }
    
    /* credit
    -------------------------------------------------------------*/
    ul.creditList li .item1{ width:100%; padding:0 0 10px; }
    ul.creditList li .item2{ width:100%; padding:0; display:flex; flex-wrap:wrap; gap:0 10px; }
    ul.creditList li .item2 span{ width:calc(50% - 5px); }
    ul.creditList li .item2 a,
    ul.creditList li .item2 .inactiveBtn{ margin:0; padding:13px 0; }
    ul.creditList li .item3{ width:100%; padding:0; }
    ul.creditList li .item3 a{ margin:0; padding:10px 0; }
    
    /* history
    -------------------------------------------------------------*/
    #history .search{ padding:30px 20px; }
    #history .search .buttonarea a,
    #history .search .buttonarea input{ min-width:140px; }
    
    .historyListArea .hisbox .leftbox{ width:100%; float:none; }
    .historyListArea .hisbox .rightbox{ width:100%; float:none; }
    .historyListArea .hisbox .rightbox .head{ display:block; }
    .historyListArea .hisbox .rightbox .head .left{ width:100%; display:block; }
    .historyListArea .hisbox .rightbox .head .left p{ font-size:14px; }
    .historyListArea .hisbox .rightbox .head .right{ width:100%; display:block; float:none; margin:20px 0 0; }
    .historyListArea .hisbox .rightbox ul.hisItemList li .buyItem{ display:block; }
    .historyListArea .hisbox .rightbox ul.hisItemList li .buyItem figure{ width:150px; margin:0 auto 24px; }
    .historyListArea .hisbox .rightbox ul.hisItemList li .item2{ font-size:12px; }
    .historyListArea .hisbox .rightbox .pointbox dl dt{ width:130px; }
    .historyListArea .hisbox .rightbox .pointbox dl dd{ width:calc(100% - 130px); }
    .historyListArea .hisbox .buttonarea{ margin:20px auto 0; }
    
    /* member
    -------------------------------------------------------------*/
    #member.mypage ul.mypageList li{ width:100%; }
    #member.mypage ul.mypageList li:nth-child(2),
    #member.mypage ul.mypageList li:nth-child(3){ border-top:none; }
    .couponArea .name{ padding-left:3px; }
    
    /* teikiIndex
    -------------------------------------------------------------*/
    #teikiIndex .cancel_oder{ margin:0; }
    #teikiIndex .cancel_oder input{ padding:17px 25px; font-size:16px; }
    
    /* topicsCatList
    -------------------------------------------------------------*/
    ul.topicsCatList{ justify-content:flex-start; gap:10px; margin:34px 0 0; }
    ul.topicsCatList li{ width:calc((100% - 10px) / 2); }
    ul.topicsCatList li a{ min-height:39px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding:5px 5px; font-size:13px; }
    
    /* topicsList
    -------------------------------------------------------------*/
    ul.topicsList li .img_box{ width:70px; }
    ul.topicsList li .txtArea{ width:calc(100% - 80px); }
    
    /* topicsDetail
    -------------------------------------------------------------*/
    .topicsDetail{ padding:30px 0 0; }
    .topicsDetail h1{ margin:0 0 30px; font-size:18px; }
    .topicsDetail h2,
    .topicsDetail h3,
    .topicsDetail h4{ line-height:1.6 }
        
    /* lineList
    -------------------------------------------------------------*/
    /*ul.lineList li{ width:100%; }*/
    
    /* lineDetail
    -------------------------------------------------------------*/
    /*.lineKv{ margin:30px -8vw 0; }
    .lineDetail h2{ margin:60px 0 40px; font-size:22px; }
    .lineDetail h3{ font-size:20px; }
    .lineDetail p{ font-size:15px; }*/
    
    /* review
    -------------------------------------------------------------*/
    /*#review .reviewInputArea{ padding:30px 20px 40px; }
    #review .reviewInputArea .buttonarea input{ margin:0; }
    #review ul.reviewList > li .reviewItemBox .imgArea{ width:80px; margin:0 20px 0 0; }
    #review ul.reviewList > li .reviewItemBox .txtArea p{ margin:0; }
    #review ul.reviewList > li .reviewItemBox .txtArea .btn a{ margin:10px 0 0; }
    #review ul.reviewList > li .goodButton input{ width:150px; margin:10px 7px 0 0; padding:10px 0; font-size:13px; }
    #review .reviewInputBtn .normalBtn{ font-size:14px; }
    .starSelectArea > span{ display:block; margin-bottom:-10px; }*/
    
    /* 詳細検索
    -------------------------------------------------------------*/
    .shiborikomiBox dl dt{ font-size:16px; }
    .shiborikomiBox dl dd.skPrice span{ font-size:12px; }
    .shiborikomiBox .buttonarea a,
    .shiborikomiBox .buttonarea input{ max-width:270px; padding:18px 0; }
    
    /* itemListCategory
    -------------------------------------------------------------*/
    #itemListCategory .heading3{ margin:24px 0 0; }
    #itemListCategory .boxLine{ padding:0 0 24px; }
    #itemListCategory .mainCate ul li a{ font-size:12px; }
    #itemListCategory .subCate ul li{ font-size:12px; }
    
    /* list
    -------------------------------------------------------------*/
    #list{ margin:24px 0 0; }
    #list ul.sortBox li{ font-size:12px; }
    #list ul.sortBox li select{ font-size:12px; }
    
    /* catePage
    -------------------------------------------------------------*/
    .catePageTit2 > img{ height:168px }
    .catePageTit2 .catePageTit2Con{ height:168px }
    .catePageTit2 .title{ padding:76px 0 0; font-size:22px; }
    
    /* pickupBnArea
    -------------------------------------------------------------*/
    .pickupBnArea{ margin:40px 0 0; }
    .pickupBnArea .pickupBnCon{ margin:0 -20px; overflow:hidden; }
    .pickupBnArea .pickupBnCon .scArea{ padding:0 0 5px 20px; overflow:auto; }
    .pickupBnArea ul{ gap:8px; margin:0; }
    .pickupBnArea ul li{ width:180px; }
    .pickupBnArea.gasBnArea{ padding:0 0 47px; }
    
    /* priceList
    -------------------------------------------------------------*/
    ul.priceList{ gap:8px; }
    ul.priceList li{ width:100%; }

    /* cardList
    -------------------------------------------------------------*/
    ul.cardList{ display:flex !important; flex-wrap:nowrap; gap:32px 24px; gap:16px; padding:0 20px 5px !important; overflow-x:auto; }
    ul.cardList li{ width:300px; flex-shrink:0; }
    
    ul.cardList.line1 li .txt{ min-height:3.4em; }
    ul.cardList.line2 li .txt{ min-height:5.1em; }
    ul.cardList.line3 li .txt{ min-height:6.8em; }
    ul.cardList.line4 li .txt{ min-height:8.5em; }
    ul.cardList.line5 li .txt{ min-height:10.2em; }
    ul.cardList.line6 li .txt{ min-height:13.6em; }
    ul.cardList.line7 li .txt{ min-height:15.3em; }
    ul.cardList.line8 li .txt{ min-height:17em; }
    ul.cardList.line9 li .txt{ min-height:18.7em; }
    ul.cardList.line10 li .txt{ min-height:20.4em; }
    
    .splide2{ margin:0 -20px; }
    
    /* camConditions
    -------------------------------------------------------------*/
    .camConditions .inner{ gap:40px 0; }
    
    /* caseArea
    -------------------------------------------------------------*/
    .caseArea{ margin:40px 0 0; padding:40px 0; }
    .caseArea .lead{ font-size:16px; }
    ul.caseList{ gap:32px 15px; margin:24px 0 0; }
    ul.caseList > li{ width:calc((100% - 15px) / 2); }
    ul.caseList > li .imgBd{ margin:0 0 8px; }
    
    /* reformNavArea
    -------------------------------------------------------------*/
    .reformNavArea{ margin:32px 0 0; }
    .reformNavArea ul.nav1{ gap:7px; }
    .reformNavArea ul.nav1 li{ width:calc((100% - 7px) / 2) }

    /* reformKv
    -------------------------------------------------------------*/
    .reformKv .title{ width:85%; left:3%; bottom:0; z-index:2; }
    .reformKv .splide__slide{ width:100%; }
    
    /* popularMenuArea
    -------------------------------------------------------------*/
    .popularMenuArea{ margin:40px 0 0; }
    ul.popularList{ gap:16px 0; }
    ul.popularList li{ width:100%; }
    ul.popularList li a{ display:flex; align-items:center; gap:0 12px; }
    ul.popularList li a .imgBd{ width:179px; }
    ul.popularList li a .txtArea{ width:calc(100% - 191px); }
    ul.popularList li .tit{ font-size:14px; }
    ul.popularList li .price{ font-size:10px; }
    ul.popularList li .price strong{ font-size:14px; }
    
    /* reasonArea
    -------------------------------------------------------------*/
    .reasonArea{ margin:40px 0 0; }
    .reasonArea ul li{ display:block; }
    .reasonArea ul li figure.imgBd{ width:100%; }
    .reasonArea ul li figure.imgBd img{ aspect-ratio:335 / 180; object-fit:cover; }
    .reasonArea ul li .txtArea{ width:100%; }
    .reasonArea ul li .txtArea .tit{ margin:16px 0 0; font-size:16px; }
    .reasonArea ul li .txtArea .txt{ margin:8px 0 0; }
    
    /* flowArea
    -------------------------------------------------------------*/
    .flowArea{ margin:40px 0 0; padding:40px 0; }
    .flowArea ul li{ gap:36px 8px; position:relative; }
    .flowArea ul li figure{ width:70px; height:70px; }
    .flowArea ul li figure img{ width:36px; }
    .flowArea ul li:nth-child(2) figure img{ width:42px; }
    .flowArea ul li:nth-child(3) figure img{ width:39px; }
    .flowArea ul li .txtArea{ width:calc(100% - 78px) }
    .flowArea ul li .txtArea .tit .num{ position:absolute; top:0; left:-5px; }
    .flowArea ul li .txtArea .tit{ font-size:14px; }
    .flowArea ul li .txtArea .txt{ margin:8px 0 0; font-size:12px; }
    .flowArea ul li .txtArea .btn{ text-align:right; }
    .flowArea ul li .txtArea .note{ margin:8px 0 0; }
    
    /* guidePage
    -------------------------------------------------------------*/
    .guidePage .flowArea{ margin:40px 0 0; }
    .guidePage .flowArea .heading2{ margin:0 0 24px; }
    .guidePage .flowArea ul{ margin:0 0 40px; padding:24px; border-radius:16px; background:var(--gray-color); }
    .guidePage .flowArea ul li{ margin-top:24px; }
    .flowArea ul li .txtArea .tit{ padding:3px 0 0 28px; }
    .guidePage .ocBoxCon{margin-bottom: 40px;}
    .guidePage .ocBoxCon table td{border-top: none;}

    
    /* faqList
    -------------------------------------------------------------*/
    dl.faqList dt{ font-size:16px; }
    
    /* contactPage
    -------------------------------------------------------------*/
    .contactPage ul.formList > li .formLabel{ padding-left:8px; }
    
    /* kiyakuPage
    -------------------------------------------------------------*/
    .kiyakuPage{ padding:0 20px !important; }

}

/*---------- header（ヘッダーのみのブレイクポイント） ----------------------------------------------------------*/
    
/* header - ヘッダ
-------------------------------------------------------------*/
.preview{ width:100px; padding:1px; font-size:11px; font-weight:bold; color:#1c8600; line-height:1; position:absolute; top:1px; left:5px; }

#header .inner{ max-width:100%; margin:0; padding:0; box-sizing:border-box; }
#header .headerMain{ height:88px; display:flex; align-items:center; padding:0 32px; }
#header .headerMain .logo{ width:20%; }
#header .headerMain .logo a{ width:100%; aspect-ratio:373 / 44; display:block; background:url("../images/logo_club_tohogas_mall.svg") no-repeat 0 0 / 100% auto; text-indent:-9999px; overflow:hidden; }
#header .headerMain .searchArea{ width:calc(80% - 648px); padding:0 19px; }
#header .headerMain .userArea{ width:200px; padding:0 10px 0 0; }
#header .headerMain .userArea .name{ display:flex; font-weight:500; }
#header .headerMain .userArea .name p{ width:calc(100% - 30px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#header .headerMain .userArea .point{ margin:5px 0 0; font-size:12px; }
#header .headerMain .userArea .point strong{ margin:0 5px 0 0; padding:0 0 0 20px; background:url("../images/ico_point.svg") no-repeat 0 center / 18px auto; font-size:16px; color:var(--main-color); }
#header .headerMain .userArea .welcom{ font-size:12px; }
#header .headerMain .userArea .regi{ margin:5px 0 0; font-weight:500; }
#header .headerMain .userArea .regi a{ color:var(--link-color); }
#header .headerMain .userArea .regi form{ display:inline; }
#header .headerMain .userArea .regi input,
#header .headerMain .userArea .regi button{ min-width:1px; background:none; border:none; color:var(--link-color); cursor:pointer; }
#header .headerMain .funNav{ width:448px; }
#header .headerMain .funNav > ul{ width:100%; display:flex; flex-wrap:wrap; justify-content:flex-end; }
#header .headerMain .funNav > ul > li{ width:64px; display:flex; align-items:center; justify-content:center; text-align:center; position:relative; }
#header .headerMain .funNav > ul > li:nth-child(1),
#header .headerMain .funNav > ul > li.tel,
#header .headerMain .funNav > ul > li.ctgMenu{ border-left:var(--line-color) 1px solid; }
#header .headerMain .funNav ul li a{ display:block; padding:2px 0; }
#header .headerMain .funNav ul li a > img{ width:32px; }
#header .headerMain .funNav ul li:last-child a > img{ width:18px; }
#header .headerMain .funNav ul li a .tit{ margin:3px 0 0; font-size:10px; font-weight:700; }
#header .headerMain .funNav ul li:last-child a .tit{ font-size:10px; }
#header .headerMain .funNav ul li .cartNum{ width:12px; height:12px; display:flex; align-items:center; justify-content:center; background:var(--red-color); border-radius:50%; font-size:10px; font-style:normal; color:#fff; line-height:1; position:absolute; top:3px; right:12px; }
#header .headerMain .funNav ul li .telBox{ visibility:hidden; opacity:0; transition:all 0.3s; }
#header .headerMain .funNav ul li .telBox{ width:230px; padding:11px 0 0; position:absolute; top:56px; right:-85px; z-index:10; }
#header .headerMain .funNav ul li .telBox::before{ width:0; height:0; content:""; margin:0 auto; border-style:solid; border-top:0; border-right:8px solid transparent; border-left:8px solid transparent; border-bottom:11px solid var(--second-color); position:absolute; left:0; right:0; top:0; }
#header .headerMain .funNav ul li .telBox .title{ padding:8px; background:var(--second-color); border-radius:10px 10px 0 0; font-weight:700; color:#fff; line-height:1; }
#header .headerMain .funNav ul li .telBox .telInfo{ padding:8px 10px 12px; background:var(--fifth-color); border-radius:0 0 10px 10px; }
#header .headerMain .funNav ul li .telBox .telInfo .tel{ text-align:center; background:#fff; border-radius:5px; }
#header .headerMain .funNav ul li .telBox .telInfo .tel a{ display:block; padding:8px 8px 8px 44px; background:url("../images/ico_tel2.svg") no-repeat 8px center / 32px auto; font-size:20px; font-weight:700; line-height:1; letter-spacing:0.4px; }
#header .headerMain .funNav ul li .telBox .telInfo .time{ margin:6px 0 0; font-size:12px; font-weight:700; }
#header .headerMain .funNav ul li .telBox .telInfo .holiday{ margin:6px 0 0; font-size:10px; font-weight:500; }
#header .headerMain .funNav ul li .telBox .telInfo .link{ margin:10px 0 0; text-align:right; }
#header .headerMain .funNav ul li .telBox .telInfo .link a{ display:inline-block; padding:4px 28px 4px 8px; background:url("../images/arrow_blue_right.svg") no-repeat right 8px center / 16px auto #fff; border-radius:6px; font-size:12px; font-weight:500; }
#header .headerMain .funNav ul li.ctgMenu{ position:relative; }
#header .headerMain .funNav ul li.ctgMenu .ctgMenuList{ width:226px; padding:25px 0 0; text-align:left; position:absolute; top:56px; right:-32px; z-index:10; }
#header .headerMain .funNav ul li.ctgMenu .ctgMenuList::before{ width:100%; height:5px; content:""; width:0; height:0; border-style:solid; border-right:7px solid transparent; border-left:7px solid transparent; border-bottom:11px solid var(--main-color); border-top:0; position:absolute; top:15px; right:57px; }
#header .headerMain .funNav ul li.ctgMenu .ctgMenuList ul{ background:#fff; border-top:var(--main-color) 5px solid; border-radius:0 0 8px 8px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.10); }
#header .headerMain .funNav ul li.ctgMenu .ctgMenuList ul li{ border-bottom:#ececec 1px solid; }
#header .headerMain .funNav ul li.ctgMenu .ctgMenuList ul li:last-child{ border-bottom:none; }
#header .headerMain .funNav ul li.ctgMenu .ctgMenuList ul a{ display:block; padding:12px; background:url("../images/arrow_blue_right4.svg") no-repeat right 11px center / 16px auto #fff; font-size:12px; font-weight:500; }
#header .headerMain .funNav ul li.ctgMenu .ctgMenuList{ opacity:0; visibility:hidden; transition:all 0.3s; }
#header .headerMain .funNav ul li.ctgMenu:hover .ctgMenuList{ opacity:1; visibility:visible; }

#gnav{ background:#fff; border-top:var(--gray-color) 1px solid; box-shadow:0 15px 20px 0 rgba(0, 0, 0, 0.05); position:sticky; top:0; left:0; z-index:5; }
#gnav ul{ display:flex; align-items:center; justify-content:center; }
#gnav ul li{ width:20%; max-width:240px; }
#gnav ul li a{ display:block; padding:17px 0; text-align:center; font-size:16px; font-weight:700; color:#A2A2A2; letter-spacing:0.32px; position:relative; }
/*#gnav ul li.on a{ color:var(--font-color); }*/
#gnav ul li a::after{ width:100%; height:4px; content:""; background:transparent; position:absolute; left:0; bottom:0; }

#topPage #gnav ul li.top a,
#shoppingPage #gnav ul li.shopping a,
#gasPage #gnav ul li.gas a,
#reformPage #gnav ul li.reform a,
#hcleaningPage #gnav ul li.hcleaning a,
#lifePage #gnav ul li.life a{ color:var(--font-color); }

#topPage #gnav ul li.top a::after{ background:var(--main-color); }
#shoppingPage #gnav ul li.shopping a::after{ background:var(--shopping-color); }
#gasPage #gnav ul li.gas a::after{ background:var(--gas-color); }
#reformPage #gnav ul li.reform a::after{ background:var(--reform-color); }
#hcleaningPage #gnav ul li.hcleaning a::after{ background:var(--hcleaning-color); }
#lifePage #gnav ul li.life a::after{ background:var(--life-color); }

/* ヘッダー表示制御 */
#shoppingPage #header .headerMain .funNav ul li.tel{ display:none !important; }
#hcleaningPage #header .headerMain .funNav ul li .telBox .telInfo .link,
#lifePage #header .headerMain .funNav ul li .telBox .telInfo .link{ display:none; }

/*----- PCのみ -----*/
@media screen and (min-width:1100px){
    .hbBtn,
    #hbMenu,
    #fixMenu{ display:none; }
    
    #header .headerMain .funNav ul li.tel:hover .telBox{ visibility:visible; opacity:1; }
    
    #gnav ul li:hover a{ color:var(--font-color); }
    #gnav ul li a::after{ transition:all .3s; }
    #gnav ul li:hover a::after{ background:var(--main-color); }
    #gnav ul li.shopping:hover a::after{ background:var(--shopping-color); }
    #gnav ul li.gas:hover a::after{ background:var(--gas-color); }
    #gnav ul li.reform:hover a::after{ background:var(--reform-color); }
    #gnav ul li.hcleaning:hover a::after{ background:var(--hcleaning-color); }
    #gnav ul li.life:hover a::after{ background:var(--life-color); }
}

/*----- スマホのみ -----*/
@media screen and (max-width:1099px){
    
    .pcHeaderOnly{ display:none; }
    
    /* header
    -------------------------------------------------------------*/
    #header .headerMain{ height:auto; display:block; padding:0 20px; position:relative; }
    #header .headerMain .logo{ width:44%; max-width:200px; padding:5px 0 10px; }
    #header .headerMain .logo a{ width:100%; aspect-ratio:148 /35; background:url("../images/logo_club_tohogas_mall_sp.svg") no-repeat 0 0 / 100% auto; }
    #header .headerMain .searchArea{ width:100%; margin:8px 0 0; padding:0; }
    #header .headerMain .searchArea input[type = "search"]{ width:calc(100% - 32px); height:32px; padding:5px 10px; font-size:12px; }
    #header .headerMain .searchArea input[type = "submit"]{ width:39px; height:32px; background-size:16px auto; }
    #header .headerMain .funNav{ width:auto; position:absolute; top:0; right:50px; }
    #header .headerMain .funNav ul li{ display:none; }
    #header .headerMain .funNav ul li:nth-child(1),
    #header .headerMain .funNav ul li:nth-child(7),
    #header .headerMain .funNav ul li:nth-child(8){ border-left:none; }
    #header .headerMain .funNav ul li.coupon,
    #header .headerMain .funNav ul li.notice,
    #header .headerMain .funNav ul li.tel{ width:40px; display:block; }
    #header .headerMain .funNav ul li.tel{ border-left:none; }
    #header .headerMain .funNav ul li a > img{ width:27px; }
    #header .headerMain .funNav ul li a .tit{ font-size:9px; }
    #header .headerMain .funNav ul li .telBox{ right:-40px; }
    #header .headerMain .funNav ul li .telBox.open{ opacity:1; visibility:visible; }
    #header .headerMain .funNav ul li .telBox::before{ left:auto; right:52px; top:1px; }
    
    #header .headerMain .userArea{ width:100%; display:flex; align-items:center; margin:10px 0; }
    #header .headerMain .userArea .name{ width:58%; padding:0 8px 0 0; }
    #header .headerMain .userArea .point{ width:42%; margin:0; padding:0 0 0 8px; border-left:var(--line-color) 1px solid; font-size:14px; font-weight:700; color:var(--main-color); }
    #header .headerMain .userArea .point strong{ margin:0 2px 0 0; font-weight:700; }
    #header .headerMain .userArea .regi{ margin:0 0 0 8px; }

    /*-- pcMenuBtn ボタン --*/
    #header .hbBtn{ width:30px; height:45px; position:absolute; top:0; right:18px; z-index:30; }
    #header .hbBtn a{ width:30px; height:45px; display:block; position:relative; }
    #header .hbBtn a span,
    #header .hbBtn a span:after,
    #header .hbBtn a span:before{ width:18px; height:2px; display:block; content:""; border-radius:50px; background:var(--main-color); transition: .2s; position:absolute; top:50%; left:calc(50% - 9px); }
    #header .hbBtn a span:before{ margin-top:-7px; }
    #header .hbBtn a span:after{ margin-top:5px; }
    #header .hbBtn.close a span{ background:none; }
    #header .hbBtn.close a span:after{ width:20px; margin-top:0; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
    #header .hbBtn.close a span:before{ width:20px; margin-top:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }

    /*-- メニュー表示 --*/
    #header #hbMenu{ visibility:hidden; opacity:0; transition:all 0.3s; }
    #header #hbMenu{ width:100vw; position:fixed; top:0; left:0; z-index:20; }
    #header #hbMenu.open{ visibility:visible; opacity:1; }
    #header #hbMenu .hbMenuBg{ width:5%; height:100vh; background:rgba(0,0,0,0.3); position:fixed; top:0; left:0; z-index:20; }
    #header #hbMenu .hbMenuCon{ width:100%; padding:57px 0 0 5%; background:#fff; box-sizing:border-box; }
    #header #hbMenu .hbMenuCon .hbMenuScroll{ height:100vh; padding:0 0 200px; overflow:auto; }
    #header #hbMenu a{ color:var(--font-color); }
    #header #hbMenu .logo{ width:95%; padding:10px 20px 12px calc(5% + 20px); background:#fff; position:absolute; top:0; left:0; }
    #header #hbMenu .logo a{ width:148px; aspect-ratio:148 /35; display:block; text-indent:-9999px; background:url("../images/logo_club_tohogas_mall_sp.svg") no-repeat 0 0 / 100% auto; overflow:hidden; }
    #header #hbMenu .loginArea{ padding:16px 20px; background:#EFEFEF; }
    #header #hbMenu .loginArea input{ width:100%; max-width:275px; height:54px; margin:0 auto 12px; padding:0; text-align:center; background-image:none; }
    #header #hbMenu .loginArea form:last-child input{ margin-bottom:0; }
    #header #hbMenu .name{background:url("../images/ico_mypage.svg") no-repeat 15px center / 40px auto; border-top:#ECECEC 8px solid; border-bottom:#ECECEC 8px solid; line-height:1; }
    #header #hbMenu .name span{ width:calc(100% - 50px); display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    #header #hbMenu .name a{ display:block; padding:38px 60px 38px 72px; background:url("../images/arrow_blue_right2.svg") no-repeat right 20px center / 20px auto; font-size:16px; font-weight:700; }
    #header #hbMenu .pointArea{ margin:0 0 8px; padding:16px 20px; background:var(--second-color); }
    #header #hbMenu .pointArea .pointAreaCon{ padding:16px; background:#fff; border-radius:8px; }
    #header #hbMenu .pointArea .tit{ padding:1px 0 1px 32px; background:url("../images/ico_point2.svg") no-repeat 0 center / 23px auto; font-weight:700; }
    #header #hbMenu .pointArea .box{ margin:10px 0 0; padding:24px 16px 10px; background:var(--fifth-color); border-radius:5px; }
    #header #hbMenu .pointArea .box .point{ display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:700; line-height:1; }
    #header #hbMenu .pointArea .box .point strong{ display:inline-block; padding:0 3px 0 35px; background:url("../images/ico_point.svg") no-repeat 0 center / 32px auto; font-size:32px; font-weight:700; color:var(--second-color); }
    #header #hbMenu .pointArea .box .link{ margin:24px 0 0; text-align:center; font-size:12px; font-weight:700; }
    #header #hbMenu .pointArea .box .link a{ padding:0 16px 0 0; background:url("../images/arrow_blue_right4.svg") no-repeat right center / 12px auto; color:#4D4D4D; }
    #header #hbMenu .pointArea .link2{ margin:8px 0 0; padding:16px; background:url("../images/ico_coupon.svg") no-repeat 16px center / 20px auto #fff; border-radius:8px; }
    #header #hbMenu .pointArea .link2 a{ display:block; padding:0 25px; background:url("../images/arrow_blue_right.svg") no-repeat right center / 18px auto; font-weight:700; }
    #header #hbMenu .pointArea .searchBtn{ width:85%; min-width:270px; margin:16px auto 0; background:url("../images/ico_lupe_blue.svg") no-repeat 20px center / 23px auto #fff; border-radius:50px; }
    #header #hbMenu .pointArea .searchBtn a{ display:block; padding:22px 47px; background:url("../images/arrow_blue_right3.svg") no-repeat right 20px center / 22px auto; font-weight:700; color:var(--main-color);  }
    #header #hbMenu .menu .tit{ display:flex; align-items:center; padding:16px 20px; background:var(--main-color); font-size:16px; font-weight:500; color:#fff; position:relative; }
    #header #hbMenu .menu .tit::before,
    #header #hbMenu .menu .tit::after{ width:21px; height:2px; content:""; background:#fff; position:absolute; top:50%; right:20px; }
    #header #hbMenu .menu .tit::after{ display:none; transform:rotate(90deg); }
    
    #header #hbMenu .menu .tit.close::after{ display:block; }
    
    #header #hbMenu .menu .tit span{ width:30px; height:30px; display:flex; align-items:center; justify-content:center; margin:0 13px 0 0; background:#fff; border-radius:50%; }
    #header #hbMenu .menu .tit span img{ width:70%; }
    #header #hbMenu .menu ul{ display:flex; flex-wrap:wrap; }
    #header #hbMenu .menu ul li{ width:100%; border-bottom:var(--line-color) 1px solid; }
    #header #hbMenu .menu ul li.half{ width:50%; }
    #header #hbMenu .menu ul li.half.left{ border-right:var(--line-color) 1px solid; }
    #header #hbMenu .menu ul li a,
    #header #hbMenu .menu ul li button{ display:block; padding:14px 22px; background:none; border:none; font-size:12px; font-weight:500; line-height:1.2; }
    #header #hbMenu .menu ul li a img{ width:27px; margin:0 8px 0 0; vertical-align:middle; }
    
    #gnav{ width:100%; background:#fff; border-top:none; box-shadow:0 0 0; overflow-x:auto; scrollbar-width:none; position:sticky; top:0; left:0; z-index:5; }
    #gnav ul{ width:630px; display:flex; flex-wrap:nowrap; justify-content:flex-start; border-bottom:var(--line-color) 1px solid; position:relative; }
    #gnav ul li{ width:auto; flex-shrink:0; margin:0 0 0 16px; }
    #gnav ul li.on a::after{ bottom:-1px; }
    #gnav ul li a{ padding:15px 10px; font-size:14px; font-weight:700; letter-spacing:0.28px; }
    
    /* fixMenu
    -------------------------------------------------------------*/
    #fixMenu{ width:100vw; padding:0 10px; background:#fff; box-sizing:border-box; position:fixed; left:0; bottom:0; z-index:5; }
    #fixMenu{ bottom:-55px; transition:bottom 0.2s; }
    #fixMenu.btSpace{ bottom:0; }
    #fixMenu ul{ display:flex; flex-wrap:wrap; }
    #fixMenu ul li{ flex:1; position:relative; }
    #fixMenu ul li a{ display:block; padding:6px 0; text-align:center; font-size:11px; font-weight: 500; line-height:1.09; }
    #fixMenu ul li a img{ width:32px; display:block; margin:0 auto; }
    #fixMenu ul li .cartNum{ width:12px; height:12px; display:flex; align-items:center; justify-content:center; background:var(--red-color); border-radius:50%; font-size:10px; font-style:normal; color:#fff; line-height:1; position:absolute; top:6px; left:calc(50% + 8px); }

}

/* パンくず削除 */
span:has(a[href$="/category/ALL/"]) {
    display: none !important;
}