@charset "UTF-8";
@import url("smoothness/jquery-ui-1.8.4.custom.html");
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

/* =======================================================================
CSSの名前：style.css 
最終更新日時：2020/12/16
--------------------------------------------------------------------------
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.会員登録
======================================================================= */


/* =================================================================
1.reset
=================================================================*/
body{
	background:#FFF;
	color:#000000;
	line-height: 1.5;
	font-size:16px;
	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-feature-settings:'plat';
	
}

img {
    width: 100%;
    height: auto;
    border: 0;
    vertical-align: bottom;
}

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

body{ min-width:100%; font:14px "HiraKakuProN-W3", sans-serif; -webkit-text-size-adjust:none;  }




/* =================================================================
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{ color:#000000; }
a:link,
a:visited,
a:hover,
a:active,
a:hover,
a,
input[type="submit"],
input[type="button"]{
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

a:hover{ opacity:0.8; }

.moreLink{ text-align:center; }
.moreLink a{ display:inline-block; padding:0 25px; text-decoration:none; background:url("../../../../images/arrow_open.png") no-repeat right center / 18px auto; font-size:13px; color:#665f5c; }
.moreLink.open a{ background-image:url("../../../../images/arrow_close.png"); }

.moreLink2{ text-align:left; }
.moreLink2 a{ display:inline-block; padding:0 20px 0 0; text-decoration:none; background:url("../../../../images/arrow_link.png") no-repeat right center / 13px auto; font-size:13px; color:#665f5c; }

.link1{ text-align:center; }
.link1 a{ display:inline-block; pading:0 0 0 20px; text-decoration:none; background:url("../../../../images/arrow_link.png") no-repeat 0 center / 13px auto; font-size:13px; color:#665f5c; }

/*  ボタンデザイン
-------------------------------------------------------------*/
/*基本デザイン-下記クラスに加えpositive　negative等のクラスを合わせて付与する*/
.buttonarea input,
.buttonarea .cancel,
.loginBtn{ width:240px; display:inline-block; margin:0 0 10px; padding:15px 5px; text-align:center; text-decoration:none; background:#999999; border:none; box-sizing:border-box; border-radius:2px; font-size:16px; color:#ffffff; line-height:1.4; }
.buttonarea input:hover,
.buttonarea .cancel:hover,
.loginBtn:hover{ opacity:0.8; }

/*キャンセル*/
.buttonarea a,
.buttonarea .grayBtn,
.negative{ width:240px; display:inline-block; margin:0 0 10px; padding:15px 5px; text-align:center; text-decoration:none !important; background:#efefef; border:none; border-radius:2px; border-radius:2px; box-sizing:border-box; font-size:14px; color:#333333; line-height:1.4; }

/*カート*/
.cartBtn,
.nocartBtn{ width:100%; display:block; margin:0 0 10px; padding:20px 5px 20px 20px; text-align:center; text-decoration:none !important; background:url("../../../../images/ico_cart_wt.png") no-repeat 30% center / 30px auto #000000; border:none; border-radius:2px; box-sizing:border-box; font-size:16px; color:#ffffff; line-height:1.4; }
.nocartBtn{ padding:20px 5px;  background:#efefef; border:none; color:#cccccc; }

/*リンクボタン*/
.linkBtn,
input.linkBtn,
.buttonarea .linkBtn{ width:100%; display:block; margin:0 0 10px; padding:15px 5px; text-align:center; text-decoration:none !important; background:#ffffff; border:#665f5c 1px solid; border-radius:2px; box-sizing:border-box; font-size:14px; color:#665f5c; line-height:1.4; }
.linkBtn:hover{ background:#665f5c; color:#ffffff; }

/*ログイン*/
input.loginBtn{ background:#262e73; }

/*次へ・入力内容を確認する・注文する・ログイン・登録する・送信・検索・ご注文手続きへ進む等*/
a.positive,
.positive,
input.positive,
.buttonarea .smallPositiveButton{ width:240px; display:inline-block; padding:15px 15px; text-align:center; text-decoration:none; background:#665f5c; border:none; border-radius:2px; color:#ffffff; }
input.cartico{ padding-left:20px; background:url("../../../../images/ico_cart_wt.png") no-repeat 12% 3px / 30px auto #ea551a; }

/*押せないボタン*/
.not_click{ display:block; padding:10px; text-align:center; text-decoration:none; border:none; border-radius:2px; background:#d2d2d2; color:#a5a5a5; line-height:1; }
.not_click.medium{max-width: 230px; min-width: 200px;}


/*小さいサイズの時にはクラスに下記を追加*/
.buttonarea a.small,
.buttonarea input.small{ width:100px; display:inline-block; margin:0 5px 0 0; }

input.zipBtn,
.buttonarea .grayBtn2S{ height:41px; display:inline-block; margin:0 0 0 10px; padding:5px 10px; text-align:center; background:#666666; border:#666666 1px solid; border-radius:2px; box-sizing:border-box; font-size:13px; font-weight:normal; color:#ffffff; }

.buttonarea .smallNegativeButton{ background:#666666; color:#ffffff; }

input#ZIP{ width:100px; }

/*moreBtn*/
.moreBtn{ text-align:center; }
.moreBtn a{ min-width:240px; display:inline-block; padding:15px 30px; text-align:center; text-decoration:none; border:#665f5c 1px solid; box-sizing:border-box; color:#665f5c; }
.moreBtn a:hover{ background:#665f5c; color:#ffffff; opacity:1; }

.buttonarea{ padding:20px 0; text-align:center; }

/*  hタグ
-------------------------------------------------------------*/
h2{ margin:0 15px 15px; padding:40px 0; text-align:center; font-size:28px; font-weight:600; line-height:1.6; }
h3{ margin:20px 0 15px; padding:0 0 13px; text-align:left; border-bottom:#d3d3d3 1px solid; font-size:18px; font-weight:600; }
h3 a{ display:inline-block; margin:0 0 0 10px; padding:2px 10px; text-decoration:none !important; background:#f5f5f5; border:#cccccc 1px solid; border-radius:2px; font-size:12px; font-weight:normal; vertical-align:2px; }
h4{ margin:20px 0 15px; text-align:left; font-size:18px; font-weight:600; }
h5{ margin:14px 15px 5px; font-weight:normal; }

/*  タイトル
-------------------------------------------------------------*/
.pageTitle{ padding:35px 0 40px; text-align:center; font-size:22px; font-weight:bold; }
.title1{ margin:0 0 60px; padding:0; text-align:center; font-size:44px; font-weight:normal; line-height:1.6; }
.title2{ margin:20px 0 15px; padding:0 0 13px; text-align:left; border-bottom:#d3d3d3 1px solid; font-size:18px; font-weight:600; }
.title3{ margin:20px 0 15px; padding:0; border-bottom:none; font-size:18px; font-weight:600; }
.title4{ margin:0; padding:115px 0 0; border-bottom:none; font-size:24px; font-weight:600; }
.title5{ margin:0 0 20px !important; text-align:left; border-bottom:none; font-size:22px; }

.mgTopNone{ margin-top:0; }

/*  icon
-------------------------------------------------------------*/
.labelcolor1,
.labelcolor2,
.labelcolor3,
.labelcolor4,
.labelcolor5,
.labelcolor6,
.labelcolor7,
.labelcolor8,
.labelcolor9,
.labelcolor10,
.labelcolor11{ min-width:46px; display:block; text-align:center; padding:2px 1px 0; box-sizing:border-box; font-size:10px; border:#ffffff 1px solid; letter-spacing:0.02em; }
.labelcolor1{ border-color:#9168ca; color:#9168ca; }
.labelcolor2{ border-color:#11ba85; color:#11ba85; }
.labelcolor3{ border-color:#ef6452; color:#ef6452; }
.labelcolor4{ border-color:#f261bb; color:#f261bb; }
.labelcolor5{ border-color:#5591d8; color:#5591d8; }
.labelcolor6{ border-color:#5591d8; color:#5591d8; }
.labelcolor7{ border-color:#ea4949; color:#ea4949; }
.labelcolor8{ border-color:#cc8e2b; color:#cc8e2b; }
.labelcolor9{ border-color:#f73c89; color:#f73c89; }
.labelcolor10{ border-color:#f25f3d; color:#f25f3d; }
.labelcolor11{ border-color:#efc100; color:#efc100; }

.icoNew,
.icoRestock,
.icoSoon{ width:40px; height:40px; display:block; padding:13px 0 0; text-align:center; box-sizing:border-box; border-radius:50%; font-size:10px; color:#ffffff; }
.icoNew{ background:#ef928e; }
.icoRestock{ background:#d8b880; }
.icoSoon{ background:#808da0; }

.icoGuide,
.icoFaq,
.icoMypage,
.icoMemEdit,
.icoHistory,
.icoBookmark,
.icoLogout{ width:40px; height:40px; display:inline-block; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; vertical-align:middle; }
.icoGuide{ background-image:url("../../../../images/ico_guide.png"); }
.icoFaq{ background-image:url("../../../../images/ico_guide4.png"); }
.icoMypage{ background-image:url("../../../../images/ico_mypage.png"); }
.icoMemEdit{ background-image:url("../../../../images/ico_mypage_02.png"); }
.icoHistory{ background-image:url("../../../../images/ico_mypage_03.png"); }
.icoBookmark{ background-image:url("../../../../images/ico_mypage_04.png"); }
.icoLogout{ background-image:url("../../../../images/ico_mypage_05.png"); }

/*  txt
-------------------------------------------------------------*/
.mincho{ font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.point{ margin:0 2px; font-size:18px; color:#ff4900; }
.taCenter{ text-align:center; }
.txtRed{ color:#f44d4d; }

/*  tagList
-------------------------------------------------------------*/
.tagList{ margin:0 0 3px; overflow:hidden; }
ul.tagList li{ float:left; margin:0 3px 3px 0; }
.tagList > p{ float:left; margin:0 3px 3px 0; }

/*  画像の縦横比調整
-------------------------------------------------------------*/
.img_box{ text-align:center; position:relative; }
.img_box img{ width:auto; max-width:100%; height:auto; max-height:100%; }

/*  box
-------------------------------------------------------------*/
/*------ whiteBox ------*/
.whiteBox{ margin:0 0 10px; background:#ffffff; box-shadow:#dadada 0px 3px 3px 1px; }
.whiteBox2{ padding:0 0 20px; background:#ffffff; }

/*------ grayBox ------*/
.grayBox{ margin:0 0 75px; padding:50px 40px; background:#f5f5f5; }
.grayBox .tit{ margin:0 0 35px; text-align:center; font-size:22px; font-weight:bold; }
.grayBox p{ margin:0 0 32px; }

/*------ kiyakuBox ------*/
.kiyakuBox{ height:140px; margin:0 0 30px; padding:15px; background:#f5f5f5; overflow:auto; }
.kiyakuBox,
.kiyakuBox p,
.kiyakuBox ul,
.kiyakuBox dl{ line-height:1.4 !important; }

/*------ finBox ------*/
.finBox{ text-align:center; }
.finBox .bigTxt{ margin:0 0 10px; font-size:20px; font-weight:bold; }

/*------ loginBox ------*/
.loginBox{ margin:0 15px 20px; padding:25px 15px; background:#f5f5f5; }
.loginBox .title{ margin:0 0 15px; text-align:center; font-weight:bold; }
.loginBox .tit{ margin:10px 0 5px; font-size:13px; }
.loginBox .ipArea{ margin:0 0 17px; }
.loginBox .buttonarea{ padding:0 0 20px !important; }

.yellowBox{ margin:0 0 15px; padding:20px 20px 10px; background:#fdfddf; }
.yellowBox strong{ font-weight:normal; color:#f44d4d; }

/*  mypageNav
-------------------------------------------------------------*/
.mypageNav ul{ border-bottom:#d3d3d3 1px solid; }
.mypageNav ul li{ border-top:#d3d3d3 1px solid; }
.mypageNav ul li a{ display:block; padding:10px 2px; overflow:hidden; }
.mypageNav ul li.on a{ font-weight:bold; }
.mypageNav ul li a span{ width:25px; height:25px; float:left; }
.mypageNav ul li a p{ width:calc(100% - 45px); float:right; padding:3px 0 0; }

/*  naviLink
-------------------------------------------------------------*/
/* naviLink1 */
ul.naviLink1{ width:890px; display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; margin:0 auto; }
ul.naviLink1 li{ width:49%; margin:4px 2% 0 0; }
ul.naviLink1 li:nth-child(2n){ margin-right:0; }
ul.naviLink1 li a.linkBtn{ display:block; padding:30px 15px 30px 5px; font-size:18px; font-weight:bold; }
ul.naviLink1 li a span{ margin-right:25px; }

/* naviLink2 */
ul.naviLink2{ border-top:#cccccc 1px solid; }
ul.naviLink2 > li{ border-bottom:#cccccc 1px solid; }
ul.naviLink2 > li > a{ display:block; padding:15px 20px 15px 5px; text-decoration:none; background:url("../../mages/arrow_link.html") no-repeat right 3px center / 13px auto; color:#333333; }

/* naviLink3 */
ul.naviLink3{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; margin:0 0 25px; }
ul.naviLink3 > li{ width:49%; margin:0 2% 8px 0; position:relative; }
ul.naviLink3 > li:nth-child(2n){ margin-right:0; }
ul.naviLink3 > li > a{ display:block; padding:15px 50px; text-decoration:none; background:url("../../../../images/arrow_open.png") no-repeat right 28px center / 15px auto; border:#7f7f7f 1px solid; border-radius:2px; color:#333333; }
ul.naviLink3 > li .subBox{ display:none; } /* 初期非表示*/
ul.naviLink3 > li .subBox{ background:#ffffff; border-radius:2px; }
ul.naviLink3 > li .subBox p{ margin:0 !important; border-bottom:#7f7f7f 1px solid; border-left:#7f7f7f 1px solid; border-right:#7f7f7f 1px solid; }
ul.naviLink3 > li .subBox p a{ display:block; padding:10px; text-decoration:none; background:url("../../../../images/arrow_link.png") no-repeat right 28px center / 15px auto; color:#333333; }

/* naviLink4 */
ul.naviLink4{ border:#ebebeb 5px solid; font-size:16px; }
ul.naviLink4 li{ border-bottom:#ebebeb 1px solid; }
ul.naviLink4 li a{ display:block; padding:20px 5px; text-decoration:none; color:#333333; }

ul.naviLink4.faqnav li{ padding-left:60px; background:url("../../../../images/ico_faq_01.png") no-repeat 20px 18px / 28px auto; }

/* naviLink5 */
ul.naviLink5{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; margin:0 auto; padding:40px; border:#ebebeb 5px solid; font-size:16px; }
ul.naviLink5 > li{ width:24.25%; margin:60px 1% 0 0; }
ul.naviLink5 > li:nth-child(4n){ margin-right:0; }
ul.naviLink5 > li:nth-child(-n + 4){ margin-top:0; }
ul.naviLink5 > li .tit{ margin:0 0 17px; font-size:18px; font-weight:bold; }
ul.naviLink5 > li ul li{ margin:0 0 5px; }
ul.naviLink5 > li ul li a{ display:block; padding:0 0 0 22px; background:url("../../../../images/arrow_open.png") no-repeat 0 6px / 12px auto; text-decoration:none; font-size:14px; }

/*  dlList
-------------------------------------------------------------*/
/* dlList1 */
dl.dlList1{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap: wrap; border-top:#e3e3e3 1px solid; font-size:16px; }
dl.dlList1.bdTopNone{ border-top:none; }
dl.dlList1 dt{ width:23%; padding:30px 10px 30px 5px; border-bottom:#e3e3e3 1px solid; box-sizing:border-box; font-weight:bold; }
dl.dlList1 dd{ width:77%; padding:30px 5px; border-bottom:#e3e3e3 1px solid; box-sizing:border-box; }

/* dlList2 */
dl.dlList2{ font-size:16px; }
dl.dlList2 dt{ margin:0 0 25px; padding:70px 0 13px; border-bottom:#cccccc 1px solid; font-size:18px; font-weight:bold; }

/* dlList3 */
dl.dlList3{ border-bottom:#cccccc 1px solid; }
dl.dlList3 dt{ padding:10px 3px 5px; border-top:#cccccc 1px solid; font-weight:bold; }
dl.dlList3 dd{ padding:0 3px 10px; }

/*  カートフローチャート
-------------------------------------------------------------*/
.cart_step{ margin:0 0 55px; position:relative; overflow:hidden; }
.cart_step:after{ content: ""; clear:both; display:block; }
.cart_step ul{ position:relative; left:50%; float:left; }
.cart_step ul li{ float:left; margin-right:10px; padding-right:30px; text-align:center; background:url("../../../../images/arrow_link.png") no-repeat right 6px / 20px auto; font-size:14px; color:#999999; line-height:1.2; position:relative; left:-50%; }
.cart_step ul li strong{ width:32px; height:32px; display:inline-block; margin:0 10px 0 0; padding:9px 0 0; background:#999999; border-radius:50%; box-sizing:border-box; font-size:13px; font-weight:normal; color:#ffffff; }
.cart_step ul li:last-child{ background:none; }
.cart_step ul li.active{ color:#333333; }
.cart_step ul li.active strong{ background:#333333; }

.step{ width:auto; display:block; margin:25px auto 45px auto;}

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

/*  Amazonペイメントのスタイル
-------------------------------------------------------------*/
#AmazonPayButton img{ width: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;}/*アイコン共通設定*/
.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} /* まとめ買い対象*/

/*  商品一覧、商品詳細ページアイコン類
-------------------------------------------------------------*/
.whiteBox{ margin:0 0 50px; padding:0 0 50px; border-bottom:#adb4b8 1px solid; }

/*  パンくず
-------------------------------------------------------------*/
#breadcrumbs{ padding:13px 0 14px; background:#ffffff; font-size:12px; color:#000000; }
#breadcrumbs a{ display:inline-block; margin:0 8px 0 0; padding:0 20px 0 0; text-decoration:none; background:url("../../../../images/arrow_link.png") no-repeat right center / 10px auto; color:#000000; }

/* =================================================================
3.コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/
/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
#container{ max-width:1200px; margin: auto; padding:0 0 100px; }
#container:after {content: ""; clear: both; display: block;}/* clearfix */
#container.pdtopShort{ padding-top:20px; }
#container .sentence{ margin:0 0 35px; }
#main.oneColumn,
.oneColumn{ width:890px; margin:0 auto; float:none; }
.oneColumn.privacy{ font-size:16px; }

.inner{  margin:0 auto; }
.inner::after{content: ""; clear:both; display:block; } /* clearfix */

/* sidebar - コンテナ内サイドバー
-------------------------------------------------------------*/
#sidebar{ width:17%; float:left; }

.sideCateList{ margin:0 0 40px; }
.sideCateList ul{ border-bottom:#ececec 1px solid; }
.sideCateList ul li{ padding:10px; border-top:#ececec 1px solid; }
.sideCateList ul li a{ display:block; text-decoration:none; font-size:14px; }
.sideCateList ul li a img{ width:50px; height:auto; margin:0 10px 0 0; vertical-align:middle; }
.sideCateList ul li ul{ margin:10px 0 0; border-top:#ececec 1px solid; border-bottom:none; }
.sideCateList ul li ul li{ border-top:none; padding-left:20px; }

/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main{ width:80%; float:right; }
#main p{ margin-bottom:15px; line-height:1.8; }
#main h3{ margin-top:60px; }
#main .cmLead{ margin:0 0 20px; }
#main .formLead{ margin:0 0 15px; }
#main table{ width:100%; margin:0 0 20px; border-bottom:#ebebeb 1px solid; font-size:14px; }
#main th{ padding:20px 5px 20px 20px; text-align:left; background:#f5f5f5; border-top:#ebebeb 1px solid; border-right:#ebebeb 1px solid; vertical-align:top; font-weight:normal; line-height:2; }
#main th:last-of-type{ border-right:none; }
#main th.title{ width:200px; text-align:left; }
#main th.address{width: 55px;}
#main td{ padding:20px 20px; border-top:#ebebeb 1px solid; border-right:#ebebeb 1px solid; vertical-align:middle; }
#main td:last-of-type{ border-right:none; }
#main td img{ width:auto; max-width:100%; }
#main td .title{ margin:10px 0 5px.grayBtn2; font-weight:600; }
#main td .form_attention{ margin:10px 0 0; }
#main td .form_attention2{ margin:10px 0;  }
#main td .form_attention3{ margin:0 0 10px;  }
#main td .form_attention4{ padding:0 0 0 30px; background:url("../../../../images/icon_info.png") no-repeat 0 center / 20px auto; }
#main td .space1{ margin:0 2px; }
#main .buttonarea{ text-align:center; }
#main .buttonarea form{ text-align:center; }
#main .buttonarea input,
#main .buttonarea a{ display:inline-block; margin:0 5px; padding:20px 0; vertical-align:middle; }
#main .buttonarea a{ padding-top:23px; padding-bottom:22px; }
#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 .amazon_comment{color: #C00; font-weight: bold;}
#main .expiration_date{padding-left: 10px;}
/*--- よくあるご質問 ---*/
.faqAnsBox{ font-size:16px;}
.faqAnsBox p{ margin:0 0 10px; }
.faqAnsBox h4{ min-height:30px; margin:0 0 20px; padding:57px 0 10px 45px; background:url("../../../../images/ico_faq_01.png") no-repeat 0 55px / 30px auto; border-bottom:#d3d3d3 1px solid; font-size:18px; font-weight:bold; position:relative; }
.faqAnsBox .sentence{ min-height:30px; padding:2px 0 0 45px; background:url("../../../../images/ico_faq_02.png") no-repeat 0 0 / 27px auto; border:none; box-sizing:border-box; position:relative; }

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

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

/* フォーム類部品
-------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea{ width:100%; padding:8px; border:solid 1px #d3d3d3; 1px solid; box-sizing:border-box; border-radius:2px; font-size:16px; }
input, textarea, select, button{ font-size:16px; margin-right:5px; }
input[type="submit"],
input[type="button"]{ -webkit-appearance:none; }

input.wd1,
.pointInputArea input{ width:100px; }

input.inputSS{ width:80px; }
input.inputS{ width:120px; }
input.inputM{ width:200px; }
input.inputL{ width:300px; }

.cardnumber_td input{ width:80px; }
input#ZIP,
input#SEND_ZIP,
input#BIRTH_YEAR,
input#BIRTH_MONTH,
input#BIRTH_DAY{ width:120px; }
input#L_NAME,
input#F_NAME,
input#L_KANA,
input#F_KANA,
input#PC_MAIL_CONFIRM1{ width:200px; }
input#PC_MAIL_CONFIRM2{ width:250px; }
input#NICKNAME,
input#LOGINID,
input#PASSWORD,
input#PASSWORD2,
input#ADDR3,
input#TEL{ width:300px; }

input.mgB{ margin:0 0 10px; }
.seimei input{ width:200px; margin:0 5px; }

.requestIcon,
#main th.title img[alt="必須"],
img[alt="必須"]{ width:30px; vertical-align:-2px; }
#main th.title{ padding-right:20px; }
#main th.title img[alt="必須"]{ float:right; margin:5px 0 0; }
#main th.title .requestIconFrame{ float:right; }
#main .lock{ width:20px; margin:0 0 0 5px; }

/* select */
select::-ms-expand{ display:none; }
select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:7px 30px 7px 10px; background:url("../../../../images/pulldown.png") no-repeat right 10px center / 12px auto #ffffff; border:#cccccc 1px solid; font-size:14px; }

form{ text-align:left; }

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

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

/* form
-------------------------------------------------------------*/
table.apply_area{ width:100%; margin:0 0 20px; border-bottom:#ebebeb 1px solid; font-size:14px; }
table.apply_area th{ width:230px; padding:15px 5px 15px 20px; background:#f5f5f5; border-top:#ebebeb 1px solid; font-weight:normal; }
table.apply_area td{ padding:15px 5px 15px 30px; border-top:#ebebeb 1px solid; }

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

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

/* header - ヘッダ
-------------------------------------------------------------*/
#top { padding: 65px 0 0; }
header{ width:100%; /*min-width:1350px;*/ background:#ffffff; border-bottom:#ececec 1px solid; position: fixed; top: 0; left: 0; z-index:13; }
header::after{ content:""; clear:both; display:block; }
header a{ text-decoration:none !important; color:#333333; }
header .inner { display: flex; align-content: center; align-items: center; justify-content: space-between; }
header .logo{ float:left; margin:22px 0 0 0; }
header .logo a{ width:210px; display:block; background:url("../sd21img/logo_keen_21sd_2.png") no-repeat 0 0 / 100% auto; text-indent:-9999px; overflow:hidden; }
header .logo a:hover{ opacity:1; }
header .rightArea{ width: 100%; display: flex; justify-content: flex-end; align-content: center; align-items: center;/*padding:25px 0 0;*/ }
header .rightArea .icoBtn{ width:65px; text-align:center; font-size:11px; display:none; }
header .rightArea .icoBtn a{ display:block; box-sizing:border-box; line-height:1.2; }
header .rightArea .icoBtn img{ width:26px; display:block; margin:0 auto; }

/*--- searchArea ---*/
header .rightArea .searchArea{ margin:0 50px 0 0; }
header .rightArea .searchArea #searchMenu .searchCon{ position:relative; }
header .rightArea .searchArea #searchMenu input[type="search"]{ width:290px; padding-right:35px; }
header .rightArea .searchArea #searchMenu input[type="submit"]{ width:23px; height:23px; background:url("../../../../images/ico_search_bk.png") no-repeat 0 0 / 100% auto; border:none; position:absolute; top:8px; right:10px; }

/*--- cateArea ---*/
header .rightArea .cateArea #cateMenu{ display:none; } /*初期表示は隠す*/
header .rightArea .cateArea #cateMenu{ width:100%; height:100vh; padding:0 0 50px; background:#ffffff; box-sizing:border-box; overflow:auto; position:absolute; top:0; left:0; z-index:20; opacity:0.9; }
header .rightArea .cateArea #cateMenu .closeBtn{ position:absolute; top:40px; right:40px; }
header .rightArea .cateArea #cateMenu .closeBtn a{ width:30px; height:30px; display:block; background:url("../../../../images/ico_close_bk.png") no-repeat 0 0 / 100% auto; }
header .rightArea .cateArea #cateMenu .title{ text-align:center; padding:60px 0 35px; font-size:22px; font-weight:bold; }
header .rightArea .cateArea #cateMenu ul.navBtn{ margin:0 auto 40px; padding:0 0 0 5px; text-align:center; }
header .rightArea .cateArea #cateMenu ul.navBtn li{ display:inline-block; margin:0 5px 7px 0; text-align:center; }
header .rightArea .cateArea #cateMenu ul.navBtn li a{ width:80px; display:block; padding:8px 0; background:#f5f5f5; border-radius:50px; box-sizing:border-box; }
header .rightArea .cateArea #cateMenu ul.navBtn li.on a{ background:#333333; color:#ffffff; }
/* cateList */
header .rightArea .cateArea #cateMenu .cateList{ width:1200px; margin:0 auto; }
header .rightArea .cateArea #cateMenu .cateList .tit{ margin:0 0 21px; padding:0 0 18px; border-bottom:#ebebeb 1px solid; font-size:18px; font-weight:bold; }
header .rightArea .cateArea #cateMenu .cateList > div{ display:none; } /* 初期非表示 */
header .rightArea .cateArea #cateMenu .cateList > #agyo{ display:block; } /* あ行のみ表示 */
header .rightArea .cateArea #cateMenu .cateList ul{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; margin:0 0 35px; }
header .rightArea .cateArea #cateMenu .cateList ul li{ width:23.5%; margin:0 2% 20px 0; }
header .rightArea .cateArea #cateMenu .cateList ul li:nth-child(4n){ margin-right:0; }
header .rightArea .cateArea #cateMenu .cateList ul li a{ width:100%; display:table; table-layout:fixed; box-sizing:border-box; }
header .rightArea .cateArea #cateMenu .cateList ul li a figure{ width:75px; display:table-cell; }
header .rightArea .cateArea #cateMenu .cateList ul li a p{ display:table-cell; padding:0 0 0 10px; vertical-align:middle; }

/*--- detailSearchArea ---*/
header .rightArea .detailSearchArea{ float:left; }

/*--- loginArea ---*/
header .rightArea .loginArea{ float:left; }

/*--- mypageArea ---*/
header .rightArea .mypageArea{ float:left; }

/*--- cartArea ---*/
header .rightArea .cartArea{ float:left; position:relative; }
header .rightArea .cartArea .cartNum{ min-width:22px; padding:2px 3px; text-align:center; background:#df4848; border-radius:50px; font-size:10px; color:#ffffff; line-height:1; position:absolute; top:-5px; right:2px; }

/*--- humicon ---*/
header .rightArea #humicon:hover {
	cursor: pointer;
}

header .rightArea #humicon {
	width: 50px;
	height: 50px;
	padding: 15.5px 0;
}

header .rightArea #humicon span {
	width: 30px;
	height: 1px;
	display: block;
	background-color: #000000;
	border-radius: 3px;
	margin: 0 auto;
}

header .rightArea #humicon span:nth-of-type(2) {
	margin: 8px auto;
}

/*-- close-humicon --*/
header .rightArea #close-humicon {
	width: 50px;
	height: 50px;
	padding: 15.5px 0;
	position: absolute;
	top: 30px;
	left: -40px;
}

header .rightArea #close-humicon:hover {
	cursor: pointer;
}

header .rightArea #close-humicon span {
	width: 30px;
	height: 1px;
	display: block;
	background-color: #0f0f0f;
	border-radius: 3px;
	position: absolute;
	top: 5%;
	left: 0;
	margin: 0 auto;
}

header .rightArea #close-humicon span:nth-of-type(1) {
	transform:rotate(40deg);
}

header .rightArea #close-humicon span:nth-of-type(2) {
	transform:rotate(-40deg);
}


/*--- hum-nav ---*/
header .rightArea #hum-nav {
	width: 30%;
	max-width: 540px;
	height: 100vh;
	display: none;
	position: fixed;
	top: 0;
	right: -30%;
	padding: 3% 0 0 0;

	
}

@media screen and (max-width: 768px) {
    header .rightArea #hum-nav {
        width: 60%;
    }
}

header .rightArea #hum-nav ul {
	opacity: 0;
}

header .rightArea #hum-nav ul li a,
header .rightArea #hum-nav ul li p {
	display: block;
	color: #ffffff;
	font-size: 20px;
	padding: .3em 0 .5em 5%;
}

header .rightArea #hum-nav ul li ul li a {
	font-size: 16px;
	padding: calc(.3em + .1vw) 0 calc(.5em + .1vw) 12%;
}



header .rightArea #hum-nav ul li ul li:nth-of-type(1) a {
	border-top: none;
}

header .rightArea #hum-nav.active {
	display: block;
	background-color:rgba(0,0,0,0.85);
	transform: translateZ(100px);
	right: 0;
	z-index: 100;
	animation: menu .6s ease;
}

header .rightArea #hum-nav.active ul {
	opacity: 1;
	animation: menuWrap .6s ease;
}

header .rightArea #hum-nav.active li a, 
header .rightArea #hum-nav.active li a:visited {
	color: #ffffff;
}

@keyframes menu {
	0% {
		right: -30%;
	}
	100% {
		right: 0;
	}
}

@keyframes menuWrap {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

header#header-wrap.active::before {
	content: "";
	width: 100vw;
	height: 100vh;
	display: block;
	background-color: rgba(0,0,0,.1);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	animation: headerWrap .6s ease;
}


@keyframes headerWrap {
	0% {
		background-color: rgba(0,0,0,0);
	}
	100% {
		background-color: rgba(0,0,0,.6);
	}
}


#preview{ display:block; padding:5px; background:#139400; color:#fff; text-align:center; font-size:12px; font-weight:bold; }
#preview td{ padding:0 10px; vertical-align:middle; }

/* headerBanner
-------------------------------------------------------------*/
.headerBanner{ text-align:center; }
.headerBanner a{ display:block; }
.headerBanner img{ width:auto; max-width:100%; height:auto; }

/* fontChanger - 文字サイズ変更
-------------------------------------------------------------*/
#fontChanger{float: right; margin: 10px 20px 0 0;}
#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 p{float: left; margin-right: 5px; font-size: 75%;}

/* search - 商品検索窓
-------------------------------------------------------------*/
#search{ width:100%; margin:0 auto; padding:8px 0 0; position:relative; }
#search .wordArea input{ width:100%; height:36px; padding:2px 15px 0; background:#f6f6f6; border:#e9e9e9 1px solid; box-sizing:border-box; font-size:13px; line-height:1; }
#search .wordArea input::placeholder{ line-height:2.5; }
#search .searchBtn{ position:absolute; top:14px; right:10px; }
#search .searchBtn input{ width:24px; height:24px; margin:0; background:url("../../../../images/ico_glass.html") no-repeat 0 0 / 100% auto; text-indent:-9999px; overflow:hidden; }

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

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

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


/* =================================================================
5.サイドバー
使用ファイル：common/sidebar.xhtml
=================================================================*/
/* mypageNav
-------------------------------------------------------------*/
ul#mypageNav{ border-bottom:#e7e7e7 1px solid; }
ul#mypageNav li{ padding:12px 0; border-top:#e7e7e7 1px solid; }
ul#mypageNav li a{ display:block; text-decoration:none; color:#000000; }
ul#mypageNav li.on a{ color:#f8637c; }

/* sideInner - バナー
-------------------------------------------------------------*/
#sideBanner img{ width:100%; height:auto; }
#sideBanner .bannerBox{ margin:0 0 15px; }

/* sideNav
-------------------------------------------------------------*/
/* sideNav1 */
.sideNav1 ul{ border-bottom:#d3d3d3 1px solid; }
.sideNav1 ul li{ border-top:#d3d3d3 1px solid; }
.sideNav1 ul li.on{ font-weight:bold; }
.sideNav1 ul li a{ display:block; padding:15px; text-decoration:none; background:url("../../../../images/arrow_link.png") no-repeat right 5px center / 12px auto; font-size:16px; }

/* login - ログイン枠
-------------------------------------------------------------*/
#login{ margin-bottom: 60px;}
#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;}
#login span{font-weight: bold;}

dl.loginArea{ width:100%; overflow:hidden; }
dl.loginArea dt{ width:27%; float:left; text-align:right; padding:8px 20px 0 0; }
dl.loginArea dd{ width:73%; float:left; padding:0 0 15px; }
dl.loginArea dd input{ width:290px; }
dl.loginArea.onecolumn{ width:510px; margin:0 auto; }

/* cart - 買い物かごの中身確認・買い物かごへ
-------------------------------------------------------------*/
#cart{width: 190px; margin-bottom: 60px;}
#cart .box:after {content: ""; clear: both; display: block;}/* clearfix */
#cart .box p{float: right; margin:0 5px 5px 0; color: #C00; font-size: 90%; font-weight: bold; text-align: right;}
#cart a{width: 140px; margin: 10px auto 0;}

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

/* present - プレゼント枠
-------------------------------------------------------------*/
#present{width: 190px; margin-bottom: 60px;}

#present .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 .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 p{margin: 0 10px; font-size: 80%;}
#coupon img{display: block; margin: 0 auto;}

/* calendar - カレンダー
-------------------------------------------------------------*/
#calendar{width: 190px; margin-bottom: 10px;}
#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: 12em !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.html"); 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 p{ margin:0 0 10px; }
#ext th{ text-align:left; }
#ext ul{ padding-bottom:10px; }
#ext li{ list-style:disc; margin: 5px 40px; }
#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 th.yahoo div{background: url("../images/social_yahoo.html") no-repeat; color: #e71017;}
#ext.social_provider th.facebook div{background: url("../images/social_facebook.html") no-repeat; color: #3b5998;}
#ext.social_provider th.twitter div{background: url("../images/social_twitter.html") no-repeat; color: #55acee;}
#ext.social_provider th.google div{background: url("../images/social_google.html") no-repeat; color: #dc4e41;}
#ext.social_provider th.mixi div{background: url("../images/social_mixi.html") no-repeat; color: #d1ad59;}
#ext.social_provider th.line div{background: url("../images/social_line.html") no-repeat; color: #00b300;}
#ext.social_provider th.paypal div{background: url("../images/social_paypal.html") no-repeat; color: #293e7f;}

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

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

/* =================================================================
7.トップページ
使用ファイル：top.xhtml
=================================================================*/
/* atInfomation
-------------------------------------------------------------*/
.atInfomation{ padding:10px 0; background:#f5f5f5; text-align:center; }
.atInfomation p a{ display:inline-block; padding:2px 20px; text-decoration:none; background:url("../../../../images/arrow_link.png") no-repeat right center / 15px auto; font-size:16px; color:#666666; }

/* topBanner
-------------------------------------------------------------*/
#topBanner{ width:100%; max-width:3000px; margin:0 auto; }
#topBanner .slick-dotted.slick-slider{ margin-bottom:50px; }
#topBanner .slick-dots{ bottom:-50px; }
#topBanner .slick-dots li{ width:10px; height:10px; margin:0 10px; background:#ebebeb; border-radius:50%; }
#topBanner .slick-dots li.slick-active{ background:#c9c9c9; }
#topBanner .slick-dots li button::before{ content:''; }
#topBanner .slick-initialized .slick-slide{ margin:0 0.5px; }
#topBanner .slick-arrow{ width:40px; height:40px; position:absolute; top:49%; }
#topBanner .slick-prev{ background:url("../../../../images/arrow_slide_back_bk.png") no-repeat 0 0 / 100% auto; left:19%; z-index:10; }
#topBanner .slick-next{ background:url("../../../../images/arrow_slide_back.png") no-repeat 0 0 / 100% auto; right:19%; z-index:10; }
#topBanner .slick-prev::before,
#topBanner .slick-next::before{ content:""; }

/* mainvisual - メインビジュアル
-------------------------------------------------------------*/
/*#mainvisual{ width:100%; max-width:3000px; min-height:490px; margin:0 auto; overflow:hidden; }
#mainvisual img{ width:100%; height:auto; display:block; }
#mainvisual .slidearea{ width:980px; margin:0 auto; position:relative; }
#mainvisual .slidearea ul{ overflow:hidden; position:absolute; top:0; }
#mainvisual .slidearea ul li{ width:980px; float:left; padding:0 1px; position:relative; }
#mainvisual ul.slidenav{ padding:20px 0 0; text-align:center; }
#mainvisual ul.slidenav li{ width:10px; height:10px; display:inline-block; margin:0 10px; background:#ebebeb; border-radius:50%; vertical-align:middle; cursor:pointer; }
#mainvisual ul.slidenav li.on{ background:#c9c9c9; }
#mainvisual .preBtn,
#mainvisual .nextBtn{ width:40px; height:40px; position:absolute; top:230px; }
#mainvisual .preBtn{ background:url("../../../../images/arrow_slide_back_bk.png") no-repeat 0 0 / 100% auto; left:-15px; }
#mainvisual .nextBtn{ background:url("../../../../images/arrow_slide_back.png") no-repeat 0 0 / 100% auto; right:-15px; }*/


/* topTopicsArea
-------------------------------------------------------------*/
.topTopicsArea{ padding:50px 0 100px; }
ul.topTopicsList{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap: wrap; }
ul.topTopicsList li{ width:18.8%; margin:0 1.5% 60px 0; }
ul.topTopicsList li:nth-child(5n){ margin-right:0; }
ul.topTopicsList li a{ display:block; text-decoration:none; color:#333333; }
ul.topTopicsList li .cate{ display:inline-block; margin:10px 0 0; font-weight:bold; line-height:1.2; }
ul.topTopicsList li .tit{ margin:3px 0 0; }
ul.topTopicsList li .day{ margin:6px 0 0; font-size:12px; color:#999999; }

/* topNewArea
-------------------------------------------------------------*/
.topNewArea{ padding:75px 0; background:#f5f5f5; }

/* topLimitedArea
-------------------------------------------------------------*/
.topLimitedArea{ padding:75px 0 55px; }

/* topNewArea topLimitedArea共通 */
.topNewArea ul.itemList2 > li:nth-child(n + 11),
.topLimitedArea ul.itemList2 > li:nth-child(n + 11){ display:none; }
.topNewArea .moreLink,
.topLimitedArea .moreLink{ display:none; }
.topNewArea .moreLink a,
.topLimitedArea .moreLink a{ font-size:16px; }
.topNewArea .moreLink a::before,
.topLimitedArea .moreLink a::before{ content:"もっと見る"; }
.topNewArea .moreLink.open a::before,
.topLimitedArea .moreLink.open a::before{ content:"閉じる"; }

/* topRankingArea
-------------------------------------------------------------*/
.topRankingArea{ padding:75px 0 35px; background:#f5f5f5; }
.topRankingArea .listArea{ width:100%; }
.topRankingArea ul{ width:100%; display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap: wrap; }
.topRankingArea ul > li{ width:225.6px; margin:0 18px 0 0; box-sizing:border-box; }
.topRankingArea ul > li:nth-child(5n){ margin-right:1px; }
.topRankingArea ul > li a{ display:block; text-decoration:none; color:#333333; }
.topRankingArea ul > li .img_box{ width:calc(94% / 5); height:270px; display:table-cell; background:#ffffff; vertical-align:middle; }
.topRankingArea ul > li .img_box img{ max-width:225px; max-height:270px; }
.topRankingArea ul > li::before{ width:30px; height:30px; display:block; margin:0 0 9px; padding:9px 0 0; text-align:center; background:#666666; border-radius:50%; box-sizing:border-box; font-size:13px; color:#ffffff; line-height:1; }
.topRankingArea ul > li:nth-child(1)::before{ content:"1"; background:#c6b73d; }
.topRankingArea ul > li:nth-child(2)::before{ content:"2"; background:#84acc6; }
.topRankingArea ul > li:nth-child(3)::before{ content:"3"; background:#cc8c69; }
.topRankingArea ul > li:nth-child(4)::before{ content:"4"; }
.topRankingArea ul > li:nth-child(5)::before{ content:"5"; }
.topRankingArea ul > li:nth-child(6)::before{ content:"6"; }
.topRankingArea ul > li:nth-child(7)::before{ content:"7"; }
.topRankingArea ul > li:nth-child(8)::before{ content:"8"; }
.topRankingArea ul > li:nth-child(9)::before{ content:"9"; }
.topRankingArea ul > li:nth-child(10)::before{ content:"10"; }
.topRankingArea ul > li .tit{ padding:10px 0 0; }

/* 横スクロールがある場合 */
.xscrollList{ margin:0 0 40px; position:relative; }
.xscrollList .xscrollBtn{ display:none; }
.xscrollList .xscrollBtn{ width:30px; height:30px; background:url("../../../../images/arrow_slide_back.png") no-repeat center center / 100% auto; text-indent:-9999px; position:absolute; top:47%; }
.xscrollList .xscrollBtn.pre{ background-image:url("../../../../images/arrow_slide_back_bk.png"); left:-55px; }
.xscrollList .xscrollBtn.next{ right:-55px; }
.xscrollListFrame{ overflow:hidden; position:relative; }
.xscrollList ul{ adding:10px 0 0; position:absolute; top:0; left:0; }

/* topNewsArea
-------------------------------------------------------------*/
.topNewsArea{ padding:75px 0 40px; }
.topNewsArea ul{ width:715px; margin:0 auto; }
.topNewsArea ul li{ margin:0 0 22px; overflow:hidden; }
.topNewsArea ul li a{ display:block; text-decoration:none; color:#333333; overflow:hidden; }
.topNewsArea ul li .day{ width:110px; float:left; padding:1px 0 0; }
.topNewsArea ul li .infotitle{ padding:0 0 0 110px; font-size:16px; }

/* =================================================================
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
=================================================================*/
/* cartSidebar - カートフロー内サイドバー
-------------------------------------------------------------*/
#cartSidebar{ width:22%; float:right; }
/* 清算ページのみ右固定 */
#cartFlow #cartSidebar.fixed{ width:1350px; margin:0 auto; position:fixed; top:0; left:0; right:0; }
#cartFlow #cartSidebar.fixed #sideInner{ width:264px; position:absolute; top:91px; right:75px; }
#cartSidebar .total_box{ padding:20px; background:#f5f5f5; overflow:hidden; }
#cartSidebar .total_box .box:after {content: ""; clear: both; display: block;}/* clearfix */
#cartSidebar .total_box h3{ width:87px; float:left; margin:0; font-size:12px; font-weight:normal; }
#cartSidebar .total_box .price{ width:137px; float:right; margin:0; text-align:right; }
#cartSidebar .total_box img{margin: 0px auto 10px; display: block;}
#cartSidebar .total_box .totalpricebox{ margin:0 0 15px; padding:0 0 15px; border-bottom:#cccccc 1px solid; }
#cartSidebar .total_box .totalpricebox.ci{ padding-bottom:0; border-bottom:none; }
#cartSidebar .total_box .totalpricebox:after {content: ""; clear: both; display: block;}/* clearfix */
#cartSidebar .total_box .totalpricebox h3{ padding:5px 0 0; border-bottom:none; }
#cartSidebar .total_box .totalpricebox .price{ font-size:18px; font-weight:bold; }
#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;}*/
/*#cartSidebar .cartButtonArea .pinkBtnS,
#cartSidebar .cartButtonArea .grayBtn2S{ width:100%; margin:10px 0 0; }*/
#cartSidebar .cartButtonArea img{display: block;}
#cartSidebar .cartButtonArea .button{ width:100%; margin:10px 0 0; padding:15px 0; }
#cartSidebar .cartButtonArea .button.negative{ background:#cccccc; }
#cartSidebar .cartButtonArea .ortxt{ width:100%; height:1em; margin:20px auto 10px; text-align:center; line-height:1; position:relative; }
#cartSidebar .cartButtonArea .ortxt::before{ width:100%; height:1px; content:""; background:#665f5c; position:absolute; top:50%; left:0; }
#cartSidebar .cartButtonArea .ortxt span{ width:70px; display:block; margin:0 auto; background:#f5f5f5; position:absolute; top:0; left:0; right:0; }
#cartSidebar .cartButtonArea #AmazonPayButton{ padding:0; }
#cartSidebar .cartButtonArea #AmazonPayButton img{ width:100%; height:auto; }
#cartSidebar .cartButtonArea .positive{ width:100%; padding:20px 0; }

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
#cartIndex .content{ width:74%; float:left; }
#cartIndex:after {content: ""; clear: both; display: block;}/* clearfix */

table.cartItem{ width: 750px; margin: 0px 0 10px;}
table.cartItem th.itemname{ width:60%; }
table.cartItem .img_box{width: 80px; height: 80px; text-align: center; position: relative; float: left;}
table.cartItem .img_box img{ width: auto; max-width:100%; max-height:100%; display:block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
table.cartItem .text_box{padding-left: 90px;}
table.cartItem .text_box p{ margin:0 0 5px; line-height:1.4 !important; }
table.cartItem .text_box p a{ font-weight:600; }
table.cartItem .text_box p.code{ margin:0 !important; }
table.cartItem .text_box p.name{ font-weight:600; line-height:1.4; }
table.cartItem .text_box p a{  }
table.cartItem .text_box p.last{margin-bottom: 0px;}
table.cartItem .text_box .delete a{ width:auto; display:inline-block; padding:5px 15px 5px 10px; font-size:12px; }
table.cartItem .text_box .delete a::before{ content:"×"; margin:0 3px 0 0; }
#cartIndex .empty{margin: 20px 0;}
#cartIndex .tax{ font-size:12px; font-weight:normal; color:#000000; }
#cartIndex .amount{text-align: center;}

/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin:after {content: ""; clear: both; display: block;}/* clearfix */
#cartLogin table{ margin: 0 auto 20px; border-bottom:none; }
#cartLogin table th,
#cartLogin table td{ padding:6px 0; border-top:none; }
#cartLogin table th.title{ width:124px; }
#cartLogin .boxFrame{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin:0 0 30px; }
#cartLogin .boxFrame .box{ width:49%; margin:0 2% 0 0; padding:20px; border:#e7e7e7 1px solid; box-sizing:border-box; position:relative; }
#cartLogin .boxFrame .box:nth-child(2n){ margin-right:0; }
#cartLogin .box{ padding:60px 50px; background:#f5f5f5; }
#cartLogin .box h3{ margin:0 0 50px; text-align:center; border-bottom:none; font-size:22px; }
#cartLogin .box .buttonarea{width: 100%; margin: 20px 0; padding: 0;}
#cartLogin .box table{}
#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; }
#cartLogin .box .amazon_area p{margin: 10px 0;}
#cartLogin .box .buttonarea input,
#cartLogin .box .buttonarea a{ padding:15px 3px; }
#cartLogin .widebox{ margin:10px 0 30px; padding:20px; border:#e7e7e7 1px solid; }
#cartLogin .widebox h3{ margin-top:0; }
#cartLogin .widebox .link{ margin:20px 0; text-align:right; }
#cartLogin .widebox table{width: 920px;}
#cartLogin input[type='text'],
#cartLogin input[type='password']{ width:100%; }

#cartLogin .social_provider ul{ margin:10px 0 0; }
#cartLogin .social_provider ul:after {content: ""; clear: both; display: block;}/* clearfix */
#cartLogin .social_provider ul li{width:280px; 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.html") no-repeat; color: #e71017;}
#cartLogin .social_provider li.facebook a{background: url("../images/social_facebook.html") no-repeat; color: #3b5998;}
#cartLogin .social_provider li.twitter a{background: url("../images/social_twitter.html") no-repeat; color: #55acee;}
#cartLogin .social_provider li.google a{background: url("../images/social_google.html") no-repeat; color: #dc4e41;}
#cartLogin .social_provider li.mixi a{background: url("../images/social_mixi.html") no-repeat; color: #d1ad59;}
#cartLogin .social_provider li.line a{background: url("../images/social_line.html") no-repeat; color: #00b300;}
#cartLogin .social_provider li.paypal a{background: url("../images/social_paypal.html") no-repeat; color: #293e7f;}


/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow{ margin:0 auto; padding-bottom:20px; }
#cartFlow:after {content: ""; clear: both; display: block;}/* clearfix */
#cartFlow h3{ margin-top:40px; padding-bottom:0; border-bottom:none; font-size:16px; }
#cartFlow .content{ width:74%; float: left; margin-right: 20px;}
#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;}

#cartFlow table{ width:100%; margin:0px 0 20px; }
#cartFlow table.mgNone{ margin-bottom:0; border-bottom:none; }
#cartFlow table.change_data{margin-top: -21px;}
#cartFlow table.member_regist{margin-top: -21px;}
#cartFlow table td.short input{width: 120px;}
#cartFlow table#iraitoptb{ margin:0; border-bottom:none;  }
#cartFlow table .img_box{ width:150px; float:left; }
#cartFlow table .img_box img{ width:auto; height:auto; }

#cartFlow .text_box{ padding:0 0 0 170px; }
#cartFlow .text_box p{ margin: 0 0 10px; line-height:1.4; }
#cartFlow .text_box .itemname{ text-align:left; font-weight:600; }
#cartFlow .text_box .name{ font-weight:600; }
#cartFlow .text_box .tax{ font-size:14px; color:#000000; }
#cartFlow .text_box p.last{margin-bottom: 0px;}

#cartFlow .price{  }
#cartFlow .total,
#cartIndex .total{ margin: 0px 0 10px; text-align: right; }
#cartFlow .total.lastline,
#cartIndex .total.lastline{ padding:0 0 5px; border-bottom:#e7e7e7 1px solid; }
#cartFlow .total p{margin: 0px; font-size: 90%;}
#cartFlow .point{ margin:0 3px; font-weight:600; }
#cartFlow .attention{ display:block; text-align:center; font-weight:bold; }
#cartFlow .attention_message{color: #C00; font-weight:bold; }

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

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

#cartFlow #reCAPTCHA{ margin:10px 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{ width:100%; margin-top:20px; padding:20px; border:#ebebeb 1px solid;}
#cartFlow .cartitem h3{ margin:0 0 10px; font-size:16px; }
#cartFlow .cartitem li{ margin-bottom:10px; padding-bottom:0px; border-bottom:#ebebeb 1px solid; }
#cartFlow .cartitem li:last-child{ margin-bottom:0; border-bottom:none; }
#cartFlow .cartitem .img_box{ margin:0 0 10px; text-align:center; }
#cartFlow .cartitem .img_box img{ width:auto; max-width:100%; height:auto; display:block; position:static; }
#cartFlow .cartitem .titlebox{ padding:0 0 5px 70px; }
#cartFlow .cartitem .titlebox .itemname{ line-height:1.4; }
#cartFlow .cartitem .text_box{ clear:both; padding:0; overflow:hidden; }
#cartFlow .cartitem p.price{ text-align:right; font-weight:normal; }
#cartFlow .cartitem p.amount{ float:right; }
#cartFlow .cartitem .sTxt{ font-size:10px; }

#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; display:block; margin:10px 0; text-align:left !important; color:#C00; font-weight:bold; text-align: center; }

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

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

#cartFlow .showLink{ padding:10px; text-align:center; border-top:#dcdcdc 1px solid; }
#cartFlow .showLink a{ padding:0 0 1px; border-bottom:#fc4362 1px solid; color:#fc4362; }

/* cartList */
.cartNum{ margin:0 0 10px; font-weight:bold; }
ul.cartList{ border-bottom:#ebebeb 1px solid; }
ul.cartList li{ width:100%; display:table; table-layout:fixed; padding:15px 0; border-top:#ebebeb 1px solid; }
ul.cartList li:nth-child(1){ padding:10px 0; text-align:center; background:#f5f5f5; }
ul.cartList li > div{ display:table-cell; vertical-align:middle; }
ul.cartList li > div p{ margin:0 !important; line-height:1.4; }
ul.cartList li > .item1 .img_box{ width:100px; float:left; }
ul.cartList li > .item1 .iteminfo{ width:calc(100% - 120px); float:right; }
ul.cartList li > .item1 .iteminfo .comment{ padding:10px 0 0; color:#e8515c; }
ul.cartList li > .item2{ width:100px; text-align:center; }
ul.cartList li > .item3{ width:130px; text-align:center; }
ul.cartList li > .item4{ width:100px; text-align:center}
ul.cartList li > .item4 .negative{ width:63px; margin:0; padding:5px 0; font-size:12px; }

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

/* cartRecommend - カートおすすめ
-------------------------------------------------------------*/
#cartRecommend{margin-top: 20px; width: 210px; padding: 10px; border:#dcdcdc 1px solid; }
#cartRecommend .box{ padding:15px 0; border: 0px; border-bottom:#dcdcdc 1px solid; }
#cartRecommend .box:after {content: ""; clear: both; display: block;}/* clearfix */
#cartRecommend .box:last-child{ padding-bottom:5px; border-bottom:none; }
#cartRecommend .box p{ margin:0; }
#cartRecommend .img_box{ margin:0 0 10px; text-align:center; }
#cartRecommend .img_box img{ width:auto; max-width:100%; display:block; margin:auto; }
#cartRecommend .buttonarea{ margin:0; padding:0; }
#cartRecommend .buttonarea .button{ width:100%; margin:5px 0 0; padding:15px 5px; font-size:16px; }
#cartRecommend .property{ margin:0 0 10px; text-align:left; font-size:12px; color:#999999; line-height:1.4; }

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


/* cartNovelty - ノベルティ
-------------------------------------------------------------*/
.cartNovelty table .img_box{ width:120px; float:left; }
.cartNovelty table .img_box img{ width:100%; height:auto; position:static; }
.cartNovelty table .text_box{ padding:0 0 0 140px !important; }
.cartNovelty table .text_box .name{ font-weight:600; }
.cartNovelty table .propertyimg_box{ width:100px; }
.cartNovelty table .propertyimg_box img{ width:100%; height:auto; }

/* =================================================================
9.定期購入商品履歴照会・変更
使用ファイル：teiki_index.xhtml, teiki_detail.xhtml
teiki_renew.xhtml, teiki_renew_confirm.xhtml
=================================================================*/
/* teikiIndex - 定期購入商品一覧
-------------------------------------------------------------*/
#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.html") 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;}

/* teikiDetail - 定期購入商品照会・変更・確認画面
-------------------------------------------------------------*/
#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
=================================================================*/
/* pagetop
-------------------------------------------------------------*/
.pagetop{ display:none; } /* 初期非表示 */
.pagetop{ position:fixed; right:25px; bottom:25px; z-index:4; }
.pagetop a{ width:35px; height:35px; display:block; padding:42px 0 0; text-decoration:none; background:url("../../../../images/pagetop.png") no-repeat center 0 / 100% auto; box-sizing:border-box; font-size:13px; color:#191f54; }

/* footerInfo
-------------------------------------------------------------*/
.footerInfo{ margin:30px 0 0; padding:40px 0; background:#f5f5f5; }
.footerInfo ul{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; }
.footerInfo ul li{ width:23.87%; margin:0 1.5% 3px 0; padding:30px 20px 80px; background:#ffffff; box-sizing:border-box; position:relative; }
.footerInfo ul li:nth-child(4n){ margin-right:0; }
.footerInfo ul li .tit{ padding:75px 0 20px; text-align:center; font-size:16px; font-weight:bold; }
.footerInfo ul li:nth-child(1) .tit{ background:url("../../../../images/ico_guide1.png") no-repeat center 0 / 60px auto; }
.footerInfo ul li:nth-child(2) .tit{ background:url("../../../../images/ico_guide2.png") no-repeat center 0 / 50px auto; }
.footerInfo ul li:nth-child(3) .tit{ background:url("../../../../images/ico_guide3.png") no-repeat center 0 / 50px auto; }
.footerInfo ul li:nth-child(4) .tit{ background:url("../../../../images/ico_guide4.png") no-repeat center 0 / 50px auto; }
.footerInfo ul li .txtArea dl{ padding:7px 0 0; }
.footerInfo ul li .txtArea dl dt{ padding:7px 0 0; border-top:#ebebeb 1px solid; font-weight:bold; }
.footerInfo ul li .txtArea dl dd{ padding:0 0 7px; }
.footerInfo ul li .moreBtn{ margin:0 auto; position:absolute; left:0; right:0; bottom:30px; }
.footerInfo ul li .moreBtn a{ min-width:205px; padding:8px 32px; }

/* footer
-------------------------------------------------------------*/
footer{ padding:55px 0 0; text-align:center; }
footer a, footer a:visited
footer a:link,
footer a:active{ text-decoration:none; }
footer .siteName{ margin:0 0 13px; font-weight:bold; }
footer ul.snsList{ margin:0 0 45px; }
footer ul.snsList li{ width:57px; display:inline-block; margin:0 5px; vertical-align:middle; }
footer ul.snsList li:nth-child(3){ width:70px; }
footer ul.footerLink{ margin:0 0 55px; text-align:center; font-size:12px; }
footer ul.footerLink li{ display:inline-block; margin:0 5px; }
footer .copy{ padding:6px 0; background:#ffffff; font-size:10px;  }


/* =================================================================
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
=================================================================*/

/* cateTopKv
-------------------------------------------------------------*/
.cateTopKv{ margin:0 0 30px; }

/* cateTopicList
-------------------------------------------------------------*/
.cateTopicList{ margin:0 0 31px; overflow:auto; }
.cateTopicList ul{ width:1200px; margin:0 auto 7px; }
.cateTopicList ul li{ margin:0 0 7px; overflow:hidden; }
.cateTopicList ul li a{ display:block; text-decoration:none; color:#333333; overflow:hidden; }
.cateTopicList ul li .day{ width:110px; float:left; }
.cateTopicList ul li .tit{ padding:0 0 0 110px; }
.cateTopicList .moreLink2{ width:1200px; margin:0 auto; }

/* itemList - 商品リスト
-------------------------------------------------------------*/
/* itemList */
ul.itemList{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap: wrap; }
/* itemList */
#itemList ul.itemList{ padding:35px 0 0; border-top:#ebebeb 1px solid; }
ul.itemList > li{ width:22.75%; margin:0 3% 90px 0; box-sizing:border-box; position:relative; }
ul.itemList > li a{ text-decoration:none; font-size:12px; color:#333333; }
ul.itemList > li a:hover{ opacity:1; }
ul.itemList > li a:hover .txtArea,
ul.itemList > li a:hover .term{ opacity:0.8; }
ul.itemList > li:nth-child(4n){ margin-right:0; }
ul.itemList > li .head .circleLabel{ position:relative; }
ul.itemList > li .head .circleLabel p{ position:absolute; top:-15px; left:-5px; z-index:3; }
ul.itemList > li .img_box{ width:48.5vw; height:340px; display:table-cell; vertical-align:middle; position:relative; }
ul.itemList > li .img_box .soldout{ width:100%; height:100%; padding:150px 0 0; background:rgba(255,255,255,0.8); box-sizing:border-box; font-size:30px; color:#666666; position:absolute; top:0; left:0; }
ul.itemList > li ul.itemLabel{ min-height:19px; margin:5px 0 8px; overflow:hidden; }
ul.itemList > li ul.itemLabel li{ width:calc(25% - 1px); float:left; margin:0 1px 1px 0; }
ul.itemList > li ul.itemLabel li.labelcolor2{ width:calc(50% - 1px); }
/*ul.itemList > li ul.itemLabel li:nth-child(3n){ margin-right:0; }*/
ul.itemList > li .txtArea .cate{ margin:0 0 9px !important; font-size:12px; color:#9b9b9b; line-height:1.2; }
ul.itemList > li .txtArea .itemName{ margin:0 0 2px !important; color:#3e3a39; font-size:14px; line-height:1.2; }
ul.itemList > li .txtArea .price{ margin:0 0 5px !important; font-size:12px; font-weight:normal; color:#3e3a39; }
ul.itemList > li .txtArea .price .normalprice,
ul.itemList > li .txtArea .price .saleprice .big,
ul.itemList > li .txtArea .price .nosaleprice{ font-size:16px; }
ul.itemList > li .txtArea .price .saleprice{ color:#ef6452; }
ul.itemList > li .txtArea .price .nosaleprice{ text-decoration:line-through; font-size:11px; color:#9fa0a0; }
ul.itemList > li .txtArea .short{ margin:0 0 0 5px; font-size:12px; color:#9fa0a0; }
ul.itemList > li .term .sale{ color:#ff6666; }
ul.itemList > li .term .jyuchu{ color:#f28a00; }
ul.itemList > li .term .yoyaku{ color:#ddb800; }
ul.itemList > li .closeBtn{ position:absolute; top:8px; right:8px; }
ul.itemList > li .closeBtn a{ width:25px; height:25px; display:block; background:url("../../../../images/ico_close_image.png") no-repeat 0 0 / 100% auto; }
ul.itemList > li .nosaleItem{ width:100%; height:100%; min-height:200px; text-align:center; border:#cccccc 1px solid; box-sizing:border-box; position:relative; }
ul.itemList > li .nosaleItem p.txt{ margin:0 auto; font-size:13px; font-weight:bold; position:absolute; top:46%; left:0; right:0; }

#wishList ul.itemList > li{ width:30%; margin:0 5% 90px 0; }
#wishList ul.itemList > li:nth-child(4n){ margin-right:3%; }
#wishList ul.itemList > li:nth-child(3n){ margin-right:0; }

/* itemList2 */
ul.itemList2{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap: wrap; }
ul.itemList2 > li{ width:18.8%; margin:0 1.5% 55px 0; }
ul.itemList2 > li a{ display:block; text-decoration:none; color:#333333; }
ul.itemList2 > li:nth-child(5n){ margin-right:0; }
ul.itemList2 > li .img_box{ width:calc(95% / 5); height:270px; display:table-cell; text-align:center; background:#ffffff; vertical-align:middle; }
ul.itemList2 > li .img_box img{ max-width:225px; max-height:270px; }
ul.itemList2 > li .cate{ padding:10px 0 0; }

/* shiborikomiArea - 絞り込み
-------------------------------------------------------------*/
.shiborikomiArea{ margin:0 0 42px; padding:23px 60px 17px; background:#f5f5f5; font-size:13px; }
.shiborikomiArea a{ display:block; text-decoration:none; color:#333333; }
.shiborikomiArea .tit{ font-weight:bold; }
.shiborikomiArea > ul > li{ padding:20px 0; border-bottom:#e4e4e4 1px solid; }
.shiborikomiArea > ul > li:last-child{ border-bottom:none; }
.shiborikomiArea > ul > li:nth-child(1){ padding:14px 0 8px 0; }
.shiborikomiArea ul li:nth-child(1) .tit{ margin:0 0 17px; padding:0 20px 5px 0; }
.shiborikomiArea ul li:nth-child(1) .tit::after{ width:17px; height:12px; content:""; display:inline-block; margin:0 0 0 10px; background:url("../../../../images/arrow_open.png") no-repeat center top / 100% auto; vertical-align:0px; }
.shiborikomiArea ul li:nth-child(1) .tit.open::after{ background-image:url("../../../../images/arrow_close.png"); }
.shiborikomiArea ul li:nth-child(1) .shiborilist{ display:none; padding:10px 0 0; }
.shiborikomiArea ul li:nth-child(1) ul{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; }
.shiborikomiArea ul li:nth-child(1) ul li{ width:23.87%; margin:0 1.5% 14px 0; background:#ffffff; box-sizing:border-box; }
.shiborikomiArea ul li:nth-child(1) ul li:nth-child(4n){ margin-right:0; }
.shiborikomiArea ul li:nth-child(1) ul li span.noselect a,
.shiborikomiArea ul li:nth-child(1) ul li span.select{ height:100%; display:block; padding:10px 9px; border-radius:2px; box-sizing:border-box; }
.shiborikomiArea ul li:nth-child(1) ul li span.noselect a:hover,
.shiborikomiArea ul li:nth-child(1) ul li span.select{ background:#333333; color:#ffffff; opacity:1; }
.shiborikomiArea ul li:nth-child(n + 2){ overflow:hidden; }
.shiborikomiArea ul li:nth-child(n + 2) .tit{ width:200px; float:left; }
.shiborikomiArea ul li:nth-child(n + 2) ul{ width:calc(100% - 200px); float:left; }
.shiborikomiArea ul li:nth-child(n + 2) ul li{ float:left; margin:0 40px 0 0; }
/*.shiborikomiArea ul li:nth-child(n + 2) ul li:first-child{ display:none; }*/
.shiborikomiArea ul li:nth-child(n + 2) ul li span.noselect a{ display:block; padding:0 0 0 25px; background:url("../../../../images/radio_off.png") no-repeat 0 center / 18px auto; }
.shiborikomiArea ul li:nth-child(n + 2) ul li span.noselect a:hover,
.shiborikomiArea ul li:nth-child(n + 2) ul li span.select{ display:block; padding:0 0 0 25px; background:url("../../../../images/radio_on.png") no-repeat 0 center / 18px auto; }

/* itemListCategory - 商品カテゴリ
-------------------------------------------------------------*/
#itemListCategory{ margin:10px 0 25px; padding:0 10px 10px; text-align:center; }
#itemListCategory ul{ display:inline; }
#itemListCategory ul li{ display:inline-block; }
#itemListCategory ul li a{ display:block; margin:0 2px 10px; padding:6px 10px; text-decoration:none; background:#ededed; border-radius:50px; font-size:14px; color:#3e3a39; }
#itemListCategory ul li a:hover,
#itemListCategory ul li .select a{ background:#3e3a39; color:#ffffff; }

/* htmlArea
-------------------------------------------------------------*/
.htmlArea{ padding:33px 20px 20px; background:#f7f4ef; }
.htmlArea.mgBT{ margin-bottom:60px; }
.htmlArea .box{ margin:0 0 20px; padding:0 0 20px; border-bottom:#e5e5e5 1px solid; overflow:hidden; }
.htmlArea .box:nth-child(n+3){ display:none; }
.htmlArea .box figure{ width:57%; float:right; }
.htmlArea .box figure img{ width:100%; }
.htmlArea .box.right figure{ float:left; }
.htmlArea .box .txtarea{ width:38%; float:left; }
.htmlArea .box.right .txtarea{ float:right; }
.htmlArea .box .title{ margin:0 0 15px; padding:3px 0 2px 25px; background:url("../../../../images/logo2.html") no-repeat 0 0 / 18px auto; font-size:22px; line-height:1.4; }

/* narrowListCategory - 絞り込みカテゴリ
-------------------------------------------------------------*/
#narrowListCategory:after {content: ""; clear: both; display: block;}/* clearfix */
#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 .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; float:left;margin-right:10px; padding:7px 10px 10px; text-decoration:none; background:#f2f2f2; font-size:14px; white-space:nowrap; line-height:1; }
#narrowListCategory .filterArea li a{ width:12px; height:12px; display:inline-block; margin:0 0 0 10px; background:url("../../../../images/ico_close.html") no-repeat 0 0 / 100% auto; vertical-align:-1px; }
#narrowListCategory .filterArea li a:hover{text-decoration: underline;}
#narrowListCategory .filterArea li.filter_clear { background:none; margin:0px; padding:8px 0 0 10px; text-indent:0px; }
#narrowListCategory .filterArea li.filter_clear a{ width:auto; height:auto; background:none; }

/* searchCondition
-------------------------------------------------------------*/
.searchCondition .searchArea{ margin:0 0 50px; overflow:hidden; }
.searchCondition .searchArea .freeword{ width:672px; margin:3px auto 25px; }
.searchCondition .searchArea .freeword input{ padding:16px 8px; }
.searchCondition .searchArea .btArea{ width:228px; margin:0 auto; overflow:hidden; }
.searchCondition .searchArea .zaiko{ float:left; padding:10px 0 0 10px; }
.searchCondition .searchArea .zaiko input{ display:none; }
.searchCondition .searchArea .zaiko label{ min-height:20px; display:block; padding:0 0 0 25px; background:url("../../../../images/ico_check_off.png") no-repeat 0 1px / 20px auto; box-sizing:border-box; font-size:13px; color:#c9caca; }
.searchCondition .searchArea .zaiko input:checked + label{ background-image:url("../../../../images/ico_check.png"); color:#474544; }
.searchCondition .searchArea .buttonarea{ float:right; padding:0; }
.searchCondition .searchArea .buttonarea input{ width:100%; margin:0; padding:10px 10px 10px 30px; background:url("../../../../images/ico_search_wt.png") no-repeat 5px 6px / 25px auto #666666; border-radius:2px; font-size:13px; }

/* listSortArea
-------------------------------------------------------------*/
.listSortArea{ min-height:50px; margin:0 0 10px; box-sizing:border-box; overflow:hidden; }
.listSortArea .sortArea{ float:left; }
.listSortArea .pageguide{ float:left; margin:8px 30px 0 0; }
.listSortArea .searchCondition{ float:left; margin:1px 35px 0 0; }
.listSortArea .searchCondition .zaiko{ height:33px; padding:6px 4px; background:#ffffff; border:#d3d3d3 1px solid; border-radius:2px; color:#333333; }
.listSortArea .searchCondition .searchArea{ width:164px; margin:0; }
.listSortArea .searchCondition .searchArea .zaiko{ width:60%; box-sizing:border-box; }
.listSortArea .searchCondition .searchArea .zaiko label{ padding: 0 0 0 20px; background:url("../../../../images/ico_check_off.png") no-repeat 0 center / 20px auto; box-sizing:border-box; }
.listSortArea .searchCondition .searchArea .buttonarea{ width:37%; margin:0 0 0 4px; padding:0; box-sizing:border-box; }
.listSortArea .searchCondition .searchArea .buttonarea input{ width:100%; min-height:33px; padding:2px 0 0; text-align:center; background:#474544; box-sizing:border-box; font-size:14px; }
.listSortArea .sortSelect{ float:left; margin:3px 15px 0 0; font-size:14px; }
.listSortArea .sortSelect select{ padding-right:20px; background-color:transparent; background-position:right center; border:none; vertical-align:0px; }
.listSortArea .pagelink{ float:right; }

/* pagelink - ページング
-------------------------------------------------------------*/
.pagelink{ text-align:center; position:relative; }
.pagelink .preBtn{ display:inline-block; margin:0 !important; vertical-align:middle; }
.pagelink .preBtn a{ width:35px; height:35px; display:block; background:url("../../../../images/arrow_slide_back_bk.png") no-repeat center center / 30px auto; }
.pagelink .nextBtn{ display:inline-block; margin:0 !important; vertical-align:middle; }
.pagelink .nextBtn a{ width:35px; height:35px; display:block; background:url("../../../../images/arrow_slide_back.png") no-repeat center center / 30px auto; }
.pagelink ul{ display:inline-block; vertical-align:middle; }
.pagelink ul li{ display:inline-block; margin:0 3px; }
.pagelink ul li > span{ display:block; padding:5px 10px; border:#d3d3d3 1px solid; border-radius:2px; }
.pagelink ul li > span a{ color:#464543; }
.pagelink ul li > span:hover,
.pagelink ul li > span.present{ background:#464543; border:#464543 1px solid; color:#ffffff; }
.pagelink ul li > span:hover a{ color:#ffffff; }
.pagelink ul li a{ text-decoration:none; color:#c7c7c7; }


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

/* itemListDetail - 商品一覧お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#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;}

/* itemList - 商品一覧カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemList .btn{ min-height:25px; margin:10px 0 0; position:relative; }
/* cartSubmitButton */
#itemList .cartSubmitButton{ position:relative; }
#itemList .cartSubmitButton .cartMessage{ width:200px; display:none; margin:auto; padding:10px; background-color:#fff; border: #ccc 2px solid; z-index:10; position:absolute; top:0; left:-30px; right:0; }
#itemList .cartSubmitButton .cartMessage:after{content:""; display:block; position:absolute; top:100%; left:50%; margin-left:-3px; width:6px; height:5px;}
#itemList .cartSubmitButton .cartMessage .title{text-align:center; font-size:100.0%; font-weight:bold; color:#000; float:none;}
#itemList .cartSubmitButton .cartMessage .mainclose{ width:150px; clear:both; float:none; display:block; margin: 10px auto; padding:10px 0;  border-radius:3px; background:#9799a0; color: #FFF; font-size: 100%; font-weight: bold; text-align: center; text-decoration: none; }
#itemList .cartSubmitButton .cartMessage .link{ width:150px; clear:both; float:none; display:block; margin:10px auto; padding:10px 0; border-radius:3px; background:#f28030; color: #FFF; font-weight: bold; text-align: center; text-decoration: none; }
#itemList .cartSubmitButton .cartMessage .link a{color: #FFF; text-decoration: none;}
#itemList .cartSubmitButton .cartMessage .close{ font-size:150%; margin:0; cursor:pointer; position:absolute; top:0px; right:5px; }
/* sainyuka */
#itemList .btn .nyukaTxt{ width:103px; margin:0 0 5px; padding:11px 0; text-align:center; background:#e5e5e5; border:none; border-radius:3px; font-size:13px; font-weight:bold; color:#999999; line-height:1.4; }

/* #itemList - 商品一覧ウィッシュリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemList .wishlistSubmitButton{ position:absolute; top:8px; right:0; }
#itemList .wishlistSubmitButton .wishlistinserttag a{ width:25px; height:25px; display:block; background:url("../images/ico_heart_gray.html") no-repeat 0 0 / 25px auto; text-indent:-9999px; overflow:hidden; }
#itemList .wishlistSubmitButton .wishlistdeletetag a{ width:25px; height:25px; display:block; background:url("../images/ico_heart_pink.html") no-repeat 0 0 / 25px auto; text-indent:-9999px; overflow:hidden; }
#itemList .wishlistSubmitButton .wishlistMessage{ width:230px; display:none; margin:auto; padding:10px; background-color:#fff; border: #ccc 2px solid; z-index:10;  position:absolute; top:0; right:-30px; }
#itemList .wishlistSubmitButton .wishlistMessage:after{content:""; display:block; position:absolute; top:100%; left:50%; margin-left:-3px; width:6px; height:5px;}
#itemList .wishlistSubmitButton .wishlistMessage .title{text-align:center; font-size:100.0%; font-weight:bold; color:#000; float:none;}
#itemList .wishlistSubmitButton .wishlistMessage .mainclose{ width:200px; clear:both; float:none; display:block; margin: 10px auto; padding:7px 0;  border-radius:3px; background:#9799a0; color: #FFF; font-size: 100%; font-weight: bold; text-align: center; text-decoration: none; }
#itemList .wishlistSubmitButton .wishlistMessage .link{ width:200px; clear:both; float:none; display:block; margin:10px auto; padding:7px 0; border-radius:3px; background:#f8637c; color: #FFF; font-weight: bold; text-align: center; text-decoration: none; }
#itemList .wishlistSubmitButton .wishlistMessage .link a{color: #FFF; text-decoration: none;}
#itemList .wishlistSubmitButton .wishlistMessage .close{position: absolute; top: 0px; right: 5px; cursor: pointer; font-size: 150%; margin: 0;}
#itemList .wishlistSubmitButton .wishlistDelMessage{ width:200px; display:none; margin:auto; padding:10px; background-color:#fff; border: #ccc 2px solid; z-index:10;  position:absolute; top:0; right:-30px; }
#itemList .wishlistSubmitButton .wishlistDelMessage:after{content:""; display:block; position:absolute; top:100%; left:50%; margin-left:-3px; width:6px; height:5px;}
#itemList .wishlistSubmitButton .wishlistDelMessage .title{text-align:center; font-size:100.0%; font-weight:bold; color:#000; float:none; line-height:1.4; }
#itemList .wishlistSubmitButton .wishlistDelMessage .mainclose{ width:150px; clear:both; float:none; display:block; margin: 10px auto; padding:7px 0;  border-radius:3px; background:#9799a0; color: #FFF; font-size: 100%; font-weight: bold; text-align: center; text-decoration: none; }
#itemList .wishlistSubmitButton .wishlistDelMessage .link{display: block; width: 150px; margin: 10px auto; padding: 3px 0; border: 1px solid #900; border-radius: 5px; background: -webkit-gradient(linear,left top,left bottom,from(#D55),to(#D22));
	color: #FFF; font-size: 100%; font-weight: bold; text-align: center; text-decoration: none; text-shadow: -1px 1px 1px #666; clear: both; float: none;}
#itemList .wishlistSubmitButton .wishlistDelMessage .link a{color: #FFF; text-decoration: none;}
#itemList .wishlistSubmitButton .wishlistDelMessage .close{position: absolute; top: 0px; right: 5px; cursor: pointer; font-size: 150%; margin: 0;}

/* itemListDetail - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListDetail .cartSubmitButton{position: relative;}
#itemListDetail .cartSubmitButton .cartMessage{ width:270px; display:none; position:absolute; top:-85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; z-index: 10;}
#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 .appeal{display: block; margin: 0 0 0 10px; color: #F60; font-size: 70%;}
#itemListSimple .price{ line-height:1.4; }
#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 .cartSubmitButton .orangeBtnS{ font-size:13px; }

/* itemListSimple - 商品一覧お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
/*#itemListSimple .wishlistSubmitButton{ position:absolute; top:6px; right:0; }
#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 .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 - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#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;}

/* topicsList - トピックス一覧
-------------------------------------------------------------*/
#topicsList {margin-bottom: 20px;}
#topicsList .box { margin-top:20px; padding:20px; border:#dcdcdc 1px solid; }
#topicsList .box:after {content: ""; clear: both; display: block;}/* clearfix */
#topicsList .box p{ margin:0; font-size: 90%; font-weight: normal;}
#topicsList .box .day{ display:inline-block; margin:0 0 5px; font-size:14px; font-weight:normal; }
#topicsList .box .catename{ display:inline-block; margin:0 0 0 8px; padding:3px 10px; background:#; border:#cccccc 1px solid; font-size:12px; font-weight:normal; line-height:1; }
#topicsList .box .txt a{ text-decoration:none; }
#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;}

/* toipcsList
-------------------------------------------------------------*/
ul.topicsList{ border-bottom:#ececec 1px solid; }
ul.topicsList li{ border-top:#ececec 1px solid; overflow:hidden; }
ul.topicsList li a{ display:block; padding:20px 10px; text-decoration:none; color:#333333; overflow:hidden; }
ul.topicsList li .img_box{ width:200px; float:left; }
ul.topicsList li .txtArea{ padding:0 0 0 220px; }
ul.topicsList li .txtArea .cate{ margin:0 0 10px !important; font-size:12px; font-weight:bold; }
ul.topicsList li .txtArea .tit{ margin:0 0 5px; font-size:16px; line-height:1.2; }
ul.topicsList li .txtArea .day{ font-size:12px; color:#999999; }

/* itemDetail - 商品詳細・プレゼント詳細
-------------------------------------------------------------*/
/* itemDetail - 商品詳細
-------------------------------------------------------------*/
#itemDetail{ padding:20px 0 0; }
#itemDetail .idTitle1{ margin:20px 10px; font-size:16px; font-weight:600; line-height:1.6; }
/* itemLabel */
#itemDetail ul.itemLabel{ overflow:hidden; }
#itemDetail ul.itemLabel li{ width:calc(16.66% - 1px); float:left; margin:0 1px 1px 0; }
#itemDetail ul.itemLabel li.labelcolor2{ width:calc(33.32% - 1px); }
/* relativeLink */
#itemDetail .relativeLink{ padding:15px 0 0; font-size:; color:#000000; }
#itemDetail .relativeLink a{ text-decoration:none; }
/* itemName */
#itemDetail .itemName{ margin:0; padding:7px 0 0; text-align:left; font-size:18px; font-weight:bold; color:#000000; }
/* itemPrice */
#itemDetail .itemPrice{ padding:3px 0 0; color:#000000; }
#itemDetail .itemPrice .price{ font-size:22px; font-weight:bold; }
#itemDetail .itemPrice .zeikomitxt{ font-size:16px; }
#itemDetail .itemPrice .salePriceArea .specialprice{ display:inline-block; font-size:22px; font-weight:bold; color:#f44d4d; }
#itemDetail .itemPrice .salePriceArea .price{ display:inline-block; font-size:16px; font-weight:normal; text-decoration:line-through; color:#9fa0a0; }
/* bigFlagTxt */
#itemDetail .bigFlagTxt{ padding:25px 0 0; font-size:22px; }
#itemDetail .bigFlagTxt .yoyaku,
#itemDetail .bigFlagTxt .jyuchu,
#itemDetail .bigFlagTxt .soldout,
#itemDetail .bigFlagTxt .wazuka{ padding:4px 0 4px 40px; background:url("../../../../images/ico_statusyoyaku.png") no-repeat 0 center / 38px auto; color:#edc211; }
#itemDetail .bigFlagTxt .jyuchu{ background-image:url("../../../../images/ico_statusjyuchu.png"); color:#ef6f59; }
#itemDetail .bigFlagTxt .sale{ color:#f268a7; }
#itemDetail .bigFlagTxt .soon{ color:#b5b5b6; }
#itemDetail .bigFlagTxt .soldout{ background-image:url("../../../../images/ico_statussold.png"); color:#b5b5b6; }
#itemDetail .bigFlagTxt .wazuka{ margin:0 0 0 20px; background-image:url("../../../../images/ico_statuswazuka.png"); color:#49c99a; }
/* atBox  */
#itemDetail .atBox{ margin:15px 0 30px; padding:25px 28px 13px; font-size:14px; }
#itemDetail .yoyakuTxt{ background:#FFFBE9; }
#itemDetail .jyuchuTxt{ background:#FCE9E6; }
#itemDetail .saleTxt{ background:#FFE9F4; }
#itemDetail .atBox{ color:#000000; }
#itemDetail .atBox .tit{ margin:0 0 7px; font-weight:bold; }
#itemDetail .atBox .txtArea{ margin:0 0 17px; }
#itemDetail .atBox .txtArea .kikantxt{ font-size:18px; color:#ea4949; }
#itemDetail .atBox .txtArea ul.atList{ padding:5px 0 0; }
#itemDetail .atBox .txtArea ul.atList li{ margin:0 0 16px; line-height:1.4; }
#itemDetail .atBox .txtArea ul.atList li strong{ font-weight:normal; color:#ea4949; }
/* averageDelBox  */
#itemDetail .averageDelBox{ margin:15px 0 0; font-size:14px; }
#itemDetail .averageDelBox .tit{ margin:0 0 3px; font-weight:bold; }
#itemDetail .averageDelBox .kikantxt{ font-size:18px; color:#000000; }
/* kokuinBox  */
#itemDetail .kokuinBox{ margin:15px 0 0; }
/* cartBox  */
/*#itemDetail .cartBtn,
#itemDetail .nocartBtn{ width:calc(100% - 60px); height:53px; }*/
#itemDetail .cartBox{ margin:15px 0 35px; position:relative; }
#itemDetail .cartBox select{ margin:0 0 10px; }
#itemDetail .cartBox .variBox{ width:100%; overflow:auto; }
#itemDetail .cartBox .variBox table{ width:100%; table-layout:fixed; border-right:#ebebeb 1px solid; border-bottom:#ebebeb 1px solid; font-size:14px; }
#itemDetail .cartBox .variBox table th,
#itemDetail .cartBox .variBox table td{ text-align:center; border-top:#ebebeb 1px solid; border-left:#ebebeb 1px solid; font-weight:normal; vertical-align:middle; }
#itemDetail .cartBox .variBox table th{ padding:11px 2px; }
#itemDetail .cartBox .variBox table td label{ display:block; padding:11px 2px; }
#itemDetail .cartBox .variBox table td input{ margin:0; }
#itemDetail .cartBox .variBox table td .nozaiko{ display:block; padding:11px 2px; }
#itemDetail .cartBox .variBox table th{ background:#f5f5f5; }
#itemDetail .cartBox .amount{ width:100%; display:table; table-layout:fixed; }
#itemDetail .cartBox .amount .numSelectArea{ width:177px; display:table-cell; vertical-align:middle; }
#itemDetail .cartBox .amount .numSelectArea span{ display:inline-block; margin:0 13px 0 0; vertical-align:3px; }
#itemDetail .cartBox .amount .numSelectArea select{ padding-top:5px; padding-bottom:5px; }
#itemDetail .cartBox .amount .cartSubmitButton{ display:table-cell; vertical-align:middle; }
#itemDetail .cartBox .amount .num{ margin:0 0 10px; text-align:right; }
#itemDetail .cartBox .amount .num select{ margin:0 0 0 5px; vertical-align:middle; }
/* itemIntroBox  */
#itemDetail .itemIntroBox{ padding:12px 0 0; position:relative; }
#itemDetail .itemIntroBox .txtArea{ overflow:hidden; }
#itemDetail .itemIntroBox p{ margin:0 0 15px; }
#itemDetail .itemIntroBox .moreLink{
	width:100%;
	margin:0;
	padding:70px 0 0;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:absolute;
	left:0;
	bottom:0;
}
#itemDetail .itemIntroBox .moreLink.open{ padding:0; background:none; position:static; }
#itemDetail .itemIntroBox .moreLink a{ text-decoration:none; font-size:14px; }
#itemDetail .itemIntroBox .moreLink a:before{ content:"もっと見る"; }
#itemDetail .itemIntroBox .moreLink.open a:before{ content:"閉じる"; }

/* itemDetailInfoBox  */
#itemDetail .itemDetailInfoBox{ margin:35px 0 20px; }
#itemDetail .itemDetailInfoBox a{ text-decoration:none; color:#333333; }
#itemDetail .itemDetailInfoBox nav ul{ width:100%; display:table; table-layout:fixed; }
#itemDetail .itemDetailInfoBox nav ul li{ display:table-cell; text-align:center; font-weight:bold; }
#itemDetail .itemDetailInfoBox nav ul li:nth-child(1){ border-right:#000000 1px solid; }
#itemDetail .itemDetailInfoBox nav ul li a{ display:block; padding:18px 0 16px; background:#f5f5f5; border-top:#f5f5f5 1px solid; border-bottom:#000000 1px solid; }
#itemDetail .itemDetailInfoBox nav ul li a:hover{ background:#e3e3e3; opacity:1; }
#itemDetail .itemDetailInfoBox nav ul li.on a{ text-decoration:none; background:#ffffff; border-top:#000000 1px solid; border-bottom:#ffffff 1px solid; }
#itemDetail .itemDetailInfoBox #itemDetailInfo1 ul{  }
#itemDetail .itemDetailInfoBox #itemDetailInfo1 ul li{ padding:27px 0 25px; border-bottom:#000000 1px solid; overflow:hidden; }
#itemDetail .itemDetailInfoBox #itemDetailInfo1 ul li:last-child{ border-bottom:none; }
#itemDetail .itemDetailInfoBox #itemDetailInfo1 ul li .tit{ width:110px; float:left; padding-right:5px; box-sizing:border-box; font-weight:bold; }
#itemDetail .itemDetailInfoBox #itemDetailInfo1 ul li .txtArea{ width:calc(100% - 110px); float:left; }
#itemDetail .itemDetailInfoBox #itemDetailInfo2{ display:none; } /* 初期非表示 */
#itemDetail .itemDetailInfoBox #itemDetailInfo2{ padding:20px 0; }

/* itemRelativeBox
-------------------------------------------------------------*/
.itemRelativeBox{ padding:90px 0; }
.itemRelativeBox.recommend{ background:#f5f5f5; }
.itemRelativeBox .title{ margin:0 0 55px; text-align:center; font-size:22px; font-weight:bold; }
.itemRelativeBox .listArea{ width:100%; padding-right:10px; }
.itemRelativeBox ul{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap: wrap; }
.itemRelativeBox ul > li{ width:18.8%; margin:0 1.5% 55px 0; box-sizing:border-box; }
.itemRelativeBox ul > li:nth-child(5n){ margin-right:0; }
.itemRelativeBox ul > li a{ text-decoration:none; color:#333333; }
.itemRelativeBox ul > li .img_box{ width:calc(95% / 5); height:270px; display:table-cell; text-align:center; background:#ffffff; vertical-align:middle; }
.itemRelativeBox ul > li .cate{ padding:10px 0 0; }
.itemRelativeBox ul > li .tit{ padding:10px 0 0; }
.itemRelativeBox .clearBtn{ padding:10px 0 0; text-align:center; }
.itemRelativeBox .clearBtn a{ padding:0 14px; display:inline-block;background:url("../../../../images/ico_close_bk.png") no-repeat 0 center / 10px auto; color:#333333; }

/* 写真
-------------------------------------------------------------*/
#itemDetail #detailImg{ width:550px; float:left; position:relative; }
/* mainImg */
#itemDetail #detailImg .mainImg{ margin:0 0 15px; border:#ededed 1px solid; position:relative; }
#itemDetail #detailImg .mainImg .leblobi{ width:100%; max-height:1em; margin:auto; padding:11px 0; text-align:center; background:rgba(0,0,0,0.6); font-size:14px; color:#ffffff; position:absolute; top:0; left:0; bottom:0; }
#itemDetail #detailImg .mainImg ul{ height:660px; position:relative; }
#itemDetail #detailImg .mainImg ul li{ width:100%; display:table; transition:all 0.4s; position:absolute; top:0; left:0; opacity:0; }
#itemDetail #detailImg .mainImg ul li.mainImagShow{ opacity:1; }
#itemDetail #detailImg .mainImg ul li > div{ height:660px; display:table-cell; text-align:center; vertical-align:middle; }
#itemDetail #detailImg .mainImg ul li > div img{ width:auto; max-width:100%; height:auto; max-height:660px; }
/* thumbnailImg */
#itemDetail #detailImg .thumbnailImg{ width:100%; background:#ffffff; }
#itemDetail #detailImg .thumbnailImg .backBtn{ padding:13px 5px; }
#itemDetail #detailImg .thumbnailImg .backBtn a{ display:block; padding:0 0 0 22px;  text-decoration:none; background:url("../../../../images/arrow_slide_back_bk.png") no-repeat 0 center / 22px auto; color:#333333; }
#itemDetail #detailImg .thumbnailImg ul{ overflow:hidden; }
#itemDetail #detailImg .thumbnailImg ul li{ width:13.75%; float:left; margin:0 3.5% 20px 0; border:transparent 1px solid; box-sizing:border-box; }
#itemDetail #detailImg .thumbnailImg ul li:nth-child(6n){ margin-right:0; }
#itemDetail #detailImg .thumbnailImg ul li.thumbnailShow{ border-color:#999999; }
#itemDetail #detailImg .thumbnailImg ul li:last-child{ margin-right:0; }
#itemDetail #detailImg .thumbnailImg ul li > div{ width:100%; display:table; }
#itemDetail #detailImg .thumbnailImg ul li > div span{ width:100%; height:92px; display:table-cell; text-align:center; vertical-align:middle; }
#itemDetail #detailImg .thumbnailImg ul li > div img{ width:auto; max-width:73px; height:auto; max-height:92px; margin:0 auto; vertical-align:middle; }
/* navi */
#itemDetail #detailImg .preBtn{ display:none; }
#itemDetail #detailImg .preBtn,
#itemDetail #detailImg .nextBtn{ position:absolute; top:358px; }
#itemDetail #detailImg .preBtn{ left:5px; }
#itemDetail #detailImg .nextBtn{ right:5px; }
#itemDetail #detailImg .preBtn a,
#itemDetail #detailImg .nextBtn a{ width:30px; height:30px; display:block; background:url("../../../../images/arrow_slide_back_bk.png") no-repeat 0 0 / 100% auto rgba(255,255,255,0.8); border-radius:50%; }
#itemDetail #detailImg .nextBtn a{ background-image:url("../../../../images/arrow_slide_back.png"); }
#itemDetail #detailImg .count{ padding:6px 6px; background:#b9b9bb; border-radius:3px; font-size:11px; color:#666666; position:absolute; top:17px; right:20px; }
#itemDetail #detailImg .count a{ text-decoration:none; }

/* detailRightArea
-------------------------------------------------------------*/
#itemDetail .detailRightArea{ width:592px; float:right; }

/* itemDetail - 商品詳細カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .cartSubmitButton{position: relative;}
/*#itemDetail .cartSubmitButton .cartMessage{ width:270px; display:none; margin-left:-122px; padding:20px; background-color: #fff; border:#ccc 1px solid; position:absolute; top:10px; left:50%; z-index:10; }
#itemDetail .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemDetail .cartSubmitButton .cartMessage .title{ margin:0 0 10px; text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemDetail .cartSubmitButton .cartMessage .orangeBtnS,
#itemDetail .cartSubmitButton .cartMessage .grayBtn2S{ width:200px; display:block; margin:10px auto 0; color:#ffffff; }
#itemDetail .cartSubmitButton .cartMessage .link{ background-color:#fff; text-align:center; }
#itemDetail .cartSubmitButton .cartMessage .link a{ display:block; padding:10px 0; text-decoration:none; background:#665f5c; color:#ffffff; }
#itemDetail .cartSubmitButton .cartMessage .mainclose{ margin:10px auto 0; padding:10px 0; text-align:center; background:#efefef; font-size:14px; }
#itemDetail .cartSubmitButton .cartMessage .close{position: absolute; top:5px; right:10px; cursor: pointer;}*/

#itemDetail .cartSubmitButton .cartMessage{ width:100%; height:100vh; display:none; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:13; }
#itemDetail .cartSubmitButton .cartMessage .con{ width:300px; margin:30vh auto 0; padding:30px 10px 20px; text-align:center; background:#ffffff; position:relative; }
#itemDetail .cartSubmitButton .cartMessage .title{ margin:0 0 25px; padding:0; font-weight:bold; }
#itemDetail .cartSubmitButton .cartMessage .link{ margin:0 0 10px; }
#itemDetail .cartSubmitButton .cartMessage .link a{ display:block; margin:0 auto; padding:15px 0; text-decoration:none; border-radius:2px; }
#itemDetail .cartSubmitButton .cartMessage .close{ width:30px; height:30px; display:block; background:url("../../../../images/ico_close_wt.png") no-repeat center center / 14px auto #333333; border-radius:50%; box-sizing:border-box; color:#ffffff; line-height:1; position:absolute; top:-15px; right:-15px; }

/* itemDetail - 商品詳細お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .wishlistSubmitButton{ position:absolute; top:587px; right:20px; }
#itemDetail .wishlistSubmitButton .wishBtn a,
#itemDetail .wishlistSubmitButton .wishlistinserttag a,
#itemDetail .wishlistSubmitButton .wishlistdeletetag a{ width:50px; height:50px; display:block; background:url("../../../../images/ico_favoriteadd_kai_sd.png") no-repeat center 12px / 28px auto #f5f5f5; border-radius:50%; }
#itemDetail .wishlistSubmitButton .wishlistdeletetag a{ background-image:url("../../../../images/ico_favoriteon_kai_sd.png"); }
#itemDetail .wishlistSubmitButton .wishBtn a{ background:url("../../../../images/ico_favoriteon_kai_sd.png") no-repeat center center / 28px auto #666666; }

#itemDetail .wishlistSubmitButton .wishlistMessage{ margin:auto; display:none; padding:20px; background-color:#fff; border:#999999 1px solid; width:270px; z-index:10; position:absolute; right:0; bottom:60px; }
#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; float:none;} 
#itemDetail .wishlistSubmitButton .wishlistMessage .mainclose{ width:190px; clear:both; float:none; display:block; margin: 10px auto; padding:10px 0;  border-radius:2px; background:#efefef; color:#333333; font-size: 100%; font-weight: bold; text-align: center; text-decoration: none; }
#itemDetail .wishlistSubmitButton .wishlistMessage .link{ width:190px; clear:both; float:none; display:block; margin:10px auto; padding:10px 0; border-radius:2px; background:#665f5c; color:#ffffff; font-weight: bold; text-align: center; text-decoration: none; }
#itemDetail .wishlistSubmitButton .wishlistMessage .link a{color: #FFF; text-decoration: none;}
#itemDetail .wishlistSubmitButton .wishlistMessage .close,
#itemDetail .wishlistSubmitButton .wishlistDelMessage .close{ width:15px; cursor:pointer; font-size:150%; margin:0; position:absolute; top:-3px; right:10px; }
#itemDetail .wishlistSubmitButton .wishlistDelMessage{ margin:auto; display:none; padding:10px; background-color:#fff; border:#999999 1px solid; width:270px; z-index:10; position:absolute; right:0; bottom:60px; }
#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; float:none;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage .mainclose{ width:190px; clear:both; float:none; display:block; margin: 10px auto; padding:10px 0;  border-radius:3px; background:#efefef; color: #333333; font-size: 100%; font-weight: bold; text-align: center; text-decoration: none; }
#itemDetail .wishlistSubmitButton .wishlistDelMessage .link{display: block; width: 150px; margin: 10px auto; padding: 3px 0; border: 1px solid #900; border-radius: 5px; background: -webkit-gradient(linear,left top,left bottom,from(#D55),to(#D22));
	color: #FFF; font-size: 100%; font-weight: bold; text-align: center; text-decoration: none; text-shadow: -1px 1px 1px #666; clear: both; float: none;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage .link a{color: #FFF; text-decoration: none;}

/* itemDetail - トピックス詳細
-------------------------------------------------------------*/
#itemDetail.topicsDetail h3{ margin:0 0 30px; }
#itemDetail.topicsDetail h3 .subtit{ font-size:14px; }
#itemDetail.topicsDetail .img_box{ width:344px; margin:0 auto 10px; }
#itemDetail.topicsDetail .topics_box .topicsLink{ width:344px; margin:0 auto; }
#itemDetail.topicsDetail .topics_box .topicsLink a{ display:block; padding:10px 3px; text-align:center; text-decoration:none; background:#665f5c; color:#ffffff; }
#itemDetail.topicsDetail .txtArea{ padding:40px 0 0 0; }
#itemDetail.topicsDetail .buttonarea{ width:250px; margin:50px auto 0; }
#itemDetail.topicsDetail .buttonarea a{ display:block; margin:0; }

#itemDetail .topics_img p,
#itemDetail .topics_noimg p{ margin:5px 0; }
#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{ clear:both; overflow:hidden; }
#itemDetail .topics_noimg p img{float: right; margin: 0 0 10px 10px;}

.topicsDetail{ margin:0 0 20px; }
.topicsDetail .imgarea{ margin:0 0 20px; text-align:center; }
.topicsDetail .imgarea img{ max-width:100%; height:auto; display:inline !important; }
.topicsDetail .day{ padding:0 0 5px; margin:0 0 20px !important; border-bottom:#cccccc 1px solid; color:#666666; }

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


/* =================================================================
12.レビュー
使用ファイル：item_detail.xhtml, member_review.xhtml
=================================================================*/
#review{margin-bottom: 40px;}
#review p{margin: 0 0px;}
#review p.item_name{font-size: 95%; font-weight: bold;}
#review .review_box{margin-bottom: 20px;}
#review .box{margin: 10px 0 5px; padding: 10px; border: #CCC 1px solid;}
#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 p.pageguide{margin: 10px;}
#review p.pagelink{text-align: center; padding-top: 40px;}
#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.html") no-repeat;}
#review ul.star li.bad{background: url("../images/review_bad.html") no-repeat;}
#review .contribution{margin-top: 10px; padding: 10px 10px 10px 10px; background: #F1F1F1;}
#review .contribution #error{background: #F1F1F1;}

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

#review .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
=================================================================*/
#history .infoarea{ display:block; margin:40px 0 10px; font-weight:bold; }
#history .infoarea:after {content: ""; clear: both; display: block;}/* clearfix */
#history .infoarea .status_icon{color: #FFFFFF; float: left; font-weight: normal; margin-right: 10px;}
#history .cancel{float: right; margin-left: 10px;}
#history .payment_change{ float: right; margin-left: 10px;}
#history .infoarea .date{ padding-top: 3px;}
#history .infoarea .button{ width:auto; }

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

#history .price{ text-align:right; }
#history .cart{ width:160px; text-align:center; }
#history .cart .button{margin-bottom: 10px; width: auto; display: inline-block;}
#history .cart .delivery_slip{margin-bottom: 0px;}
#history .cart .pinkBtn,
#history .cart .grayBtn3{ width:auto; padding:5px 10px; font-size:12px; }

#history .historylist{ margin:0 0 30px; }
#history table{ margin:0 0 10px; }
#history .sendinfo{ padding:20px; border-bottom:#dcdcdc 1px solid; }
#history .sendinfo .tit{ margin:0; font-weight:600; }

#history .code{ width:100px; }
#history .amount{width: 30px; text-align: center;}

#history .num{ width:60px; }

#history .prc{ width:90px; }

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

#history .img_box{ width:80px; height:80px; margin:0 10px 0 0; text-alig:center; float:left; }
#history .img_box figure{ width:80px; height:80px; display:table-cell; vertical-align:middle; }
#history .img_box img{ width:auto; max-width:80px; max-height:80px; margin: auto; }

#history .img_box + .text{ padding:0 0 0 90px; }
#history .img_box + .text .itemcode{ margin:0 0 5px; font-size:14px; }
#history .img_box + .text .itemname{ margin:0 0 5px; font-weight:bold; }

#history .pagelink{clear: both; font-size: 75%;}
#history .nolink{color: #999;}
#history .reducedTax{ padding: 9px; text-align: left; }

/* historyListArea
-------------------------------------------------------------*/
.historyListArea .hisbox{ margin:0 0 30px; padding:30px; border:#d3d3d3 1px solid; overflow:hidden; }
.historyListArea .hisbox .leftbox{ width:23%; float:left; }
.historyListArea .hisbox .leftbox dl dt{ font-size:12px; color:#999999; }
.historyListArea .hisbox .leftbox dl dd{ margin:0 0 10px; }
.historyListArea .hisbox .leftbox dl dd p{ line-height:1.4 !important; }
.historyListArea .hisbox .leftbox .status{ margin:0 0 20px; padding:8px 3px; text-align:center; background:#666666; font-size:16px; color:#ffffff; }
.historyListArea .hisbox .rightbox{ width:73%; float:right; }
.historyListArea .hisbox .rightbox .head{ width:100%; display:table; margin:0 0 20px; table-layout:fixed; }
.historyListArea .hisbox .rightbox .head .left{ width:50%; display:table-cell; }
.historyListArea .hisbox .rightbox .head .left p{ margin:0 !important; font-size:16px; }
.historyListArea .hisbox .rightbox .head .right{ width:50%; display:table-cell; text-align:right; vertical-align:middle; }
.historyListArea .hisbox .rightbox .head .right p{ font-size:16px; font-weight:bold; }
/*.historyListArea .hisbox .rightbox .head .right dl{ width:100%; font-size:16px; font-weight:bold; overflow:hidden; }
.historyListArea .hisbox .rightbox .head .right dl dt{ width:50%; float:left; text-align:right; }
.historyListArea .hisbox .rightbox .head .right dl dd{ width:50%; float:left; text-align:right; }*/
.historyListArea .hisbox .rightbox ul.hisItemList{ border-bottom:#ebebeb 1px solid; }
.historyListArea .hisbox .rightbox ul.hisItemList li{ width:100%; display:table; table-layout:fixed; border-top:#ebebeb 1px solid; }
.historyListArea .hisbox .rightbox ul.hisItemList li > p{ display:table-cell; padding:10px 3px; line-height:1.4 !important; vertical-align:top; }
.historyListArea .hisbox .rightbox ul.hisItemList li .item1{ width:60%; }
.historyListArea .hisbox .rightbox ul.hisItemList li .item2{ width:20%; text-align:center; }
.historyListArea .hisbox .rightbox ul.hisItemList li .item3{ width:20%; text-align:right; }
.historyListArea .hisbox .rightbox .shiharai{ margin:15px 0 0; }
.historyListArea .hisbox .rightbox .shiharai p{ margin:0 !important; }
.historyListArea .hisbox .rightbox .sum{ padding:10px 0 0; overflow:hidden; }
.historyListArea .hisbox .rightbox .sum .total{ font-weight:bold; }
.historyListArea .hisbox .rightbox .sum dl{ width:300px; float:right; }
.historyListArea .hisbox .rightbox .sum dl dt{ width:100px; float:left; }
.historyListArea .hisbox .rightbox .sum dl dd{ width:200px; float:left; text-align:right; }
.historyListArea .hisbox .rightbox .send{ padding:20px 0 0; }
.historyListArea .hisbox .buttonarea{ clear:both; }
#history .historyListArea .hisbox .cancel{ float:none; }

/* 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; padding:20px 0; }
#subwindow p{ margin:0 0 10px; }
#subwindow #header{ width:100%; min-height:auto; text-align:center; background:none; }
#subwindow #header h1 a{ float:none; text-decoration:none; }
#subwindow #content dl.loginArea{ margin:20px 0 0; }
#subwindow #content table{ width:100%; margin:10px 0px; border-bottom:#dcdcdc 1px solid; }
#subwindow #content th{ padding:10px; background:#F6F6F6; border-top:#dcdcdc 1px solid; border-right:#dcdcdc 1px solid; vertical-align: top; font-weight: normal; text-align: left;}
#subwindow #content th.title{ width:150px; line-height:2; }
#subwindow #content th.zaiko{width: auto;text-align: center;}
#subwindow #content td{ padding:10px; border-top:#dcdcdc 1px solid; vertical-align:middle; }
#subwindow #content td.number{text-align: right;}
#subwindow #content .hissu{color: #CC0000;font-weight: bold;}
#subwindow #content .close{ padding:20px 0 50px; text-align:center; }
#subwindow .buttonarea{ padding:20px 0; text-align:center; }
#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.html) 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.html) no-repeat; text-indent: -9999px; width: 60px; height: 60px; top: 35%; right: -26px; position: absolute; z-index: 1000;}
#subwindow #content #products .arrowOn:hover .prev, #subwindow #content #products .arrowOn:hover .next{display: block;}
#subwindow #content #products .arrowOn:hover .prev:hover, #subwindow #content #products .arrowOn:hover .next:hover{filter: alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8;}


/* =================================================================
15.エラーページ
使用ファイル：common/messages.xhtml
ext/social_provider.xhtml
=================================================================*/
#error{ width:100%; margin:0 0 20px; padding:20px; background:#ffffff; }
#error table{ margin:0 !important; border: none !important; }
#error td{ padding:5px; border: none !important;}
#error .ico{width: 40px; vertical-align: top; text-align: center;}
#error .ico img{ width:30px; height:auto; }
#error .content{ width:auto !important; padding: 5px; 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;}
#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 .small{ width:auto; min-width:90px; margin:0 0 10px; }
#credit .error{clear:both; display:block; margin: 5px 0 10px; color: #C00; font-weight: bold; }


/* =================================================================
17.お気に入り
使用ファイル：wishlist.xhtml
wishlist_edit.xhtml
=================================================================*/
/*#wishList .listarea{ margin:0 0 20px; border-bottom:#e7e7e7 1px solid; }
#wishList .box{ padding:20px 0; border-top:#e7e7e7 1px solid; }
#wishList .box:after { content: ""; clear: both; display: block; }
#wishList .box:last-child{ margin:0 0 20px; border-bottom:#e7e7e7 1px solid; }
#wishList .img_box{ width:21%; height:150px; float:left; text-align:center; position:relative; }
#wishList .img_box img{ width:auto; max-width:100%; margin:auto; position:absolute; top:0; left:0; right:0; bottom:0; }
#wishList .provisional{ margin:0px; }
#wishList .text{ width:75%; float:right; }
#wishList .appeal{ display:block; margin:0; }
#wishList .price strong{ font-size:16px; }
#wishList .explanation1{ margin:10px 0 10px; font-size:12px; }
#wishList .explanation1 p{margin: 0px;}
#wishList .button_area{ padding:5px 0 0; text-align:right;}
#wishList .button_area:after {content: ""; clear: both; display: block;}
#wishList .button_area .button{ display:inline-block; }
#wishList .button_area .negative{ width:100px; }
#wishList .property{ margin:0 0 5px; color:#AAA; font-size:12px; }*/

/* wishList - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#wishList .cartSubmitButton{position: relative;}
#wishList .cartSubmitButton .cartMessage{ display:none; margin-left:-122px; padding:10px; text-align:center; background-color:#fff; border: #ccc 2px solid; width: 270px; z-index: 10; position:absolute; top:-85px; left:50%; }
#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:10px; cursor:pointer; }
#wishList .cartSubmitButton .cartMessage .orangeBtn,
#wishList .cartSubmitButton .cartMessage .grayBtn2{ width:200px; padding:5px; color:#ffffff; }

/* =================================================================
18.アドレス帳
使用ファイル：address_add.xhtml
address_input.xhtml
=================================================================*/
#addressList{padding-bottom: 20px;}
#addressList ul.list{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#addressList ul.list li{ width:49%; margin:0 2% 15px 0; padding:20px; border:#e7e7e7 1px solid; box-sizing:border-box; }
#addressList ul.list li:nth-child(2n){ margin-right:0; }
#addressList ul.list li .tit{ font-weight:600; }
#addressList ul.list li .button_area{ padding:10px 0 0; }
#addressList ul.list li .button_area.two a{ width:48%; display:inline-block; margin:0 1% 0 0; }

#addressList .box > ul:after{ content:""; clear:both; display:block; }
#addressList .box > ul li{ width:49%; float:left; border:1px solid #CCC; padding:20px 20px 70px; margin:0 2% 20px 0; font-size:14px; line-height:180%; position:relative; }
#addressList .box > ul li:nth-child(2n){ margin-right:0; }
#addressList .box > ul li strong{ font-size:18px; }
#addressList .box > ul li .button_area{ margin:0px 0px 0; position:absolute; bottom:20px; }
#addressList .box > ul li .button_area .button{ width:auto; display:inline-block; padding:7px 30px; text-align:center; text-decoration:none; border-radius:2px; }
/*#addressList .pageguide{float: left; width: 500px; font-size: 75%;}
#addressList .rearrange{float: left; width: 200px; font-size: 75%; text-align: right;}
#addressList .pagelink{clear: both; font-size: 75%;}
#addressList .nolink{color: #999;}*/


/* =================================================================
19.マイページ
使用ファイル：member_mypage.xhtml
=================================================================*/
#member.mypage h3{ margin:0 0 20px; padding:0; border-bottom:none; font-size:22px; }
#member.mypage h3 a{ width:100px; display:inline-block; float:right; padding:5px; font-size:14px; }
#member.mypage ul{ margin:0 0 50px; }
#member.mypage ul li{ margin:0 0 15px 0; }
#member.mypage ul li .point{ margin:0 3px 0 0; font-weight:600; }
#member.mypage ul li p{ margin:10px  0 0; }
#member.mypage ul li a{ display:block; padding:8px 3px; text-align:center; text-decoration:none; background:#ffffff; border:#cdcdcd 1px solid; border-radius:3px; }
#member.mypage ul li .link{ width:300px; }

#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 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;
}

#member.mypage #social_plus th.yahoo div{background: url("../images/social_yahoo.html") no-repeat; color: #e71017;}
#member.mypage #social_plus th.facebook div{background: url("../images/social_facebook.html") no-repeat; color: #3b5998;}
#member.mypage #social_plus th.twitter div{background: url("../images/social_twitter.html") no-repeat; color: #55acee;}
#member.mypage #social_plus th.google div{background: url("../images/social_google.html") no-repeat; color: #dc4e41;}
#member.mypage #social_plus th.mixi div{background: url("../images/social_mixi.html") no-repeat; color: #d1ad59;}
#member.mypage #social_plus th.line div{background: url("../images/social_line.html") no-repeat; color: #00b300;}
#member.mypage #social_plus th.paypal div{background: url("../images/social_paypal.html") no-repeat; color: #293e7f;}

#member.mypage #social_plus th.yahoo div.off{background: url("../images/social_yahoo_off.html") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.facebook div.off{background: url("../images/social_facebook_off.html") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.twitter div.off{background: url("../images/social_twitter_off.html") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.google div.off{background: url("../images/social_google_off.html") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.mixi div.off{background: url("../images/social_mixi_off.html") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.line div.off{background: url("../images/social_line_off.html") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.paypal div.off{background: url("../images/social_paypal_off.html") 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 .boxFrame{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin:0 0 30px; }
#loginNew .boxFrame .box{ width:49%; margin:0 2% 0 0; padding:60px 40px; background:#f5f5f5; box-sizing:border-box; position:relative; }
#loginNew .boxFrame .box:nth-child(2n){ margin-right:0; }
#loginNew .box .buttonarea{width: 100%; margin: 20px 0; padding: 0;}
#loginNew .box h3{ margin:0 0 40px; text-align:center; border:none; font-size:22px; }
#loginNew .boxFrame .box dl.loginArea dt{ width:30%; }
#loginNew .boxFrame .box dl.loginArea dd{ width:70%; }
#loginNew .boxFrame .box .buttonarea input,
#loginNew .boxFrame .box .buttonarea a{ padding:15px 3px; }
#loginNew .box table{margin: 10px; width: 446px !important; border-bottom:none; }
#loginNew .box table th{ width:116px; padding:10px 0; border-top:none; }
#loginNew .box table td{ padding:10px 0; border-top:none; }
#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 .social_provider ul{ margin:0 auto; }
#loginNew .social_provider ul:after {content: ""; clear: both; display: block;}/* clearfix */
#loginNew .social_provider ul li{width:49%; height:44px; display:block; float:left; margin:0px 2% 10px 0; font-size:14px; }
#loginNew .social_provider ul li:nth-child(2n){ margin-right:0px; }
#loginNew .social_provider ul li.rakuten img{ width:60%; height:auto; }
#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 ul li a img{ width:100%; height:auto; }

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

/* loginFrame
-------------------------------------------------------------*/
.loginFrame{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; margin:0 0 60px; }
.loginFrame .box{ width:49%; margin:0 2% 0 0; }
.loginFrame div.box:nth-child(2n){ margin-right:0; }
.loginFrame .linkBtn{ width:240px; }

/* =================================================================
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 p{margin:5px 0 0 0; font-size:90%;}

/* cart_index */
#cartCampaign h4{ font-size:16px; margin:0; }
#cartCampaign ul,
#resultCampaign ul{ width:100%; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#cartCampaign p.heed{ margin:0 0 10px 0; }
#cartCampaign li,
#resultCampaign ul li{ width:49%; margin:0 2% 15px 0; padding:20px; border:#dcdcdc 1px solid; box-sizing:border-box; overflow:hidden; }
#cartCampaign li:nth-child(2n),
#resultCampaign ul li:nth-child(2n){ margin-right:0; }
#cartCampaign li img,
#resultCampaign li img{ width:60%; display:block; margin:0 auto; }
#cartCampaign li p,
#resultCampaign li p{ font-size:14px; }

/* cart_confirm */
#cartFlow .confirmCampaign{ width:100%; margin:20px 0 0; }
#cartFlow .confirmCampaign h4{ font-size:14px; }
#cartFlow .confirmCampaign li{ margin:0 0 10px; padding:10px; border:#cccccc 1px solid; }
#cartFlow .confirmCampaign li img{ width:100%; }
#cartFlow .confirmCampaign li p{ margin:0; }

/* cart_result */
/*#resultCampaign ul{width:100%;}
#resultCampaign {width:980px;}
#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 .social_provider.box{ padding:20px; border:#e7e7e7 1px solid; }
#memberInput .social_provider ul{ width:100%; box-sizing:border-box; overflow:hidden; }
#memberInput .social_provider li{ width:32%; float:left; margin:0 2% 20px 0; }
#memberInput .social_provider li:nth-child(3n){ margin-right:0; }
#memberInput .social_provider ul li a{ display:block; text-decoration:none; }
#memberInput .social_provider li.yahoo a{background: url("../images/social_yahoo.html") no-repeat; color: #e71017;}
#memberInput .social_provider li.facebook a{background: url("../images/social_facebook.html") no-repeat; color: #3b5998;}
#memberInput .social_provider li.twitter a{background: url("../images/social_twitter.html") no-repeat; color: #55acee;}
#memberInput .social_provider li.google a{background: url("../images/social_google.html") no-repeat; color: #dc4e41;}
#memberInput .social_provider li.mixi a{background: url("../images/social_mixi.html") no-repeat; color: #d1ad59;}
#memberInput .social_provider li.line a{background: url("../images/social_line.html") no-repeat; color: #00b300;}
#memberInput .social_provider li.paypal a{background: url("../images/social_paypal.html") 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;}

/* =================================================================
お問い合わせ
=================================================================*/
#contactPage{ text-align:center; }
#contactPage .contactCon{ width:890px; margin:0 auto; }