@charset "UTF-8";
 

/* =======================================================================
CSSの名前：style.css 
最終更新日時：2012/2/15
--------------------------------------------------------------------------
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.会員登録
======================================================================= */
/* =================================================================
3.コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/
/* hbmenu - スマホ用ハンバーガーメニュー
-------------------------------------------------------------*/
#hbmenu{display: none!important;}

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


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

/* =================================================================
4.ヘッダ
使用ファイル：common/header.xhtml
=================================================================*/

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

/* header - ヘッダ
-------------------------------------------------------------*/
#header .inner{ width: 100%;  margin: auto;min-width: 1200px;}
#header .inner:after {content: ""; clear: both; display: block;}/* clearfix */

#floating-menu.sp{display:none;}
header.pc{display:block;}

/* search - 商品検索窓
-------------------------------------------------------------*/
#search{float: right; width: 209px;}


/* menu - メニュー
-------------------------------------------------------------*/
#menu{height: 40px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
#menu .inner{display: block; width: 980px; margin: auto;}

/* =================================================================
5.サイドバー
使用ファイル：common/sidebar.xhtml
=================================================================*/
/* login - ログイン枠
-------------------------------------------------------------*/
#login{width: 100%;}


/* cart - 買い物かごの中身確認・買い物かごへ
-------------------------------------------------------------*/
#cart{width: 100%; margin-bottom: 60px;}


/* category - 商品カテゴリ
-------------------------------------------------------------*/
#category{width: 100%; margin-bottom: 60px;}



/* magazine - メールマガジン枠
-------------------------------------------------------------*/
#magazine{width: 100%; margin-bottom: 60px;}


/* coupon - クーポン
-------------------------------------------------------------*/
#coupon{width: 100%; margin-bottom: 60px;}


/* calendar - カレンダー
-------------------------------------------------------------*/
#calendar{width: 100%; margin-bottom: 10px;}



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

/* topics - トピックス
-------------------------------------------------------------*/
#topics{margin-bottom: 20px; width: 100%;}


/* new - 新着商品
-------------------------------------------------------------*/
#new{margin-bottom: 20px; width: 100%;}


/* recommend - おすすめ商品
-------------------------------------------------------------*/
#recommend{margin-bottom: 20px; width: 100%;}


/* ranking - 人気商品ランキング
-------------------------------------------------------------*/
#ranking{margin-bottom: 20px; width: 100%;}


/* itemAccessLog - 閲覧履歴
-------------------------------------------------------------*/
#itemAccessLog{margin-bottom: 20px; clear: both;}



/* =================================================================
10.フッタ
使用ファイル：common/footer.xhtml
=================================================================*/
#footer{clear: both; width: 100%;min-width: 1200px; }


/* backtotop */
#topBtn{position:fixed; bottom:10px; right:10px; display:block;z-index: 22;}
#topBtn a{width:45px; height:45px; display:block;}