@charset "UTF-8";
@import url("smoothness/jquery-ui-1.8.4.custom.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
30.APPLY
======================================================================= */


/* =================================================================
1.reset
=================================================================*/
*{box-sizing: border-box;}
body{background: #FFF; color: #434348; line-height: 1.5; font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif; word-wrap: break-word; position: relative; font-weight: 500;}

/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin: 0; padding: 0;}
li{list-style-type: none;}
table{border-collapse: collapse; border-spacing: 0;}
img{border: 0;}


/* =================================================================
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: #434348; text-decoration: none;}
a:visited{color: #434348; text-decoration: none;}
a:hover,a:active{color: #6d7071; text-decoration: none; opacity: 60%;}

/*  ボタンデザイン
-------------------------------------------------------------*/
/*基本デザイン-下記クラスに加えpositive　negative等のクラスを合わせて付与する*/
a.button{border: none; display: block; line-height: 1; text-align: center; padding: 10px; text-decoration: none; font-size: 13px; -webkit-border-radius: 3px;/* for Safari and Chrome */ -moz-border-radius: 3px; /* for Firefox */ -o-border-radius: 3px; /* for opera */ border-radius: 3px; width: 100%;}
input.button{border: none; display: block; line-height: 1; text-align: center; padding: 10px; text-decoration: none; font-size: 14px; -webkit-border-radius: 3px;/* for Safari and Chrome */ -moz-border-radius: 3px; /* for Firefox */ -o-border-radius: 3px; /* for opera */ border-radius: 3px; width: 100%;}
/* 2025/03/24 見積詳細／注文情報入力画面にアドレス帳選択機能を追加：add start */
button.button{border: none; display: block; line-height: 1; text-align: center; padding: 10px; text-decoration: none; font-size: 13px; -webkit-border-radius: 3px;/* for Safari and Chrome */ -moz-border-radius: 3px; /* for Firefox */ -o-border-radius: 3px; /* for opera */ border-radius: 3px; width: 100%;}
/* 2025/03/24 見積詳細／注文情報入力画面にアドレス帳選択機能を追加：add end */

/*マウスホバー時*/
a.button:hover{opacity: 0.7; cursor: pointer; transition: all .3s;}
input.button:hover{opacity: 0.7; cursor: pointer; transition: all .3s;}
/* 2025/03/24 見積詳細／注文情報入力画面にアドレス帳選択機能を追加：add start */
button.button:hover{opacity: 0.7; cursor: pointer; transition: all .3s;}
/* 2025/03/24 見積詳細／注文情報入力画面にアドレス帳選択機能を追加：add end */

/*次へ・入力内容を確認する・注文する・ログイン・登録する・送信・検索・ご注文手続きへ進む等*/
a.positive{background: #ce5d50; color: #FFFFFF;}
input.positive{background: #ce5d50; color: #FFFFFF;}
/* 2025/03/24 見積詳細／注文情報入力画面にアドレス帳選択機能を追加：add start */
button.positive{background: #ce5d50; color: #FFFFFF;}
/* 2025/03/24 見積詳細／注文情報入力画面にアドレス帳選択機能を追加：add end */

/*戻る・クリア・削除・ログアウト等*/
a.negative{background: #4c4c4c; color: #FFFFFF;}/*戻る・クリア・削除・ログアウト等*/
input.negative{background: #4c4c4c; color: #FFFFFF;}
/* 2025/03/24 見積詳細／注文情報入力画面にアドレス帳選択機能を追加：add start */
button.negative{background: #4c4c4c; color: #FFFFFF;}
/* 2025/03/24 見積詳細／注文情報入力画面にアドレス帳選択機能を追加：add end */

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

/*上記以外のボタン(渡邊追記)*/
a.normal2{background: #202020; color: #ffffff;}
input.normal2{background: #202020; color: #ffffff;}
.medium.normal2{ padding:9px !important;}
.small.normal2{ padding:5px 9px !important;}
.bold.normal2{ font-weight: bold;}

/*押せないボタン*/
.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: #c35b4f; color: #FFFFFF;}
input.estimate{background: #c35b4f; color: #FFFFFF;}

/*代行申請ボタン*/
a.cart_apply{background: #137ED7; color: #FFFFFF;}
a.not_cart_apply{background: #C5E2FA; color: #F8F8F8;}

/*普通サイズの時にはクラスに下記を追加*/
.medium{ min-width: 200px; font-size: 16px;}
a.medium{max-width: 230px; min-width: 200px; font-size: 16px;}
input.medium{max-width: 230px; min-width: 200px; font-size: 16px;}
/* 2025/03/24 見積詳細／注文情報入力画面にアドレス帳選択機能を追加：add start */
button.medium{max-width: 230px; min-width: 200px; font-size: 16px;}
/* 2025/03/24 見積詳細／注文情報入力画面にアドレス帳選択機能を追加：add end */

/*小さいサイズの時にはクラスに下記を追加*/
.small{padding: 6px 10px; font-size: 12px;}
a.small{padding: 6px 10px; font-size: 12px;}
input.small{padding: 6px 10px; font-size: 12px;}
/* 2025/03/24 見積詳細／注文情報入力画面にアドレス帳選択機能を追加：add start */
button.small{padding: 6px 10px; font-size: 12px;}
/* 2025/03/24 見積詳細／注文情報入力画面にアドレス帳選択機能を追加：add end */

/*  画像の縦横比調整
-------------------------------------------------------------*/
.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{display: block; margin: 25px auto 45px auto;}

/*  ローディング表示のスタイル
-------------------------------------------------------------*/
#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;}

/*  商品一覧、商品詳細ページアイコン類
-------------------------------------------------------------*/
/* .item_icon{color: #FFFFFF; display: inline-block; font-size: 10px; font-weight: normal; line-height: 1; padding: 3px 5px; vertical-align: text-bottom; margin:2px 0;}*/ /*アイコン共通設定*/
.item_icon{color: #FFFFFF; display: inline-block; font-size: 10px; line-height: 1; padding: 3px 5px; vertical-align: text-bottom; margin:2px 0;}/*アイコン共通設定*/
.item_short {background: #D21E21;}/*品切*/
.item_soldout {background: #666666;}/*品薄*/
.item_new {background: #ffcc00;}/*NEW*/
.item_before {background: #ff9900;}/*COMING SOON*/
.item_download {background: #00cccc;}/*ダウンロード商品*/
.item_yoyaku {background: #000000;}/*予約商品*/
.item_discount {background: #cc0000;}/*会員割引あり*/
.item_timesale {background: #cc0000;}/*タイムセール中*/
.item_teiki_together {background: #a52ead;}/*定期にまとめて注文可能*/
.item_volume_discount {background: #ff6699;}/*ボリュームディスカウントあり*/
.item_bundle_sale {background: #0000ff} /* まとめ買い対象*/
.item_noshi{background: #000066;} /* のし対象商品*/
.item_message{background: #ff9900;} /* メッセージカード対象商品*/
.item_gift_bag{background: #ff6699;} /* 手提げ袋対象商品*/

/* =================================================================
3.コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/
/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
/* ==2024/10/09 神田 画面デザイン調整：mod start */
/* サイト全体のコンテナ領域を変更 */
/*#container{width: 980px; margin: auto; padding-top: 20px;}*/
#container{width: 1220px; margin: auto; padding-top: 20px;}
/* ==2024/10/09 神田 画面デザイン調整：mod end */
#container:after {content: ""; clear: both; display: block;}/* clearfix */

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

/* main - コンテナ内メインコンテンツ(sidebar有)
-------------------------------------------------------------*/
/* ==2024/10/09 神田 画面デザイン調整：mod start */
/* コンテナ内メインコンテンツ領域を変更 */
/*#main{float: right; width: 770px; padding-bottom: 20px;}*/
#main{float: right; width: 990px; padding-bottom: 20px;}
/* ==2024/10/09 神田 画面デザイン調整：mod end */
#main h2{margin-bottom: 15px; font-weight: bold; border-bottom: solid 1px #cccccc; position: relative; padding-bottom: 5px; font-size: 20px;}
/*#main h2:after{position: absolute; content: " "; display: block; border-bottom: solid 3px #373737; bottom: -3px; width: 20%;}*/
#main p{margin: 5px 0px; font-size: 90%; line-height: 150%; padding: 0px;}
/* 2024/6/14 神田 #100_カート画面のレイアウト変更 mod start */
/*#main table{width: 750px; margin: 10px; font-size: 90%; border: 1px solid #CCC; line-height: 200%;}*/
#main table{width: 750px; margin: 10px 0; font-size: 90%; border: 1px solid #CCC; line-height: 120%;}
/* 2024/6/14 神田 #100_カート画面のレイアウト変更 mod end */
/* #main th{padding: 10px; border: 1px solid #CCC; background: #F6F6F6; vertical-align: top; font-weight: normal; text-align: left;} */
#main th{padding: 10px; border: 1px solid #CCC; background: #F6F6F6; vertical-align: middle; text-align: left;}
#main th.title{width: 160px; text-align: left;}
#main th.address{width: 55px;}
#main td{padding: 10px; border: 1px solid #CCC; vertical-align: top;}
#main .buttonarea{margin: 10px; padding-top: 40px; text-align: center;}
#main .buttonarea .button{display: inline-block; margin: 0 10px;}
#main .buttonarea .attention{color: #C00; font-size: 90%;}
#main .buttonareaFR{margin: 0 0 0px; float: right;}
#main .buttonareaFR:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#main .member_buttonarea .button{display: inline-block; margin: 0 10px;}
#main .hissu{color: #C00; font-weight: bold;}
#main #breadcrumbs{margin-bottom: 20px; font-size: 80%;}
#main .amazon_comment{color: #C00; font-weight: bold;}
#main .expiration_date{padding-left: 10px;}

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

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

/* フォーム類部品
-------------------------------------------------------------*/
/* 2025/02/07 渡邊 デザイン調整 del start */
/*input[type="text"]{border: solid 1px #ccc; -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); padding: 4px;}
input[type="email"]{border: solid 1px #ccc; -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); padding: 4px;}
input[type="password"]{border: solid 1px #ccc; -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); padding: 4px;}
input[type="tel"]{border: solid 1px #ccc; -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); padding: 4px;}
input[type="number"]{border: solid 1px #ccc; -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); padding: 4px;}
select{height: 30px; vertical-align: middle;}
textarea{border: solid 1px #ccc; -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);}
input, textarea, select, button{font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif !important; font-size: 13px;}
*/
/* 2025/02/07 渡邊 デザイン調整 del end */
/* 2025/02/07 渡邊 デザイン調整 add start */
input[type="text"]{border: solid 1px #ccc; padding: 4px;}
input[type="email"]{border: solid 1px #ccc; padding: 4px;}
input[type="password"]{border: solid 1px #ccc; padding: 4px;}
input[type="tel"]{border: solid 1px #ccc; padding: 4px;}
input[type="number"]{border: solid 1px #ccc; padding: 4px;}
select{height: 30px; vertical-align: middle;}
textarea{border: solid 1px #ccc; -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);}
input, textarea, select, button{font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif !important; font-size: 13px;}
/* 2025/02/07 渡邊 デザイン調整 add end */

/* #main.no-sidebar - サイドバーの無いメインコンテンツ
-------------------------------------------------------------*/
#main.no-sidebar{float: none !important; width: 1220px !important; min-height: 500px; margin: auto !important;}
#main.no-sidebar table{width: 1220px !important;}
#main.no-sidebar th{padding: 10px !important;}
#main.no-sidebar td{padding: 10px !important;}

/* #main.cart - カートフロー中のメインコンテンツ
-------------------------------------------------------------*/
/* ==2024/06/04 神田 #100_カート画面のレイアウト変更：mod start */
/*#main.cart{float: none; width: 980px; min-height: 500px;}*/
/* 2024/10/16 河野 画面デザイン調整_カート画面全体：mod start */
#main.cart{float: none; width: 1220px; min-height: 500px;}
/* 2024/10/16 河野 画面デザイン調整_カート画面全体：mod start */
/* ==2024/06/04 神田 #100_カート画面のレイアウト変更：mod end */

/* =================================================================
4.ヘッダ
使用ファイル：common/header.xhtml
=================================================================*/
/* smartphone - スマートフォン専用サイトへのリンク
-------------------------------------------------------------*/
#smartphone a{display: block; width: 980px; height: 150px; margin: auto; background: url("../images/button_smartphone.png") no-repeat; text-indent: -9999px;}

/* 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;}

/* header - ヘッダ
-------------------------------------------------------------*/
#header {min-width: 1220px;}
/* ==2024/10/09 神田 画面デザイン調整：mod start */
/* ヘッダー領域をコンテンツ部のコンテナ領域と統一 */
#header .inner{ width: 1220px;  margin: auto;}
/*#header .inner{ width: 980px;  margin: auto;}*/
/* ==2024/10/09 神田 画面デザイン調整：mod end */
#header .inner:after {content: ""; clear: both; display: block;}/* clearfix */
#header h1 a{display: block; float: left; width: 300px; height: 45px; background: url("../images/header_title.gif") no-repeat; text-indent: -9999px; margin-bottom: 5px;}
#header h2 a{display: block; float: left; width: 15px; height: 15px; overflow: hidden; margin-top: 10px; background: url("../images/header_rss.gif") no-repeat; text-indent: -9999px;}
#header h2 a:hover{background-position: 0 -15px;}
#header .inner .header_inner {width: 100%; display: inline-block; margin-top: 5px;}
#header .inner .header_inner .header_account{width: 40%; float: left; padding: 0;}
#header .inner .header_inner .header_account .name{padding: 8px 0;}
#header .inner .header_inner .header_menu{width: 60%; float:right; margin: 0; padding: 0; font-size: 90%;}
#header .inner .header_inner .header_menu ul{float:right;}
#header .inner .header_inner .header_menu ul li{float: left; margin: 0px; padding: 8px 5px;}
#header .inner .header_inner .header_menu ul li .icon_shovel{display: inline-block; vertical-align: middle; background:url("../images/icon_header_question.svg") no-repeat right center; height:22px; background-size:22px; background-position:50% center; width:37px; margin: 0 3px 0 0;}
#header .inner .header_inner .header_menu ul li .icon_mail{display: inline-block; vertical-align: middle; background:url("../images/icon_mail.svg") no-repeat right center; height:22px; background-size:22px; background-position:50% center; width:37px; margin: 0 3px 0 0;}
#header .inner .header_inner .header_menu ul li .icon_mypage{display: inline-block; vertical-align: middle; background:url("../images/icon_user.svg") no-repeat right center; height:22px; background-size:22px; background-position:50% center; width:30px; margin: 0;}
#header .inner .header_inner .header_menu ul li .icon_logout{background:url("../images/icon_login.svg") no-repeat left; background-size:22px;}
#header .inner .header_inner .header_menu ul li .icon_logout:hover{background:url("../images/icon_login_hover.svg") no-repeat left; background-size:22px;}
#header .inner .header_inner .header_menu ul li .icon_cart{display: inline-block; vertical-align: middle; background:url("../images/icon_cart.svg") no-repeat right center; height:22px; background-size:22px; background-position:50% center; width:30px; margin: 0;}
#header .inner .header_inner .header_menu form{padding:0; height: 21px;}
#header .inner .header_inner .header_menu input{font-size: 100%!important; color: #434348; background-color: #fff; font-size: 16px; margin: -1px 3px 0; padding-left: 30px; border: none; border-radius: 0; outline: none;　-webkit-appearance: none;　-moz-appearance: none;　appearance: none;}
#header .inner .header_inner .header_menu input:hover{color:#b6b6be; cursor: pointer;}
#header .inner .header_inner .header_menu #header_cart{min-width: 130px;}
#header .inner .header_inner .header_menu #header_cart .cart_item_count{ background-color: #ce5d50; border-radius: 50%; color: #fff; font-size: 80%; font-weight: bold; min-width: 22px; height: 22px; text-align: center; display: inline-block; margin: 0px 5px 0 -5px; padding-top: 1px;}
#header .inner .header_inner .header_menu #header_cart .cart_syokei_hontai{float:right;}
#header .inner .header_inner .header_menu #header_cart a{width: 100%; display: block;}

/* add_banner - 帯バナー
-------------------------------------------------------------*/
.add_banner{min-width: 1220px;}

/* 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;}
#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: 300px; height: 36px; margin: 10px 0px 0 0; border: 1px solid #202020; border-right: 0px; padding: 4px; box-shadow:none;}
#search .button{float: left; margin: 10px 0 0; font-size: 14px; -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; height: 36px;}
#search .search_inner{float:right;}

/* 2024/11/20 神田 部品検索の追加：add start */
/* header_machine_search - 商品カテゴリ検索窓
-------------------------------------------------------------*/
#header_machine_search {width: 100%; min-width: 1220px; margin: auto; margin-top: 5px; background-color: #ececec;}
#header_machine_search .search_area {display: block; width: 1220px; margin: auto; padding: 5px 0px 5px;}
#header_machine_search .search_area form{display: inline;}
/* #header_machine_search .search_area .search_area_inner {margin: 0 auto; width: 65%; min-width: 760px;} 部品検索のみの場合 */
/* #header_machine_search .search_area .search_area_inner {margin: 0 auto; width: 77%; min-width: 760px;} 部品検索+機械名称検索のみの場合 */
#header_machine_search .search_area .search_area_inner {margin: 0 auto; width: 100%;} /* 部品検索+機械名称検索のみの場合 */
#header_machine_search input.machine_search{display:inline-block; width:auto; border-radius: 0;}
#header_machine_search .headerMachineCd{width:175px; height:36px; border: 1px solid #202020; box-shadow:none; padding-right: 0px;}
#header_machine_search .headerRentalNo{width:175px; height:36px; border: 1px solid #202020; box-shadow:none; padding-right: 0px;}
#header_machine_search .headerKblCategory{width:175px; height: 36px; background-color: #ffffff; border-radius: 0px; border: 1px solid #202020;}
#header_machine_search .search_area_inner .search_area_button{display: inline-block; margin-left: 24px;}
#header_machine_search .search_area_inner .search_area_button a{color: #fff; font-weight: bold; font-size: 100%; padding: 6px 30px; background-color: #202020;}
#header_machine_search .search_area_inner .search_area_button_category{display: inline-block; margin-right: 24px;}
#header_machine_search .search_area_inner .search_area_button_category a{color: #202020; font-weight: bold; font-size: 100%; padding: 6px 30px; background-color: #fff; border: 1px solid #202020;}
#header_machine_search #machine_search_area_open{color: #fff; font-weight: bold; font-size: 100%; padding: 4px 30px; background-color: #202020;border: none; cursor: pointer; appearance: none; outline: none;}
#header_machine_search #machine_search_area_open:hover {opacity: 60%;}
/* 2024/11/20 神田 部品検索の追加：add end */

/* menu - メニュー
-------------------------------------------------------------*/
#menu{height: 40px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
/* 2024/10/9 神田 画面デザイン調整：add start */
/* メニュー（TOPやお問い合わせのリンク部）の表示領域をコンテナ領域と統一 */
#menu .inner{display: block; width: 1220px; margin: auto;}
#menu ul{margin: 0 auto; width: 1220px;}
/*
#menu .inner{display: block; width: 980px; margin: auto;}
#menu ul{margin: 0 auto; width: 980px;}
*/
/* 2024/10/9 神田 画面デザイン調整：add end */
#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;}


/* =================================================================
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; font-weight: bold;}
#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 h3{float: left; margin: 0 0 5px 5px; font-size: 90%;}
#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;}


/* cart_header - 買い物かごの中身確認・買い物かごへ(ヘッダー)
-------------------------------------------------------------*/
#cart_header{width: 120px;}
#cart_header .cart_item_count{float: left;}
#cart_header .cart_syokei_hontai{float: right;}

/* category - 商品カテゴリ
-------------------------------------------------------------*/
#category{width: 190px; margin-bottom: 60px; border:1px solid #CCC;}
#category h2{padding: 8px 10px; font-size: 15px; background-color: #ececec;}
#category li{display: inline;}
#category .select{background-color: #f6f6f6; text-decoration: none; display: block;}
#category li a{display: block; padding: 8px 10px; color: #333; font-size: 90%; text-decoration: none;}
#category li a:link{display: block; overflow: hidden;}
#category li a:hover{color: #808080; 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 h3{display: block; padding: 0 10px 0 18px; background: url("../images/marker.gif") 6px 6px no-repeat; font-size: 90%;}
#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;	border: 1px solid #AAA !important; display: none;}
#ui-datepicker-div .ui-datepicker-header {background: #CCC repeat-x scroll 50% 50% !important; width: 100% !important;}
#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; border: 1px solid #e0e0e0; height: 23px;}
.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: solid 1px #CCC; 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: #C00;}

.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 {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: #e6e6e6;}/* 日付背景 */
.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 h3{display: block; font-size: 110%; margin: 30px 10px 10px; border-bottom: 1px dashed #cccccc; padding-bottom: 5px;}
#ext th{text-align: left;}
#ext ul{padding-bottom: 10px;}
#ext li{list-style: disc; margin: 5px 40px; font-size: 80%;}
#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;}

/* =================================================================
7.トップページ
使用ファイル：top.xhtml
=================================================================*/
/* mainvisual - メインビジュアル
-------------------------------------------------------------*/
#mainvisual{margin-bottom: -30px;}
#mainvisual img{display: block;}

/* == 2024/06/04 川口 #054_広告バナーの位置や表示形式を変える：add start */
/* subvisual サブビジュアル
-------------------------------------------------------------*/
/*#subvisual{display: flex; justify-content: space-between; margin-bottom: 20px;}
#subvisual img {width: 580px; height: 160px;}*/
#subvisual{display: flex; justify-content: space-between; margin-bottom: 20px;}
#subvisual img {width: 580px; height: 160px;}

/* == 2025/08/02 小林：add start */
/* astrovusual AstroProductsバナー用
-------------------------------------------------------------*/
#astrovisual{display: flex; justify-content: space-between; margin-bottom: 20px;}
#astrovisual img {width: 100%; height: 109px;}

/* == 2024/06/04 川口 #054_広告バナーの位置や表示形式を変える：add end */

/* == 2024/06/10 川口 #108_新製品案内リンクの設定：add start */
/* ==2024/10/09 神田 画面デザイン調整：mod start */
/* 新製品案内のバナー幅を調整 */
.new_arrivalbox{max-width: 1220px;margin: 0px auto 15px auto;}
/*.new_arrivalbox{max-width: 1120px;margin: 15px auto;}*/
/* ==2024/10/09 神田 画面デザイン調整：mod end */
.new_arrivalbutton{border: 1px solid #000;text-align: center;font-size: 18px;}
.new_arrivalbutton a{display: block;padding: 8px 0px;text-decoration: none;}
.new_arrivalbutton a:hover{background-color: #f6f6f6;}
/* == 2024/06/10 川口 #108_新製品案内リンクの設定：add end */

/* == 2024/07/23 神田 要件定義No.2 機械検索：add start */
/* machine_search - 機械検索
-------------------------------------------------------------*/
/* 2025/02/07 渡邊デザイン調整 del start */
/*
#machine_search table {width:990px;height:fit-content; font-size:16px;}
#machine_search th {height:40px;text-align: center;font-weight: bold;}
#machine_search th.machine_code {height:40px;text-align: center;font:bold;}
#machine_search table {height:fit-content; font-size:16px;}
#machine_search th.rental_no {height:40px;width:110px;text-align: center;font:bold;}
#machine_search th.kbl_category {height:40px;width:230px;text-align: center;font:bold;}
#machine_search th.rental_no {height:40px;width:150px;text-align: center;font:bold;}
#machine_search th.kbl_category {height:40px;width:300px;text-align: center;font:bold;}
#machine_search th.machine_code {width:540px;}
#machine_search th.rental_no {width:150px;}
#machine_search th.kbl_category {width:300px;}
#machine_search thead th {position:sticky; }
#machine_search tfoot td{text-align: center; padding-left:380px;}
#machine_search input.machine_search{height:40px; width:200px; }
*/
/* ==2024/10/29 神田 画面デザイン調整：mod start */
/*#machine_search ul{max-height:350px;overflow-y: auto;height: 350px;}*/
#machine_search ul{max-height:355px;overflow-y: auto;height: 355px;}
/* ==2024/10/29 神田 画面デザイン調整：mod end */
/*#machine_search ul li{margin-top:10px;}
#machine_search input.machine_name{height:32px}
*/
/* 2025/02/07 渡邊デザイン調整 del end */
/* 2025/02/07 渡邊デザイン調整(ヘッダーポップアップ用) add start */
/* #machine_search input[type="button"]{margin: -5px; padding: 4px 10px; background-color: #000; color: #fff; border: none; font-size: 14px; font-weight: bold;}
#machine_search input[type="button"]:hover{opacity: 0.7; cursor: pointer; transition:all .3s;}
#machine_search .table-container{width: 100%;}
#machine_search .table-container input{width: 230px; height: 36px; margin: 0px auto;}
#machine_search table{width: 100%; margin-top: 20px!important;}
#machine_search thead th{padding: 5px 10px; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right; 1px solid #CCC; font-size: 20px; background-color: #f6f6f6;}
#machine_search tbody{padding: 10px; border-right: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC;}
#machine_search tbody td{padding: 10px 20px; border-right: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC;}
#machine_search tfoot td{padding-top: 20px;}
#machine_search th.machine_code{width: 550px; border-left: 1px solid #CCC;}
#machine_search th.rental_no{width: 170px;}
#machine_search th.kbl_category{width: 340px; border-right: 1px solid #CCC;}
#machine_search ul li{margin: 5px 0;}
#machine_search .machine_search_button{margin-left: -3px; padding: 0; background: #000;	border: none; border-radius: 0;	outline: none; -webkit-appearance: none; -moz-appearance: none;	appearance: none;} */
/* 2025/02/07 渡邊デザイン調整(ヘッダーポップアップ用)  add end */
/* 2025/02/27 渡邊デザイン調整(ext用) add start */
#machine_search input[type="button"]{margin: -5px; padding: 4px 10px; background-color: #000; color: #fff; border: none; font-size: 14px; font-weight: bold;}
#machine_search input[type="button"]:hover{opacity: 0.7; cursor: pointer; transition:all .3s;}
#machine_search .table-container{width: 100%;}
#machine_search .table-container input{width: 230px; height: 36px; margin: 0px auto;}
#machine_search table{width: 100%; margin-top: 20px!important; border: 0;}
#machine_search thead th{padding: 5px 10px; font-size: 20px; background-color: #f6f6f6;}
#machine_search tbody{padding: 10px; border-top: 0;}
#machine_search tbody td{padding: 10px 20px; border-top: 0;}
#machine_search tfoot td{padding-top: 20px; border: 0;}
#machine_search th.machine_code{width: 590px; border-bottom: 0;}
#machine_search th.rental_no{width: 240px; border-bottom: 0;}
#machine_search th.kbl_category{width: 370px; border-bottom: 0;}
#machine_search ul li{margin: 12px 0 0 5px;}
#machine_search ul li:first-child{margin: 5px 0 0 5px;}
#machine_search .machine_search_button{margin-left: -3px; padding: 0; background: #000;	border: none; border-radius: 0;	outline: none; -webkit-appearance: none; -moz-appearance: none;	appearance: none;}
/* 2025/02/27 渡邊デザイン調整(ext用)  add end */

/* ラベルの基本スタイル */
#machine_search .radio-label {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 20px;
	font-size: 16px;
	user-select: none;
}
/* デフォルトのラジオボタンを非表示 */
#machine_search .radio-label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
/* カスタムチェックボックス風ラジオボタンのスタイル */
#machine_search .radio-label::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 15px;
	width: 15px;
	border:2px solid #555;
	border-radius: 4px; /* 四角形*/
	background-color: #fff;
	box-sizing: border-box;
}
/* 選択時のチェックマーク */
#machine_search .radio-label input:checked + .custom-radio::after {
	content: "✓";
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	background-color: rgb(8,100,244);
	color: #fff;
	border-radius: 4px;
	height: 15px;
	width: 15px;;
}
/* カスタムラジオの位置調整 */
#machine_search .custom-radio {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 15px;
	width: 15px;
	pointer-events: none;;
}
/* 選択時のカスタムラジオ */
#machine_search .radio-label inputcked + .custom-radio::after{
	display: block;
}

/* == 2024/07/23 神田 要件定義No.2 機械検索：add end */
/* == 2024/11/20 神田 機械検索の説明文とエラーメッセージ定義：add start */
#machine_search .description{font-size: 16px; }
#errormsg {display: none; width: 100%;}
/*#errormsg .ico{margin: 10px 7px 0 0; line-height: 120%; } */
#errormsg p{display: inline-block; margin-left:10px; font-size: 16px; color: red}
/* == 2024/11/20 神田 機械検索時のエラーメッセージ定義および説明文：add end */

/* topics - トピックス
-------------------------------------------------------------*/
#topics{margin-bottom: 50px; width: 100%;}
#topics .box{border-bottom: #EEE solid 1px; margin-bottom: 15px; padding-bottom: 10px;}
#topics .box:after {content: ""; clear: both; display: block;}/* clearfix */
#topics .box:last-child{border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px;}
#topics h3{display: block; float: left; width: 120px; padding: 3px 10px 5px; font-size: 100%; line-height: 100%; font-weight: 500!important;}
#topics h3 img{vertical-align: bottom;}
#topics .category{display: block; float: left; width: 130px; padding: 3px 10px 5px; font-size: 90%; line-height: 100%;}
#topics .category span{padding: 3px; border: 1px solid #434348; border-radius: 3px;}
#topics .inner{display: block; float: right; width: 920px; padding: 0px 10px 5px;}
#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;}
#topics .topics_inner{border: 5px solid #ececec; padding: 20px 10px;}

/* 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 h3{margin: 0px 0px 10px; font-size: 90%; 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%; line-height: 140%; min-height: 60px;}
/* #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 h3{margin: 0px 0px 10px; font-size: 90%; 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 h4{margin: 0px 0px 10px; font-size: 90%; 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 h4{margin: 0px 0px 10px; font-size: 90%; 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 - 閲覧履歴
-------------------------------------------------------------*/
/* ==2025/01/16 渡邊 画面デザイン調整コメントアウト：mod start */
/*
#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;}
*/
/* ==2025/01/16 渡邊 画面デザイン調整コメントアウト：mod end */

/* ==2025/01/16 渡邊 画面デザイン調整：mod start */
#itemAccessLog{margin-bottom: 20px;}
#itemAccessLog h2{background-color: #3f3f3f; padding-left: 10px; color: #fff;}
#itemAccessLog .box{margin-top: 10px; margin-right: 30px; width: 216px; display: block; float: left;}
#itemAccessLog .box:last-child{margin-right: 0;}
#itemAccessLog .box .img_box img{width: 100%; position: static;}
#itemAccessLog .box .text h3{font-weight: 500; font-size: 100%; margin-top: 15px;}
/* ==2025/01/16 渡邊 画面デザイン調整コメントアウト：mod end */

/* 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: 210px; float: right;}
#cartSidebar #sideInner{width: 210px;}
/*#cartSidebar .total_box{border: #CCC 1px solid; padding: 10px; background: #F6F6F6;}*/
#cartSidebar .total_box{padding: 10px; background: #F6F6F6;}
#cartSidebar .total_box .box{border: none; margin-bottom: 10px;}
#cartSidebar .total_box .box:after {content: ""; clear: both; display: block;}/* clearfix */
#cartSidebar .total_box h3{margin: 0; background: none; padding: 0px; border: 0px; font-size: 14px; float: left;}
#cartSidebar .total_box p.price{font-size: 18px; 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;}/* clearfix */
#cartSidebar .total_box .teiki_text{margin: 0; font-size: 12px;}
#cartSidebar .cartButtonArea a{display: block; margin: 0 auto 10px; min-width: 180px;; max-width: 180px;}
/* ==2025/08/06 神田 追加要望⑥再注文対応：add start */
#cartSidebar .cartButtonArea button{display: block; margin: 0 auto 10px; min-width: 180px;; max-width: 180px;}
/* ==2025/08/06 神田 追加要望⑥再注文対応：add end */
#cartSidebar .cartButtonArea img{display: block; max-width: 100%;}
#cartSidebar .cartButtonArea input{display: block; margin: 0 auto 10px; min-width: 180px;; max-width: 180px;}
#cartSidebar .tax{font-size: 9px; color: #666;}
#cartSidebar .amazon_highlight_area{margin-bottom: 10px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
#cartSidebar .amazon_highlight_area p{font-size: 10px;}
#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;}
/* 2024/10/17 河野 画面デザイン調整_カートフロー内サイドバー：add start */
#cartSidebar #addMessage {margin-bottom: 10px; font-size: 13px;}
/* 2024/10/17 河野 画面デザイン調整_カートフロー内サイドバー：add end */

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
/* ==2024/06/04 神田 #100_カート画面のレイアウト変更：mod start */
/*#cartIndex{width: 980px; padding-bottom: 20px; margin: 0 auto;}
#cartIndex .content{width: 750px; float: left; margin-right: 20px;}*/
/* 2024/10/16 河野 画面デザイン調整_カート - 初期画面のみ：mod start */
#cartIndex{width: 1220px; padding-bottom: 20px; margin: 0 auto;}
#cartIndex .content{width: 970px; float: left; margin-right: 20px;}
/* #cartIndex .text_box .item_info {border: solid 2px #6091d3; border-radius: 5px;margin: 0.2em 0.2em; padding: 0.2em 0.2em;background-color: #FFFFFF; border-color: #BBBBBB;display:inline-block} */
#cartIndex .text_box table .tagname span {display: inline-block;}
#cartIndex .text_box table .tagname span.item_code {background: #F6F6F6; padding: 6px 10px;}
#cartIndex .text_box table .tagname span.rnt_item_name {padding: 10px 0px;}
#cartIndex .text_box table.item_info {border: none ;width: 760px; table-layout: fixed;}
#cartIndex .text_box table.item_info td {border: none ; padding: 0px; vertical-align:middle ;}
/* #cartIndex .text_box table.item_info td.tagname {width: 110px;}
#cartIndex .text_box table.item_info td.ordercode {width: 130px;} */
/* 2024/10/16 河野 画面デザイン調整_カート - 初期画面のみ：mod start */
/* 2025/12/15 河野 勘定科目プルダウン項目の追加：add start */
#cartIndex .text_box table.item_info .account_title {display: flex; justify-content: center;}
#cartIndex .text_box table.item_info .account_title select {padding: 6px 12px; background-color: #f8f8f8; border-radius: 3px; height: 38px;}
#cartIndex .text_box .account_title p {margin: 0;}
/* 2025/12/15 河野 勘定科目プルダウン項目の追加：add end */
#cartIndex .account_title_bulk select {padding: 6px 12px; background-color: #f8f8f8; border-radius: 3px; height: 38px;}
#cartIndex .account_title_button {margin: 0px 0px 10px 20px;}
#cartIndex .account_title_button input {padding: 3px 8px; font-weight: bold; cursor: pointer;}
#cartIndex .checkbox_meisai {padding: 20px 10px 10px 10px;}
#cartIndex .account_title_content {padding: 10px 10px 10px 20px;}

/* ==2024/06/04 神田 #100_カート画面のレイアウト変更：mod end */
#cartIndex:after {content: ""; clear: both; display: block;}/* clearfix */
/* ==2024/06/04 神田 #100_カート画面のレイアウト変更：mod start */
/*#cartIndex table{width: 750px; margin: 0px 0 10px;}*/
/*#cartIndex table th.itemname{width: 500px; }*/
/* 2024/10/16 河野 画面デザイン調整_カート - 初期画面のみ：mod start */
/*#cartIndex table{width: 970px; margin: 0px 0 10px;}*/
#cartIndex table{width: 970px; margin: 0px 0 10px; border: 0px;}
/*#cartIndex table th.itemname{text-align: center; vertical-align:middle; font-weight: bold;} */
#cartIndex table th.itemname{text-align: center; vertical-align:middle; font-weight: bold; border: 0px; font-size: 110%;}
#cartIndex table th.itemname {background: #F6F6F6;}
#cartIndex table td{border: 0px; border-bottom: 1px solid #CCC;}
#cartIndex .text_box {font-weight: bold;}
#cartIndex .text_box .machine_info table {padding: 7px; width: 680px; margin-bottom: 0px; /*table-layout: fixed;*/}
#cartIndex .machine_info table th{text-align: center; vertical-align: middle; background: #F6F6F6; font-weight: bold; white-space: nowrap;}
#cartIndex .machine_info table td{text-align: center; vertical-align: middle; word-break: break-word; border: 1px solid #CCC;}
#cartIndex table.item_info tr.kbl_item_name td {padding-bottom: 20px;}
#cartIndex .machine_info_flex {display: flex; align-items: flex-end;}
#cartIndex .machine_clear_button {margin: 0px 0px 10px 20px;}
#cartIndex .machine_clear_button input {padding: 3px 8px; font-weight: bold; cursor: pointer;}
#cartIndex table .left_content {padding: 20px 10px 20px 20px;}
/*#cartIndex table .right_content {font-weight: bold; padding: 30px 10px;}*/
#cartIndex table .right_content {font-weight: bold;}
#cartIndex table .right_content p {padding-top: 10px;}
#cartIndex table .right_content .item_info_box{border-left: 1px solid #ccc; padding: 35px 0px 35px 10px;}
#cartIndex .item_amount_input input {width: 60px; border-radius: 4px; padding: 6px 10px; font-weight: bold;}
/* #cartIndex table.item_info tr {padding-bottom: 10px;} */
/* 2024/10/16 河野 画面デザイン調整_カート - 初期画面のみ：mod end */

/*#cartIndex table.machine{width: 470px; margin: 0px 0 10px;}*/
#cartIndex table.machine{border: 1px solid #CCC;}
#cartIndex table table th.machine_code{width: 95px;}
#cartIndex table table td input{vertical-align: baseline;}
#cartIndex table table th.rental_no{width: 95px;}
#cartIndex table table th.machine_type{width: 110px;}
#cartIndex table table th.machine_no{width: 110px;}
#cartIndex table table th.engine_type{width: 230;}
#cartIndex table table td input.machine_code{width: 70px;}
#cartIndex table table td input.rental_no{width: 55px;}
/* ==2024/06/04 神田 #100_カート画面のレイアウト変更：mod end */
#cartIndex .img_box{width: 80px; height: 80px; text-align: center; position: relative; float: left;}
#cartIndex .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;}
/* ==2024/04/03 神田 #071_閲覧履歴画像倍率変更：add start */
#cartIndex .appeal img{width:100%;}
/* ==2024/04/03 神田 #071_閲覧履歴画像倍率変更：add end */
/* ==2024/04/03 神田 #071_閲覧履歴画像倍率変更：del start */
/*#cartIndex .text_box{padding-left: 90px;}*/
/* ==2024/04/03 神田 #071_閲覧履歴画像倍率変更：del end */
#cartIndex .text_box p{margin: 0 0 10px; font-size: 100%;}
#cartIndex .text_box p.code{font-size: 80%;}
#cartIndex .text_box p.last{margin-bottom: 0px;}

#cartIndex .empty{margin: 20px 0;}
#cartIndex .price{color: #C00; text-align: right;}
#cartIndex .tax{font-size: 9px; color: #666;}
#cartIndex .amount{text-align: center;}
#cartIndex .delete .button{width: 50px;}
/* ==2024/06/04 神田 #100_カート画面のレイアウト変更：mod start */
/*#cartIndex .total{margin: 0px 0 30px; padding: 0px 0 5px; font-weight: bold; text-align: right; border-bottom: #CCC 1px solid; width: 750px;}*/
/* 2024/10/16 河野 画面デザイン調整_カート - 初期画面のみ：mod start */
#cartIndex .total{margin: 0px 0 30px; padding: 0px 0 5px; font-weight: bold; text-align: right; border-bottom: #CCC 1px solid; width: 970px;}
/* 2024/10/16 河野 画面デザイン調整_カート - 初期画面のみ：mod end */
/* ==2024/06/04 神田 #100_カート画面のレイアウト変更：mod end */
#cartIndex .total p{margin: 0px; font-size: 90%;}
#cartIndex 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%;}
#cartIndex .box{border: 1px solid #CCC; margin-bottom: 30px; clear: both;}
#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 .box .buttonarea.amazon_btn{margin: 10px; padding: 10px 0 0; text-align: center;}
#cartIndex .box .buttonarea.amazon_btn .button.medium{max-width: 270px; width: 270px;}
#cartIndex .box #AmazonPayButton{min-height: 50px;}
#cartIndex .box #AmazonPayV2Button{max-width: 230px; min-width: 200px; margin: 0 auto;}

/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin:after {content: ""; clear: both; display: block;}/* clearfix */
#cartLogin table{margin: 0 auto 20px auto; width: 428px;}
#cartLogin 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%;}
#cartLogin .login_boxes{display: flex; align-items:stretch; justify-content: space-between;}
#cartLogin .box{border: 1px solid #CCC; width: 468px; float: left; margin: 0 10px 30px; position: relative;}
#cartLogin .box .buttonarea{width: 100%; margin: 20px 0; padding: 0;}
#cartLogin .box table{margin: 10px; width: 446px;}
#cartLogin .box .link_text{text-align: right; padding: 15px 0 10px;}
#cartLogin .box .regist_non_area{width: 442px; margin: 0 auto;}
#cartLogin .box .regist_non_area p{margin: 0 0 10px;}
#cartLogin .box .amazon_area{width: 442px; margin: 0 auto; border-top: 1px solid #ccc;}
#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{border: 1px solid #CCC; width: 960px; margin: 0 10px 30px; clear: both;}*/
#cartLogin .widebox{width: 1220px; margin: 0 10px 30px; clear: both;}
#cartLogin .widebox .link{text-align: right;}
/*#cartLogin .widebox table{width: 920px;}*/
#cartLogin .widebox table{width: 1220px;}
/*#cartLogin input[type='text'],#cartLogin input[type='password']{width: 200px;}*/
#cartLogin input[type='text'],#cartLogin input[type='password']{width: 600px;}

#cartLogin .social_provider ul{margin: 10px 19px 20px;}
#cartLogin .social_provider ul:after {content: ""; clear: both; display: block;}/* clearfix */
#cartLogin .social_provider ul li{width:220px; height:44px; font-size:14px; display:block; float:left; margin:10px 5px;}
#cartLogin .social_provider ul li a{display: block; text-decoration: none;}
#cartLogin .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;
}

#cartLogin .social_provider li.yahoo a{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#cartLogin .social_provider li.facebook a{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#cartLogin .social_provider li.twitter a{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#cartLogin .social_provider li.google a{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#cartLogin .social_provider li.mixi a{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#cartLogin .social_provider li.line a{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#cartLogin .social_provider li.paypal a{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}


/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
/* ==2024/06/04 神田 #100_カート画面のレイアウト変更：mod start */
/*#cartFlow{width: 980px; padding-bottom: 20px; margin: 0 auto;}*/
/* ==2024/10/17 神田 画面デザイン修正：mod start */
/* カート-初期以外のカート画面全般、見積詳細／注文情報入力のコンテナ領域を変更*/
/*#cartFlow{width: 1080px; padding-bottom: 20px; margin: 0 auto;}*/
#cartFlow{width: 1220px; padding-bottom: 20px; margin: 0 auto;}
/* ==2024/06/04 神田 #100_カート画面のレイアウト変更：mod end */
#cartFlow:after {content: ""; clear: both; display: block;}/* clearfix */
/* ==2024/06/04 神田 #100_カート画面のレイアウト変更：mod start */
/*#cartFlow .content{width: 750px; float: left; margin-right: 20px;}*/
/* ==2024/10/17 神田 画面デザイン修正：mod start */
/* カート-初期以外のカート画面全般、見積詳細／注文情報入力のコンテンツ領域を変更*/
/* #cartFlow .content{width: 850px; float: left; margin-right: 20px;} */
#cartFlow .content{width: 970px; float: left; margin-right: 20px;}
/* ==2024/10/17 神田 画面デザイン修正：mod end */
/* ==2024/06/04 神田 #100_カート画面のレイアウト変更：mod end */
#cartFlow td input{vertical-align: baseline;}
#cartFlow table.newCreditCard{width: 547px; font-size: 100%; margin: 10px auto;}

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

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

/* ==2024/06/04 神田 #100_カート画面のレイアウト変更：mod start */
/*#cartFlow table{width: 750px; margin: 0px 0 20px;}*/
/* ==2024/10/17 神田 画面デザイン修正：mod start */
/* カート-初期以外のカート画面全般、見積詳細／注文情報入力のコンテンツ内テーブル幅を変更*/
/*#cartFlow table{width: 850px; margin: 0px 0 20px;}*/
#cartFlow table{width: 970px; margin: 0px 0 20px;}
/* ==2024/10/17 神田 画面デザイン修正：mod end */
#cartFlow table th.itemname{text-align: center; vertical-align:middle; }
#cartFlow table .machine_info th{text-align: center; vertical-align:middle; white-space: nowrap;}
/* ==2024/10/17 神田 画面デザイン修正：mod start */
/*#cartFlow table .machine_info td{text-align: center; vertical-align:middle;}*/
/*#cartFlow table table th.machine_code{width: 95px;}*/
/*#cartFlow table table td input{vertical-align: baseline;}*/
/*#cartFlow table table th.rental_no{width: 95px;}*/
/*#cartFlow table table th.machine_type{width: 110px;}*/
/*#cartFlow table table th.machine_no{width: 110px;}*/
/*#cartFlow table table th.engine_type{width: 230;}*/
#cartFlow table .machine_info td{text-align: center; vertical-align:middle; word-break: break-word;}
#cartFlow table table th.machine_code{width: 120px;}
#cartFlow table table th.rental_no{width: 120px;}
#cartFlow table span.item_code{background-color: #F6F6F6; padding:6px 10px;}
/* ==2024/10/17 神田 画面デザイン修正：mod end */
#cartFlow table table td input{vertical-align: baseline;}
#cartFlow table table td input.machine_code{width: 70px;}
#cartFlow table table td input.rental_no{width: 55px;}
/* ==2024/06/20 神田 #115_商品一覧画面のレイアウト調整：add start */
#cartFlow .text_box .item_info {border: solid 2px #6091d3; border-radius: 5px;margin: 0.2em 0.2em; padding: 0.2em 0.2em;background-color: #FFFFFF; border-color: #BBBBBB;display:inline-block}
/* ==2024/10/17 神田 画面デザイン修正：mod start */
/*#cartFlow .text_box table.item_info {border: none ;width:640px;table-layout: fixed;}*/
/*#cartFlow .text_box table.item_info td {border: none ;padding:0px; vertical-align:middle ;}*/
/*#cartFlow .text_box table.item_info td.tagname {width: 110px;}*/
/*#cartFlow .text_box table.item_info td.ordercode {width: 130px;}*/
/*#cartFlow .text_box table.machine_info {padding:7px ;width:640px;table-layout:fixed;}*/
#cartFlow .text_box table.item_info {border: none ;width:750px;}
#cartFlow .text_box table.item_info td {border: none ;padding:6px; vertical-align:middle ;}
#cartFlow .text_box table.item_info td.tagname {width: 130px;}
#cartFlow .text_box table.item_info td.ordercode {width: 200px;}
#cartFlow .text_box table.machine_info {padding:7px ;width:750px;}
/* ==2024/10/17 神田 画面デザイン修正：mod end */
/* ==2024/06/20 神田 #115_商品一覧画面のレイアウト調整：add end*/
/* ==2024/06/04 神田 #100_カート画面のレイアウト変更：mod end*/
/* ==2024/11/26 河野_テーブル突き抜け解消（カート-見積情報入力画面、カート-見積情報確認画面、見積詳細／注文情報入力画面：add start */
#cartFlow table td {word-break: break-word;}
/* ==2024/11/26 河野_テーブル突き抜け解消（カート-見積情報入力画面、カート-見積情報確認画面、見積詳細／注文情報入力画面：add end */
#cartFlow table.change_data{margin-top: -21px;}
#cartFlow table.member_regist{margin-top: -21px;}
#cartFlow table td.short input{width: 120px;}
#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;}

/* ==2024/06/04 神田 #100_カート画面のレイアウト変更：del start */
/*#cartFlow .text_box{padding-left: 90px;}*/
/* ==2024/06/04 神田 #100_カート画面のレイアウト変更：del end */
#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{display: block; font-size: 110%; margin: 30px 0px 10px; padding-bottom: 5px;}
#cartFlow h3 img{vertical-align: middle;}
#cartFlow h3 .lock{position:relative; top:-3px;}
#cartFlow .price{color: #C00; text-align: right;}
#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{color: #F60; font-weight: bold;}
#cartFlow .attention{color: #C00; font-weight: bold; font-size: 110%;}
#cartFlow .attention_message{color: #C00; font-weight: bold;}

#cartFlow .sendCopyButton{margin-bottom: 10px;}
#cartFlow .sendCopyButton:after {content: ""; clear: both; display: block;}/* clearfix */
#cartFlow .sendCopyButton .button{width: auto; display: inline-block;}

#cartFlow .multi_send .buttonarea{background: #EEE; margin: 0px 0 20px; padding: 30px 0;}
#cartFlow .multi_send table.delivery{margin-top: -21px;}
#cartFlow .multi_send .sendAddressButton a{width: auto; display: inline-block; margin-bottom: 10px;}

#cartFlow .noshi_setting{line-height: 1; font-size: 12px; padding: 6px 6px;background: #d2d2d2; margin-left: 10px; font-weight: bold;}
#cartFlow .gift_title{display: inline-block; width: 130px;}
#cartFlow .gift div.amount{display: inline-block; margin: 5px 15px 10px 0;}
#cartFlow .gift .item_icon{font-size: 11px;}
#cartFlow .message_card{display: inline-block; vertical-align: top;}
#cartFlow .loop_item{border-bottom: 1px #ccc solid;}
#cartFlow .gift a.button{margin-left: 10px;}
#cartFlow .gift .noshi{margin-bottom: 10px;}
#cartFlow .gift .noshi + .gift_box{border-top: 1px #ccc solid; margin:10px 0 10px; padding-left:15px;}
#cartFlow .gift .message + .gift_box{border-top: 1px #ccc solid; margin:10px 0 10px; padding-left:15px;}
#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 #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; width: 210px; padding: 10px; border: #CCC 1px solid;}
#cartFlow .cartitem h3{margin: 0 0 10px; padding: 0px; border: none; background: none;}
#cartFlow .cartitem li{margin-bottom: 10px; padding-bottom: 0px; border-bottom: 1px solid #CCC;}
#cartFlow .cartitem .img_box{ width: 25px; height: 25px; float: left; margin-right: 5px; text-align: center; position: relative;}
#cartFlow .cartitem .img_box img{width: auto; max-width: 25px; max-height: 25px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#cartFlow .cartitem .text_box{padding-left: 0px; margin-bottom: 5px;}
#cartFlow .cartitem .text_box:after {content: ""; clear: both; display: block;}/* clearfix */
#cartFlow .cartitem .text_box p{margin: 0px; font-size: 70%; line-height: 130%;}
#cartFlow .cartitem p.price{font-size: 70%; margin: 0px; float: left;}
#cartFlow .cartitem p.amount{font-size: 70%; margin: 0px; float: right;}

#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 !important; font-weight: bold; text-align: center; font-size: 80%;}

#cartFlow .card-supplement{font-size:12px; color:#368bc6; font-weight:bold;}

#cartFlow textarea{resize: vertical !important; width: 100%;}

/* 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;}
#cartFlow #estiamteOrderInput select[name*="ACCOUNT_TITLE"] {padding: 6px 12px; background-color: #f8f8f8; border-radius: 3px; height: 38px;}
#cartFlow #estiamteOrderInput #bulk_setting_button {padding: 3px 8px; height: 38px; margin-left: 20px; font-weight: bold; cursor: pointer;}

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

/* cartResult - カート完了画面
-------------------------------------------------------------*/
#cartResult .number{margin: 30px 0px; text-align: center; line-height: 200%;}
#cartResult .number strong{ font-size: 20px;}

#cartResult #cartResultFooter{width:fit-content; padding-bottom: 20px; margin:0 auto; display: flex;}
#cartResult #cartResultFooter .buttonarea{display: inline-block;}

/* 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;}
/* 神田 #100 カート画面のレイアウト変更 mod start*/
/* #cartRecommend .price .teika{font-weight: bold; font-size: 100%;}*/
#cartRecommend .price .teika{font-weight: bold; font-size: 80%;}
/* 神田 #100 カート画面のレイアウト変更 mod end*/
#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;}

/* 神田 画面デザイン完了 add start*/
/* 注文完了画面 */
#estimateOrderResult .title{text-align: center; margin-bottom: 20px;}
#estimateOrderResult .message{text-align: center;}
/* 神田 画面デザイン完了 add end*/

/* =================================================================
9.定期購入商品履歴照会・変更
使用ファイル：teiki_index.xhtml, teiki_detail.xhtml
　　　　　　　teiki_renew.xhtml, teiki_renew_confirm.xhtml
=================================================================*/
/* teikiIndex - 定期購入商品一覧
-------------------------------------------------------------*/
#teikiIndex h3{margin: 5px; padding-left: 8px; border-left: 6px solid #373737; font-size: 110%;}
#teikiIndex h4{display: block; margin: 30px 0px 20px; padding-left: 15px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 2px 8px no-repeat; font-size: 100%;}
#teikiIndex .box{margin: 10px; padding: 10px; border: 1px solid #CCC; background: #FFF;}
#teikiIndex .head{padding: 5px; background: #F1F1F1;}
#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 td{text-align: center;}
#teikiIndex td.month{background: #F9F9F9; font-weight: bold; color: #960;}
#teikiIndex .status {float: right; margin-right: 20px;}
#teikiIndex .cancel_oder{text-align: right;}
#teikiIndex .cancel_oder .button{display: inline-block; width: auto;}
#teikiIndex .cancel_oder form{height: 20px;}

#teikiIndex .pageguide{float: left; width: 500px; font-size: 85%;}
#teikiIndex .pagelink{clear: both; font-size: 85%; margin-bottom:40px;}

/* teikiDetail - 定期購入商品照会・変更・確認画面
-------------------------------------------------------------*/
#teikiDetail h3{margin: 5px; padding-left: 8px; border-left: 6px solid #373737; font-size: 110%;}
#teikiDetail h4{display: block; margin: 30px 0px 20px; padding-left: 15px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 2px 8px no-repeat; font-size: 100%;}
#teikiDetail h5{margin: 20px 0px 0; font-size: 16px;}
#teikiDetail .box{margin: 10px; padding: 10px; border: 1px solid #CCC; background: #FFF;}
#teikiDetail .head{padding: 5px; background: #F1F1F1;}
#teikiDetail .headDetail{margin-right: 20px; padding-left: 5px; border-left: 12px groove #333;}
#teikiDetail .price{color: #C00;}
#teikiDetail table{width: 728px; margin: 10px 0px 30px;}
#teikiDetail table:last-child{margin-bottom: 0px;}
#teikiDetail td.month{background: #F9F9F9; font-weight: bold; color: #960;}

/* =================================================================
10.フッタ
使用ファイル：common/footer.xhtml
=================================================================*/
#footer{clear: both; width: 100%; min-width: 1220px; margin-top: 120px;}
#footer .copyright{padding: 80px 0 80px; font-size: 90%; color: #333; text-align: center; background-color: #f9f9f9; width:100%;}

/* backtotop */
#topBtn{position:fixed; bottom:100px; right:20px; display:block;}
#topBtn a{width:54px; height:54px; display:block;}

/* float_bnr */
#float_bnr{position:fixed; bottom:0; background: rgba(0,0,0,0.3); padding:10px; width:100%; z-index: 99999; justify-content:center; display: flex;}
#float_bnr .fotter_menu_button p{display: inline-block; background-color: #fff; border: 1px solid #4a4a4a; border-radius: 5px; margin-right: 15px; font-weight: bold; opacity: 0.9; width: 200px; text-align: center;}
#float_bnr .fotter_menu_button p:last-child{margin-right:0px;}
#float_bnr .fotter_menu_button a{padding: 5px 12px; width: 100%; display: block; opacity: 1;}
#float_bnr .fotter_menu_button a:active{text-decoration: none; color: #595969;}
#float_bnr .fotter_menu_button a:hover{opacity: 0.3;}
#float_bnr .fotter_menu_button a img{transform: translateY(15%);}

/* =================================================================
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,
=================================================================*/
/* category_html - カテゴリHTML
-------------------------------------------------------------*/
#category_html{margin-bottom: 20px;}
/* ==2024/04/03 河野 #27_商品説明ページの表示：mod start */
/* #category_html img{display: block; margin-bottom: 10px;} */
#category_html img{max-width: 100%; display: block; margin-bottom: 10px;}
/* ==2024/04/03 河野 #27_商品説明ページの表示：mod end */
/* ==2025/01/15 渡邊 子階層カテゴリのみを表示(運用回避)：mod start */
#category_html ul{width: 100%; margin-bottom: 20px;}
#category_html ul li{width: 120px; margin: 10px 15px; float: left;}
#category_html ul li a{width: 100%; display: block;}
#category_html ul li img{width: 100px; margin: 0 auto;}
#category_html ul li p{width: 100%; text-align: center; padding: 0px;}
#category_html .category_table{border: 0;}
/* ==2025/01/15 渡邊 子階層カテゴリのみを表示(運用回避)：mod end */

/* 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: "#";}

/* itemListCategory - カテゴリ
-------------------------------------------------------------*/
#itemListCategory{margin-bottom: 20px;}
/* ==2024/06/17 神田 #115_商品一覧画面のレイアウト調整：add start */
/*#itemListCategory ul{display: block; width: 768px; border: #CCC 1px solid; background: #F5F5F5;}*/
#itemListCategory ul{display: block; width: 100%;}
/* ==2024/06/17 神田 #115_商品一覧画面のレイアウト調整：add start */
#itemListCategory ul:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListCategory li{display: inline; float: left;}
/* #itemListCategory .select{background: url("../images/marker_on.gif") 7px 10px no-repeat #C00; color: #FFF; text-decoration: none;} */
#itemListCategory .select{color: #0092c4; text-decoration: none;}
/* #itemListCategory li a{display: block; padding: 5px; background: url("../images/marker.gif") 7px 10px no-repeat; color: #333; font-size: 80%; text-decoration: none; text-indent: 15px; white-space: nowrap;} */
#itemListCategory li a{display: block; padding: 5px 0px; color: #333; font-size: 90%; text-decoration: none; white-space: nowrap; margin-right: 20px;}
#itemListCategory li a:link{display: block;}
/* #itemListCategory li a:hover{background: url("../images/marker.gif") 7px 10px no-repeat #CCC; color: #FFF; text-decoration: underline;} */
/* ==2024/06/17 神田 #115_商品一覧画面のレイアウト調整：mod start */
/*#itemListCategory #sub ul{display: block; width: 768px; border: #CCC 1px solid; border-top: none; background: #FFF;}*/
#itemListCategory #sub ul{display: block; width: 100%; background: #FFF;}
/* ==2024/06/17 神田 #115_商品一覧画面のレイアウト調整：mod end */
#itemListCategory #sub ul:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListCategory #sub li{display: inline; float: left;}
#itemListCategory #sub .select{background: url("../images/marker_on.gif") 7px 10px no-repeat #CCC; color: #FFF; text-decoration: none;}
#itemListCategory #sub li a{display: block; padding: 5px; background: url("../images/marker.gif") 7px 10px no-repeat; color: #333; font-size: 80%; text-decoration: none; text-indent: 15px;}
#itemListCategory #sub li a:link{display: block;}
#itemListCategory #sub li a:hover{background: url("../images/marker.gif") 7px 10px no-repeat #CCC; color: #FFF; text-decoration: underline;}

/* 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;}/* clearfix */
#narrowListCategory #narrowDownCategoryMultiple{float: left; width: 180px; height: 27px; margin-right: 5px;}
#narrowListCategory #narrowDownCategoryMultiple:after {content: ""; clear: both; display: block;}/* clearfix */
#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;}/* clearfix */
#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;}/* clearfix */
#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: #434348; margin: 0px; font-size: 100%;}
/* 2024/05/17 神田 #62 バッテリー規格表カテゴリ表示 add start */
#category_disp_condition {display: none;}
#category_disp_condition .battery_jyuki{display: block;}
#category_disp_condition .battery_other{display: block;}
/* 2024/05/17 神田 #62 バッテリー規格表カテゴリ表示 add end */

/* list - 一覧画面共通のメニュー
-------------------------------------------------------------*/
#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;}/* clearfix */
#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; padding: 10px 0;}
#list .pagelink .pagelink_inner{margin: 0 auto; width: fit-content;}
#list .pagelink #SEARCH_MAX_ROW_LIST{display: none;}
#list .nolink{color: #999;}
/* 2024/10/15 河野 画面デザイン調整_商品一覧画面共通（simple, detail, image）：add start */
#list .pageguide{width: 980px;}
/* 2024/10/15 河野 画面デザイン調整_商品一覧画面共通（simple, detail, image）：add end */
#list .item_List_navi{width: 100%; background-color: #f9f9f9; padding: 10px 10px; overflow: hidden;}

/* itemListDetail - 商品詳細一覧・プレゼント一覧
-------------------------------------------------------------*/
#itemListDetail{margin-bottom: 20px; clear: both;}
#itemListDetail .box{margin-top: 0px; border-bottom: #CCC 1px solid; padding-top: 30px; padding-bottom: 20px;}
#itemListDetail .box:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListDetail .text{margin-left: 210px;}
#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%;}
/* ==2024/04/03 神田 #64_商品一覧画像倍率変更：add start */
#itemListDetail .appeal img{width: 20%;}
/* ==2024/04/03 神田 #64_商品一覧画像倍率変更：add end */
#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%;}
/* 2024/10/15 河野 画面デザイン調整_商品詳細一覧画面のみ：delete start */
/* #itemListDetail .button_area{margin: 0px 10px 20px 0px; padding-top: 20px; border-top: #CCC 1px solid; text-align: right;} */
/* 2024/10/15 河野 画面デザイン調整_商品詳細一覧画面のみ：delete end */
#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: 180px; height: 180px; margin: 10px; float: left; text-align: center; position: relative;}
#itemListDetail .img_box img{width: auto; max-width: 180px; max-height: 180px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemListDetail .separately_order{margin-left: 0px;}
/* 2024/07/09 河野 #115_商品一覧画面のレイアウト調整：mod start */
/* 2024/06/17 神田 #115_商品一覧画面のレイアウト調整：add start */
/* 2024/10/15 河野 画面デザイン調整_商品詳細一覧画面のみ：mod start */
#itemListDetail .text {display: flex; justify-content: space-between; flex-wrap: wrap;}
#itemListDetail .text .machine_info table {padding: 5px; width: 580px; margin: 0px;}
#itemListDetail .text .machine_info {margin: 10px 10px 10px 0px;}
#itemListDetail table td input{vertical-align: baseline;}
#itemListDetail .text .machine_info table th{text-align: center; vertical-align:middle; font-weight: bold; background: #F6F6F6; white-space: nowrap; padding: 6px!important;}
#itemListDetail .text .machine_info table{border-top:0px!important;}
#itemListDetail .text .machine_info table th.no_top_border{border-top:0px!important;}
#itemListDetail .text .machine_info table td{text-align: center; vertical-align:middle; word-break: break-word; padding: 6px!important;}
#itemListDetail .text .kbl_item_code {background-color: #F6F6F6; padding: 6px 10px;}
#itemListDetail .text .rnt_item_code {background-color: #F6F6F6; padding: 6px 10px;}
#itemListDetail .margin_bottom{margin-bottom: 15px;}
#itemListDetail .kbl_cart_content_box {width: 250px; padding-left: 10px; border-left: 1px solid #e8e8e8;}
#itemListDetail .kbl_cart_content_box .button {margin-top: 10px; font-weight: bold; font-size: 14px;}
#itemListDetail .kbl_item_content_box {width: 710px;}
#itemListDetail .kbl_item_content_box .font_small{font-size: 90%;}
#itemListDetail p {margin: 0px 0px 10px 0px;}
#itemListDetail .kbl_subtext {font-size: 13px;}
#itemListDetail .button_area {display: block; float: right; width: 100%;}
#itemListDetail .img_box:hover {opacity: 0.7; cursor: pointer; transition: all .3s;}
#itemListDetail .machine_info table{width:710px!important;}
/* 2024/11/26 河野 商品数量指定カート投入機能の実装_数量入力欄のデザイン調整：add start */
/* ※レビュー用コメント（削除予定）：数量入力欄のデザインは、画面デザイン調整時に商品詳細画面で実装したデザインと同様のcssを指定しています*/
#itemListDetail .item_amount_input {width: 100px; border-radius: 4px; padding: 6px 12px; font-weight: bold;}
/* 2024/11/26 河野 商品数量指定カート投入機能の実装_数量入力欄のデザイン調整：add start */
/* 2024/10/15 河野 画面デザイン調整_商品詳細一覧画面のみ：mod end */
/* 2024/06/17 神田 #115_商品一覧画面のレイアウト調整：add end */
/* 2024/07/09 河野 #115_商品一覧画面のレイアウト調整：mod end */
/* 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; border-bottom: #EEE 1px solid;}
#topicsList .box {padding: 10px 0px 13px; border-top: #EEE 1px solid;}
#topicsList .box:after {content: ""; clear: both; display: block;}/* clearfix */
/* #topicsList .box h3{font-size: 95%; display: block; margin: 10px 10px 0 0px; font-weight: normal;} */
#topicsList .box h3{font-size: 90%; display: block; margin: 10px 10px 0 0px;}
/* #topicsList .box p{display: block; width: 100%; margin: 0; padding: 5px 0px; font-size: 90%; font-weight: normal;} */
#topicsList .box p{display: block; width: 100%; margin: 0; padding: 5px 0px; font-size: 90%;}
#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;}
#itemListCategory .topics li{margin-right: 5px;}
#itemListCategory .topics li:last-child{margin-right: 0;}
#itemListCategory .topics li a{border: 1px solid #525263; padding: 2px 10px; border-radius: 3px; margin-right: 8px; text-align: center;}

/* 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-bottom: 20px;}
#itemDetail .box{margin-top: 10px;}
#itemDetail .box:after {content: ""; clear: both; display: block;}/* clearfix */

/* 商品画像の切り替え */
#itemDetail .item_image_area{float: left; width: 350px;}
#itemDetail .item_image_area #targetarea{visibility: hidden;}
#itemDetail .item_image_area #main_box{position: relative; border: 1px solid #ececec; }
#itemDetail .item_image_area #main_box:after {content: ""; clear: both; display: block;}/* clearfix */
#itemDetail .item_image_area .img_box{display: none; width: 348px; height: 348px;}

#itemDetail .item_image_area .img_box img{max-width: 348px; max-height: 348px;}
#itemDetail .item_image_area .thumb{margin: 10px 0 20px;}
#itemDetail .item_image_area .thumb:after {content: ""; clear: both; display: block;}/* clearfix */
#itemDetail .item_image_area .thumb li{margin: 0 5px 5px 0; float: left;}
#itemDetail .item_image_area .thumb li.last{margin-right: 0;}
#itemDetail .item_image_area .thumb a{border: 1px solid #ccc; width: 50px; height: 50px; display: block; text-align: center; position: relative;}
#itemDetail .item_image_area .thumb a img{max-width: 48px; max-height: 48px; width: auto; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemDetail .item_image_area .thumb a img:hover{filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6;}
#itemDetail .item_image_area .thumb li.active a{border: 1px solid #cc3333; display: block; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important;}
#itemDetail .item_image_area .thumb li.active a img:hover{cursor: default; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important;}

#itemDetail .otherImage{clear: both; padding: 10px 10px 0 15px; font-size: 75%;}
#itemDetail .recommend{clear: both; padding: 0 10px 10px 15px; font-size: 75%;}
#itemDetail .property_image_area{ clear: both;}
#itemDetail .propertyImg{width: 80px; float: left; margin-right: 15px;}
#itemDetail .propertyImg .propertyimg_box{width: 80px; height: 80px; text-align: center; position: relative; margin: 0 10px 0px 0;}
#itemDetail .propertyImg .propertyimg_box img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemDetail .propertyImg p{margin: 0; text-align: center;}
#itemDetail p{margin: 0 0 10px;}
#itemDetail .text{float: right; width: 800px!important;}
#itemDetail .appeal{display: block; margin: 10px 0px 0 0; color: #F60; font-size: 75%;}
/* 2024/6/19 神田 #064_アピール画像の等倍表示 add start*/
#itemDetail .appeal img{width:100%;}
/* 2024/6/19 神田 #064_アピール画像の等倍表示 add end*/
#itemDetail h3{display: block; margin: 10px 0px 5px 0; font-size: 105%;}
#itemDetail .price{display: block; margin: 0 0px 5px 0; font-size: 90%;}
#itemDetail .price .teika{display: block; margin-bottom: 5px; font-weight: bold; font-size: 110%;}
#itemDetail .price .other{display: block; font-size: 90%;}
#itemDetail .property_sale_price{color: #C00;}
#itemDetail .property_normal_price{text-decoration:line-through}
#itemDetail .information{display: block; margin: 0 0px 0 0; font-size: 80%;}
#itemDetail .explanation2{display: block; margin: 10px 0px 20px 0; padding-top: 10px; border-top: #CCC 1px solid; font-size: 100%; line-height: 150%;}
#itemDetail .explanation3{display: block; margin: 0 0px 20px 0; padding: 10px; background: #EEE; color: #666; font-size: 90%; line-height: 150%;}
#itemDetail table{width: 480px; margin: 0 0 10px;}
#itemDetail th{width: 100px; padding: 5px 10px; text-align: left;}
#itemDetail td{padding: 5px 10px;}
#itemDetail .button{margin-bottom: 10px;}
/*#itemDetail .button.small{max-width: 160px;}*/
#itemDetail .separately_order{margin-bottom: 5px;}
#itemDetail .propaty_area .button{max-width: none; width: 100%;}

/* itemDetail - 商品詳細カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .cartSubmitButton{position: relative;}
#itemDetail .cartSubmitButton input.button{font-weight:bold;}
#itemDetail .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;}
#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; font-weight: blod;}
#itemDetail .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center; margin-botom: 0;}
#itemDetail .cartSubmitButton .cartMessage .link a{display: inline-block; font-size: 16px; font-weight: bold;}
#itemDetail .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* itemDetail - 商品詳細お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .wishlistSubmitButton{position: relative;}
#itemDetail .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;}
#itemDetail .wishlistSubmitButton .wishlistMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemDetail .wishlistSubmitButton .wishlistMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemDetail .wishlistSubmitButton .wishlistMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemDetail .wishlistSubmitButton .wishlistMessage .link{background-color: #fff; text-align: center;}
#itemDetail .wishlistSubmitButton .wishlistMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}
#itemDetail .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;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage .link{background-color: #fff; text-align: center;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* 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;}

/* 2024/10/16 河野 画面デザイン調整_商品詳細画面のみ：mod start */
#itemDetail .item_amount_input input {width: 100px; border-radius: 4px; padding: 6px 12px; font-weight: bold;}
#itemDetail .text {width: 790px;}
#itemDetail table.machine_info {margin: 0px 10px 20px 0px; width: 790px!important;}
#itemDetail table.machine_info th, #itemDetail table.machine_info td {padding: 10px 20px!important;}
#itemDetail table.machine_info td {word-break: break-word;}
#itemAccessLogTitle {margin-top: 50px;}
/* 2024/10/16 河野 画面デザイン調整_商品詳細画面のみ：mod  */

/* =================================================================
12.レビュー
使用ファイル：item_detail.xhtml, member_review.xhtml
=================================================================*/
#review{margin-bottom: 40px;}
#review p{margin: 0 0px;}
#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 th{width: 140px; padding: 5px 10px; border: none; background: none; 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;}/* clearfix */
#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 {width: 1220px!important;}
#history h3{display: block; font-size: 110%; margin: 30px 10px 10px; padding-bottom: 5px;}
#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 .infoarea .status_icon{color: #FFFFFF; float: left; 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;}/* 配送済 */
/* ==2024/04/04 河野 #44_受注ステータスの追加およびステータス遷移：add start */
#history .return .status_icon{background: #000066; padding: 3px 5px;}/* 返品あり */
/* ==2024/04/04 河野 #44_受注ステータスの追加およびステータス遷移：add end */
#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 .pagelink #SEARCH_MAX_ROW_LIST{display: none;}

/* == 2024/11/5 神田 画面デザイン調整：mod start */
/*購入履歴の商品名欄に表示する画像を左寄せ、商品名をセンタリング、 備考（項目名）をセンタリング*/
/*#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 .img_box{width: 80px; height: 80px; margin-right: 10px; margin-bottom: 10px; text-align: center; position: relative; float: left;display: flex; flex-direction: column; align-items: center;}
#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;align-self: flex-start;}
#history p.itemname{text-align: center;}
#history th.title{text-align: center;}
/* == 2024/11/5 神田 画面デザイン調整：mod end */
#history .pageguide{ float: left; width: 570px; font-size: 85%; padding-top: 4px;}
#history .rearrange{float: left; width: 200px; font-size: 85%; text-align: right;}
#history .pagelink{ clear: both; font-size: 100%; padding: 5px 0;}
#history .nolink{color: #999;}
#history .reducedTax{ display: block; font-size: 11px; }
#history .search .buttonarea{padding: 20px 0 40px;}
#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;}

/* == 2024/06/20 川口 全体レイアウト調整：add start */
/* == 2024/10/10 神田 画面デザイン調整：mod start */
/* 購入履歴・見積履歴のコンテンツ幅とテーブル幅を調整*/
/*
#history table{width: 870px; margin: 5px; font-size: 90%; border: 1px solid #CCC; line-height: 120%;}
#history{width: 870px; padding-bottom: 20px; margin: 0 auto;}
*/
#history table{width: 990px; margin: 5px; font-size: 90%; border: 1px solid #CCC; line-height: 120%;}
#history{width: 990px; padding-bottom: 20px; margin: 0 auto;}
/* == 2024/10/10 神田 画面デザイン調整：mod end */
/* #history .search th{width: 115px; padding: 5px; border: 1px solid #CCC; background: #F6F6F6; vertical-align: middle; font-weight: normal; text-align: left;} */
#history .search th{width: 115px; padding: 5px; border: 1px solid #CCC; background: #F6F6F6; vertical-align: middle; text-align: left;}
#history .search td{width: 335px; padding: 5px; border: 1px solid #CCC; vertical-align: middle;}
#history .search .item_input input{width: 100%;}
/* == 2024/10/10 神田 画面デザイン調整：mod start */
/*#history table th.table_item_code{width: 155px;}*/
/*#history table th.table_amount{width: 80px;}*/
/*#history table th.table_body_price{width: 85px;}*/
/*#history table th.table_subtotal_price{width: 100px;}*/
#history table th.table_item_code{width: 155px; text-align: center;}
#history table th.table_item_name{text-align: center; vertical-align: middle;}
#history table th.table_amount{width: 80px; text-align: center; vertical-align: middle;}
#history table th.table_body_price{width: 100px; text-align: center; vertical-align: middle;}
#history table th.table_subtotal_price{width: 100px; text-align: center; vertical-align: middle;}
#history table td.table_item_code{text-align: center;}
#history table td.amount{text-align: center;}
#history table td.price{text-align: center;}
#history table td.table_subtotal_price{text-align: center;}
/* == 2024/10/10 神田 画面デザイン調整：mod end */
/* == 2024/06/20 川口 全体レイアウト調整：add end */

/*estimateListDetail - 見積履歴
-------------------------------------------------------------*/
/* #history #estimateListDetail .box{margin-bottom: 30px;} */
/* #history #estimateListDetail .box:first-child{margin-top: 15px;} */
/* == 2024/10/10 神田 画面デザイン調整：mod start */
/* 見積ステータスアイコンの上下余白を変更 */
/*#history #estimateListDetail .status_icon{color: #333; float:none; font-weight: bold; background: #CCC; padding: 5px 5px;}*/
#history #estimateListDetail .status_icon{color: #333; float:none; font-weight: bold; background: #CCC; padding: 3px 5px;}
/* == 2024/10/10 神田 画面デザイン調整：mod end */
/* == 2024/05/29 川口 #017_税抜き価格の設定：mod start */
/*#history #estimateListDetail th.total_price{width: 120px;}*/
#history #estimateListDetail th.total_price{width: 100px;}
/* == 2024/05/29 川口 #017_税抜き価格の設定：mod end */
/* == 2024/06/20 川口 全体レイアウト調整：add start */
#history #estimateListDetail .search td{width: 315px; padding: 5px; border: 1px solid #CCC; vertical-align: middle;}
#history #estimateListDetail th.total_price_title{width: 100px; }
#history #estimateListDetail td.total_price{text-align: center;}
#history #estimateListDetail th.button_order_title{width: 100px; }
/* == 2024/10/10 神田 画面デザイン調整：del start */
/* 見積履歴のテーブルを#historyのtableスタイルに統一するため削除 */
/*#history #estimateListDetail .estimate_recode_width{width: 500px;}*/
/* == 2024/10/10 神田 画面デザイン調整：del end */
/* == 2024/06/20 川口 全体レイアウト調整：add end */
/* == 2024/10/10 神田 画面デザイン調整：add start */
/* 見積履歴：明細テーブルのレイアウトを調整 */
#history #estimateListDetail .search th{text-align: left;}
#history #estimateListDetail th{text-align: center; vertical-align: middle;}
#history #estimateListDetail th.web_estimate_no{width: 120px;}
#history #estimateListDetail th.office_name{width: 180px;}
#history #estimateListDetail p.office_name_bottom{border-top: 1px solid #d0d0d0; padding: 8px 0px 5px 0px; margin: 0px 10px -5px 10px;}
#history #estimateListDetail span.office_name_top {display: inline-block; margin-bottom: 10px;}
#history #estimateListDetail th.machine_info{width: 110px;}
/* == 2025/12/23 熊谷 画面デザイン調整：add start */
#history #estimateListDetail td{vertical-align: middle; word-break: break-word;}
/* == 2025/12/23 熊谷 画面デザイン調整：add end */
#history #estimateListDetail td.web_estimate_no{text-align: center;}
#history #estimateListDetail td.office_name{text-align: center;}
#history #estimateListDetail td.item_name{text-align: center;}
#history #estimateListDetail td.machine_info{width: 110px;}
#history #estimateListDetail td.button_order_title{text-align: left;}
/* == 2024/10/25 河野 画面デザイン調整：add start */
#history #estimateListDetail .kbl_item_name {display: inline-block; margin: 5px 0px;}
#history #estimateListDetail .kbl_machine_info {display: inline-block; margin: 5px 0px; text-decoration: underline;}
/* == 2024/10/25 河野 画面デザイン調整：add end */
/* == 2024/10/10 神田 画面デザイン調整：add end */

/* == 2025/01/27 渡邊 画面デザイン調整：add start */
#history #estimateListDetail .box{border-top : 1px solid #dbdbdb; margin: 30px 0; padding: 30px 0 10px;}
#history #estimateListDetail .box:first-child{margin: 0;}
#history #estimateListDetail .box:last-child{border-bottom : 1px solid #dbdbdb;}
#history #estimateListDetail .estimate_record_left{width: 350px; float: left;}
#history #estimateListDetail .estimate_record_title{font-weight: bold; font-size: 120%; padding-bottom: 20px; border-bottom: 1px solid #dbdbdb;}
#history #estimateListDetail .estimate_record_title a{pointer-events: none; text-decoration: none; color: #434348; cursor: text;}
#history #estimateListDetail .estimate_record_detail{padding: 20px 0;}
#history #estimateListDetail .button_area a.button{width: 80%; margin: 0px auto 10px; padding: 5px 0;}
#history #estimateListDetail .estimate_record_right{width: 870px; float: right;}
#history #estimateListDetail .estimate_record_right table{width: 860px!important; float: right; margin: 0 0 0 10px;}
#history #estimateListDetail .estimate_record_bottom{width: 1220px; margin-top: 20px;}
#history #estimateListDetail .estimate_status_button{width: 80%; max-width: 230px; min-width: 200px; font-size: 16px; margin: 0px auto 10px; padding: 1px 0; display: block; text-align: center; background-color: #CCC; border-radius: 3px;}
#history #estimateListDetail .estimate_status_button_positive{width: 80%; max-width: 230px; min-width: 200px; font-size: 16px; color: #fff; margin: 0px auto 10px; padding: 1px 0; display: block; text-align: center; background-color: #ce5d50; border-radius: 3px;}
#history #estimateListDetail .estimate_status_button_negative{width: 80%; max-width: 230px; min-width: 200px; font-size: 16px; color: #fff; margin: 0px auto 10px; padding: 1px 0; display: block; text-align: center; background-color: #4c4c4c; border-radius: 3px;}
#history #estimateListDetail .account_title{width:150px;}
/* == 2025/01/08 熊谷 画面デザイン調整：add start */
#history #estimateListDetail .item_no{width:150px;}
/* == 2025/01/08 熊谷 画面デザイン調整：add end */
#history #estimateListDetail .machine_info{width:100px;}
#history #estimateListDetail .machine_info_detail{text-align: center;}
/* == 2025/01/08 熊谷 画面デザイン調整：add start */
#history #estimateListDetail .item_amount{width:90px;}
/* == 2025/01/08 熊谷 画面デザイン調整：add end */
#history #estimateListDetail .item_amount_detail{text-align: center;}
#history #estimateListDetail .item_price{width:90px;}
#history #estimateListDetail .item_price_detail{text-align: right;}
#history #estimateListDetail .item_total_price{width:90px;}
#history #estimateListDetail .item_total_price_detail{text-align: right;}
/* == 2025/01/27 渡邊 画面デザイン調整：add end */

/* 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;}

/* ===================================================================
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{width: 500px; margin: auto;}
#subwindow #header{background: none;}
#subwindow #header h1 a{float: none;}
#subwindow #content h2{margin-bottom: 20px; font-weight: bold;border-bottom: solid 1px #cccccc; position: relative;}
/*#subwindow #content h2:after{position: absolute; content: " "; display: block; border-bottom: solid 3px #373737; bottom: -3px; width: 20%;}*/
#subwindow #content table{font-size: 80%;line-height: 160%;margin: 10px 0px;width: 100%;border: 1px solid #CCCCCC;}
/* #subwindow #content th{padding: 10px; border: 1px solid #CCC; background: #F6F6F6; vertical-align: top; font-weight: normal; text-align: left;} */
#subwindow #content th{padding: 10px; border: 1px solid #CCC; background: #F6F6F6; vertical-align: top; text-align: left;}
#subwindow #content th.zaiko{width: auto;text-align: center;}
#subwindow #content td{padding: 10px; border: 1px solid #CCC; vertical-align: top;}
#subwindow #content td.number{text-align: right;}
#subwindow #content .hissu{color: #CC0000;font-weight: bold;}
#subwindow #content .close{margin: 10px 0; font-size: 80%; line-height: 150%; text-align: right;}
#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;}
#content #reCAPTCHA{width: 304px; margin: 20px auto 0;}


/* =================================================================
15.エラーページ
使用ファイル：common/messages.xhtml
　　　　　　　ext/social_provider.xhtml
=================================================================*/
#error{width: 100%; padding: 10px 0px;}
#error table{width: 100%; margin: 0px 0 10px; border: none !important; font-size: 85%; background-color: #f0dddc;}
#error td{padding: 10px; border: none !important;}
#error .ico{width: 30px; vertical-align: top; text-align: center;}
#error img{width: 30px;}
#error .content{padding: 5px 0; color: #C00; font-weight: bold; vertical-align: middle; line-height: 150%; float: none;}
#error .buttonarea{margin: 10px; padding-top: 40px; text-align: center;}
#error ul{background: none; margin-bottom: 0px!important;}
#error li{float: none; font-size: 100%; border: 0px; padding: 0px; margin-right: 0px; margin-bottom: 0px; width: auto; line-height: 150%;}

/* ヘッダー機械名称検索処理のエラー部分
-------------------------------------------------------------*/
#machine_search_error{width: 100%; padding: 10px 0px;}
#machine_search_error table{width: 100%; margin: 0px 0 10px; border: none !important; font-size: 85%; background-color: #f0dddc;}
#machine_search_error td{padding: 10px; border: none !important;}
#machine_search_error .ico{width: 30px; vertical-align: top; text-align: center;}
#machine_search_error img{width: 30px;}
#machine_search_error .content{padding: 5px 0; color: #C00; font-weight: bold; vertical-align: middle; line-height: 150%; float: none;}
#machine_search_error .buttonarea{margin: 10px; padding-top: 40px; text-align: center;}
#machine_search_error ul{background: none; margin-bottom: 0px!important;}
#machine_search_error li{float: none; font-size: 100%; border: 0px; padding: 0px; margin-right: 0px; margin-bottom: 0px; width: auto; line-height: 150%;}

/*  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; color: #C00; font-weight: bold; vertical-align: middle; line-height: 150%; 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 td.button_area{text-align: center;}
#credit td.button_area .button{display: inline-block; width: auto;}
#credit .can_regist{padding-top: 30px;}
#credit .error{clear: both; margin: 5px 10px; color: #C00 !important; font-weight: bold; text-align: center; font-size: 80%;}


/* =================================================================
17.お気に入り
使用ファイル：wishlist.xhtml
　　　　　　　wishlist_edit.xhtml
=================================================================*/
/* == 2025/01/10 渡邊 コメントアウト：add start */
/*
#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;}/* clearfix
#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;} clearfix */
/*
#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;} */
/* == 2025/01/10 渡邊 コメントアウト：add end */

/* == 2025/01/10 渡邊 デザイン調整：add start */
#wishList form{margin: 15px 0;}
#wishList .box{padding: 15px 0; border-top: 1px solid #CCC;}
#wishList .box:last-child{border-bottom: 1px solid #CCC;}
#wishList .box:after {content: ""; clear: both; display: block;}/* clearfix */
#wishList .img_box img{width: 120px; position: relative; float:left; padding-right: 10px;}
#wishList .item_detail{float: right; width: 1070px;}
#wishList .item_detail .item_name{float: left; font-size: 13px; width: 100%;}
#wishList .item_detail .item_content_box{float: right; width: 200px; padding-left: 10px; padding-top: 20px;}
#wishList .item_detail .item_price .price{margin-bottom: 20px; font-size: 15px; font-weight: bold;}
#wishList textarea{resize: vertical !important;}
#wishList .button_area a.negative{margin-top: 5px;}
#wishList .pageguide{font-size: 85%;}
#wishList .pagelink{padding:5px 0;}
#wishList #SEARCH_MAX_ROW_LIST{display: none;}
/*#main #wishList table{width: fit-content!important;}*/
#main #wishList table{width: 100%;}
#main.no-sidebar #wishList table {width: 100%!important;}
/* == 2025/01/10 渡邊 デザイン調整：add end */

/* wishList - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#wishList .cartSubmitButton{position: relative;}
#wishList .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;}
#addressList h3{margin-bottom: 15px; padding: 1px 0px 0px 20px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 7px 7px no-repeat; font-size: 85%; margin-top: 30px;}
#addressList ul{padding: 20px 0 10px;}
#addressList ul:after {content: ""; clear: both; display: block;}/* clearfix */
/* == 2024/06/20 川口 全体レイアウト調整：mod start */
/*
#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{float: left; font-size: 80%; border: 1px solid #CCC; padding: 10px 10px 40px 10px; margin-right: 10px; margin-bottom: 10px; width: 400px; line-height: 180%; position: relative;}
*/#addressList {width: 870px;}
#addressList {width: 100%;}
/* == 2024/06/20 川口 全体レイアウト調整：mod end */
#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 .widebox li{width: 453px;}
#addressList .widebox table{margin-top: 20px;}
#addressList .pageguide{float: left; width: 500px; font-size: 85%;}
#addressList .rearrange{float: left; width: 200px; font-size: 85%; text-align: right;}
#addressList .pagelink{clear: both; font-size: 100%; padding: 10px 0;}
#addressList .nolink{color: #999;}
/* == 2025/01/10 渡邊 追加デザインレイアウト調整：mod start */
#addressList #SEARCH_MAX_ROW_LIST{display: none;}
#addressList table{width: 100%; padding: 0px; margin: 0 0 20px 0;}
#addressList td{vertical-align: middle;}
#addressList .address_new{float:right; width: 180px; margin-bottom: 20px;}
#addressList .address_new .buttonarea{width: 180px; margin: 0; padding-top: 0;}
#addressList .address_new .buttonarea .button{margin: 0;}
/* == 2025/01/10 渡邊 追加デザインレイアウト調整：mod end */

/* =================================================================
19.マイページ
使用ファイル：member_mypage.xhtml
=================================================================*/
#member.mypage h3{margin: 10px 0 10px 10px;}
#member.mypage h3 a{ float: right; width: auto;}
#member.mypage ul{margin: 0 0 50px 0px;}
#member.mypage ul:after {content: ""; clear: both; display: block;}/* clearfix */
#member.mypage ul li{float: left;}
/* #member.mypage ul li h4{font-size: 16px; background: #F6F6F6; font-weight: normal; padding: 6px 10px; margin: 0 0px 15px 0;} */
#member.mypage ul li h4{font-size: 16px; background: #F6F6F6; padding: 6px 10px; margin: 0 0px 15px 0;}
/* == 2024/06/20 川口 全体レイアウト調整：mod start */
/* #member.mypage ul li .inner{width: 246px; border: 1px solid #CCCCCC; margin: 0 10px 10px 0;} */
#member.mypage ul li .inner{width: 393px; border: 1px solid #CCCCCC; margin: 0 10px 10px 0;}
/* == 2024/06/20 川口 全体レイアウト調整：mod end */
#member.mypage ul li .box{padding-bottom: 10px;}
#member.mypage ul li p{font-size: 14px;}
#member.mypage ul li a{font-size: 14px;}
#member.mypage .inner .box p{padding-left: 10px;}

/* == 2024/06/20 川口 全体レイアウト調整：add start */
#member.mypage{width: 100%; padding-bottom: 20px;}
/* == 2024/06/20 川口 全体レイアウト調整：add end */

#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:after {content: ""; clear: both; display: block;}/* clearfix */
#loginNew table{margin: 0 auto 20px auto; width: 428px;}
#loginNew 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%;}
#loginNew .box{border: 1px solid #CCC; width: 478px; float: left; margin: 0 5px 30px; position: relative;}
#loginNew .box .buttonarea{width: 100%; margin: 20px 0; padding: 0;}
#loginNew .box table{margin: 10px; width: 446px !important;}
#loginNew .box .link_text{text-align: right; 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 input[type='text'],#loginNew input[type='password']{width: 600px;}

#loginNew .social_provider ul{margin: 0px 13px 0px;}
#loginNew .social_provider ul:after {content: ""; clear: both; display: block;}/* clearfix */
#loginNew .social_provider ul li{width: 220px; height: 44px; font-size: 14px; display: block; float: left; margin: 0px 10px 15px 0;}
#loginNew .social_provider ul li:nth-child(2n){margin-right: 0px;}
#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 ul{width:100%;}
#cartCampaign ul:after {content: ""; clear: both; display: block;}/* clearfix */
#cartCampaign p.heed{margin:0 0 10px 0; font-size:75%;}
#cartCampaign li{width:365px; margin:0 20px 20px 0; float: left;}
#cartCampaign li a{display: block;}
#cartCampaign li img{width:100%; display: block;}
#cartCampaign li h4{padding:5px 0 0 0;}
#cartCampaign li p{margin:5px 0 0 0;}

/* cart_confirm */
#cartFlow .confirmCampaign{width:100%; margin-top: 20px; padding:10px; border:#CCC 1px solid;}
#cartFlow .confirmCampaign h3{margin: 0 0 10px; padding: 0px; border: none; background: none;}
#cartFlow .confirmCampaign li{padding:0 0 10px 0; border:none;}
#cartFlow .confirmCampaign li h4{font-size: 90%;}
#cartFlow .confirmCampaign li img{width:100%;}
#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;}

/* ==2024/11/26 河野_テーブル突き抜け解消（会員情報確認画面）：add start */
#memberTableCustom td {word-break: break-word;}
/* ==2024/11/26 河野_テーブル突き抜け解消（会員情報確認画面）：add end */

/* =================================================================
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
=================================================================*/
#pointRecord .summary {margin: 10px; border: 1px solid #CCC; font-size: 90%; line-height: 150%;}
/* #pointRecord .summary h3 {font-weight: normal; font-size: 90%; background-color: #F6F6F6; padding: 10px;} */
#pointRecord .summary h3 {font-size: 90%; background-color: #F6F6F6; padding: 10px;}
#pointRecord .summary .detail {padding: 10px; position: relative;}
#pointRecord .summary .detail .limit_date {font-weight: bold;}
#pointRecord .summary .total {margin-bottom: 10px}
#pointRecord .summary .total .point {color: #C00; font-weight: bold;}
#pointRecord .summary .detail .link_point_right{position: absolute; top: 10px; right: 10px;}
#pointRecord .summary .limit {padding: 5px 0; border-top: 1px dotted #CCC;}
#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 .limit_icon{ background-color: #C00; color: #FFFFFF; display: inline-block; font-size: 10px; line-height: 1; padding: 3px 5px; vertical-align: text-bottom; }
#pointRecord th{ width: 150px; }
#pointRecord .point_kbn{display: inline-block;}

/* =================================================================
28.ポイント有効期限
使用ファイル：member_point_limit_manage.xhtml
=================================================================*/
#pointLimit .summary {margin: 10px; border: 1px solid #CCC; font-size: 90%; line-height: 150%;}
/* #pointLimit .summary h3 {font-weight: normal; font-size: 90%; background-color: #F6F6F6; padding: 10px;} */
#pointLimit .summary h3 {font-size: 90%; background-color: #F6F6F6; padding: 10px;}
#pointLimit .summary .detail {padding: 10px; position: relative;}
#pointLimit .summary .detail .limit_date {font-weight: bold;}
#pointLimit .summary .total {margin-bottom: 10px}
#pointLimit .summary .total .point {color: #C00; font-weight: bold;}
#pointLimit .summary .detail .link_point_right{position: absolute; top: 10px; right: 10px;}
#pointLimit .limit_list td {vertical-align: inherit;}
#pointLimit .limit_list .limit_date{display: inline-block;}
#pointLimit .limit_list .right {text-align: right;}
/* #pointLimit .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; } */
#pointLimit .limit_icon{ background-color: #C00; color: #FFFFFF; display: inline-block; font-size: 10px; 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;}

/* == 2024/06/07 川口 #063_アコーディオン表示：add start */
/* アコーディオンデザイン */
#main .details-summary {padding: 10px; font-size: 18px; font-weight: bold; &:hover {cursor:pointer; background-color: gray;}}
/* == 2024/06/07 川口 #063_アコーディオン表示：add end */

/* 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
-------------------------------------------------------------*/
#itemDetail .coordinateDetail::after{content: ""; display: block; clear: both;}

/*　商品画像スライド */
#itemDetail .coordinateDetail .item_image_area{width: 450px;}

#itemDetail #main_img{visibility: hidden;}
#itemDetail .coordinateDetail .slide{display: none; width: 450px;}
#itemDetail .coordinateDetail .slide img{width: 450px;}

#itemDetail .coordinateDetail .thumbnail{margin: 10px 0 0 0;}
#itemDetail .coordinateDetail .thumbnail::after{content: ""; display: block; clear: both;}
#itemDetail .coordinateDetail .thumbnail li{float: left; margin: 0 10px 10px 0; width: 105px;}
#itemDetail .coordinateDetail .thumbnail li:nth-child(4n){margin: 0 0 10px 0;}
#itemDetail .coordinateDetail .thumbnail li a{display: block;}
#itemDetail .coordinateDetail .thumbnail li.active a{border: 1px solid #cc3333; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important;}
#itemDetail .coordinateDetail .thumbnail li img{display: block; box-sizing: border-box; width: 100%;}

/*　スタッフプロフィール・商品説明・着用商品 */
#itemDetail .coordinateDetail .text{margin: 0 0 0 30px; width: 500px;}
#itemDetail .coordinateDetail .staff_profile{padding: 0 0 20px 0; border-bottom: 1px solid #CCC;}
#itemDetail .coordinateDetail .staff_icon{width: 100px;}
#itemDetail .coordinateDetail .staff_icon img{width: 100px; height: 100px;}
#itemDetail .coordinateDetail .staff_info p{font-size: 13px;}
#itemDetail .coordinateDetail .staff_info .name{font-size: 16px;}

/* コーディネート説明 */
#itemDetail .coordinateDetail .comment{margin: 20px 0 0 0; padding: 0 0 20px 0; border-bottom: 1px solid #CCC;}
#itemDetail .coordinateDetail .comment p{margin: 0; font-size: 14px;}

/* 着用商品 */
#itemDetail .coordinateDetail .coordinate_box p{margin: 0; font-size: 13px;}
#itemDetail .coordinateDetail .coordinate_box{float: left; margin: 0 15px 15px 0; width: 156px;}
#itemDetail .coordinateDetail .coordinate_box:nth-of-type(3n){margin: 0 0 15px 0;}
#itemDetail .coordinateDetail .coordinate_box a{cursor: pointer;}
#itemDetail .coordinateDetail .coordinate_box img{display: block; width: 156px;}
#itemDetail .coordinateDetail .coordinate_box .item_info{margin: 10px 0 0 0;}

/* スタッフのその他のコーディネート */
.other_coordinate{margin: 40px 0 0;}
.other_coordinate ul:after{content: ""; display: block; clear: both;}
.other_coordinate ul li{float: left; margin: 0 15px 15px 0; width: 184px;}
.other_coordinate ul li:nth-child(5n){margin: 0 0 15px 0;}
.other_coordinate ul li img{display: block; width: 184px;}

/* 人気のタグ */
#itemDetail .coordinateDetail .hashtag_area{margin: 20px 0 0;}
#itemDetail .coordinateDetail .hashtag_area ul::after{content: ""; display: block; clear: both;}
#itemDetail .coordinateDetail .hashtag_area ul li{float: left; margin: 0 0 8px;}
#itemDetail .coordinateDetail .hashtag_area ul li a{display: block; margin-right: 8px; padding: 7px 10px 7px 10px; text-decoration: none; font-size: 14px; border: 1px solid #CCC; color: #000; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#itemDetail .coordinateDetail .hashtag_area ul li a:hover{opacity: 0.6; cursor: pointer; transition: all .3s;}

/*
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 .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;}

/* 2024/08/19 神田 WBS C-03-5：ソースコードレビュー指摘修正 add start */
/* =================================================================
30.APPLY
=================================================================*/
/* ==2024/10/17 神田 画面デザイン調整：	add start */
/* #apply table.apply_area{width: 970px; } */
/* ==2024/10/17 神田 画面デザイン調整：add end */
#apply table.apply_area{width: 100%;}
#apply th.title{width: 180px; text-align: left; vertical-align: middle;}
#apply table textarea{resize: vertical!important; width: 100%; height: 200px;}
/* 2024/08/19 神田 WBS C-03-5：ソースコードレビュー指摘修正 add end */


/* contentItemList - パーツ管理（コンテンツ区分=商品一覧）
-------------------------------------------------------------*/
.contentItemList{margin-bottom: 20px;}
.contentItemList ul{display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px 2%;}
#list .contentItemList ul{background: none;}
/* #list .contentItemList li a:not(.button){display: initial; margin-right: 0; padding: 0; border: none; color: #60ac31; font-size: 95%; font-weight: normal; line-height: 140%;} */
#list .contentItemList li a:not(.button){display: initial; margin-right: 0; padding: 0; border: none; color: #60ac31; font-size: 95%; line-height: 140%;}
#list .contentItemList li a.button{border: unset; padding: unset; margin: auto; font-size: unset;}
#list .contentItemList li a.normal{border: 1px solid #adadad;}
#list .contentItemList li a.positive{color: #ffffff;}
#list .contentItemList li a.small{padding: 6px 10px; font-size: 12px;}
#itemDetail .contentItemList .button.small{ max-width: 100%;}
.contentItemList .box,#error .contentItemList .box,#social_plus_error .contentItemList .box{border: #d4d4d4 1px solid; padding: 1%;}
#cartLogin .contentItemList .box,#addressList .contentItemList .box{float: none;}
#addressList .contentItemList .box{line-height: 140%;}
.contentItemList .col-1,#cartLogin .contentItemList .box.col-1,#error .contentItemList .box.col-1,#social_plus_error .contentItemList .box.col-1,#addressList .contentItemList .box.col-1,
#loginNew .contentItemList .box.col-1,#mainCampaign .contentItemList .box.col-1,#cartCampaign .contentItemList .box.col-1,#resultCampaign .contentItemList .box.col-1,#memberInput .social_provider .contentItemList .box.col-1{width: 100%;}
.contentItemList .col-2,#cartLogin .contentItemList .box.col-2,#error .contentItemList .box.col-2,#social_plus_error .contentItemList .box.col-2,#addressList .contentItemList .box.col-2,
#loginNew .contentItemList .box.col-2,#mainCampaign .contentItemList .box.col-2,#cartCampaign .contentItemList .box.col-2,#resultCampaign .contentItemList .box.col-2,#memberInput .social_provider .contentItemList .box.col-2{width: calc((100% - 1*2%) / 2);}
.contentItemList .col-3,#cartLogin .contentItemList .box.col-3,#error .contentItemList .box.col-3,#social_plus_error .contentItemList .box.col-3,#addressList .contentItemList .box.col-3,
#loginNew .contentItemList .box.col-3,#mainCampaign .contentItemList .box.col-3,#cartCampaign .contentItemList .box.col-3,#resultCampaign .contentItemList .box.col-3,#memberInput .social_provider .contentItemList .box.col-3{width: calc((100% - 2*2%) / 3);}
.contentItemList .col-4,#cartLogin .contentItemList .box.col-4,#error .contentItemList .box.col-4,#social_plus_error .contentItemList .box.col-4,#addressList .contentItemList .box.col-4,
#loginNew .contentItemList .box.col-4,#mainCampaign .contentItemList .box.col-4,#cartCampaign .contentItemList .box.col-4,#resultCampaign .contentItemList .box.col-4,#memberInput .social_provider .contentItemList .box.col-4{width: calc((100% - 3*2%) / 4);}
.contentItemList .col-5,#cartLogin .contentItemList .box.col-5,#error .contentItemList .box.col-5,#social_plus_error .contentItemList .box.col-5,#addressList .contentItemList .box.col-5,
#loginNew .contentItemList .box.col-5,#mainCampaign .contentItemList .box.col-5,#cartCampaign .contentItemList .box.col-5,#resultCampaign .contentItemList .box.col-5,#memberInput .social_provider .contentItemList .box.col-5{width: calc((100% - 4*2%) / 5);}
.contentItemList .col-6,#cartLogin .contentItemList .box.col-6,#error .contentItemList .box.col-6,#social_plus_error .contentItemList .box.col-6,#addressList .contentItemList .box.col-6,
#loginNew .contentItemList .box.col-6,#mainCampaign .contentItemList .box.col-6,#cartCampaign .contentItemList .box.col-6,#resultCampaign .contentItemList .box.col-6,#memberInput .social_provider .contentItemList .box.col-6{width: calc((100% - 5*2%) / 6);}
.contentItemList div{margin: 5px 0;}
/* .contentItemList h3{font-size: 95%; font-weight: normal; line-height: 140%;} */
.contentItemList h3{font-size: 95%; line-height: 140%;}
#cartIndex .contentItemList h3,#cartLogin .contentItemList h3,#loginNew .contentItemList h3,#resultCampaign .contentItemList h3{padding: 0; background: none; border: none;}
#history .contentItemList h3,#member.mypage .contentItemList h3 a{font-size: 95%; margin: auto;}
#cartRecommend .contentItemList h3 a,#member.mypage .contentItemList h3 a{float: none;}
/* .contentItemList p, #main .contentItemList p{font-size: 95%; font-weight: normal; line-height: 140%; margin: 0px;} */
.contentItemList p, #main .contentItemList p{font-size: 95%; line-height: 140%; margin: 0px;}
#topicsList .contentItemList p{width: 100%;}
.contentItemList .text{font-size: 90%;}
#cartRecommend .contentItemList .text, #itemListDetail .contentItemList .text {margin: auto;}
#itemListImage .contentItemList .text, #itemDetail .contentItemList .text, #wishList .contentItemList .text{float: none; width: 100%; display: block; margin: auto;}
.contentItemList .price{font-size: 90%; color: #C00; display: block;}
.contentItemList .item_appeal{color: #F60; font-size: 75%;}
.contentItemList .buttonArea{display: block; margin: 5px 10px;}
.contentItemList .disabledButtonArea{display: block; margin: 5px 10px;}
.contentItemList .property, #main .contentItemList .property{margin: 0; color: #AAA; font-size: 70%; margin-bottom: 10px;}
#itemListDetail .contentItemList .property, #itemListSimple .contentItemList .property{float: none; font-size: 70%;}
.contentItemList .free_item_checkbox :not(.title) {display: inline-block; border: 1px solid #adadad; padding: 0 4px; font-size: .9em;}
#cartIndex .contentItemList .img_box,#cartRecommend .contentItemList .img_box,#itemListDetail .contentItemList.img_box,#itemListImage .contentItemList .img_box,#topicsList .contentItemList .img_box,
#history .contentItemList .img_box,#wishList .contentItemList .img_box,#loginNew .contentItemList .img_box,#itemCompare .contentItemList .img_box{width: 100%; height: auto; float: none; display: block; margin: auto;}
.contentItemList .img_box img,
#cartIndex .contentItemList .img_box img,#cartRecommend .contentItemList .img_box img,#itemListDetail .contentItemList .img_box img,#itemListImage .contentItemList .img_box img,#topicsList .contentItemList .img_box img,
#history .contentItemList .img_box img,#wishList .contentItemList .img_box img,#loginNew .contentItemList .img_box img,#itemCompare .contentItemList .img_box img,#mainCampaign .contentItemList .img_box img,
#cartCampaign .contentItemList .img_box img,#cartFlow .confirmCampaign .contentItemList .img_box img,#resultCampaign .contentItemList .img_box img{width: auto; max-width: 100%; max-height: 100%; height: auto; margin: 0px auto 10px; position: initial;}

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

/* contentItemList - パーツ管理（コンテンツ区分=商品一覧） お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
.contentItemList .wishlistSubmitButton{position: relative;}
.contentItemList .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;}
.contentItemList .wishlistSubmitButton .wishlistMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
.contentItemList .wishlistSubmitButton .wishlistMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
.contentItemList .wishlistSubmitButton .wishlistMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
.contentItemList .wishlistSubmitButton .wishlistMessage .link{background-color: #fff; text-align: center;}
.contentItemList .wishlistSubmitButton .wishlistMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* 文字サイズ */
.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%;}

/*
PCIDSS v4対応
-------------------------------------------------------------*/
/* ボタン */
input.pcidss{max-width: 230px; min-width: 200px; font-size: 16px;}
#cartSidebar .cartButtonArea input.pcidss{padding: 0; height: 36px; font-size: 15px; white-space: break-spaces; line-height: 1.4;}

#main.pcidssv4{float: none; width: 980px; padding-bottom: 20px;}
#main.pcidssv4 .error{display: block; color: #C00 !important; font-weight: bold; font-size: 80%;}
#main.pcidssv4 .card-supplement{margin: 5px 0; font-size: 12px; color: #368bc6; font-weight: bold;}
#main.pcidssv4 table{margin: 10px 0 0; width: 980px;}
#main.pcidssv4 th.title{width: 180px;}
#main.pcidssv4 .newCreditCard{width: 600px;}

#main.pcidssv4 .checkarea label{margin: 0 0 0 2px; font-weight: bold;}


/* =================================================================
BtoBパッケージ用
=================================================================*/
/*
商品一括購入
使用ファイル：item_bulk.xhtml
-------------------------------------------------------------*/
#search .bulk_link{padding: 0 0 10px;}

#main #item_bulk p{margin: 5px 0;}
#main #item_bulk .float_box{margin: 50px 0 0;}
#main #item_bulk .float_box::after{content: ""; display: block; clear: both;}

#main #item_bulk table{margin: 10px 0 0; width: 100% !important;}
/* #main table th,
#main table td{border-left: none; border-right: none;} */
#main #item_bulk table td{line-height: 1.5;}
#main #item_bulk table th.short{width: 80px;}
#main #item_bulk table th.amount{width: 70px;}
#main #item_bulk table th.item_name{width: 200px;}
#main #item_bulk table td.price{color: #C00; /*font-weight: bold;*/}
#main #item_bulk table td.short{text-align: right;}
#main #item_bulk table td.amount input,
#main #item_bulk table td.item_key input{width: 100%;}

#main #item_bulk .total{margin: 15px 0 0; padding: 10px 0 0; border-top: 1px solid #CCC;}
#main #item_bulk .total p{margin: 0; text-align: right; font-weight: bold;}
#main #item_bulk .total .price{color: #C00;}
#main #item_bulk .error{margin: 5px 0 0; color: #C00; font-size: 12px;}

#item_bulk h3{display: block; font-size: 110%; margin: 30px 0 0; padding-bottom: 5px;}
#item_bulk .dl_area{text-align: right; margin: 20px 0 0;}
#item_bulk .dl_area a{display: inline-block; margin: 0; padding: 5px 10px; border: 1px solid #CCC; background-color: #F3F3F3; font-size: 12px; text-decoration: none; color: #333;}
#item_bulk .csv_form input{cursor: pointer;}
#item_bulk .csv_form_area{margin: 20px 0 0;}

#item_bulk .content{width: 750px; float: left; margin-right: 20px;}
#item_bulk #sideInner{ width: 210px; float: right; }
#item_bulk #sideInner .buttonarea{margin: 0; padding: 20px 0 0;}
#item_bulk #sideInner .buttonarea input{display: block; margin: 0 auto 10px; min-width: 180px; max-width: 180px;}
#item_bulk #sideInner .total_box{border: #CCC 1px solid; padding: 10px; background: #F6F6F6;}
#item_bulk #sideInner .total_box .box{ border: none; margin-bottom: 10px;}
#item_bulk #sideInner .total_box .box::after{content: ""; display: block; clear: both;}
#item_bulk #sideInner .total_box h3{margin: 0; background: none; padding: 0px; border: 0px; font-size: 14px; float: left;}
#item_bulk #sideInner .total_box p.price{font-size: 14px; float: right; margin: 0px; font-weight: bold; color: #C00;}

/*
カート精算・カート確認
-------------------------------------------------------------*/
/* カート精算・カート確認 */
#cartFlow .backorder_area input[type="radio"],
#cartFlow .backorder_area label{cursor: pointer;}
#cartFlow .backorder_area .tab_nav{border-bottom: 1px solid #CCC; font-size: 0;}
#cartFlow .backorder_area .tab_title{position: relative; display: inline-block; margin: 0 10px 0 0; padding: 6px 0; width: 188px; height: 35px; border-style: solid; border-width: 1px 1px 0 1px; text-align: center; border-color: #ccc; background-color: #DDD; vertical-align: middle; font-size: 14px; font-weight: bold;}
#cartFlow .backorder_area .tab_area input[type="radio"]:checked + .tab_title::after{content: ""; display: block; position: absolute; width: 100%; border-bottom: 3px solid #FFF; bottom: -2px;}
#cartFlow .tab_content_inner{padding: 15px;}

#cartFlow .shipping_all_radio{padding: 15px; font-size: 90%;}
#cartFlow .shipping_all_radio li+li{margin: 10px 0 0 0;}

#cartFlow .table_backorder{margin: 0; width: 100%;}
#cartFlow .table_backorder th{border-top: none; border-bottom: 1px solid #CCC; border-right: none; border-left: none; border-bottom: 1px solid #CCC;}
#cartFlow .table_backorder td{border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; border-right: none; border-left: none;}
#cartFlow .backorder_item>div{display: inline-block; vertical-align: top;}
#cartFlow .backorder_img{width: 80px; border: 1px solid #CCC; box-sizing: content-box;}
#cartFlow .backorder_img img{display: block; width: 80px;}
#cartFlow .backorder_item_name{width: 200px;}
#cartFlow .backorder_item_name p{margin: 0 0 0 5px;}
#cartFlow .backorder_radio{font-size: 90%;}
#cartFlow .backorder_radio input{margin: 4px;}

#cartFlow .backorder_area .tab_content{border: 1px solid #CCC; background: #FFF;}

/* タブ切り替え処理 */
#cartFlow .backorder_area .tab_area .tab_radio{display: none;}
#cartFlow .backorder_area .tab_area input[type="radio"]:checked + .tab_title{position: relative; background-color: #FFF;}

#cartFlow .backorder_area.seisan .tab_content{display: none;}
#cartFlow .backorder_area #BACKORDER_SHIPPING_ALL_INPUT:checked ~ #backorder_shipping_all,
#cartFlow .backorder_area #BACKORDER_SHIPPING_PART_INPUT:checked ~ #backorder_shipping_part
{display: block;}

/* 確認画面のタブ */
#cartFlow .backorder_area.confirm .tab_title{position: relative; background-color: #FFF;}
#cartFlow .backorder_area.confirm .tab_title::after{content: ""; display: block; position: absolute; width: 100%; border-bottom: 3px solid #FFF; bottom: -2px;}

/* 発注残詳細 / 納入指示入力画面
backorder_input.xhtml
backorder_confirm.xhtml
backorder_result.xhtml
-------------------------------------------------------------*/
#main #backorderInput p{margin: 5px 0;}
#main #backorderInput table{margin: 10px 0 0; width: 100% !important; font-size: 85%;}
/* #main table th,
#main table td{border-left: none; border-right: none;} */
#main #backorderInput table th{line-height: 1.5;}
#main #backorderInput table td{line-height: 1.5;}
/* #main #backorderInput input.item[type="text"]{width: 200px;} */

#main #backorderInput table p{margin: 0; font-size: 15px;}
#main #backorderInput .new_date{margin: 0 0 5px; color: #C00;}
#main #backorderInput table .item_area img{float: left; width: 60px; border: 1px solid #CCC;}
#main #backorderInput table .item_area .item_name{float: left; width: 150px; margin: 0 0 0 10px; font-size: 14px;}
#main #backorderInput table .button{width: 80px; max-width: 80px; min-width: 80px; font-size: 13px;}
#main #backorderInput .request input{display: inline-block; width: 100px;}
#main #backorderInput .request img{display: inline-block; margin: 0 0 0 5px; vertical-align: middle;}
#main #backorderInput .request_small{margin: 5px 0 0; font-size: 13px;}

#main #backorderInput .backorder_list + .backorder_list{margin: 20px 0 0;}
#main #backorderInput .backorder_list .item_area .item_name{width: 500px;}
#main #backorderInput .backorder_list .not_click{width: 80px;}

/* 内訳変更入力モーダル */
[id^="modal_area"]{display: none; position: fixed; z-index: 2; left: 0; top: 0; width: 100vw; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.5);}
[id^="modal_area"] .modal-content{background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 100%; max-width: 640px;}
[id^="modal_area"].is-hidden{display: none;}
[id^="modal_area"].is-shown{display: block;}

[id^="modal_area"] h3{margin: 5px 0px;}
[id^="modal_area"].backorder_modal_inner{padding: 30px 30px;}
[id^="modal_area"] .breakdown_edit{margin: 20px 0 0;}
[id^="modal_area"] .selectbox{margin: 10px 0 0;}
[id^="modal_area"] .selectbox select{display: inline-block; width: 80px; height: 40px;}
[id^="modal_area"] .selectbox .breakdown_dlt{display: inline-block; border: 1px solid #C00; border-radius: 100%; width: 26px; height: 26px; font-size: 17px; cursor: pointer; margin: 0 0 0 10px; text-align: center; text-decoration: none; color: #C00;  vertical-align: middle;}
[id^="modal_area"] .breakdown_add{display: block; margin: 10px 0 0; font-size: 14px;}
[id^="modal_area"] .modal_row+.modal_row{margin: 10px 0 0;}
[id^="modal_area"] .modal_row button{margin: 0 0 0 15px; background: transparent; border: 1px solid #C00; border-radius: 50%; color: #C00; width: 24px; height: 24px; cursor: pointer;}
[id^="modal_area"] .modal_row button:hover{opacity: 0.7; transition: all .3s;}

/* member_history */
#history .backorder_button_area{float: right; margin-left: 10px;}

/* machine_search_area */
#machine_search_area{width: 100%; height: 100%; background:rgba(0,0,0,0.3); position: fixed; z-index: 999999; display: none; top:0; left:0;}
#machine_search_area h2{margin-bottom: 15px; font-weight: bold; border-bottom: solid 1px #cccccc; position: relative; padding-bottom: 5px; font-size: 20px;}
#machine_search_area #machine_search_area_inner{width: 80%; max-width: 1100px; height: 80%; max-height: 610px; background-color: #ffffff; top: 0; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; border:1px soid #000; overflow: auto; padding: 10px 20px;}
#machine_search_area #machine_search #machine_search_area_close{float:right; background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none;}
#machine_search_area #machine_search #machine_search_area_close img:hover{opacity: 0.7; transition:all .3s; cursor: pointer;}
.button_area{width: 100%; margin-top: 10px;}
.button_area_detail{width: 48%; padding: 10px 5px; font-size: 15px; display: inline-block; margin: 0 auto 5px auto; font-weight: bold;}
.button_area_on{background-color: #de5d50; border: 1px solid #000000; border-radius: 3px; color: #ffffff;}

/* ext/category_list - カテゴリ一覧
-------------------------------------------------------------*/
#category_list .major_category_list li{text-align: center; float: left; margin: 0 20px 10px 0; border: 1px solid #525263; border-radius: 3px; font-size: 95%; width:calc(100%/ 6 - 17px);}
#category_list .major_category_list li:nth-child(6){margin-right: 0px;}
#category_list .major_category_list li:hover{border:1px solid #a3a5a6;}
#category_list .major_category_list li a{padding: 2px 10px; display: block;}
#category_list .major_category_list:after {content: ""; clear: both; display: block;}/* clearfix */
#category_list .box{border: 1px solid #cccccc; margin-top: 30px;}
#category_list .box h4{font-size: 16px; background-color:#f6f6f6; padding: 6px 10px;}
#category_list .box .medium_category_list{margin: 15px 10px 5px;}
#category_list .box .medium_category_list summary{margin-bottom: 15px; font-size: 90%; clear: both; cursor: pointer; font-weight: bold;}
#category_list .box .medium_category_list ul{margin: 0 10px 10px;}
#category_list .box .medium_category_list ul:after {content: ""; clear: both; display: block;}/* clearfix */
#category_list .box .medium_category_list ul li{float: left; font-size: 90%; margin:-5px 10px 15px 0; width:calc(100%/ 5 - 10px); border-right:1px solid #434348; padding: 0 0 0 3px;}
#category_list .box .medium_category_list ul li:nth-child(5n){border-right:0px;}
#category_list .box .medium_category_list ul li:last-child{border-right:0px;}
#category_list .box .medium_category_list ul li:last-child::after{content:"";}

/* ext/contact_header - お問い合わせメニュー
-------------------------------------------------------------*/
#contact_list_menu .contact_list_top{margin: auto; padding-bottom: 50px; border-bottom: 1px solid #d0d0d0;}
#contact_list_menu .contact_title{font-weight: bold; padding: 20px 0; text-align: center;}
#contact_list_menu .info_block{display: flex; justify-content:center;}
#contact_list_menu .info_box{border: 5px solid #d0d0d0; border-radius: 10px; width: 40%; max-width: 380px; margin-right: 60px; display: flex;}
#contact_list_menu .info_box a{color: #de5d50;}
#contact_list_menu .info_box:last-child{margin-right:0px;}
#contact_list_menu .info_box .info_left{width: 25%; padding: 0px 5px;}
#contact_list_menu .info_box .info_left img{width: 90%; max-width: 80px; vertical-align: middle;}
#contact_list_menu .info_box .info_left .icon_tel{padding:6px 0;}
#contact_list_menu .info_box .info_left .icon_mail{padding:16px 0;}
#contact_list_menu .info_box .info_right{width: 75%; text-align: center; position: right;}
#contact_list_menu .info_box .info_text{padding-top: 8px; margin-bottom: 0px; font-size: 13px; font-weight: bold; display: block;}
#contact_list_menu .info_box .info_detail{font-size: 32px; font-weight: bold; display: block; margin-bottom: 0px;}
#contact_list_menu .contact_list_select{margin: 20px 0;}
#contact_list_menu .contact_list_select .active{color:#4692c4;}
#contact_list_menu .contact_list_select li{font-size: 95%; text-align: center; float: left; margin-right: 20px; border: 1px solid #525263; border-radius: 3px; width:calc(100%/ 5 - 16px);}
#contact_list_menu .contact_list_select li:last-child{margin-right: 0px;}
#contact_list_menu .contact_list_select li:hover{border:1px solid #a3a5a6;}
#contact_list_menu .contact_list_select li a{padding: 2px 10px; display: block;}
#contact_list_menu .contact_list_select:after {content: ""; clear: both; display: block;}/* clearfix */

/* ext/contact_branch - お問い合わせ詳細
-------------------------------------------------------------*/
#contact_detail{margin-top: 15px;}
#contact_detail .box{margin-bottom: 40px;}
#contact_detail .box table{font-size: 100%;}
#contact_detail .box:last-child{margin-bottom: 0;}
#contact_detail .contact_pref_title{font-size: 150%; padding: 10px 0; font-weight: bold;}
#contact_detail .contact_table{margin-bottom: 20px;}
#contact_detail .contact_table th{background-color: #f8f8f8; border: 1px solid #d0d0d0; padding: 5px 8px; text-align: center; width: 28%;}
#contact_detail .contact_table th:nth-child(2){width: 16%;}
#contact_detail .contact_table td{border: 1px solid #d0d0d0; padding: 8px 12px; text-align: center; vertical-align: middle;}


/* SEND_HOPE_TIME - 配達時間
-------------------------------------------------------------*/
select#SEND_HOPE_TIME{margin-left: 10px; padding: 6px 12px; background-color: #f8f8f8; border-radius: 3px; height: 38px;}

/* ORDER_H - 受注ヘッダ
-------------------------------------------------------------*/
select#ORDER_H\.FREE_ITEM4{margin-left: 10px; padding: 6px 12px; background-color: #f8f8f8; border-radius: 3px; height: 38px;}