@charset "UTF-8";
@import url("jquery-ui-1.8.4.custom.css");
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;1,300&family=Frank+Ruhl+Libre:wght@300..900&display=swap');
/* =======================================================================
CSSの名前：style.css
更新履歴：
2023/10/24 IF アイコン、バナー追加
2022/10/28 kataoka　カテゴリ画像の表示幅を最大1000pxにする修正
2025/7/28 kohga
--------------------------------------------------------------------------
1.reset
2.base
3.コンテナ・サイドバー・メインコンテンツ
4.ヘッダ
5.extファイル用
6.トップページ
7.カートの中身～注文完了まで
8.定期購入商品履歴照会・変更
9.フッタ
10.商品詳細・一覧、トピックス詳細・一覧
11.レビュー
12.購入履歴
13.サブウインドウで表示するページ用
14.エラーページ
15.クレジットカード登録画面
16.お気に入り
17.アドレス帳
18.会員関係
19.ログイン関係
20.全国店舗情報
21.店舗詳細
22.利用規約
23.ご利用ガイド
24.会員情報入力
25.特定商取引法に基づく表記
26.パスワード再設定
27.リマインド編集
======================================================================= */


/* =================================================================
1.reset
=================================================================*/
body{background: #FFF; color: #222; line-height: 1.5; font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif; word-wrap: break-word;}
#main input[type="text"], #main input[type="email"], #main input[type="password"], #main input[type="number"], #main input[type="tel"]{margin: 0; padding: 0; border: 0; background-color: #fff; outline: 0; border: solid 1px #e0dede; max-width:500px;}


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


/*  すべての要素にpaddingとborderを含めた幅に指定
-------------------------------------------------------------*/
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}


/* =================================================================
2.base
=================================================================*/

/*  clear
-------------------------------------------------------------*/
.clear{clear: both;}
.clearfloat{clear: both; height: 0; font-size: 1px; line-height: 0;}
.clearfix{zoom: 1;}
.clearfix:after{content: ""; display: block; clear: both;}
*:first-child+html .clearfix {zoom: 1; } /* IE7 */

/*  基本のlink color
-------------------------------------------------------------*/
a:link{color: #222222; text-decoration: none;}
a:visited{color: #222222; text-decoration: none;}
a:hover,a:active{opacity: 0.6; text-decoration: underline; transition: 0.5s;}
a:hover img{ transition: 0.5s;}
input[type="submit"]:hover{opacity: 0.7; transition: 0.5s;}

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

/*  カートフロー画像
-------------------------------------------------------------*/
.step{display: block; margin: 25px auto 45px auto;}

/*  Amazonペイメントのスタイル
-------------------------------------------------------------*/
#AmazonPayButton{min-height: 80px;}

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


.invisible{display: none;}
.more-box-hide {display: none !important;}
.hide_filiter_month {display: none !important;}



/* =================================================================
3.コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/

/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
#container{width: 1000px; margin: auto; padding:38px 0 70px 0;}
#container.top{width: 100%; margin: -38px auto 0; padding:0;}
#container.top.ec{width: 100%; /*margin: -38px auto 0*/;margin: 0 auto; padding:0;}
#container.list{width: 100%; margin: -38px auto 0; padding:0 0 70px 0;}
#container.store{width: 100%; margin: -38px auto 0; padding:0;}
#container.store_detail{width: 100%; margin: 0px auto; padding: 0 0 70px 0;}

/* Webkit対応 */
#main input[type="text"]::-webkit-input-placeholder{color: #c8c8c8;}

/* Firefox対応 */
#main input[type="text"]::-moz-placeholder{color: #c8c8c8;}

/* Firefox対応 */
#main input[type="text"]:-moz-placeholder{color: #c8c8c8;}

/* IE対応 */
#main input[type="text"]:-ms-input-placeholder{color: #c8c8c8;}


/*セレクトボックスデザイン調整*/
#container .number select{ position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 30px; border: 0; background: none; opacity: 0; font-size: 16px; cursor: pointer;}
#container .rearrange select{ position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 30px; border: 0; background: none; opacity: 0; font-size: 16px; cursor: pointer;}
#container .number{font-size: 14px; display: inline;}
#container .number .select-item{display:inline-block; position: relative; width: 70px; height: 30px; background-color: #efefef; padding: 0 0 0 10px;}
#container .select-item:before,#container .select-item:after { content: ""; display: inline-block; position: absolute;}
#container .select-item:after { content: ''; width: 8px; height: 8px; border: 0px; border-top: solid 2px #333333; border-right: solid 2px #333333; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 50%; right: 10px; margin:-6px 0 0 0;}
#container .select-item-label { display: inline-block; z-index: 1; width: 70px; height: 100%; font-size: 16px; line-height: 30px; vertical-align: top; text-align: left; color:#222222;}
#container .number p{margin:0; vertical-align:text-top; display: inline;}
/*都道府県*/
#container .prefectures.number .select-item{width: 250px;}
#container .prefectures.number .select-item-label{width: 250px;}
/*クレカ支払い回数*/
#container .credit.number .select-item{width: 200px;}
#container .credit.number .select-item-label{width: 200px;}
/*クレカ有効期限*/
#container .limit.number .select-item{width: 140px;}
#container .limit.number .select-item-label{width: 140px;}
/*標準支払いクレカ*/
#container .default.number{display: block;}
#container .default.number .select-item{width: 180px;}
#container .default.number .select-item-label{width: 180px;}
/*通知タイミング*/
#container .timing.number .select-item{width: 180px;}
#container .timing.number .select-item-label{width: 180px;}

/*カート画面、マイページのセレクトボックスデザイン調整(セレクトボックスのjsなし)*/
#cartFlow select,#cartIndex select,.prefectures select,.can_regist select,.remind .jenre select, .remind .date select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; background-color:#efefef; padding: 5px 30px 5px 5px; background-image: url("../images/selectbox_arrow.svg"); background-repeat: no-repeat; background-size: 13px; background-position: right 5px center;}



/*カスタマイズエラーメッセージのcss*/
#sc_error_area {display: none;}
#sc_error_area {width: 100%; padding: 10px 0px;}
#sc_error_area table{margin: 0px 0 10px; border: none !important;}
#sc_error_area tr{border:none!important;}
#sc_error_area td{padding: 10px; border: none !important;}
#sc_error_area .ico{width: 40px; vertical-align: top; text-align: center;}
#sc_error_area .content{width: 100%!important; padding: 5px; color: #c8391c; font-weight: bold; vertical-align: middle; float: none;}
#sc_error_area .buttonarea{margin: 10px; padding-top: 10px; border-top: #CCC 1px dashed; text-align: center;}
#sc_error_area ul{background: none;}
#sc_error_area li{float: none; font-size: 16px; border: 0px; padding: 0px; margin-right: 0px; margin-bottom: 0px; width: auto; line-height: 150%;}


/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main{width: 1000px; margin: auto;}
#main h1{font-size: 26px; font-weight: normal; padding: 0 0 30px 0;}
#main h2{font-weight: normal;}
#main h3{font-weight:normal;}
#main p{margin: 5px 0; font-size: 14px; line-height: 150%;}
#main table{width: 980px; margin: 10px; font-size: 14px; border-top: 1px solid #c8c8c8; line-height: 200%;}
#main table tr{border-bottom:1px solid #c8c8c8;}
#main th{padding: 10px; width: 200px; vertical-align: top; font-weight: normal; text-align: left; background:#efefef;}
#main th.title{ text-align: left;}
#main th.title img{width: 25px; height: 15px;}
#main th.address{width: 55px;}
#main td{padding: 10px; vertical-align: top;}
#main td input{vertical-align: middle; padding: 2px;}
#main tr.hidecontent{display: none;}
#main .buttonarea{margin: 10px; padding-top: 40px; text-align: center;}
#main .buttonarea .attention{color: #c8391c; 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 .hissu{color: #c8391c; font-weight: bold;}
#main #breadcrumbs{font-size: 12px; padding: 40px 0;}
#main #breadcrumbs li{float: left;}
#main #breadcrumbs a:hover{text-decoration:underline;}
#main .amazon_comment{color: #c8391c; font-weight: bold;}
#main .expiration_date{padding-left: 10px;}

#main .pagelink .prev,#main .pagelink .next{float:left;}
#main .pagelink li{float: left;}
#main .pagelink a{text-decoration: underline;}
#main .pagelink .prev a, #main .pagelink .next a {width: 40px; height: 40px; text-indent: -9999px; position: relative; left: 0px; top: -5px; display: inline-block; border-radius: 20px; border: 1px solid #969696; cursor: pointer;}
#main .pagelink .prev a:after{ content:""; right: 10px; width: 10px; height: 10px; border-top: 1px solid #333333; border-right: 1px solid #333333; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
#main .pagelink .prev a:hover:after{border-color:#FFFFFF;}
#main .pagelink .prev a::before, #main .pagelink .prev a::after{ position: absolute; top: 0; bottom: 0; right: 12px; margin: auto; content: ""; vertical-align: middle;}
#main .pagelink .prev a:hover, #main .pagelink .next a:hover{text-decoration:none; color:#FFFFFF; background:#969696;}
#main .pagelink .next a:after{ content:""; left: 11px; width: 10px; height: 10px; border-top: 1px solid #333333; border-right: 1px solid #333333;-webkit-transform: rotate(45deg); transform: rotate(45deg);}
#main .pagelink .next a:hover:after{border-color:#FFFFFF;}
#main .pagelink .next a::before, #main .pagelink .next a::after{ position: absolute; top: 0; bottom: 0; left: 12px; margin: auto; content: ""; vertical-align: middle;}
#main .pagelink ul{float:left; padding:0 20px;}

#main .pagelink .prev_btn, #main .pagelink .next_btn{position:relative; display: inline-block; margin-top: 10px; margin-bottom: -10px; width: 34px; height: 34px; border: 1px solid #969696; border-radius: 20px;}
#main .pagelink .prev_btn:after{position: absolute; content:""; width: 9px; height: 9px; border-top: 1px solid #333333; border-right: 1px solid #333333; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); bottom: 12px; left: 14px;}
#main .pagelink .next_btn:after{position: absolute; content:""; width: 9px; height: 9px; border-top: 1px solid #333333; border-right: 1px solid #333333; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom: 12px; left: 10px;}

#main .star{color: #c8391c;}

/* #main - フォーム類部品
-------------------------------------------------------------*/
#main input[type="text"], #main input[type="email"], #main input[type="password"], #main input[type="tel"], #main input[type="number"]{padding: 3px 4px; border: solid 1px #c8c8c8; font-size: 14px; max-width: 280px;}
#main select{height: 30px; vertical-align: middle; font-size: 14px;}
#main textarea{margin: 0; padding: 0 5px; background-color: #fff; outline: 0; border: solid 1px #c8c8c8; font-size: 14px;}
#main input, #main textarea, #main select, #main button{font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif !important;}

/* #main.no-sidebar - サイドバーの無い主要ページ以外のコンテンツ
-------------------------------------------------------------*/
#main.no-sidebar{float: none !important; width:1000px; margin:38px auto 0!important;}
#main.no-sidebar textarea{max-width: 600px;}

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

/* #main.apply - お問い合わせページ
-------------------------------------------------------------*/
#main.apply .button.negative{width: 104px;}


/*  ページ共通で使用できるボタン
-------------------------------------------------------------*/
#main .button input[type='submit']{border: 0; background-color: transparent; cursor: pointer; text-align: center;}/* ボタンリセット */

#main .button.positive{background-color: #c8391c; color: #FFF; display: inline-block; padding: 5px 20px; font-size: 16px; text-align: center;  text-decoration: none; line-height: 30px; border: none; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; cursor: pointer;}
#main .button.positive:hover{opacity: 0.5; -ms-filter: "alpha(opacity=50)";/* IE */ filter: alpha(opacity=50);/* IE */}

#main .button.negative{background: #FFF; color: #222; display: inline-block; padding: 4px 19px; font-size: 16px; text-align: center;  text-decoration: none; line-height: 30px; border: 1px solid #969696; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; cursor: pointer;}
#main .button.negative:hover{background: #969696; color: #FFF;}
#main .button.negative.small{font-size: 13px; line-height: 24px;}

#main .not_link{background: #efefef; color: #c8c8c8; display: inline-block; margin-bottom: 10px; padding: 7px 20px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-size: 16px;}
#main .button.reflect{color: #fff; padding:0 10px; font-size: 13px; height: 28px; background-color: #c8391c; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: none; cursor: pointer;}
#main .button.reflect:hover{opacity: 0.5; -ms-filter: "alpha(opacity=50)";/* IE */ filter: alpha(opacity=50);/* IE */}

#main .dlt{background: #FFF; color: #222; display: inline-block; padding: 0 7px; font-size: 12px; text-align: center;  text-decoration: none; line-height: 23px; border: 1px solid #c8c8c8; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; cursor: pointer;}
#main .dlt:hover{background: #c8c8c8; color: #FFF;}


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

/* smartphone - スマートフォン専用サイトへのリンク
-------------------------------------------------------------*/
#smartphone a{display: block; width: 1000px; height: 150px; margin: auto; background: url("../images/button_smartphone.png") no-repeat; text-indent: -9999px;}

/* preview - プレビュー時に表示するエリア
-------------------------------------------------------------*/
#preview{margin-bottom: 10px; 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_banner - ヘッダーバナー
-------------------------------------------------------------*/
.header_banner{width:100%; min-width:1000px;}
.header_banner p{width:1000px; margin:auto; line-height:0;}

/* header - ヘッダ
-------------------------------------------------------------*/
#header{width: 100%; height: 62px; min-width: 1000px; background: #191919; position:relative; z-index: 1000;}
#header .inner{zoom: 1; width: 1000px; margin: auto; padding: 5px 0; position: relative;}
#header .inner:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#header p#logo{width: 208px; height: 53px; margin: 0 auto;}
#header p#logo a{display: block; line-height: 0; width: 208px; height: 53px; background-image: url("../images/logo.svg"); background-size: 100% 100%; background-repeat: no-repeat; text-indent: -9999px;}
#header p#logo a:hover{opacity: 1;}
#header p.english{width: 47px; position: absolute; top: 16px; right:336px; border: 1px solid #FFFFFF; text-align: center; line-height: 0; padding: 2px 0;}
#header p.english a{width: 37px; height: 27px; display: block; line-height: 0; background-image: url("../images/english.svg"); background-size: 100% 100%; background-repeat: no-repeat; text-indent: -9999px; margin: 0 auto;}
/* 2020/2/4 kohga */
#header p.english_ec{width: 47px; position: absolute; top: 16px; right:336px; border: 1px solid #FFFFFF; text-align: center; line-height: 0; padding: 2px 0;}
#header p.english_ec a{width: 37px; height: 27px; display: block; line-height: 0; background-image: url("../images/english.svg"); background-size: 100% 100%; background-repeat: no-repeat; text-indent: -9999px; margin: 0 auto;}

#header .header_nav{ position: absolute; top: 16px; right: 83px; zoom: 1;}
#header .header_nav:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#header .header_nav li{float: left; font-size: 10px; display: block; position: relative; margin: 0 8px 0 0;}
#header .header_nav li a{display: block; color: #FFFFFF; height: 32px; padding: 20px 0 0 0; letter-spacing: -0.08em;}
#header .header_nav li a:hover{text-decoration: none;}
#header .header_nav li a:before{content:""; position: absolute; left: 50%; backface-visibility: hidden;}
#header .header_nav li.apply a:before{display: block; top: 1px; width: 19px; height: 15px; margin: 0 0 0 -9px; background-image: url("../images/mailicon.svg"); background-size: 100% 100%; background-repeat: no-repeat;}
#header .header_nav li.admissionicon a:before{display: block; top: 0px; width: 14px; height: 16px; margin: 0 0 0 -7px; background-image: url("../images/admissionicon.svg"); background-size: 100% 100%; background-repeat: no-repeat;}
#header .header_nav li.mypageicon a:before{display: block; top: -1px; width: 17px; height: 18px; margin: 0 0 0 -8px; background-image: url("../images/mypageicon.svg"); background-size: 100% 100%; background-repeat: no-repeat;}
#header .header_nav li.help a:before{display: block; top: 0px; width: 16px; height: 16px; margin: 0 0 0 -8px; background-image: url("../images/helpicon.svg"); background-size: 100% 100%; background-repeat: no-repeat;}
#header .header_nav li.login a:before{display: block; top: 1px; width: 18px; height: 15px; margin: 0 0 0 -9px; background-image: url("../images/loginicon.svg"); background-size: 100% 100%; background-repeat: no-repeat;}
#header .header_nav li.logout form:before{content:""; display: block; position: absolute; top: 1px; left: 50%; width: 18px; height: 15px; margin: 0 0 0 -9px; background-image: url("../images/logouticon.svg"); background-size: 100% 100%; background-repeat: no-repeat;}
#header .header_nav li.logout div input[type="submit"]{ background-color: transparent; border: none; border-radius: 0; font-size: 10px; color: #FFFFFF; height: 32px; padding: 20px 0 0 0; cursor: pointer;}
#header .header_nav li.logout:hover{opacity: 0.7; cursor: pointer;}
#header .header_nav li.cart a:before{display: block; top: 1px; width: 19px; height: 16px; margin: 0 0 0 -10px; background-image: url("../images/carticon.svg"); background-size: 100% 100%; background-repeat: no-repeat;}
#header .header_nav li.cart span.amount{display: block; position: absolute; top: -12px; right: -4px; padding: 2px 0; width: 18px; border-radius: 9px; background: #c83b1c; text-align: center;}
#header .header_nav li.cart span.amount span{padding: 2px;}

/* ec */
#header.ec {width: 100%; height: 62px; min-width: 1000px; background: #ffffff; position:relative; z-index: 1000;}
#header.ec p#logo a{display: block; line-height: 0; width: 208px; height: 53px; background-image: url("../images/logo_ec.svg"); background-size: 100% 100%; background-repeat: no-repeat; text-indent: -9999px;}
#header.ec p.english{width: 47px; position: absolute; top: 16px; right:336px; border: 1px solid #000; text-align: center; line-height: 0; padding: 2px 0;}
#header.ec p.english a{width: 37px; height: 27px; display: block; line-height: 0; background-image: url("../images/english_ec.svg"); background-size: 100% 100%; background-repeat: no-repeat; text-indent: -9999px; margin: 0 auto;}
#header.ec .header_nav li a{display: block; color: #000; height: 32px; padding: 20px 0 0 0; letter-spacing: -0.08em;}
#header.ec .header_nav li.admissionicon a:before{display: block; top: 0px; width: 14px; height: 16px; margin: 0 0 0 -7px; background-image: url("../images/admissionicon_ec.svg"); background-size: 100% 100%; background-repeat: no-repeat;}
#header.ec .header_nav li.mypageicon a:before{display: block; top: -1px; width: 17px; height: 18px; margin: 0 0 0 -8px; background-image: url("../images/mypageicon_ec.svg"); background-size: 100% 100%; background-repeat: no-repeat;}
#header.ec .header_nav li.help a:before{display: block; top: 0px; width: 16px; height: 16px; margin: 0 0 0 -8px; background-image: url("../images/helpicon_ec.svg"); background-size: 100% 100%; background-repeat: no-repeat;}
#header.ec .header_nav li.login a:before{display: block; top: 1px; width: 18px; height: 15px; margin: 0 0 0 -9px; background-image: url("../images/loginicon_ec.svg"); background-size: 100% 100%; background-repeat: no-repeat;}
#header.ec .header_nav li.cart a:before{display: block; top: 1px; width: 19px; height: 16px; margin: 0 0 0 -10px; background-image: url("../images/carticon_ec.svg"); background-size: 100% 100%; background-repeat: no-repeat;}



/* menu - メニュー
-------------------------------------------------------------*/
#menu{width: 100%; z-index:10000; min-width: 1000px; background-color:rgba(25,25,25,0.85); position: absolute;}
#menu .inner{width: 1000px; margin: auto; position: relative; height: 38px;}
#menu .inner a:hover{text-decoration:none;}
#menu .inner ul.nav{width: 740px; zoom: 1; line-height: 38px;}
#menu .inner ul.nav:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#menu .inner ul.nav li{float: left;/* margin: 0 20px 0 0;*/}
#menu .inner ul.nav li:last-of-type{ margin: 0;}
#menu .inner ul.nav li a{color: #FFFFFF;}
#menu .inner ul.nav li:first-of-type a.arrow{padding:0 20px 0 0;}
#menu .inner ul.nav li a.arrow{ position: relative; display: inline-block; padding: 0px 20px; text-decoration: none; font-size: 16px; }
#menu .inner ul.nav li:last-of-type a.arrow:after,#menu .inner ul.nav li a.arrow:before{content: ""; position: absolute; top: 0px; bottom: 0; width: 1px; height: 14px; border-right: 1px solid #FFFFFF; margin:auto;}
#menu .inner ul.nav li a.arrow:before{left: 0px;}
#menu .inner ul.nav li:last-of-type a.dec:after{ right: 0px;}
#menu .inner ul.nav li:first-of-type a.arrow{padding:0 20px;}
#menu.is-scroll { position: fixed !important; top :  0px !important; z-index  : 10000;}

/* ec */
#menu.ec {width: 100%; z-index:10000; min-width: 1000px; background-color:#fff; position: absolute; box-shadow: 0 6px 7px rgba(0, 0, 0, 0.1); }
#menu.ec .inner ul.nav{width: 663px; zoom: 1; line-height: 38px;}
#menu.ec .inner ul.nav > li{padding: 0 3px; float: left; position: relative;}
#menu.ec .inner ul.nav > li::before { content: ""; display:block; position: absolute; top: calc(50% - 7px); left: -2px; width: 1px; height: 14px; background-color: #969696; }
#menu.ec .inner ul.nav > li:last-of-type::after { content: ""; display:block; position: absolute; top: calc(50% - 7px); right: 0; width: 1px; height: 14px; background-color: #969696; }
#menu.ec .inner ul.nav > li span {color: #222; line-height: 26px; cursor: pointer;}
#menu.ec .inner ul.nav > li span:hover{ background-color: #efefef; opacity: 1; }
#menu.ec .inner ul.nav > li span.arrow{ position: relative; display: inline-block; padding: 0px 4px; text-decoration: none; font-size: 15px; }

/* ec サブメニュー */
#menu.ec .inner ul.nav > li .subMenu { display:none; padding: 5px 0; position: absolute; top: 38px; left: 0; width: 340px; background-color: #fff; box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1); z-index: 1000;}
#menu.ec .inner ul.nav > li .subMenu:after {
	bottom: 100%;
	left: 14%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 7px;
	margin-left: -7px;
}
#menu.ec .inner ul.nav > li .subMenu li {
	float:none;
}
#menu.ec .inner ul.nav > li .subMenu a {
	display: block;
	padding: 7px 15px;
	color: #222;
	font-size: 14px;
	line-height: 1.5;
	text-decoration: none;
}
#menu.ec .inner ul.nav > li .subMenu a:hover {
	background-color: #efefef;
	color: #222;
}

/* search - 商品検索窓
-------------------------------------------------------------*/
#search{position: absolute; width: 233px; height:38px; background-color:rgba(255,255,255,0.1); top:0; right:93px;}
#search .form {float: left; margin: 0; border: 0; outline: 0; display: block; width: 205px; height: 38px; padding:5px; font-size:16px; background-color:rgba(255,255,255,0); color:#FFFFFF;}
#search input[type="submit"]{width: 28px; height:32px; float: left; border:none; margin:0; background-color: transparent; background-image: url("../images/searchicon.svg"); background-position:0 10px; background-repeat:no-repeat; background-size: 18px 18px; text-indent: -9999px; cursor: pointer;}

/* ec */
.ec #search{position: absolute; width: 210px; height:38px; background-color: #efefef; top:0; right:93px;}
.ec #search .form {float: left; margin: 0; border: 0; outline: 0; display: block; width: 182px; height: 38px; padding:5px 5px 5px 9px; font-size:14px; background-color: #efefef; color:#666666;}
.ec #search input[type="submit"]{width: 28px; height:38px; float: left; border:none; margin:0; background-color: transparent; background-image: url("../images/searchicon_ec.svg"); background-position:0 10px; background-repeat:no-repeat; background-size: 18px 18px; text-indent: -9999px; cursor: pointer;}


/* btn_store - 店舗情報ボタン
-------------------------------------------------------------*/
.btn_store{position:absolute; top:-52px; right:0; text-align:center;}
.btn_store a{position:relative; display:block; width: 80px; height: 80px; color:#FFFFFF; font-size:14px; padding:6px 0 0 0; line-height:16px; background:#c83b1c;}
.btn_store a:hover{background: #FFFFFF; color: #c83b1c; opacity:1;}
.btn_store a:before{content:""; width: 36px; height: 31px; display: block; margin:0 auto 7px; background-image: url("../images/shopicon.png"); background-position:center; background-repeat:no-repeat; background-size:100% 100%; backface-visibility: hidden;}
.btn_store a:hover:before{ background-image: url("../images/shop_hovericon.png");}


/* btn_store_scroll - 店舗情報ボタンスクロール後
-------------------------------------------------------------*/
.btn_store_scroll{position:absolute; bottom:4px; right:0; text-align:center;}
.btn_store_scroll .top{display: none;}
.btn_store_scroll a{position:relative; display:block; width: 80px; height: 30px; color:#FFFFFF; font-size:14px; line-height:30px; background:#c83b1c;}
.btn_store_scroll a:hover{background: #FFFFFF; color: #c83b1c; opacity:1;}
#menu.store_menu .btn_store_scroll a{background:#f1b500;}
#menu.store_menu .btn_store_scroll a:hover{color: #f1b500; background: #FFFFFF;}
#menu.store_menu .btn_store_scroll .botom{display:none;}
#menu.store_menu .btn_store_scroll .top{display:block;}


/* store_menu - ストアメニュー
-------------------------------------------------------------*/
#menu.store_menu {background-color: transparent;}
#menu.store_menu .wrap_inner {background-color: rgba(25,25,25,0.85); width: 100%;}
#menu.store_menu .column_hover_data {width:100%; background-color: rgba(25,25,25,0.85); margin: 0 auto; padding: 0px 0 20px 0;}
#menu.store_menu .column_hover_data ul{width:1000px; margin: 0 auto; padding: 10px 60px 0;}
#menu.store_menu .column_hover_data ul:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
#menu.store_menu .column_hover_data li {float: left;display: block; padding: 10px; width:25%; text-align: center;}
#menu.store_menu .column_hover_data img {width: 200px;}
#menu.store_menu .column_hover_data .column_name {color: #FFFFFF; width: 200px; font-size:14px; margin: 0 auto;}
#menu.store_menu .btn_store a{color:#FFFFFF; background: #f1b500;}
#menu.store_menu .btn_store a:hover{background: #FFFFFF; color: #f1b500;}
#menu.store_menu .btn_store a:before{background-image: url("../images/onlineicon.svg");}
#menu.store_menu .btn_store a:hover:before{background-image: url("../images/online_hovericon.svg");}


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


/* =================================================================
5.extファイル用
使用ファイル：ext/company.html
			　ext/social_provider.xhtml
=================================================================*/

#ext th{text-align: left;}
#ext ul{padding-bottom: 10px;}
#ext li{list-style: disc; margin: 5px 40px; font-size: 80%;}
#ext #sitemap ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#ext #sitemap li{width: 170px; float: left; list-style-type: none; margin: 5px 30px;}

/* 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.png") no-repeat; color: #e71017;}
#ext.social_provider th.facebook div{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#ext.social_provider th.twitter div{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#ext.social_provider th.google div{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#ext.social_provider th.mixi div{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#ext.social_provider th.rakuten div{background: url("../images/social_rakuten.png") no-repeat; color: #bf0000;}
#ext.social_provider th.line div{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#ext.social_provider th.paypal div{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}

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


/* =================================================================
6.トップページ
使用ファイル：top.xhtml
=================================================================*/
/*メインビジュアルスライダー*/
#mainvisual{width:100%; min-width:1000px; position:relative; overflow:hidden; height:578px; clear:both; padding-top:38px;}
#mainvisual #inner{max-width:1000px; margin:0 auto;}
#mainvisual #mainvisual_main{position:relative; padding-top:470px;}
#mainvisual #mainvisual_cont{position:absolute; left:0; top:0; width:100%; height:100%;}
#mainvisual .slider{position:absolute; top:0; bottom:0; z-index:10; width:100%; padding-top:0;}
#mainvisual .slider .slides li{-webkit-box-shadow:none !important; -moz-box-shadow:none !important; -ms-box-shadow:none !important; box-shadow:none !important; position:relative;}
#mainvisual .slider .slides li a{color:#333;}
#mainvisual .slider .slides li a img{ max-width:auto;}
#mainvisual .slider .slides li .video{position:relative; height:470px; overflow:hidden; z-index:-1;}
#mainvisual .slider .slides li .video iframe, #mainvisual .slider .slides li .video object, #mainvisual .slider .slides li .video embed{position:absolute; top:0; left:0; width:100%; height:100%;}

#mainvisual .slider .flex-control-nav{width:100%; height:4.15%; position:absolute; text-align:center; z-index:10; top:106%;}
#mainvisual .slider .flex-control-nav li{width:20px; height:12px; margin:0 1px; display:inline-block; zoom:1; *display:inline;}
#mainvisual .slider .flex-control-paging li a{display:block; width:60%; height:100%; margin:0 auto; background:#b1b1ac; cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
#mainvisual .slider .flex-control-paging li a:hover{background:#a30b1a;}
#mainvisual .slider .flex-control-paging li a.flex-active{background:#a30b1a; cursor:default;  -webkit-box-shadow: none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;}
#mainvisual .slider_left, #mainvisual .slider_right{background-color:#fff; position:absolute; top:0; bottom:0; width:100%; overflow:hidden;}
#mainvisual .slider_left{left:-100%;}
#mainvisual .slider_right{right:-100%;}
#mainvisual .flex-direction-nav a{opacity: 1; text-indent: -9999px; height: 60px;}
#mainvisual .flex-direction-nav a.flex-next{text-align: inherit; text-indent:-9999px;}
#mainvisual .flex-direction-nav a:before, #mainvisual .flex-direction-nav a:after{ position: absolute; margin: auto; content: ""; vertical-align: middle; display: block; height: 50px; top:15px; }
#mainvisual .flex-direction-nav a.flex-prev:after{ content:""; left: 10px; width: 30px; height: 30px; border-top: 4px solid #c8391c; border-right: 4px solid #c8391c; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -ms-transform: rotate(-135deg);}
#mainvisual .flex-direction-nav a.flex-next:after{ content:""; right: 10px; width: 30px; height: 30px; border-top: 4px solid #c8391c; border-right: 4px solid #c8391c; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg);}
#mainvisual, #btn_store_area{visibility : hidden;}


/* ec */
#container.top.ec #main {
	width: auto;
}
#container.top.ec #main .innerWrap {
	margin: 0 auto;
	width: 1000px;
}
.ec #mainvisual{width:100%; min-width:755px; position:relative; overflow:hidden; height:578px; clear:both; padding-top:38px;}
.ec #mainvisual #inner{max-width:755px; margin:0 auto;}
.ec #mainvisual #mainvisual_main{position:relative; padding-top:462px;}
.ec #mainvisual #mainvisual_cont img {max-width:100%; height:auto;}
.ec #mainvisual .slider .flex-control-paging li a:hover{background:#222222;}
.ec #mainvisual .slider .flex-control-paging li a.flex-active{background:#222222; cursor:default;  -webkit-box-shadow: none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;}
.ec #mainvisual .slider_left{left:-102%;}
.ec #mainvisual .slider_right{right:-102%;}
.ec #mainvisual .flex-direction-nav {position: relative; top:calc(50% - 30px);}
.ec #mainvisual .flex-direction-nav .flex-nav-prev { position: absolute; left: -100px; }
.ec #mainvisual .flex-direction-nav .flex-nav-next { position: absolute; right: -100px; }
.ec #mainvisual .flex-direction-nav a{opacity: 1; text-indent: -9999px; width:60px; height: 60px;}
.ec #mainvisual .slider_left, .ec #mainvisual .slider_right{background-color:#fff; position:absolute; top:0; bottom:0; width:100%; overflow:hidden;}
.ec #mainvisual .flex-direction-nav a.flex-next{text-align: inherit; text-indent:-9999px;}
.ec #mainvisual .flex-direction-nav a:before {
	content: '';
	width:60px;
	height: 60px;
	background-color: rgb(111,114,125,0.5);
	border-radius: 30px;
	position: absolute;
	top: 0;
	left: 0;
}
.ec #mainvisual .flex-direction-nav a:after{ position: absolute; margin: auto; content: ""; vertical-align: middle; display: block; height: 50px; top:21px; }
.ec #mainvisual .flex-direction-nav a.flex-prev:after{ content:""; left: 24px; width: 18px; height: 18px; border-top: 3px solid #fff; border-right: 3px solid #fff; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -ms-transform: rotate(-135deg);}
.ec #mainvisual .flex-direction-nav a.flex-next:after{ content:""; right: 24px; width: 18px; height: 18px; border-top: 3px solid #fff; border-right: 3px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg);}
.ec #mainvisual, #btn_store_area{visibility : hidden;}


/* shipping_banner - 即日発送バナー 2023.10.13
-------------------------------------------------------------*/
#shipping_banner{margin:10px 0px 30px 0px;}
#shipping_banner .split:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#shipping_banner .split img{float: left; display: block;}

/* ec */
.ec #shipping_banner{margin:10px 0px 0px 0px;}
.ec #shipping_banner .split {
	display: flex;
	justify-content: space-between;
}
.ec #shipping_banner .split img{float: left; display: block;}


/* information - 重要なお知らせ
-------------------------------------------------------------*/
#information{width: 100%; border-top:1px #c8391c solid; border-bottom:1px #c8391c solid; margin:0px auto; padding:20px; color:#c8391c;}
#information a{ color:#c8391c;}
#information dt{font-size:20px; text-align: center;}
#information dd{zoom: 1; padding:12px 0 0 0; overflow: hidden; zoom:1;}
#information dd:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#information dd .infoimage{max-width:170px; padding:0 20px 0 0; float:left;}
#information dd img{max-width: 150px; display:block;}
#information dd p{margin:0 0 5px 0; overflow:hidden; zoom:1;}
#information dd p.infotitle{font-weight: bold;}

/* ec */
.ec #information{width: 100%; border-top:1px #222222 solid; border-bottom:1px #222222 solid; margin:70px auto 0; padding:20px; color:#222222;}
.ec #information a{ color:#222222;}
.ec #information dt{font-size:20px; font-weight:bold; text-align: center;}
.ec #information dt span {padding: 0 5px 0.2em; background: linear-gradient(transparent 50%, #efefef 50%);}


/* ranking - 人気商品ランキング
-------------------------------------------------------------*/
#main .rank{width: 100%; padding:60px 0 0 0;}
#main .rank.month h1{font-size:26px; text-align: center; padding:0 0 30px 0; line-height:1.5; font-weight: normal;}
#main .rank h2{font-size:26px; text-align: center; padding:0 0 30px 0; line-height:1.5;}
#main .rank ul{ zoom: 1;}
#main .rank ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#main .rank .box{float: left; width: 235px; margin: 0 20px 20px 0;}
#main .rank .box:nth-child(4n){margin:0 0 20px 0;}
#main .rank .box a.image_box{display:block; position:relative;}
#main .rank .box a.image_box p.number{position:absolute; top:3px; left:3px; width:34px; height:34px; background:rgba(255,255,255,0.3); border-radius:17px; padding:3px; margin:0;}
#main .rank .box a.image_box p.number span.inner{ background:#363636; width:28px; height:28px; border-radius:15px; text-align:center; padding:3px 0; font-size:15px; display:block; color:#FFFFFF;}
#main .rank .box a.image_box p.new{position:absolute; top:0px; right:0px; width:59px; height:59px; text-indent:-9999px; background-image: url("../images/newicon.svg"); background-size:59px 59px; background-position:left top; margin:0;}
#main .rank .box a.image_box img{width:235px; display:block;}
#main .rank #ranking_no1 a.image_box p.number span.inner{background:#c3b948;}
#main .rank #ranking_no2 a.image_box p.number span.inner{background:#9d9d9d;}
#main .rank #ranking_no3 a.image_box p.number span.inner{background:#ad752d;}
#main .rank .text{padding:10px 0 0 0;}
#main .rank.month .box .text h2{font-size:13px; font-weight: normal; text-align: left; padding: 0; height: 42px;}
#main .rank .box .text h3{font-size:13px; height: 42px;}
#main .rank.month .box .text h3.js-text-overflow{font-size:12px; overflow:hidden; font-weight:normal; padding:3px 0 0 0; width:235px; height:40px;}
#main .rank .box .text h4.js-text-overflow{font-size:12px; overflow:hidden; font-weight:normal; padding:3px 0 0 0; width:235px; height:40px;}
#main .rank .price{margin: 0px 0px; font-size: 18px; color: #c8391c; text-align: right;}
#main .rank .price .tax{font-size:12px;}
#main .categorylink{text-align:right;}
#main .categorylink a{border:1px solid #969696; position: relative; border-radius:8px; line-height: 38px; padding:0 30px 0 14px; display: inline-block;}
#main .categorylink a::before,#main .categorylink a::after{ position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle;}
#main .categorylink a:hover,.more a:hover{text-decoration:none; background:#969696; color: #FFFFFF;}
#main .categorylink a::after{ content:""; right: 15px; width: 8px; height: 8px; border-top: 1px solid #969696; border-right: 1px solid #969696; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg);}
#main .categorylink a:hover:after{border-color: #FFFFFF;}

/* ec */
.ec #main .rank .box{float: left; width: 200px; margin: 0 28px 20px 0;}
.ec #main .rank .box a.image_box p.number{position:absolute; top:6px; left:6px; width:28px; height:28px; background:rgba(255,255,255,0.3); border-radius:3px; padding:0; margin:0;}
.ec #main .rank .box a.image_box p.number span.inner{ background:#9b9b9b; width:28px; height:28px; border-radius:3px; text-align:center; padding:3px 0; font-size:15px; display:block; color:#FFFFFF;}
.ec #main .rank .box a.image_box img{width:200px; display:block;}
.ec #main .rank #ranking_no1 a.image_box p.number span.inner{background:#b39b56;}
.ec #main .rank #ranking_no2 a.image_box p.number span.inner{background:#555555;}
.ec #main .rank #ranking_no3 a.image_box p.number span.inner{background:#a27769;}


/* ec rankingList - ランキング
-------------------------------------------------------------*/
.ec #rankingList {
	margin-top: 60px;
	padding-top: 60px;
	padding-bottom: 10px;
	background-color: #f9f9f9;
}
.ec #rankingList h2 {
	font-size: 40px;
	font-family: "Frank Ruhl Libre", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	letter-spacing: 0.05em;
}
.ec #rankingList h2 + p {
	font-size: 16px;
	text-align: center;
}
.ec #rankingList div[role="tablist"] {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
	border-bottom: solid 1px #969696;
}
.ec #rankingList button[role="tab"] {
	margin-bottom: -1px;
	padding: 14px 30px;
	background: none;
	border: none;
	font-size: 16px;
	color: #222222;
	cursor: pointer; 
}
.ec #rankingList button[role="tab"][aria-selected="true"] {
	border-bottom: solid 4px #222222;
	padding: 14px 30px 10px;
}
.ec #rankingList button[role="tab"][aria-selected="false"]:hover {
	border-bottom: solid 4px #222222;
	padding: 14px 30px 10px;
}
.ec #rankingList button[role="tab"]:focus {/* キーボード操作時のみフォーカスを表示 */
	outline: none;
	box-shadow: none;
}
.ec #rankingList button[role="tab"]:focus-visible {/* キーボード操作時（:focus-visible）のフォーカススタイル */
	outline: 2px solid #0066cc;
	outline-offset: 2px;
}
@-moz-document url-prefix() {/* Firefox専用: キーボード操作時のフォーカス表示 */
	.ec #rankingList button[role="tab"]:focus:not(:focus-visible) {
		outline: none !important;
		box-shadow: none !important;
	}
	.ec #rankingList button[role="tab"]:focus-visible {
		outline: 2px solid #0066cc !important;
		outline-offset: 2px !important;
	}
	.ec #rankingList button[role="tab"]::-moz-focus-inner {
		border: 0;
	}
}
.ec #rankingList .srOnly {/* スクリーンリーダー専用テキスト */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.ec #rankingList .rank.flexslider {
	padding-top: 0;
	padding-right: 1px;
	background: none;
}
.ec #rankingList .flex-direction-nav .flex-nav-prev {
	position: absolute;
	left: -20px;
	top: 170px;
}
.ec #rankingList .flex-direction-nav .flex-nav-next {
	position: absolute;
	right: -20px;
	top: 170px;
}
.ec #rankingList .flex-direction-nav a {
	opacity: 1;
	text-indent: -9999px;
	text-align: inherit;
	width: 40px;
	height: 40px;
}
.ec #rankingList .flex-direction-nav a:before {
	content: '';
	width: 40px;
	height: 40px;
	background-color: #fff;
	border: solid 1px #bababa;
	border-radius: 20px;
	position: absolute;
	top: 0;
	left: 0;
}
.ec #rankingList .flex-direction-nav a:after {
	position: absolute;
	margin: auto;
	display: block;
	top: 15px;
}
.ec #rankingList .flex-direction-nav a.flex-prev:after {
	content:"";
	right: 11px;
	width: 12px;
	height: 12px;
	border-top: 2px solid #222;
	border-right: 2px solid #222;
	transform: rotate(-135deg);
}
.ec #rankingList .flex-direction-nav a.flex-next:after {
	content:"";
	right: 16px;
	width: 12px;
	height: 12px;
	border-top: 2px solid #222;
	border-right: 2px solid #222;
	transform: rotate(45deg);
}
.ec #rankingList .flexslider:hover .flex-direction-nav .flex-prev {
	left: 0;
}
.ec #rankingList .flexslider:hover .flex-direction-nav .flex-next {
	right: 0;
}
.ec #main #rankingList .rank.flexslider .slides li {
	width: 200px !important;
	height: 335px !important;
}
.ec #main #rankingList .rank.month .box .text h3.js-text-overflow {
	font-size: 16px;
	font-weight: bold;
	width: 200px;
	height: 55px;
}
.ec #main #rankingList .rank .box .text h4.js-text-overflow {
	font-size: 13px;
	width: 200px;
	height: 40px;
}



/* feature - 特集
-------------------------------------------------------------*/
.ec #feature {
	padding-top: 75px;
}
.ec #feature h2 {
	font-size: 40px;
	font-family: "Frank Ruhl Libre", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	letter-spacing: 0.05em;
}
.ec #feature h2 + p {
	font-size: 16px;
	text-align: center;
}
.ec #feature ul {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 28px 18px;
	font-size: 16px;
}


/* itemAccessLog - 閲覧履歴
-------------------------------------------------------------*/
.ec #itemAccessLog{padding:90px 0; clear: both; position:relative;}
.ec #itemAccessLog:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
.ec #itemAccessLog h2 {
	padding-bottom: 0;
	font-size: 40px;
	font-family: "Frank Ruhl Libre", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	letter-spacing: 0.05em;
}
.ec #itemAccessLog h2 + p {
	font-size: 16px;
	text-align: center;
}
.ec #itemAccessLog .bx-wrapper {
	margin: 30px auto 0;
}
.ec #itemAccessLog .box{zoom: 1; width:184px; margin: 0 20px 0 0; float: left;}
.ec #itemAccessLog .box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
.ec #itemAccessLog .box img{width:184px;}
.ec #itemAccessLog .text{width:184px; height: auto;}
.ec #itemAccessLog h3{display: block; font-size: 16px; font-weight:bold; }
.ec #itemAccessLog .price { font-size: 18px; color: #c8391c; text-align: right; }
.ec #itemAccessLog .price .tax { font-size: 12px; }
.ec #itemAccessLog .clear a{position:absolute; top:154px; right:0; text-decoration:underline;}
.ec #itemAccessLog .bx-controls-direction{float:right; margin:30px 0 0 0;}
.ec #itemAccessLog a.bx-prev, .ec #itemAccessLog a.bx-next {width: 40px; height: 40px; text-indent: -9999px; position: relative; left: 0px; display: inline-block; border-radius: 20px; border: 1px solid #969696;}
.ec #itemAccessLog a.bx-prev { left:-20px;}

.ec #itemAccessLog .bx-prev:after{ content:""; right: 10px; width: 10px; height: 10px; border-top: 1px solid #333333; border-right: 1px solid #333333; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -ms-transform: rotate(-135deg);}
.ec #itemAccessLog .bx-prev::before, .ec #itemAccessLog .bx-prev::after{ position: absolute; top: 0; bottom: 0; right: 12px; margin: auto; content: ""; vertical-align: middle;}
.ec #itemAccessLog .bx-prev:hover, .ec #itemAccessLog .bx-next:hover{text-decoration:none; background:#969696; color: #FFFFFF;}
.ec #itemAccessLog .bx-next:after{ content:""; left: 11px; width: 10px; height: 10px; border-top: 1px solid #333333; border-right: 1px solid #333333;-webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg);}
.ec #itemAccessLog .bx-prev:hover:after, .ec #itemAccessLog .bx-next:hover:after{border-color: #FFFFFF;}
.ec #itemAccessLog .bx-next::before, .ec #itemAccessLog .bx-next::after{ position: absolute; top: 0; bottom: 0; left: 12px; margin: auto; content: ""; vertical-align: middle;}


/* conceptshop_content - コンセプトショップ
-------------------------------------------------------------*/
#conceptshop_content{padding:50px 0 70px 0;}
#conceptshop_content h2{font-size:26px; text-align: center; padding:0 0 30px 0; line-height:1.5;}
#conceptshop_content ul{width:100%;}
#conceptshop_content ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#conceptshop_content ul li{ padding:0 20px 20px 0; float:left; display:block;}
#conceptshop_content ul li:nth-of-type(even){padding:0;}
#conceptshop_content ul li a{display: block; margin:0 0 -25px 0;}



/* read_content - 読み物コンテンツ
-------------------------------------------------------------*/
#read_content{width:100%; padding:50px 0 0 0;}
#read_content h2{font-size: 26px; text-align: center; padding: 0 0 30px 0; line-height: 1.5; font-weight: normal; text-align: center;}
#read_content ul{width:100%; zoom:1; margin-bottom: 30px;}
#read_content ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#read_content ul li{width:33.333%; display:block; padding:30px 0; float:left;}
#read_content ul li:nth-of-type(odd){background:#f5f5f5;}
#read_content ul li:nth-of-type(even){background:#efefef;}
#read_content ul li a{width:250px; display:block; margin: 0 auto;}
#read_content ul li a:hover{text-decoration:none;}
#read_content ul li img{display:block; width: 250px; height: 250px;}
#read_content ul li h3{position: relative; text-align: center; padding: 5px 0 5px 1em; text-indent: -1em; font-weight: bold; font-size: 16px;}
#read_content ul li h3:before{content: "ー"; display: inline-block;}
#read_content ul li h3:after{content: "ー"; position: absolute; padding: 0 0 0 1em;}
#read_content ul li p{text-align:center; padding:0; margin:0;}
.store #read_content{padding: 0 0 70px 0;}

#read_content .categorylink{text-align:right;}
#read_content .categorylink a{border:1px solid #969696; position: relative; border-radius:8px; line-height: 38px; padding:0 30px 0 14px; display: inline-block;}
#read_content .categorylink a::before,#main .categorylink a::after{ position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle;}
#read_content .categorylink a:hover,.more a:hover{text-decoration:none; background:#969696; color: #FFFFFF;}
#read_content .categorylink a::after{ content:""; right: 15px; width: 8px; height: 8px; border-top: 1px solid #969696; border-right: 1px solid #969696; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg);}
#read_content .categorylink a:hover:after{border-color: #FFFFFF;}

/* ec */
.ec #read_content{
	margin-top: 70px;
	margin-bottom: 80px;
	padding-top: 0;
}
.ec #read_content h2 {
	padding-bottom: 0;
	font-size: 40px;
	font-family: "Frank Ruhl Libre", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	letter-spacing: 0.05em;
}
.ec #read_content h2 + p {
	font-size: 16px;
	text-align: center;
}
.ec #read_content ul {
	margin-top: 40px;
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0 70px;
}
.ec #read_content ul li {
	padding: 0;
	width: 440px;
}
.ec #read_content ul li:nth-of-type(odd){background:none;}
.ec #read_content ul li:nth-of-type(even){background:none;}
.ec #read_content ul li:nth-child(n+3){
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #c8c8c8;
}
.ec #read_content ul li a {
	width: auto;
	display: flex;
	gap: 0 15px;
}
.ec #read_content ul li img {
	width: 180px;
	height: auto;
}
.ec #read_content ul li .txt {
	width: calc(100% - 195px);
	font-size: 16px;
}
.ec #read_content ul li .txt h3 {
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
	text-align: left;
}
.ec #read_content ul li .txt h3 + p {
	text-align: left;
}
.ec #read_content .more {
	margin-top: 30px;
}


/* recommend_content - おすすめコンテンツ
-------------------------------------------------------------*/
#recommend_content{padding:70px 0 0 0;}
#recommend_content h2{font-size:26px; text-align: center; padding:0 0 30px 0; line-height:1.5;}
#recommend_content ul{width:100%;}
#recommend_content ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#recommend_content ul li{ padding:0 20px 20px 0; float:left; display:block;}
#recommend_content ul li:nth-of-type(even){padding:0;}
#recommend_content ul li a{display: block; margin:0 0 -25px 0;}



/* topics - トピックス
-------------------------------------------------------------*/
#topics{width: 100%; padding:70px 0 0 0;}
#topics h2{font-size:26px; text-align: center; padding:0 0 30px 0; line-height:1.5; font-weight: normal;}
#topics ul{ zoom: 1;}
#topics ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#topics .box{float: left; width: 235px; margin: 0 20px 20px 0;}
#topics .box:nth-child(4n){margin:0 0 20px 0;}
#topics .box a.image_box{display:block; position:relative;}
#topics .box a.image_box p.new{position:absolute; top:0px; right:0px; width:59px; height:59px; text-indent:-9999px; background-image: url("../images/newicon.svg"); background-size:59px 59px; background-position:left top; margin:0;}
#topics .box a.image_box img{width:235px; display:block;}
#topics .text{ position: absolute; bottom: 0; display:block; width: 100%;}
#topics .read, #topics .shopping{border:1px solid #757575; border-radius: 10px; line-height: 20px; font-size: 12px; display:inline-block; padding:0 5px; background:#FFFFFF; margin:0 0 0 10px;}
#topics h3{ background-color:rgba(34,34,34,0.3); color:#FFFFFF; font-size: 14px; margin:10px 0 0 0; padding: 6px 10px 5px;}


/* product_search - 商品検索
-------------------------------------------------------------*/
#product_search{width: 100%; padding:70px 0 0 0; zoom: 1;}
#product_search:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#product_search h2{font-size:26px; text-align: center; padding:0 0 30px 0; line-height:1.5;}
#product_search dl dt:first-child{margin:0;}
#product_search dl dt{margin:30px 0 0 0;}
#product_search dl dd{ zoom: 1;}
#product_search dl dd:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#product_search dl dt{height: 34px; background:#efefef; text-align: center; font-size: 22px; position: relative; line-height:34px; clear: both;}
#product_search dl dt.use span{position: relative; display: inline-block; margin: 0 0 0 23px;}
#product_search dl dt.use span:before{content:""; display:block; position: absolute; top: 50%; left: -40px; margin:-12px 0 0 0; width: 30px; height: 25px; background-image: url("../images/useicon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100% 100%;}
#product_search dl dt.style span{position: relative; display: inline-block; margin: 0 0 0 21px;}
#product_search dl dt.style span:before{content:""; display:block; position: absolute; top: 50%; left: -40px; margin:-12px 0 0 0; width: 30px; height: 25px; background-image: url("../images/styleicon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100% 100%;}
#product_search dl dt.budget span{position: relative; display: inline-block; margin: 0 0 0 21px;}
#product_search dl dt.budget span:before{content:""; display:block; position: absolute; top: 50%; left: -37px; margin:-14px 0 0 0; width: 28px; height: 28px; background-image: url("../images/budgeticon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100% 100%;}
#product_search dl dt.seasonal span{position: relative; display: inline-block; margin: 0 0 0 21px;}
#product_search dl dt.seasonal span:before{content:""; display:block; position: absolute; top: 50%; left: -43px; margin:-15px 0 0 0; width: 34px; height: 29px; background-image: url("../images/seasonalicon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100% 100%;}
#product_search dl dt.color span{position: relative; display: inline-block; margin: 0 0 0 21px;}
#product_search dl dt.color span:before{content:""; display:block; position: absolute; top: 50%; left: -34px; margin:-12px 0 0 0; width: 24px; height: 24px; background-image: url("../images/coloricon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100% 100%;}
#product_search dl dd ul{ zoom: 1; padding: 5px 0;}
#product_search dl dd ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#product_search dl dd ul li{float: left;}
#product_search dl dd ul li a{display: block;}
#product_search dl dd ul li a:hover{text-decoration: none;}

/*用途からさがす*/
/*#product_search dl dd ul.use_inner li{width:235px; margin:20px 20px 0px 0px; float:left; position:relative; font-size:15px; text-align: center;}
#product_search dl dd ul.use_inner li:nth-of-type(4n){ margin:20px 0px 0px 0px;}
#product_search dl dd ul.use_inner li img{width: 235px; height:110px;}*/

/*用途からさがす・予算・旬の花からさがす*/
#product_search dl dd ul.use_inner li,#product_search dl dd ul.budget_inner li,#product_search dl dd ul.seasonal_inner li{width:200px; padding:0 10px 5px 0px; margin:20px 0 0 0; position:relative; font-size:16px;}
#product_search dl dd ul.use_inner li a,#product_search dl dd ul.budget_inner li a,#product_search dl dd ul.seasonal_inner li a{/*padding:0 0 0 15px;*/ display:block;}
/*#product_search dl dd ul.use_inner li a:before,#product_search dl dd ul.budget_inner li a:before,#product_search dl dd ul.seasonal_inner li a:before{content:"◯"; font-size:12px; position:absolute; top:3px; left:0px;}*/

/*スタイルからさがす*/
#product_search dl dd ul.style_inner li{width:200px; margin:20px 0px 20px 0px; float:left; position:relative; font-size:15px; text-align: center;}
#product_search dl dd ul.style_inner li img{width:200px; height:100px;}

/*色からさがす*/
#product_search dl dd ul.color_inner{text-align: center; font-size: 0; margin: 50px 0 0 0;}
#product_search dl dd ul.color_inner li{display: inline-block; width: 487px; margin: 0 20px 30px 0; font-size: 0; text-align: left;}
#product_search dl dd ul.color_inner li:nth-child(2n){margin: 0 0 20px 0;}
#product_search dl dd ul.color_inner li img{display: inline-block; width: 158px; height: auto; vertical-align: middle;}
#product_search dl dd ul.color_inner li .text{display: inline-block; margin: 0 0 0 14px; width: 315px; text-align: left; vertical-align: middle; font-size: 14px;}
#product_search dl dd ul.color_inner li .text .name{margin: 0 0 15px 0; font-size: 14px;}
#product_search dl dd ul.color_inner li .text .name .eng{font-family: "Lato"; font-weight: 300; font-style: italic; font-size: 20px;}
#product_search dl dd ul.color_inner li .text .link{text-align: right;}
#product_search dl dd ul.color_inner li .text .link a{position: relative; display: inline-block; margin: 15px 0 0 0; padding: 0 35px 1px 0; width: 120px; border: 1px solid #4D4D4D; font-family: "Lato"; font-weight: bold; font-size: 16px;}
#product_search dl dd ul.color_inner li .text .link a:after{
    content: ""; position: absolute;
    margin: -5px 0 0 0; width: 9px; height: 9px;
    border: 0px; border-top: solid 1px #4D4D4D; border-right: solid 1px #4D4D4D;
    -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
    top: 50%; right: 17px;
}
#product_search dl dd ul.color_inner li .text .link a:hover{border: 1px solid #B3B3B3; background: #B3B3B3; color: #FFF; text-decoration: none;}
#product_search dl dd ul.color_inner li .text .link a:hover:after{border-top: solid 1px #FFF; border-right: solid 1px #FFF; transition: 0.5s;}

/* 特集ページ */
#tokusyu .proposal .color_inner{text-align: center; font-size: 0; margin: 50px 0 0 0;}
#tokusyu .proposal .color_inner li{display: inline-block; width: 487px; margin: 0 20px 30px 0; font-size: 0; text-align: left;}
#tokusyu .proposal .color_inner li:nth-child(2n){margin: 0 0 20px 0;}
#tokusyu .proposal .color_inner li img{display: inline-block; width: 158px; height: auto; vertical-align: middle;}
#tokusyu .proposal .color_inner li .text{display: inline-block; margin: 0 0 0 14px; width: 315px; text-align: left; vertical-align: middle; font-size: 14px;}
#tokusyu .proposal .color_inner li .text .name{margin: 0 0 15px 0;}
#tokusyu .proposal .color_inner li .text .name .eng{font-family: "Lato"; font-weight: 300; font-style: italic; font-size: 20px;}
#tokusyu .proposal .color_inner li .text .link{text-align: right;}
#tokusyu .proposal .color_inner li .text .link a{position: relative; display: inline-block; margin: 15px 0 0 0; padding: 0 35px 0 0; width: 120px; border: 1px solid #4D4D4D; font-family: "Lato"; font-weight: bold; font-size: 16px;}
#tokusyu .proposal .color_inner li .text .link a:after{
    content: ""; position: absolute;
    margin: -5px 0 0 0; width: 9px; height: 9px;
    border: 0px; border-top: solid 1px #4D4D4D; border-right: solid 1px #4D4D4D;
    -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
    top: 50%; right: 17px;
}

#tokusyu .proposal .color_inner li .text .link a:hover{border: 1px solid #B3B3B3; background: #B3B3B3; color: #FFF; text-decoration: none;}
#tokusyu .proposal .color_inner li .text .link a:hover:after{border-top: solid 1px #FFF; border-right: solid 1px #FFF; transition: 0.5s;}


/*2019/10/7 検索共通化対応*/
#product_search dl #month dt span{position: relative; display: inline-block; margin: 0 0 0 21px;}
#product_search dl #month dt span:before{content:""; display:block; position: absolute; top: 50%; left: -34px; margin:-13px 0 0 0; width: 24px; height: 25px; background-image: url("../images/monthicon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100% 100%;}

#product_search #month dd ul li a{border: 1px solid #969696; border-radius: 8px; padding: 15px 30px; display: block;}
#product_search　#month dl dd ul li a:hover{text-decoration: none;}
#product_search #month{margin: 30px 0 0 0;}
#product_search #month dd ul{margin-top: 25px; text-align: center;}
#product_search #month dd ul li{float: none; width: inherit; display: inline-block; font-size: 16px; margin: 0 20px 20px 0;}
#product_search #month dd ul li:last-child{margin: 0;}
#product_search .attention{margin: 0; font-size: 14px; text-align: center;}
#tokusyu.event_remind_list .attention,#tokusyu.birthday .attention{margin: 0;}

#tokusyu.forgift #product_search dl #month dt span{margin: 0;}
#tokusyu.forgift #product_search dl #month dt:before{content: ""; width: 100%; height: 34px; position: absolute; background: #efefef; left: 0;}
#tokusyu.forgift #product_search dl #month dt span:before{background-image: none;}

#tokusyu.birthday #product_search h2.product_search_title{display: none;}
#tokusyu.birthday #product_search{padding: 0; margin-bottom: 45px;}

#tokusyu.birthday #color .inner{margin-bottom: 80px !important;}


/* ec */
.ec #product_search {width: 100%; padding-top: 0; zoom: 1;}
.ec #product_search h2 {
	margin-top: 95px;
	padding-bottom: 0;
	font-size: 40px;
	font-family: "Frank Ruhl Libre", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1;
}
.ec #product_search dl dt {
	font-size: 16px;
	text-align: center;
	background: none;
	height: auto;
}
.ec #product_search dl dd {
	font-size: 16px;
}
.ec #product_search dl dd ul {
	padding: 0;
}
.ec #product_search dl dd ul::after {
	display: none;
}

/* purpose */
.ec #product_search .purpose dd {
	margin-top: 20px;
}
.ec #product_search .purpose dd ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0 35px;
}
.ec #product_search .purpose dd ul li {
	width: 310px;
	border-bottom: solid 1px #c8c8c8;
}
.ec #product_search .purpose dd ul li a {
	display: flex;
	align-items: center;
	padding: 8px 25px 8px 10px;
}
.ec #product_search .purpose dd ul li a span {
	display: inline-block;
	margin-right: 10px;
	width: 35px;
	height: 45px;
	flex-shrink: 0;
}

/* category */
.ec #product_search .category dd {
	margin-top: 40px;
}
.ec #product_search .category dd ul {
	display: flex;
	flex-wrap: wrap;
	gap: 70px 0;
}
.ec #product_search .category dd ul li {
	width: 200px;
	text-align: center;
}
.ec #product_search .category dd ul li span {
	display: block;
	margin-bottom: 25px;
}
.ec #product_search .category dd ul li img {
	width:200px;
	height:100px;
}

/* budget */
.ec #product_search .budget dd {
	margin-top: 40px;
}
.ec #product_search .budget dd ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px 50px;
}

/* type */
.ec #product_search .type dd {
	margin-top: 30px;
}
.ec #product_search .type dd ul {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 25px 40px;
}
.ec #product_search .type dd ul li {
	margin: 0;
	padding: 0;
	width: 133px;
	text-align: center;
}
.ec #product_search .type dd ul li span {
	display: block;
	margin-bottom: 15px;
}
.ec #product_search .type dd ul li img {
	max-width: 100%;
	height: auto;
}

/* color */
.ec #product_search .color dd {
	margin-top: 40px;
}
.ec #product_search .color dd ul {
	padding: 0 35px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
}
.ec #product_search .color dd ul li {
	width: 130px;
	text-align: center;
}
.ec #product_search .color dd ul li img {
	max-width: 100%;
	height: auto;
}


/* itemAccessLog - 閲覧履歴
-------------------------------------------------------------*/
#itemAccessLog{padding:50px 0; clear: both; position:relative;}
#itemAccessLog:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#itemAccessLog h2{font-size:26px; text-align: center; padding:0 0 30px 0; line-height:1.5;}

#itemAccessLog .box{zoom: 1; width:184px; margin: 0 20px 0 0; float: left;}
#itemAccessLog .box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#itemAccessLog .box img{width:184px;}
#itemAccessLog .text{width:184px; height: 42px; font-size: 14px;}
#itemAccessLog h3{display: block; font-size: 14px; font-weight:normal;}
#itemAccessLog .clear a{position:absolute; top:64px; right:0; text-decoration:underline;}
#itemAccessLog .bx-controls-direction{float:right; margin:30px 0 0 0;}
#itemAccessLog a.bx-prev, #itemAccessLog a.bx-next {width: 40px; height: 40px; text-indent: -9999px; position: relative; left: 0px; display: inline-block; border-radius: 20px; border: 1px solid #969696;}
#itemAccessLog a.bx-prev { left:-20px;}

#itemAccessLog .bx-prev:after{ content:""; right: 10px; width: 10px; height: 10px; border-top: 1px solid #333333; border-right: 1px solid #333333; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -ms-transform: rotate(-135deg);}
#itemAccessLog .bx-prev::before, #itemAccessLog .bx-prev::after{ position: absolute; top: 0; bottom: 0; right: 12px; margin: auto; content: ""; vertical-align: middle;}
#itemAccessLog .bx-prev:hover, #itemAccessLog .bx-next:hover{text-decoration:none; background:#969696; color: #FFFFFF;}
#itemAccessLog .bx-next:after{ content:""; left: 11px; width: 10px; height: 10px; border-top: 1px solid #333333; border-right: 1px solid #333333;-webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg);}
#itemAccessLog .bx-prev:hover:after,#itemAccessLog .bx-next:hover:after{border-color: #FFFFFF;}
#itemAccessLog .bx-next::before, #itemAccessLog .bx-next::after{ position: absolute; top: 0; bottom: 0; left: 12px; margin: auto; content: ""; vertical-align: middle;}


/* category_search - カテゴリーからさがす
-------------------------------------------------------------*/
#category_search{width:100%; zoom: 1; padding:70px 0 0 0;}
#category_search:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#category_search h2{font-size:26px; text-align: center; padding:0 0 30px 0; line-height:1.5;}
#category_search dl{width:100%;}
#category_search dl a:hover{text-decoration:none;}
#category_search dl dt{font-size: 28px; padding:16px 0 0 0;}
#category_search dl dt.gift a{position:relative; display: inline-block; padding:0 20px 0 42px;}
#category_search dl dt.gift a:before {content:""; position: absolute; top:-4px; left:0px; display:block; width:37px; height:43px; background-image: url("../images/gifticon.svg"); background-repeat:no-repeat; background-position: left top; background-size:100% 100%;}
#category_search dl dt.home a{position:relative; display: inline-block; padding:0 20px 0 42px;}
#category_search dl dt.home a:before {content:""; position: absolute; top:-9px; left:0px; display:block; width:35px; height:54px; background-image: url("../images/homeicon.svg"); background-repeat:no-repeat; background-position: left top; background-size:100% 100%;}
#category_search dl dt.caregoods{font-size:28px;}
#category_search dl dt.caregoods a{position:relative; display: inline-block; padding:0 20px 0 60px;}
#category_search dl dt.caregoods a:before {content:""; position: absolute; top:1px; left:0px; display:block; width:57px; height:42px; background-image: url("../images/careicon.svg"); background-repeat:no-repeat; background-position: left top; background-size:100% 100%;}
#category_search dl dt span{font-size: 24px; vertical-align: text-top;}
#category_search dl dt span.caregoods{font-size: 32px; vertical-align: baseline;}
#category_search dl dt span:before, #category_search dl dt span:after{ position: absolute; top: 6px; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle;}
#category_search dl dt span::after{ content:""; right: 0; width: 10px; height: 10px; border-top: 2px solid #c8391c; border-right: 2px solid #c8391c; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg);}
#category_search dl dd{margin: 16px 0 20px 0; zoom:1;}
#category_search dl dd:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#category_search dl ul{width:100%;}
#category_search dl ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#category_search dl ul li{float:left; margin: 0 20px 20px 0; font-size:16px; }
#category_search dl ul li:nth-of-type(5n){margin:0;}
#category_search dl ul li a{ position:relative; width: 184px; height: 69px; display:table-cell; vertical-align: middle; text-align: center; padding:0 15px 0 15px; line-height:22px;}
#category_search dl ul li{display: inline-block; text-align:left;}
#category_search dl ul li a:before, #category_search dl ul li a:after{ position: absolute; top: 2px; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle;}

@media screen and (min-width:0\0)  {
 #category_search dl ul li a:before, #category_search dl ul li a:after{ position: absolute; top: 50%; bottom: 0; right: 0; margin: -7px 0 0 0; content: ""; vertical-align: middle; display: block;}

}


#category_search dl ul li a:after{ content:""; right: 10px; width: 10px; height: 10px; border-top: 2px solid #c8391c; border-right: 2px solid #c8391c; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg);}
#category_search dl ul li span{text-align:left; display: inline-block;}
#category_search dl dd.gift ul li:nth-of-type(5n){margin:0 20px 0 0;}
#category_search dl dd.gift ul li a{ background:url("../images/category_bg01.png") left top;}
#category_search dl dd.home ul li a{ background:url("../images/category_bg02.png") left top;}
#category_search dl dd.caregoods ul li a{ background:url("../images/category_bg03.png") left top;}
#category_search dl dd.gift ul{width: 612px; float:left;}
#category_search dl dd.gift p{width: 184px; height: 54px; float: left;}
#category_search dl dd.gift p{margin: 0;}
#category_search dl dd.gift p:nth-of-type(1){margin: 0 20px 0 0;}
#category_search dl dd.gift p a{display: block;}


/* シルバーエッグ
-------------------------------------------------------------*/
.personalrec{ zoom: 1; padding:70px 0 0 0;}
.personalrec:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
.personalrec h2{font-size:26px; text-align: center; padding:0 0 30px 0; line-height:1.5;}
.dv_rc_items{float: left; width: 235px; margin: 0 20px 20px 0;}
.dv_rc_items:nth-of-type(6){margin:0 0 20px 0!important;}
.dv_rc_items:nth-of-type(10){margin:0 0 20px 0!important;}
.dv_rc_items:nth-of-type(14){margin:0 0 20px 0!important;}
.dv_rc_items a{text-decoration: none;}
.dv_rc_items a:hover{text-decoration: underline;}
.dv_rc_items img{width:100%;}
.dv_rc_items .dv_rc_name{font-size:13px; height: 40px; overflow:hidden;}
.dv_rc_items .dv_rc_description{ display: none;}
.dv_rc_items .dv_rc_price{margin: 0px 0px; font-size: 18px; color: #c8391c; text-align: right;}

#main.cart .nottmpty .dv_rc_items{float: left; width: 172px; margin: 0 20px 20px 0;}
#main.cart .nottmpty .dv_rc_items:nth-of-type(6){margin:0 0 20px 0!important;}
#main.cart .nottmpty .dv_rc_items:nth-of-type(10){margin:0 0 20px 0!important;}
#main.cart .nottmpty .dv_rc_items:nth-of-type(14){margin:0 0 20px 0!important;}

/* モーダルボタン
-------------------------------------------------------------*/
#modalBlockWrap {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
	z-index: 100010;
}
#modalBlock {
	width: 1167px;
	height: 525px;
	background-color: rgba(200, 58, 28, 0.9);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 55px 75px 80px;
	z-index: 100011;
}
.modalBtnClose {
	position: absolute;
	top: 27px;
	right: 78px;
}
.modalLogo {
	text-align: center;
	margin-bottom: 40px;
}
.modalBtnList {
	display: flex;
	justify-content: space-between;
}
.modalBtnList li {
	position: relative;
	top: -6px;
	width: 297px;
	height: 273px;
}
.modalBtnList li a {
	display: block;
	width: 100%;
	height: 100%;
}
.modalBtnList li span {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}
.modalBtnList li span.btnImg {
	-webkit-transition: all 0.4s cubic-bezier(0, 0.7, 0, 1);
	transition: all 0.4s cubic-bezier(0, 0.7, 0, 1);
	top: 0;
	left: 0;
}
.modalBtnList li span.btnShdow {
	background-color: rgba(162, 17, 6, 0.9);
	top: 13px;
	left: 13px;
	z-index: -1;
}
.modalBtnList li a:hover {
	opacity: inherit;
}
.modalBtnList li a:hover span.btnImg  {
	-webkit-transform: translate(13px, 13px);
	transform: translate(13px, 13px);
}
.modalBtnEngish {
	margin-top: 30px;
	text-align: right;
}

/* =================================================================
7.カートの中身～注文完了まで
使用ファイル：cart_index.xhtml, cart_login.xhtml
　　　　　　　cart_seisan.xhtml, cart_confirm.xhtml
　　　　　　　cart_pre.xhtml, cart_result.xhtml
=================================================================*/
/* cartSidebar - カートフロー内サイドバー
-------------------------------------------------------------*/
#cartSidebar{width: 210px; float: right;}
#cartSidebar #sideInner{width: 210px;}
#cartSidebar .total_box{ padding: 10px; background: #f5f5f5;}
#cartSidebar .total_box .box{border: none; zoom: 1; margin-bottom: 10px;}
#cartSidebar .total_box .box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartSidebar .total_box h2{margin: 0; background: none; padding: 0px; border: 0px; font-size: 14px; font-weight: bold; float: left;}
#cartSidebar .total_box p.price{font-size: 16px; float: right; margin: 0px; font-weight: bold;}
#cartSidebar .total_box img{margin: 0px auto 10px; display: block;}
#cartSidebar .total_box .totalpricebox{border: none; zoom: 1; margin-bottom: 10px; zoom: 1; padding-top: 10px; border-top: 1px #c8c8c8 solid;}
#cartSidebar .total_box .totalpricebox:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartSidebar .total_box .teiki_text{margin: 0; font-size: 12px;}
#cartSidebar .cartButtonArea a{display: block; margin: 0 auto 10px; width: 160px;}
#cartSidebar .cartButtonArea img{display: block;}
#cartSidebar .cartButtonArea .button.positive{display: block; margin: 0 auto 10px; width: 160px; padding: 5px 0;}
#cartSidebar .cartButtonArea .button.negative{display: block; margin: auto; padding: 5px 19px;}
#cartSidebar .tax{font-size: 9px; color: #666;}
#cartSidebar .cartButtonArea .kiyaku{font-size: 13px;}
#cartSidebar .cartButtonArea .kiyaku a{display: inline; width: auto; margin: auto; text-decoration: underline;}

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
#cartIndex{width: 1000px; padding-bottom: 20px; zoom: 1; margin: 0 auto;}
#cartIndex .button.dlt{background: #FFF; color: #222; display: inline-block; padding: 0 7px; font-size: 12px; text-align: center;  text-decoration: none; line-height: 23px; border: 1px solid #c8c8c8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-appearance: none; cursor: pointer;}
#cartIndex .button.dlt:hover{background: #c8c8c8; color: #FFF;}

#cartIndex .content{width: 750px; float: left; margin-right: 20px;}
#cartIndex:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartIndex table{width: 750px; margin: 0px 0 10px;}
#cartIndex table th.itemname{width: 500px;}
#cartIndex .img_box{width: 80px; height: 80px; text-align: center; position: relative; float: left;}
#cartIndex .img_box img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#cartIndex .text_box{padding-left: 90px;}
#cartIndex .text_box p{margin: 0 0 10px; font-size: 100%;}
#cartIndex .text_box p.code{font-size: 80%;}
#cartIndex .text_box p.last{margin-bottom: 0px;}

#cartIndex .empty{margin: 20px 0;}
#cartIndex .price{color: #c8391c; text-align: right;}
#cartIndex .tax{font-size: 9px; color: #666;}
#cartIndex .amount{text-align: center;}
#cartIndex .delete{text-align: center; width:70px;}
#cartIndex .comment{font-size:12px;}
#cartIndex .total{margin: 0px 0 60px; padding: 0px 0 5px; font-weight: bold; text-align: right; border-bottom: #c8c8c8 1px solid; float: left; width: 750px;}
#cartIndex .total p{margin: 0px; font-size: 90%;}
#cartIndex h2{margin-top: 30px; margin-bottom: 15px; padding: 1px 0px 4px 0; font-size: 20px; font-weight: normal; border-bottom: 1px solid #c8c8c8;}
#cartIndex .box{margin-bottom: 30px; clear: both;}
#cartIndex .box .buttonarea.amazon_btn{margin: 10px; padding: 10px 0 0; text-align: center;}

/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin{zoom: 1;}
#cartLogin:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartLogin table{margin: 0 auto 20px auto; width: 428px; border: none;}
#cartLogin table th{background: none; width:120px;}
#cartLogin table td input{width:250px;}
#cartLogin table tr{border: none;}
#cartLogin h2{margin-bottom: 15px; padding: 0 15px; font-size: 20px; font-weight: normal;}
#cartLogin .box{border: 1px solid #c8c8c8; width: 468px; float: left; margin: 0 10px 30px; padding: 20px 0; position: relative; /*padding-bottom: 70px;*/}
#cartLogin .box .buttonarea{width: 100%; margin: 30px 0; padding: 0;}
#cartLogin .box .buttonarea.not_login{margin: 40px 0 20px 0;}
#cartLogin .box .buttonarea.login{margin: 10px 0; padding: 0;}
#cartLogin .box table{margin: 10px; width: 446px;}
#cartLogin .box .link_text{text-align: right; padding: 15px 15px 15px;}
#cartLogin .box .regist_area p{margin: 0 10px; font-size: 13px;}
#cartLogin .box .regist_non_area{width: 100%; padding:0 15px;}
#cartLogin .box .regist_non_area p{margin: 0 0 10px; font-size:14px;}
#cartLogin .box .regist_non_area dl{ text-align:center; margin:21px 0 0 0;}
#cartLogin .box .regist_non_area dl dt{ background:#efefef; padding:5px; font-size:16px;}
#cartLogin .box .regist_non_area dl dd{font-size: 17px; padding:10px 0 0 0;}
#cartLogin .box .amazon_area{width: 442px; margin: 0 auto;}
#cartLogin .box .amazon_area p{margin: 10px 0;}
#cartLogin .widebox{border: 1px solid #c8c8c8; width: 960px; margin: 0 10px 30px; padding: 20px 0; clear: both;}
#cartLogin .widebox p{padding: 0 20px;}
#cartLogin .widebox .link{text-align: right;}
#cartLogin .widebox table{width: 920px;}
#cartLogin input[type='text'],#cartLogin input[type='password']{width: 200px;}
#cartLogin .social_provider ul{margin: 10px 20px 20px;}
#cartLogin .social_provider ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartLogin .social_provider ul li{width: 220px; height: 44px; font-size: 14px; display: block; float: left; margin: 10px 5px;}
#cartLogin .social_provider ul li a{display: block; text-decoration: none;}
#cartLogin .social_provider ul li a span{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
}

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

#cartLogin .no_login dl {text-align: center;}
#cartLogin .no_login dl dt{background: #efefef; padding: 5px; font-size: 16px;}
#cartLogin .no_login dl dd{font-size: 15px !important; padding: 10px 0 0 0;}
#cartLogin .no_login dl dd ol{text-align:left; padding-left: 1em;}
#cartLogin .no_login dl dd ol li{padding:2px 0; list-style-type: decimal;}
#cartLogin .no_login dl dd ol li strong{font-size:16px;}
#cartLogin .no_login dl dd p{font-size:12px; text-align: left;}
#cartLogin .no_login dl dd p a{text-decoration: underline;}



/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/

#cartFlow{width: 1000px; padding-bottom: 20px; zoom: 1; margin: 0 auto;}
#cartFlow:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartFlow .content{width: 750px; float: left; margin-right: 20px;}
#cartFlow a.button{display: inline-block; height: 40px;}
#cartFlow th{width: 210px; padding:10px 5px 10px 10px;}
#cartFlow td input{vertical-align: baseline;}
#cartFlow table.newCreditCard{width: 520px; font-size: 100%; margin: 10px auto;}
#cartFlow table.newCreditCard th{width:130px;}
#cartFlow .point_info{margin-bottom: 20px;}
#cartFlow .point_info .point{color:#c8391c; font-weight: bold;}
#cartFlow .teiki ul{zoom: 1; margin: 5px 10px;}
#cartFlow .teiki ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartFlow .teiki ul li{float: left; font-size: 13px; margin-right: 1em;}
#cartFlow table{width: 750px; margin: 0px 0 30px;}
#cartFlow table.change_data{display: none;}
#cartFlow table td.short input{width: 120px;}
#cartFlow .teiki_table{margin: 0; width: 520px;}
#cartFlow .text_box{padding-left: 90px;}
#cartFlow .text_box p{margin: 0 0 10px; font-size: 100%;}
#cartFlow .text_box p.code{font-size: 80%;}
#cartFlow .text_box p.last{margin-bottom: 0px;}

#cartFlow h2{margin-top: 15px; margin-bottom: 15px; padding: 1px 0px 4px 0; font-size: 20px; font-weight: normal;}
#cartFlow h2 .lock{position:relative; top:-3px;}
#cartFlow h2.order_num{border-bottom: none; font-weight: bold;}
#cartFlow h3{margin-top: 15px;}
#cartFlow .price{color: #c8391c; text-align: right;}
#cartFlow .total{margin: 0px 0 30px; padding: 0px 0 5px; font-weight: bold; text-align: right; border-bottom: #CCC 1px solid; width: 700px;}
#cartFlow .total p{margin: 0px; font-size: 90%;}
#cartFlow .attention{color: #c8391c; font-size: 12px;}
#cartFlow .attention_message{color: #c8391c; font-weight: bold;}
#cartFlow .attention_wrapping{font-size:13px;}

#cartFlow .multi_send .buttonarea{background: #efefef; margin: 0px 0 20px; padding: 30px 0;}
#cartFlow .multi_send table.delivery{margin-top: -21px;}
#cartFlow .multi_send .sendAddressButton{margin-top: 15px;}
#cartFlow .multi_send .sendAddressButton:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartFlow .multi_send .sendAddressButton a{float: right;}
#cartFlow .multi_send .sendAddressButton .button{font-size: 14px;}
#cartFlow .multi_send .sendAddressButton .button.positive{margin-left: 10px;}
#cartFlow #reCAPTCHA{margin: 20px auto 40px auto;}
#cartFlow #reCAPTCHA iframe{width: 158px; height: 138px;}
#cartFlow #reCAPTCHA .g-recaptcha{display: block; -webkit-transform: scale(1.19); -ms-transform: scale(1.19); transform: scale(1.19); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;}

#cartFlow .cartitem{margin-top: 20px; width: 210px; padding: 10px; border:1px solid #c8c8c8;}
#cartFlow .cartitem h2{margin: 0 0 10px; padding: 0px; border: none; background: none; font-size: 13px; font-weight: bold;}
#cartFlow .cartitem li{margin-bottom: 10px; padding-bottom: 0px; border-bottom: 1px solid #c8c8c8;}
#cartFlow .cartitem .img_box{ width: 25px; height: 25px; float: left; margin-right: 5px; text-align: center; position: relative;}
#cartFlow .cartitem .img_box img{width: auto; max-width: 25px; max-height: 25px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#cartFlow .cartitem .text_box{padding-left: 0px; zoom: 1; margin-bottom: 5px;}
#cartFlow .cartitem .text_box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartFlow .cartitem .text_box p{margin: 0px; font-size: 70%; line-height: 130%;}
#cartFlow .cartitem p.price{font-size: 70%; margin: 0px; float: left;}
#cartFlow .cartitem .title{color: #222;}
#cartFlow .cartitem p.amount{font-size: 70%; margin: 0px; float: right;}
#cartFlow .cartresult table{width: 920px; margin: 0 auto 20px;}
#cartFlow .cartresult .total{width: 920px; margin: 0 10px 30px;}
#cartFlow .cartconfirm table{width: 920px; margin: 0 auto 20px;}
#cartFlow .cartconfirm .total{width: 920px; margin: 0 10px 30px;}
#cartFlow .error{clear: both; margin: 5px 10px; color: #c8391c; font-weight: bold; text-align: center; font-size: 80%;}
#cartFlow .delivery_error{color:#F00; font-weight: bold;}
#cartFlow .card-supplement{font-size:12px; color:#368bc6; font-weight:bold;}
#cartFlow .novelty ul{clear: both; zoom:1;}
#cartFlow .novelty ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartFlow .novelty ul li{float: left; margin:0 10px 0 0;}
#cartFlow  .sendCopyButton{margin-bottom: 15px;}

#cartFlow .message_card{line-height: 150%; margin:0!important;}
#cartFlow .message_card .msg_img{margin: 10px 0; zoom:1;}
#cartFlow .message_card .msg_img:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartFlow .message_card .msg_img img{width:200px; float:left; margin:0 10px 0 0;}
#cartFlow .message_area{margin-top: 30px;}
#cartFlow .message_area dl{overflow: hidden;}
#cartFlow .message_area p{margin: 5px 0; font-size: 14px;}
#cartFlow .message_area textarea{max-width: 530px; width: 100%;}
#cartFlow .message_area input{max-width: 530px; width: 100%; margin-bottom: 10px;}

#cartFlow .ivent_month{margin-right: 5px;}
#cartFlow .ivent_day{margin-left: 20px; margin-right: 5px;}
#cartFlow td .bikou{margin: 5px 0px 10px 0; font-size: 13px;}

#cartFlow .send_to_another{display: none;}
#cartFlow .send_to_another_bill{margin: 40px 0 0 0; font-size: 18px;}
#cartFlow .send_to_another_bill p{margin: 0 0 5px 0;}

#cartFlow .multi_send .buttonarea{margin: 0px 0 40px;}
#cartFlow .another_area{margin-bottom: 40px;}
#cartFlow .another_ttl{margin-top: 40px;}
#cartFlow .deli_item:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartFlow .deli_item_img{float: left;}
#cartFlow .item_info{float: left; margin-left: 10px; max-width: 410px;}
#cartFlow .item_info .tax{font-size: 10px; color: #666;}
#cartFlow .deli_item_img img{width:100px;}
#cartFlow .remind_area h3{margin-top: 15px;}
#cartFlow .area_attention{font-size:12px;}

#cartFlow .option_item_name{font-size: 15px;}
#cartFlow .option_info:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartFlow .option_info > div{float: left; margin-right: 10px;}
#cartFlow .option_info .tax{font-size: 10px; color: #666;}
#cartFlow .warpping_item{margin-bottom: 10px;}
#cartFlow .warpping_item:last-child{margin-bottom: 0;}
#cartFlow .delivery_day{display: block; margin: 0 0 10px 0;}
#cartFlow .delivery_day p{float: left;}
#cartFlow .multi_send .buttonarea{margin: 0px 0 40px;}
#cartFlow .another_area{margin-bottom: 40px;}
#cartFlow .another_ttl{margin-top: 40px;}
#cartFlow .deli_item{margin-bottom: 20px;}
#cartFlow .deli_item:last-child{margin-bottom: 0;}
#cartFlow .deli_item:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartFlow .deli_item_img{float: left;}
#cartFlow .deli_item_img img{width: 100px;}
#cartFlow .remind_area h3{margin-top: 15px;}
#cartFlow .customer_input textarea{width: 550px;}
#cartFlow .sendAddressButton .button.negative.small{line-height: 32px; font-size:14px;}
#cartFlow .amount p{float: left;}
#cartFlow .amount select{margin:0 10px;}
#cartFlow .amount .tax{font-size: 10px; color: #666;}
#cartFlow .limit_month{padding:0 0 10px 0;}
#cartFlow .wrapping p.sub_ttl{font-weight: bold; padding:10px 0 0 0; margin:0; font-size:15px;}
#cartFlow .buttonarea.multiple{background:#efefef; margin:0; padding:20px 10px;}
#cartFlow .times{display:none;}
#cartFlow .exist_kessai{padding:0 0 15px 0;}

#cartFlow .kessai_loop{background:none; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; padding:10px 10px 0px 10px;}
#cartFlow .kessai_loop:last-of-type{ border-bottom:1px solid #c8c8c8;}
#cartFlow .kessai_loop dt{padding:0 0 10px 0;}
#cartFlow .kessai_loop dd{margin:0;}
#cartFlow .kessai_loop dd .box{padding:0 10px; font-size:14px;}
#cartFlow .kakaku .tax{font-size: 10px; color: #666;}
#cartFlow .personalrec h2{font-size:26px;}
#cartFlow #recommend_content h2{font-size:26px;}
#cartFlow .new .disable{color: #BBB;}

.shipping_notice{margin: 5px 0 5px 18px; font-size: 14px;}
.shipping_notice_item{margin-bottom: 5px; display: flex; align-items: flex-start;}
.shipping_notice_icon{width: 18px; margin-right: 5px;}
.shipping_notice_strong{font-weight: bold; color: #F00;}
.shipping_notice_small{font-size: 13px;}

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

/* cartResult - カート完了画面
-------------------------------------------------------------*/
#cartResult{padding:30px 0 0 0;}
#cartResult h1 strong{font-size: 40px; color:#c83b1b;}
#cartResult h1{font-size:20px; font-weight: normal; text-align:center;}
#cartResult .orderNumber{margin: 20px 0px; background:#efefef; text-align: center; padding:10px;}
#cartResult .orderNumber strong{ font-size: 20px; font-weight:normal;}
#cartResult .orderNumber a.button{margin:0 0 0 20px;}
#cartResult .remindInfo{width:100%; padding:15px 0; text-align: center;}
#cartResult .remindInfo p{padding:0 0 10px 0;}
#cartResult .remind_area{padding: 20px 0 0 0;}
#cartResult .onLineinfo{width:100%; background:#efefef; padding:15px 15px 0 15px; font-size:14px; margin:30px 0 0 0;}
#cartResult .onLineinfo dt{font-size:20px; position: relative; padding: 0 0 0 30px;}
#cartResult .onLineinfo dt:before{content:''; position: absolute; top:50%; left:0px; display: block; margin:-10px 0 0 0; width:20px; height:20px; background:url("../images/check.svg") no-repeat; background-size:100%;}
#cartResult .onLineinfo dd{padding:10px 0 15px 0;}
#cartResult .contact dl{background:#efefef; width:750px; margin:40px auto 0; padding:10px 20px 15px; text-align: center;}
#cartResult .contact dt{font-size:20px; font-weight:bold;}
#cartResult .contact dt span{ position: relative; padding: 0 0 0 15px;}
#cartResult .contact dt span:before{content:''; position: absolute; top:50%; left:-10px; display: block; margin:-12px 0 0 0; width:20px; height:20px; background:url("../images/icon_tel.png") no-repeat; background-size:100%;}
#cartResult .contact dl dd{background:#FFFFFF; padding:5px; margin:10px 0;}
#cartResult .contact dl dd p span{display: inline-block;}
#cartResult .contact dl dd p span.telNum{font-size:30px; line-height:1; vertical-align:bottom; padding:0 10px;}

#main .kessai_area{padding: 15px; background: #FFFCDB;}
#main .kessai_area h1{margin: 0 0 10px; padding: 0 0 0; color: #c83b1b; font-weight: bold; text-align: center; font-size: 26px;}
#main .kessai_area p{text-align: center;}
#main .kessai_area .buttonarea{margin: 10px 10px 0; padding-top: 5px;}

/* cartRecommend - カートおすすめ
-------------------------------------------------------------*/
#cartRecommend{margin-top: 20px; width: 210px; padding: 10px; border: #c8c8c8 1px solid; }
#cartRecommend .box{zoom: 1; margin: 0px 0 20px; border: 0px;}
#cartRecommend .box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartRecommend .text{margin-left: 90px; min-height: 80px;}
#cartRecommend h2{margin-top: 0; margin-bottom: 10px; height: auto; background: none; padding: 0px; border-bottom: none; font-size: 13px; font-weight: bold;}
#cartRecommend h2 a{float: right; font-size: 12px;}
#cartRecommend h3{display: block; margin: 0px 0px 10px; background: none; padding: 0px; font-size: 11px; border-bottom: none;}
#cartRecommend .appeal{display: block; margin: 0; color: #F60; font-size: 11px;}
#cartRecommend .price{display: block; margin: 0; color: #c8391c;}
#cartRecommend .price .teika{font-weight: bold; font-size: 100%;}
#cartRecommend .price .other{font-size: 90%;}
#cartRecommend .explanation1{display: block; margin: 5px 0px 0 0; padding: 10px 0; border-top: #c8c8c8 1px solid; font-size: 80%; line-height: 120%;}
#cartRecommend .button{display: block; margin: 0px; padding-top: 10px; text-align: center;}
#cartRecommend .property{ margin: 0 0 10px; color: #AAA; font-size: 75%; text-align: left;}
#cartRecommend .button input{margin: 0 auto; display: block;}
#cartRecommend .button img{margin: 0 auto; display: block;}

#cartRecommend .img_box{width: 80px; height: 80px; text-align: center; position: relative; float: left;}
#cartRecommend .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;}

#main #cartRecommend .button.positive{background-color: #c8391c;}
#cartRecommend .button.positive, #cartRecommend .not_link{padding: 0; width: 160px; font-size: 14px;}
#cartRecommend .not_link{margin: 0; line-height: 30px;}


/* =================================================================
8.定期購入商品履歴照会・変更
使用ファイル：teiki_index.xhtml, teiki_detail.xhtml
　　　　　　　teiki_renew.xhtml, teiki_renew_confirm.xhtml
=================================================================*/

/* teikiIndex - 定期購入商品一覧
-------------------------------------------------------------*/
#teikiIndex h3{margin: 5px; padding-left: 8px; border-left: 6px solid #FFF; font-size: 110%;}
#teikiIndex h4{display: block; margin: 30px 20px 20px; padding-left: 15px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 0 8px no-repeat; font-size: 100%;}
#teikiIndex .box{margin: 10px; padding: 10px; border: 1px solid #CCC; background: #FFF;}
#teikiIndex .head{padding: 5px; background: #F1F1F1;}
#teikiIndex .headDetail{padding-left: 15px; background: url("../images/marker_on.gif") 0 5px no-repeat;}
#teikiIndex .headRenew{color: #777; text-align: right;}
#teikiIndex .price{color: #c8391c; text-align: right;}
#teikiIndex table{width: 708px;}
#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; margin: 0px 20px;}
#teikiIndex .cancel_oder form{height: 20px;}

/* teikiDetail - 定期購入商品照会・変更・確認画面
-------------------------------------------------------------*/
#teikiDetail h3{margin: 5px; padding-left: 8px; border-left: 6px solid #FFF; font-size: 110%;}
#teikiDetail h4{display: block; margin: 30px 20px 20px; padding-left: 15px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 0 8px no-repeat; font-size: 100%;}
#teikiDetail h5{margin: 20px 20px 0;}
#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: #c8391c;}
#teikiDetail table{width: 668px;}
#teikiDetail td.month{background: #F9F9F9; font-weight: bold; color: #960;}

/* 利用規約（共通）
-------------------------------------------------------------*/
.kiyaku_area h2{ padding: 20px 0px 10px 0; font-size: 20px; font-weight: normal;}
.kiyaku_area .box{border: 1px solid #c8c8c8; display: block; height: 200px; overflow-y: scroll; padding: 15px;}
/*メールマガジン*/
.no-sidebar .kiyaku_area{padding:30px 10px;}


/* =================================================================
9.フッタ
使用ファイル：common/footer.xhtml
=================================================================*/
.footer_banner{background:#efefef; padding:30px 0; width: 100%; min-width:1000px;}
.footer_banner .inner{width:1000px; margin: auto;}
.footer_banner .inner p{float: left; margin:0 20px 0 0;}
.footer_banner .inner p:nth-of-type(2){margin:0;}
.footer_banner .inner p a{display: block;}
.footer_banner .inner p img{display: block;}
.footer_banner .inner ul{width:100%; zoom:1; clear:both; font-size:0;}
.footer_banner .inner ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
.footer_banner .inner ul.relation{ padding:20px 0 40px 0;}
.footer_banner .inner ul.relation li{float:left; margin:0 20px 0 0;}
.footer_banner .inner ul.relation li:nth-of-type(5){margin:0;}
.footer_banner .inner ul.sns_contant{text-align:center;}
.footer_banner .inner ul.sns_contant li{text-align:center; display:inline-block; margin:0 10px;}
.footer_banner .inner ul.sns_contant li img{font-size:0;}
.footer{clear: both; width: 100%; height: 80px; margin-top: 30px; padding: 10px 0;}
.footer .inner{width: 980px; margin: 0 auto;}
.footer .backtotop{padding-bottom: 10px; width: 980px; height: 20px; margin: 0 auto;}
.footer .backtotop a{display: block; width: 135px; height: 20px; background: url("../images/footer_backtotop.gif") no-repeat; text-indent: -9999px; float: right;}
.footer_nav #backtotop{text-align:center; width:113px; height:50px; position:fixed; right:0; bottom:20px;}
.footer_nav #backtotop a{position:relative; width:113px; height:50px; display:block; color:#FFFFFF; font-size:12px; background:#c8391c; padding:22px 0 0 0;}
.footer_nav #backtotop a:before,.footer_nav #backtotop a:after{ position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle;}
.footer_nav #backtotop a:hover{text-decoration:none; background: rgb(200,57,28,0.7);}
.footer_nav #backtotop a:after{ content:""; top: 14px; right: 49px; margin:0 0 0 -10px; width: 10px; height: 10px; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.footer_nav .inner_bottom p{padding:30px 0 0 0; clear:both; font-size: 11px;}
#backtotop.is-fixed { position: fixed; bottom : 20px; right: 0;}
#backtotop.is-relative { position: static; margin: -50px 0 0 0; float: right;}

.footer_nav .inner_top{padding:40px 0 15px 0; zoom:1; width:1000px; margin: auto; border-bottom:1px solid #c8c8c8;}
.footer_nav .inner_top:after,.footer_nav .inner_bottom:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
.footer_nav .inner_bottom{padding:20px 0 40px 0; zoom:1; width:1000px; margin: auto;}
.footer_nav dl{width:166px; padding:0 10px 0 0; float:left;}
.footer_nav dl.use,.footer_nav dl.shop{width:400px;}
.footer_nav dl dt{font-size:16px; font-weight:bold;}
.footer_nav dl dd{width:100%; padding:0 0 0 10px;}
.footer_nav dl dd ul li{ font-size: 12px; padding:13px 12px 0 0;}
.footer_nav dl.use dd ul{float: left; padding:0 0 0 0px; width: 390px;}
.footer_nav dl.use dd ul li{float: left; padding:13px 12px 0 0px; width:190px;}
.footer_nav .inner_bottom dl {width: 200px;}
.footer_nav .inner_bottom .bottomarea{width:200px; float: left; font-size:16px; font-weight:bold;}
.fcorporate{width:1000px; margin: auto; text-align:center; font-size:12px; padding:0 0 15px 0;}
.fcorporate ul{padding:0 0 18px 0;}
.fcorporate ul li{ position:relative; display:inline-block; padding:0 8px;}
.fcorporate ul li:after{content:"|"; position:absolute; height:10px; width:10px; padding:0 8px; color:#222222;}
.fcorporate ul li:last-child:after{content:"";}
#footer.cart .copyright{padding: 10px 0 20px; font-size: 10px; color: #222222; text-align: center; border-top: 1px solid #CCC;}


/* =================================================================
10.商品詳細・一覧、トピックス詳細・一覧
使用ファイル：item_list$detail.xhtml, item_list$image.xhtml
　　　　　　　item_list$simple.xhtml, item_detail.xhtml
		　　topics_list.xhtml,topics_detail.xhtml
=================================================================*/
#container.list #main{padding:68px 0 0 0;}

/* category_html - カテゴリHTML
-------------------------------------------------------------*/
#category_html{width: 100%; min-width:1000px; margin: 0 0 -68px 0;}
#category_html .category_image{ overflow-y: hidden; max-height:330px; min-height:242px; min-width:1000px; position:relative;}
#category_html img{display: block; width: 100%; max-width:1000px; margin: 76px auto 0;}
#category_html .category_image h1{ width:1000px; font-size: 50px; font-weight: normal;}
#category_html .category_info{background:#efefef; width: 1000px; margin: 0 auto; padding:14px 0;}
#category_html .category_info p{width:1000px; margin:0 auto; font-size:14px;}
#container.list h1{padding: 0px 0 30px 0; font-size: 40px!important;}

/* itemListCategory - カテゴリ
-------------------------------------------------------------*/
#itemListCategory ul{margin: 10px 0 0 0;}
#itemListCategory ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#itemListCategory li{float: left; margin: 0 10px 0 0;}
#itemListCategory li .button.positive, #itemListCategory li .button.negative{padding: 12px 25px; display: block;}

#itemListCategory #list_search h2{height: 60px; width: 100%; text-align: center; line-height:60px; display:block; background:#efefef; font-size: 24px; font-weight: normal; position: relative; cursor: pointer;}
#itemListCategory #list_search h2:after{content:""; display:block; position: absolute; right: 10px; top: 50%; margin:-15px 0 0 0; width:30px; height:30px; background-image: url("../images/openicon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100% 100%; cursor: pointer;}
#itemListCategory #list_search h2.active:after{ background-image: url("../images/closeicon.svg"); background-repeat:no-repeat; background-position: right center;}
#itemListCategory #list_search dl dt{ font-size: 20px; position: relative; clear: both; display: inline-block; margin:20px 0 0 0;}
#itemListCategory #list_search dl dt.budget{ padding: 0 0 0 31px;}
#itemListCategory #list_search dl dt.budget:before{content:""; display:block; position: absolute; top: 50%; margin:-12px 0 0 0; left:0; width: 24px; height: 24px; background-image: url("../images/budgeticon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100%;}
#itemListCategory #list_search dl dt.color{ text-align: center; position: relative; clear: both; display: inline-block; padding: 0 0 0 31px; margin:40px 0 0 0;}
#itemListCategory #list_search dl dt.color:before{content:""; display:block; position: absolute; top: 50%; margin:-12px 0 0 0; left:0; width: 24px; height: 24px; background-image: url("../images/coloricon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100%;}
#itemListCategory #list_search dl dt.style{ text-align: center; position: relative; clear: both; display: inline-block; padding: 0 0 0 31px; margin:40px 0 0 0;}
#itemListCategory #list_search dl dt.style:before{content:""; display:block; position: absolute; top: 50%; margin:-12px 0 0 0; left:0; width: 26px; height: 24px; background-image: url("../images/styleicon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100%;}
#itemListCategory #list_search dl dt.vase{ text-align: center; position: relative; clear: both; display: inline-block; padding: 0 0 0 31px; margin:40px 0 0 0;}
#itemListCategory #list_search dl dt.vase:before{content:""; display:block; position: absolute; top: 50%; margin:-12px 0 0 0; left:0; width: 18px; height: 27px; background-image: url("../images/vaseicon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100%;}
#itemListCategory #list_search dl dt.keyword{ text-align: center; position: relative; clear: both; display: inline-block; padding: 0 0 0 31px; margin:40px 0 15px 0;}
#itemListCategory #list_search dl dt.keyword:before{content:""; display:block; position: absolute; top: 50%; margin:-12px 0 0 0; left:0; width: 24px; height: 24px; background-image: url("../images/keywordicon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100%;}

#itemListCategory #list_search dl dd{ zoom: 1;}
#itemListCategory #list_search dl dd:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#itemListCategory #list_search dl dd ul{ zoom: 1; padding:20px 0 0 0;}
#itemListCategory #list_search dl dd ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#itemListCategory #list_search dl dd ul li{float:left; font-size:16px; margin:0 20px 20px 0; position: relative;}
#itemListCategory #list_search dl dd ul li a{border:1px solid #969696; border-radius: 8px; padding:15px 30px; display: block;}
#itemListCategory #list_search dl dd ul li a:hover{text-decoration: none;}
#itemListCategory #list_search dl dd ul li .select{ display: block; color:#FFFFFF; background:#c83b1c; border-radius: 8px; padding:15px 30px;}
#itemListCategory #list_search .color_inner li a:before {position: absolute; top:50%; left:0; margin:-15px 0 0 10px; display:block; width:30px; height:30px; text-indent:0; background:#efccd8; border-radius:15px; background-position: left top; background-size:100% 100%;}
#itemListCategory #list_search .color_inner li a{ padding:10px 30px 10px 10px;}
#itemListCategory #list_search .color_inner li .select{ padding:12px 30px 10px 10px;}
#itemListCategory #list_search .color_inner li img{width:30px; vertical-align: middle; margin: -3px 0 0 0;}
#itemListCategory #list_search .clear{padding: 0 0 0 50px; font-size: 20px;}
#itemListCategory #list_search .clear a{color: #969696;}
#itemListCategory #list_search .style_inner a{ padding:15px 30px 15px 50px;}
#itemListCategory #list_search .style_inner .select{ padding:16px 30px 16px 50px;}
#itemListCategory #list_search .style_inner li a:before {content:""; position: absolute; top:50%; left:0; display:block; margin:-11px 0 0 10px; width:25px; height:22px; text-indent:0; background-image: url("../images/arrangementicon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100%;}
#itemListCategory #list_search .style_inner li .select:before { content:""; position: absolute; top:50%; left:0; display:block; margin:-11px 0 0 10px; width:25px; height:22px; text-indent:0; background-image: url("../images/select_arrangementicon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100%;}
#itemListCategory #list_search .style_inner li:nth-of-type(2) a:before { background-image: url("../images/bouqueticon.svg");  margin:-17px 0 0 10px; width:25px; height:35px;}
#itemListCategory #list_search .style_inner li:nth-of-type(2) .select:before { background-image: url("../images/select_bouqueticon.svg");  margin:-17px 0 0 10px; width:25px; height:35px;}

#itemListCategory #list_search .vase_inner a{ padding:15px 30px 15px 42px;}
#itemListCategory #list_search .vase_inner .select{ padding:16px 30px 16px 42px;}
#itemListCategory #list_search .vase_inner li a:before { content:"";  position: absolute; top:50%; left:0; display:block; margin:-12px 0 0 10px; width:16px; height:25px; text-indent:0; background-image: url("../images/clearicon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100%;}
#itemListCategory #list_search .vase_inner li .select:before { content:""; position: absolute; top:50%; left:0; display:block; margin:-12px 0 0 10px; width:16px; height:25px; text-indent:0; background-image: url("../images/select_vaseicon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100%;}
#itemListCategory #list_search .vase_inner li:nth-of-type(2) a:before { background-image: url("../images/greenicon.svg"); width:16px; height:25px;}
#itemListCategory #list_search .vase_inner li:nth-of-type(3) a:before { background-image: url("../images/yellowicon.svg"); width:16px; height:25px;}
#itemListCategory #list_search .vase_inner li:nth-of-type(4) a:before { background-image: url("../images/pinkicon.svg"); width:16px; height:25px;}
#itemListCategory #list_search .vase_inner li:nth-of-type(5) a:before { background-image: url("../images/redicon.svg"); width:16px; height:25px;}
#itemListCategory #list_search .vase_inner li:nth-of-type(6) a:before { background-image: url("../images/whiteicon.svg"); width:16px; height:25px;}
#itemListCategory #list_search .vase_inner li:nth-of-type(7) a:before { background-image: url("../images/goldicon.svg"); width:16px; height:25px;}
#itemListCategory #list_search .vase_inner li:nth-of-type(8) a:before { background-image: url("../images/blackicon.svg"); width:16px; height:25px;}
#itemListCategory #list_search .vase_inner li:nth-of-type(9) a:before { background-image: url("../images/patternicon.svg"); width:16px; height:25px;}
#itemListCategory #list_search .vase_inner li:nth-of-type(10) a:before { background-image: url("../images/singleicon.svg"); width:12px; height:34px; margin:-17px 0 0 10px;}
#itemListCategory #list_search .vase_inner li:nth-of-type(10) .select:before { background-image: url("../images/select_singleicon.svg"); width:12px; height:34px; margin:-17px 0 0 10px;}
#itemListCategory #list_search .vase_inner li:nth-of-type(11) a:before { background-image: url("../images/shorticon.svg"); width:21px; height:34px; margin:-17px 0 0 10px;}
#itemListCategory #list_search .vase_inner li:nth-of-type(11) .select:before { background-image: url("../images/select_shorticon.svg"); width:21px; height:34px; margin:-17px 0 0 10px;}
#itemListCategory #list_search .vase_inner li:nth-of-type(12) a:before { background-image: url("../images/wideicon.svg");  width:24px; height:34px; margin:-17px 0 0 10px;}
#itemListCategory #list_search .vase_inner li:nth-of-type(12) .select:before { background-image: url("../images/select_wideicon.svg");  width:24px; height:34px; margin:-17px 0 0 10px;}


#itemListCategory #list_search dd.keyword_inner input[type='text']{width: 500px; max-width: 500px; height: 50px; font-size:18px;}
#itemListCategory #list_search dd.keyword_inner input[type='submit']{width:48px; height:48px; background-image: url("../images/listsearchicon.svg"); background-repeat: no-repeat; border: none; vertical-align: bottom; margin:0 0 1px -55px; background-size: 27px 27px; background-position: center; text-indent:-9999px; cursor: pointer; background-color:#FFF;}
#itemListCategory dl.drilldown{margin:0 0 20px 0;}
#itemListCategory dl.drilldown dt{ text-align: center; position: relative; clear: both; display: inline-block; padding: 0 0 0 31px; margin:40px 0 15px 0;}
#itemListCategory dl.drilldown dt:before{content:""; display:block; position: absolute; top: 50%; margin:-12px 0 0 0; left:0; width: 24px; height: 24px; background-image: url("../images/drillicon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100%;}
#itemListCategory dl.drilldown dd ul li{float:left; font-size:16px; margin:0 20px 20px 0;}
#itemListCategory dl.drilldown dd ul li a{border:1px solid #969696; border-radius: 8px; padding:15px 30px; display: block;}
#itemListCategory dl.drilldown dd ul li a:hover{text-decoration: none;}
#itemListCategory dl.drilldown dd ul li .select{ display: block; color:#FFFFFF; background:#c83b1c; border-radius: 8px; padding:15px 30px; border: 1px solid #c83b1c;}
#itemListCategory .accordion_box{display:none;}

/* list - 一覧画面共通のメニュー
-------------------------------------------------------------*/
#list{padding:70px 0 0 0;}
#list.topicsList, #wishList #list{padding: 40px 0;}
#list .list_nav{zoom: 1;}
#list .list_nav:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#list .pageguide{padding:0 0 20px 0; font-size:14px;}
#list .rearrange{font-size:14px; display:inline;}
#list .number p,#list .rearrange p{margin:0; vertical-align:text-top; display: inline;}
#list .rearrange{ padding:0 0 0 10px;}
#list .rearrange .select-item-label{width: 150px;}
#list .pagelink{float:right; font-size: 16px;}
#list .rearrange .select-item{display:inline-block; position: relative; width: 150px; height: 30px; background-color: #efefef; padding: 0 0 0 10px;}



/* itemListDetail - 商品詳細一覧・プレゼント一覧
-------------------------------------------------------------*/
#itemListDetail{ zoom: 1; padding:20px 0;}
#itemListDetail:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#itemListDetail .box{float: left; width: 235px; margin: 0 20px 20px 0;}
#itemListDetail .box:nth-child(4n){margin:0 0 20px 0;}
#itemListDetail .box .image_box{display:block; position:relative;}
#itemListDetail .box .image_box p.number{position:absolute; top:3px; left:3px; width:34px; height:34px; background:rgba(255,255,255,0.3); border-radius:17px; padding:3px; margin:0;}
#itemListDetail .box .image_box p.number span.inner{ background:#363636; width:28px; height:28px; border-radius:17px; text-align:center; padding:3px 0; font-size:18px; display:block; color:#FFFFFF;}
#itemListDetail .box .image_box p.new{position:absolute; top:0px; right:0px; width:59px; height:59px; text-indent:-9999px; background-image: url("../images/newicon.svg"); background-size:59px 59px; background-position:left top; margin:0;}
#itemListDetail .box .image_box img{width:235px; display:block;}
#itemListDetail .box .text{padding:10px 0 0 0;}
#itemListDetail .box .text h3{font-size:14px; height: 42px;}
#itemListDetail .box .text h4.js-text-overflow{font-size:12px; overflow:hidden; font-weight:normal; padding:3px 0 0 0; width:235px; height:40px;}
#itemListDetail .price{margin: 0px 0px; font-size: 18px; color: #c8391c; text-align: right;}
#itemListDetail .price .tax{font-size:12px;}

#itemListDetail .flower_base{position: relative; display: block;}
#itemListDetail .flower_base a:hover{opacity: 1; transition: none;}
#itemListDetail .flower_base img{display: block; width: 235px; transition: opacity 700ms;}
#itemListDetail .flower_base_img img{position: absolute; opacity: 0; top: 0;}
#itemListDetail .box:hover .flower_base .img{opacity: 0;}
#itemListDetail .box:hover .flower_base_img img{opacity: 1; transition: opacity 300ms; /*backface-visibility: hidden; -webkit-backface-visibility: hidden;*/}

/* 商品アイコン追加 */
#itemListDetail .list-iconarea .list-icon{font-size:12px; padding:2px 6px; background:#c83b1c; display:inline-block; color:#fff; border-radius:4px;}

/* itemListSimple - 商品簡易一覧
-------------------------------------------------------------*/
#itemListSimple{margin-bottom: 20px;}
#itemListSimple .box{zoom: 1; margin-top: 10px; border: #CCC 1px solid;}
#itemListSimple .box:hover{border: #8CC329 1px solid;}
#itemListSimple .box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#itemListSimple h3{display: block; margin: 10px 10px 0 10px; font-size: 95%;}
#itemListSimple .appeal{display: block; margin: 0 0 0 10px; color: #F60; font-size: 70%;}
#itemListSimple .price{display: block; margin: 0 0 0 10px; color: #c8391c;}
#itemListSimple .price .teika{font-weight: bold; font-size: 110%;}
#itemListSimple .price .other{font-size: 90%;}
#itemListSimple .explanation1{display: block; margin: 5px 10px 0; padding: 5px 0; border-top: #CCC 1px solid; font-size: 80%; line-height: 120%;}
#itemListSimple .button{display: block; margin: 5px 10px; padding-top: 10px; border-top: #CCC 1px solid; text-align: right;}
#itemListSimple .property{display: inline; margin: 0; color: #AAA; font-size: 75%;}

/* itemListImage - 商品画像一覧
-------------------------------------------------------------*/
#itemListImage{margin-bottom: 20px;}
#itemListImage:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#itemListImage .box{float: left; margin-top: 10px; width: 235px; margin-right: 10px; border: #CCC 1px solid;}
#itemListImage .box:hover{border: #8CC329 1px solid;}
#itemListImage .text{float: left; width: 95px;}
#itemListImage h3{display: block; margin: 5px 10px 0 0; font-size: 14px; line-height: 120%;}
#itemListImage .icon{display: block; margin: 10px 7px 0 0; line-height: 120%;}
#itemListImage .button{display: block; clear: both; margin: 5px 0; text-align: center;}

#itemListImage .property{display: inline; margin: 0; color: #AAA; font-size: 70%;}
#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;}

/* topicsList - トピックス一覧
-------------------------------------------------------------*/
#topicsList {margin-bottom: 30px;}
#topicsList .box {zoom: 1; padding: 20px 0; border-bottom: #c8c8c8 1px solid;}
#topicsList .box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#topicsList .box h2{font-size: 20px; display: block; margin: 10px 0; font-weight: normal;}
#topicsList .box h3{font-size: 20px; display: block; margin: 10px 0; font-weight: normal;}
#topicsList .box p{display: block; width: 1000px; margin: 0; font-size: 14px;}
#topicsList .img_box{width: 120px; height: 120px; float: left; margin: 0 10px 0 0; 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;}
.news_year{zoom: 1; padding:0 0 20px 0;}
.news_year:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
.news_year li{float: left; margin:0 20px 0 0;}

#topicsList.news .box {zoom: 1; padding: 20px 0 0 0; border-bottom: #c8c8c8 1px solid;}

/* itemDetail - 商品詳細・プレゼント詳細
-------------------------------------------------------------*/
#itemDetail tr{border-bottom: none !important;}
#itemDetail .box{zoom: 1; margin-top: 10px;}
#itemDetail .box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */

/* 商品画像の切り替え */
#itemDetail .item_image_area{ width: 550px; float: left;}
#itemDetail .item_image_area #targetarea{visibility: hidden;}
#itemDetail .item_image_area #main_box{position: relative;}
#itemDetail .item_image_area #main_box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#itemDetail .item_image_area #main_box .new{position:absolute; top:0px; right:0px; width:80px; height:80px; text-indent:-9999px; background-image: url("../images/newicon.svg"); background-size:100%; background-repeat:no-repeat; background-position:left top; margin:0; z-index: 1;}
#itemDetail .item_image_area .img_box{display: none; width: 550px; height: 550px;}
#itemDetail .item_image_area .img_box img{max-width: 500px; max-height: 500px; width: 500px; height: 500px;}
#itemDetail .item_image_area .thumb{margin: 10px 0; zoom:1;}
#itemDetail .item_image_area .thumb:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#itemDetail .item_image_area .thumb li{margin: 0 5px 5px 0; float: left;}
#itemDetail .item_image_area .thumb li.last{margin-right: 0;}
#itemDetail .item_image_area .thumb a{width: 106px; height: 106px; display: block;}
#itemDetail .item_image_area .thumb a img{max-width: 106px; max-height: 106px; backface-visibility: hidden;}
#itemDetail .item_image_area .thumb a img:hover{filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7;}
#itemDetail .item_image_area .thumb li.active a{display: block; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important;}
#itemDetail .item_image_area .thumb li.active a img:hover{cursor: default; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important;}
#itemDetail .item_image_area .thumb li.active{position: relative;}
#itemDetail .item_image_area .thumb li.active:after{content: ""; position: absolute; top: 0; left: 0;border: 1px solid #a66690; width: 106px; height: 106px;}
#itemDetail .text{float: right; width: 410px;}
#itemDetail .text .type_b{background: #efefef; font-size: 18px; color: #c8391c; line-height:40px; text-align: center; margin: 0 0 15px 0;}
#itemDetail .text .typeb_message{ color: #c8391c;}
#itemDetail .text .appeal{display: block; padding: 0 0 15px 0; margin: 0; font-size: 14px;}
#itemDetail .text h1{display: block; font-size: 24px; font-weight:normal; padding:0 0 15px 0;}
#itemDetail .text .arrive{ zoom: 1; margin: 0px 0 20px 0; line-height:36px;}
#itemDetail .text .arrive:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#itemDetail .text .arrive dt{background: #c83b1c; float: left; width: 78px; padding: 0 0 0 10px; line-height: 36px; color:#FFFFFF; border:1px solid #c83b1c;}
#itemDetail .text .arrive dd{line-height: 36px; padding: 0 0 0 12px; float:left; color: #c8391c;border:1px solid #c83b1c; width:332px;}
#itemDetail .text .one_property{border:2px solid #efefef; margin:20px 0;}
#itemDetail .text .one_property td{border:none;}
#itemDetail .text .two_propertiestable th{width:auto!important;}
#itemDetail label { cursor: pointer;}
#itemDetail input[type="radio"] { display: none; border: 0; margin: 0;}
#itemDetail .input-radio { display: block; position: relative;}
#itemDetail .input-radio label { display: inline-block; font-size: 16px; cursor: pointer; padding:0 0 0 36px; position: relative;}
#itemDetail .input-radio label:before,
#itemDetail .input-radio label:after { content: ""; position: absolute; display: inline-block; border-radius: 50%; transition: transform .1s ease; background: #efefef;}
#itemDetail .input-radio label:before { top: 0px; left: 0; width: 26px; height: 26px; border: 1px solid #969696;}
#itemDetail .input-radio label:after { top: 0px; left: 0px; width: 26px; height: 26px; background-color: transparent;transform: scale(0);}
#itemDetail .input-radio input[type="radio"]:checked + label:after { background-color: #c8391c; transform: scale(1); }
#itemDetail .input-radio input[type="radio"]:checked + label:before {border: none; }
#itemDetail table td.input-radio{border: none;}
/*#itemDetail table,#itemDetail table th,#itemDetail table td{border: 1px solid #efefef;}*/
#itemDetail .text .notice{font-size: 14px;}
#itemDetail .text .wrapping {font-size: 18px; position:relative; padding:0 0 0 27px; margin: 20px 0 0 0;}
#itemDetail .text .wrapping:before{ content:'';position:absolute; top:-3px; left:0px; width:22px; height:28px; background-image: url("../images/wrapping.svg"); background-size:100%; background-repeat:no-repeat; background-position:left top;}
#itemDetail .text .wrapping a{font-size: 14px; position:relative; padding:0 20px 0 0; margin:0 0 0 20px;}
#itemDetail .text .wrapping a:after,#itemDetail .text .wrapping a:after{ position: absolute; top: 0px; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle;}
#itemDetail .text .wrapping a:after{ content:""; right: 10px; width: 7px; height: 7px; border-top: 1px solid #c8391c; border-right: 1px solid #c8391c; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.modal.detail{display: none; position: relative; width: 500px; /* モーダルの幅を指定 */ padding: 15px; background: #ffffff; text-align:center;}
.modal.detail .inner{ text-align: left; padding:20px 0;}
.detail .bottom-close { text-align:center; color:#969696;}
.detail .top-close{text-align: right; display:block; float:right; font-size: 30px; color:#969696; line-height:30px;}
.detail .top-close:hover{text-decoration: none;}

#itemDetail .price{display: block; margin: 0 0 10px 0;}
#itemDetail .price p{margin:0;}
#itemDetail .price .teika{ font-size: 28px;}
#itemDetail .price .teika em{ font-size: 45px; font-style: normal;}
#itemDetail .price .teika .tax{font-size:20px;}
#itemDetail .text #review{zoom: 1; margin: 20px 0 0 0;}
#itemDetail .text #review:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#itemDetail .text #review ul li{font-size: 18px;}
#itemDetail .text #review .more{padding:5px 0 0 0;}
#itemDetail .text #review .more a{float: left; font-size:18px; text-decoration: underline;}
#itemDetail .text #review .already_review{clear:both; margin:0 0 10px 0;}
#itemDetail .amount_area{zoom:1;}
#itemDetail .amount_area:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#itemDetail .amount_area dl{width:114px; float:left;}
#itemDetail .amount_area dl dt{ background: #969696; color:#FFFFFF; font-size:14px; line-height:20px; padding:0 0 0 5px;}
#itemDetail .amount_area dl dd.select-item{display:inline-block; position: relative; width: 114px; height: 36px; background-color: #efefef; line-height: 36px; font-size: 20px; padding:0 0 0 10px;}
#itemDetail .amount_area dl dd.select-item:before,#itemDetail .amount_area dl dd.select-item:after { content: ""; display: inline-block; position: absolute;}
#itemDetail .amount_area dl dd.select-item:after { content: ''; width: 10px; height: 10px; border: 0px; border-top: solid 2px #333333; border-right: solid 2px #333333; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 50%; right: 10px; margin:-6px 0 0 0;}
#itemDetail .amount_area dl dd.select-item-label { display: inline-block; z-index: 1; width: 40px; height: 100%; font-size: 16px; line-height: 30px; vertical-align: top; text-align: center; color:#222222;}
#itemDetail .amount_area dl dd select{ position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 36px; border: 0; background: none; opacity: 0; cursor: pointer;}
#itemDetail .amount_area .wishbutton{float: right;}
#itemDetail .amount_area .wishbutton .wish_btn{width: 276px; height: 56px; display: block; position:relative; border: 1px solid #969696; border-radius: 8px; line-height: 56px; padding: 0 0 0 77px;}
#itemDetail .amount_area .wishbutton .wish_btn:before{ content:'';position:absolute; top:50%; left:41px; margin: -11px 0 0 0; width:26px; height:22px; background-image: url("../images/wish.svg"); background-size:100%; background-repeat:no-repeat; background-position:left top;}
#itemDetail .amount_area .wishbutton .wish_btn:hover{text-decoration: none; color: #FFFFFF; background: #969696;}
#itemDetail .amount_area .wishbutton .wish_btn:hover:before{background-image: url("../images/hoverwish.svg");}

#itemDetail .amount_area .wishbutton .no_wish_btn{width: 276px; height: 56px; display: block; position:relative; background: #efefef; border-radius: 8px; line-height: 56px; padding: 0 0 0 57px; color: #969696;}
#itemDetail .amount_area .wishbutton .no_wish_btn:before{ content:'';position:absolute; top:50%; left:21px; margin: -11px 0 0 0; width:26px; height:22px; background-image: url("../images/wish.svg"); background-size:100%; background-repeat:no-repeat; background-position:left top;}
#itemDetail .not_sale .wishbutton{width:100%;}
#itemDetail .not_sale .wishbutton .no_wish_btn{width:100%;}
#itemDetail .not_sale .wishbutton .wish_btn{width:100%; padding: 0 0 0 154px;}
#itemDetail .not_sale .wishbutton .wish_btn:before{ left:118px;}

#itemDetail .not_sale .wishbutton .no_wish_btn{width:100%; padding: 0 0 0 134px;}
#itemDetail .not_sale .wishbutton .no_wish_btn:before{ left:98px; }


#itemDetail .cart_btn input{width: 340px; height: 60px; margin: 20px 0 0 0; display: block; position:relative; border-radius: 8px; line-height: 56px; background: url("../images/carticon.svg") no-repeat 57px 17px, #c83b1c; background-size:30px 26px; color:#FFFFFF; font-size: 22px; text-align: center; border: none; cursor: pointer;padding-left: 37px;}
#itemDetail .text .no_cart_btn{width: 340px; height: 60px; display: block; position:relative; background: #efefef; border-radius: 8px; line-height: 60px; text-align: center; color: #969696; font-size: 22px; margin: 20px 0 0 0;}
/* #itemDetail .text .no_cart_btn:before{ content:'';position:absolute; top:50%; left:117px; margin: -13px 0 0 0px; width:30px; height:26px; background-image: url("../images/svg/nocarticon.svg"); background-size:100%; background-repeat:no-repeat; background-position:left top;} */
#itemDetail .text .kessai_link p{margin:0;}
#itemDetail .text .kessai_link a{font-size: 14px; position:relative; padding:0 20px 0 0; display: inline-block; margin:30px 0 0 0;}
#itemDetail .text .kessai_link a:after,#itemDetail .text .kessai_link a:before{ position: absolute; top: 0px; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle;}
#itemDetail .text .kessai_link a:after{ content:""; right: 10px; width: 7px; height: 7px; border-top: 1px solid #c8391c; border-right: 1px solid #c8391c; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg);}

#itemDetail .explanation2{display: block; margin:30px 0 0 0; text-align:center;}
#itemDetail .explanation2 h2{font-size: 18px; text-align: left; font-weight: bold;}
#itemDetail .explanation2 .inner{font-size: 14px; padding:10px 0; margin:10px 0; text-align: left;}
#itemDetail .explanation2 .btn{font-size: 16px; border: 1px solid #969696; border-radius: 8px; line-height:36px; text-align: center; display: inline-block; padding: 0 40px;}
#itemDetail .explanation2 .btn:hover{text-decoration: none;}
#info_area{width: 100%; border-top: 1px solid #969696; border-bottom: 1px solid #969696; margin:40px 0 0 0; padding: 10px 0 30px 0;}
#info_area h3{font-size: 16px; font-weight: bold; padding: 20px 0 0 0;}
#info_area .inner{padding: 8px 0 0 18px;}
#itemDetail table{width: 100%; margin: 20px 0;}
#itemDetail .readMoreText {height: 96px; overflow: hidden;}

.ebs-wish{font-size: 32px; width: 56px; height: 56px; text-align: center; line-height: 56px; border-radius: 28px; margin-top: 22px; border: 2px solid #ccc;}
.ebs-wish a{ color: #ccc;}
.ebs-wish.ebs-wish--done a{ color: #FF5252;}
.ebs-wish.ebs-wish--done a:hover{cursor: default; opacity: 1;}
.ebs-wish a:hover{text-decoration: none;}
.ebs-wish--done{color: #FF5252; border-color: #FF5252;}

/* 商品アイコン追加 */
#itemDetail .detail-iconarea{margin: 10px 0;}
#itemDetail .detail-iconarea span{font-size:12px; padding:2px 6px; display:inline-block; margin-bottom:1px; border-radius:4px;}
#itemDetail .detail-iconarea .detail-icon-item{background:#c83b1c; color:#fff;}
#itemDetail .detail-iconarea .detail-icon-ok{background:#efefef; color:#c83b1c;}
#itemDetail .detail-iconarea .detail-icon-ng{background:#969696; color:#fff;}


/* itemDetail - モーダルウィンドウ
-------------------------------------------------------------*/
.modal.detail{width:800px;}
.modal.detail dt{font-size:26px;}
.modal.detail dd{zoom:1;}
.modal.detail dd :after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
.modal.detail dd p{padding:10px 0;}
.modal.detail dd img{width:300px; padding:0 10px 0 0;}



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

/* itemDetail - 商品詳細お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .wishlistSubmitButton{position: relative;}
#itemDetail .wishlistSubmitButton .wishlistMessage{position: absolute; bottom: 65px; left: 50%; margin-left: -136px; padding: 10px; background-color: #efefef; width: 276px; z-index: 10; display: none;}
#itemDetail .wishlistSubmitButton .wishlistMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemDetail .wishlistSubmitButton .wishlistMessage .title{text-align: center; font-size:16px; font-weight: bold;}
#itemDetail .wishlistSubmitButton .wishlistMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; font-size: 14px;}
#itemDetail .wishlistSubmitButton .wishlistMessage .link{ text-align: center; font-size:15px;}


/* itemDetail - 商品レビュー投稿
-------------------------------------------------------------*/
#itemDetail .detail_review{margin:30px 0 0 0;}
#itemDetail .detail_review p{height: 60px; width: 100%; text-align: center; line-height:60px; display:block; background:#efefef; font-size: 24px; font-weight: normal; position: relative; cursor: pointer;}
#itemDetail .detail_review p:after{content:""; display:block; position: absolute; right: 10px; top: 50%; margin:-15px 0 0 0; width:30px; height:30px; background-image: url("../images/openicon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100% 100%; cursor: pointer;}
#itemDetail .detail_review p.active:after{ background-image: url("../images/closeicon.svg"); background-repeat:no-repeat; background-position: right center;}

#itemDetail .detail_review table tr{border-bottom:1px solid #c8c8c8;}
#itemDetail .detail_review table{border-bottom:1px solid #c8c8c8;}
#itemDetail .detail_review table input[type="radio"]{display: inline-block;}
#itemDetail .detail_review table textarea{width:400px;}
#itemDetail .detail_review table td.star{color:#c8391c;}
/*#itemDetail .detail_review table td.image_review input[type='file']{max-width:420px;}*/

/* itemDetail - ニュース詳細
-------------------------------------------------------------*/
#itemDetail .news{width:800px; margin: auto;}
#itemDetail .news img{width:800px; padding:0 0 10px 0;}
#itemDetail .news h3{font-size:30px; padding: 0 0 20px 0;}



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

#itemDetail .box.topics_img, #itemDetail .box.topics_noimg{padding: 20px 0; border-top: none; border-right: none; border-bottom: #c8c8c8 1px solid; border-left: none;}

/* itemDetail - 商品説明タブ
-------------------------------------------------------------*/
#itemDetail .tab_btn_area {width: 100%; margin: 48px 0 0 0;}
#itemDetail .tab_btn_area ul {text-align: center; width: 100%; font-size: 0; border-bottom: 1px solid #969696;}
#itemDetail .tab_btn_area li {height: 100%; display:inline-block;}
#itemDetail .tab_btn_area li.tab {width: 48%;}
#itemDetail .tab_btn_area li.tab a {font-size:16px; line-height: 36px; background-color: #efefef; display: block; border-radius: 5px 5px 0 0; background-color: #efefef; border-top: 1px solid #efefef;/* border-bottom: 1px solid #969696;*/ border-right: 1px solid #efefef; border-left: 1px solid #efefef;}
#itemDetail .tab_btn_area li.tab .active {background-color: #FFFFFF; border-top: 1px solid #969696;  border-right: 1px solid #969696; border-left: 1px solid #969696; position: relative; font-weight: bold;}
#itemDetail .tab_btn_area li.tab .active span{ position: relative; display:block; border-radius: 5px 5px 0 0; bottom:-1px; background:#FFF;}
#itemDetail .tab_btn_area li:not(.tab) {width: 1%; /*border-bottom: 1px solid #969696; height: 11px;*/}
#itemDetail .tab_data .inner{margin: 10px 0; font-size: 16px; padding:20px 0 30px; text-align: left; width: 100%; border-bottom: 1px solid #969696;}
#itemDetail .tab_data dl {margin-bottom: 20px}
#itemDetail .tab_data dt {font-weight: bold; margin-bottom: 5px}
#itemDetail .tab_data dd {padding: 8px 0 0 18px;}
#itemDetail .readMoreText {height: 100px; overflow: hidden;}
#itemDetail .tab_description{display: block; text-align:center; clear: both;}
#itemDetail .tab_description .btn{font-size: 18px; height: 45px; width: 100%; border: 1px solid #969696; border-radius: 8px; line-height:1; text-align: center; display: inline-block; padding: 15px 0 14px 0;}
#itemDetail .tab_detail, #itemDetail .tab_arrive {display:none; clear: both;}

/* =================================================================
11.レビュー
使用ファイル：item_detail.xhtml, member_review.xhtml
=================================================================*/
#review{margin-bottom: 40px;}
#review p{font-size: 15px;}
#review h2{font-size: 24px; font-weight: normal;}
#review h3{float: left; font-size: 20px; font-weight: normal; margin: 0 10px 10px 0;}
#review .box{zoom: 1; margin: 0 0 5px; padding:20px 0; border-bottom: #c8c8c8 1px solid;}
#review .box p{margin: 0;}
#review .box p.name{padding: 5px 0; margin-bottom: 10px; color: #666; font-size: 13px;}
#review .box .change{margin-top: 10px;}
#review p.totalnum{float: left; margin: 0; padding-top: 10px; font-size: 16px;}
#review p.average{float: left; margin-left: 20px; padding-top: 8px; font-size: 14px;}
#review p.goodButton{margin-bottom: 5px; color: #666; font-size: 75%;}
#review p.goodButton input{margin-left: 5px; vertical-align: middle;}
#review p.goodButton img{margin-left: 5px; vertical-align: middle;}
#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: 20px 0 0 0;}
#review p.pagelink{text-align: right; margin-bottom: 20px; font-size: 16px;}
#review p.pagelink a{text-decoration: underline}
#review ul.star{float: left; margin-right: 5px; font-size: 19px;}
#review ul.star li{display: block; float: left; height: 35px;}
#review ul.star li.good{color: #c8391c;}
#review ul.star li.bad{color: #c8391c; opacity: 0.5; -ms-filter: "alpha(opacity=50)";/* IE */ filter: alpha(opacity=50);/* IE */}
#review ul.star.total{font-size: 26px;}
#review ul.star.total:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#review .star_box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#review .change .button.positive{font-size: 12px; padding: 0 10px; line-height: 29px;}
#review .good_bad .button.positive, #review .good_bad .button.negative{font-size: 12px; padding: 0 10px; line-height: 29px;}
#review .good_bad .not_link{font-size: 12px; padding: 5px 10px;}
#review .contribution{zoom: 1; margin-top: 10px; padding: 10px 10px 0 10px;}
#review .contribution table{margin: 0; border: none;}
#review .contribution th{width: 80px; padding: 5px 10px; border: none; background: none; font-weight: normal; text-align: left;}
#review .contribution td{padding: 5px 10px; border: none;}
#review .contribution h3{float: none; margin-bottom: 10px; padding: 3px 5px; border-right: 1px solid #EEE; border-bottom: 1px solid #DDD; border-left: 5px solid #960; background: #F5F5F5; font-size: 95%;}

#review .review-image{float: left;}
#review .box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#review .review-image .img_box{position: inherit; width: 140px; height: 140px; margin-right: 10px; text-align: center; float: left;}
#review .review-image img{position: inherit; width: auto; max-width: 140px; max-height: 140px; display: block; margin: auto;}

#main.member_review textarea{max-width:700px;}
#main .image_review input[type='file']{max-width:420px;}
#main .image_review img{max-width: 235px; max-height: 235px;}

/* =================================================================
12.購入履歴
使用ファイル：member_history.xhtml
=================================================================*/
#history table{ margin: 0;}
#history table th{background-color: #c8c8c8;}
#history table .send{background-color: #F6F6F6; font-weight: bold;}
#history table .send dl dt{width: 130px; float: left;}
#history table .send dl dd{width: 820px; float: left; text-indent: -1em; padding-left: 1em;}

#history .infoarea{display: block; margin: 40px 0px 0 0px; width: 980px; font-size: 13px; font-weight: bold;}
#history .st_preparing{background:#336600; color:#FFFFFF; padding:2px 10px; display:inline-block; line-height:1;}
#history .st_delivered{background:#cc0000; color:#FFFFFF; padding:2px 10px; display:inline-block; line-height:1;}
#history .st_delivering{background:#000066; color:#FFFFFF; padding:2px 10px; display:inline-block; line-height:1;}
#history .teiki_together{color:#996633;}
#history .cart{width: 230px; text-align: center;}
#history .code{width: 80px;}
#history .amount{width: 30px; text-align: center;}
#history .status{float: right; margin: -18px 0 0 0;}
#history .tax{font-size: 9px; color: #666;}
#history .canceled_flag span{background:#c8c8c8; height:34px; line-height:34px; padding:5px 10px;}
#history .status.payment_change{float: right; margin-left: 10px;}
#history .history_price{width:980px;}
#history .history_price .download{float:right; padding:6px 0 0 0;}
#history .history_price .price{font-size:20px; color: #c8391c;}
#history .history_order{width: 980px; margin: 0 auto;}
#history .history_order .button_area{float: right; text-align:right;}
#history .history_order .name{float:left; max-width: 550px;}
#history .property{display: block; color: #AAA; font-size: 90%;}
#history .history_order td{border-bottom: none;}
#history .img_box{width: 80px; height: 80px; margin-right: 10px; margin-bottom: 10px; text-align: center; position: relative; float: left;}
#history .img_box img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

#history .button_area .button.positive, #history .status .button.positive, #history .button_area .button.negative{padding: 0 10px; font-size: 13px;}
#history .button_area .button.not_link{font-size: 13px; padding: 1px 10px;}

#history .rearrange{float: left; width: 200px; font-size: 75%; text-align: right;}
#history .pagelink{clear: both; font-size: 16px;}
#history .pagelink a{text-decoration: underline;}
#history .nolink{color: #999;}

#main .pointnum{font-size:20px; font-style: normal;}
#main .point_rec li{border-bottom: 1px solid #c8c8c8; padding:10px 0; zoom:1;}
#main .point_rec li:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#main .point_rec li .point{float: left; font-size: 20px; margin: 5px 0 0 0;}
#main .point_rec li .limit{color:#c8391c; float: left; padding: 6px 0 0 30px; margin: 5px 0 0 0;}




/* ===================================================================
1３：サブウインドウで表示するページ用
使用ファイル：item_detail_other_image.xhtml
　　　　　　　item_friend_mail.xhtml,item_friend_mail_result.xhtml
=================================================================== */

#subwindow{width: 500px; margin: auto;}
#subwindow #header{background: none; min-width: 500px;}
#subwindow #header h1 a{float: none;}
#subwindow #content h1{font-size: 30px; font-weight: normal; margin: 20px 0; text-align: center;}
#subwindow #content table{font-size: 14px;line-height: 160%;margin: 10px 0px;width: 100%;border-bottom: 1px solid #c8c8c8;}
#subwindow #content th{padding: 15px;vertical-align: top;border-bottom: 1px solid #c8c8c8;width: 170px; text-align: left;}
#subwindow #content th.zaiko{width: auto;text-align: center;}
#subwindow #content td{padding: 15px; vertical-align: top; border-bottom: 1px solid #c8c8c8;}
#subwindow #content td.number{text-align: right;}
#subwindow #content .images{text-align: center;}
#subwindow #content .hissu{color: #CC0000;font-weight: bold;}
#subwindow #content .close{margin: 10px 0; font-size: 80%; line-height: 150%; text-align: right;}
#subwindow .buttonarea{text-align: center; margin: 10px; padding-top: 40px;}

#subwindow #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: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* 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: 90px; height: 90px; display: block;}
#subwindow #content #products .thumbox .img_box img{max-width: 90px; max-height: 90px;}
#subwindow #content #products .thumbox .img_box img:hover{filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6;}
#subwindow #content #products .thumbox .current .img_box{border: 1px solid #cc3333; display: block; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important;}
#subwindow #content #products .thumbox .current .img_box img:hover{cursor: default; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important;}
#subwindow #content #products .prev{display: block; background: url(../images/detail_prev_button.png) no-repeat; text-indent: -9999px; width: 60px; height: 60px; top: 35%; left: -26px; position: absolute; z-index: 1000;}
#subwindow #content #products .next{display: block; background: url(../images/detail_next_button.png) no-repeat; text-indent: -9999px; width: 60px; height: 60px; top: 35%; right: -26px; position: absolute; z-index: 1000;}
#subwindow #content #products .arrowOn:hover .prev, #subwindow #content #products .arrowOn:hover .next{display: block;}
#subwindow #content #products .arrowOn:hover .prev:hover, #subwindow #content #products .arrowOn:hover .next:hover{filter: alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8;}

#subwindow .close_window{margin: 20px 0;}

/* =================================================================
14.エラーページ
使用ファイル：common/messages.xhtml
　　　　　　　ext/social_provider.xhtml
=================================================================*/
#error:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#error{width: 100%; padding: 10px 0px;}
#error table{margin: 0px 0 10px; border: none !important; font-size: 100%;}
#error table tr{border:none;}
#error td{padding: 10px; border: none !important;}
#error .ico{width: 40px; vertical-align: top; text-align: center;}
#error .content{padding: 5px; color: #c8391c; font-weight: bold; vertical-align: middle; line-height: 150%; float: none;}
#error .buttonarea{margin: 10px; padding-top: 10px; border-top: #CCC 1px dashed; 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;}
#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: #c8391c; 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%;}


/* =================================================================
15.クレジットカード登録画面
使用ファイル：member_credit_entry_input.xhtml
=================================================================*/
#credit .card_list{margin-bottom: 30px;}
#credit h2{margin-top: 30px; margin-bottom: 15px; padding: 1px 0px 4px 0; font-size: 20px; font-weight: normal;}
#credit td.button{text-align: center;}
#credit .token{clear: both; margin: 5px 10px; color: #c8391c; font-weight: bold; font-size: 15px;}
#credit td .button.positive, #credit td .dlt, #credit td .button.not_link{font-size: 14px; padding: 0 16px; line-height: 30px;}
#credit td .dlt{line-height: 29px;}
#credit a.positive.button{line-height:33px;}
#credit .saved_card{margin:0 0 30px 0;}
#credit .saved_card .button_area{text-align: right;}

/* =================================================================
16.お気に入り
使用ファイル：wishlist.xhtml
　　　　　　　wishlist_edit.xhtml
=================================================================*/
#wishList{margin-bottom: 20px;}
#wishList .box{zoom: 1; padding: 20px 0; border-bottom: #c8c8c8 1px solid;}
#wishList .provisional{margin: 0px;}
#wishList .text{margin-left: 140px;}
#wishList h2{display: block; margin: 0 0 10px 0; font-size: 20px; font-weight: normal;}
#wishList .appeal{display: block; margin: 0; font-size: 12px;}
#wishList .price{display: block; margin: 0;}
#wishList .price .teika{font-weight: bold; font-size: 110%;}
#wishList .price .other{font-size: 90%;}
#wishList .comment{display: block; margin: 5px 10px 0 0; padding: 5px 0;  font-size: 14px; line-height: 120%;}
#wishList .comment_input{zoom:1;}
#wishList .comment_input:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#wishList .comment_input textarea{display: block; width:80%; margin: 5px 10px 0 0; float:left;}
#wishList .comment_input .button{ line-height: 34px; padding: 5px 30px;}
#wishList .button{margin: 5px 5px 0 0; font-size: 13px; text-align: right;}
#wishList .button.positive,#wishList .button.negative{font-size: 13px;}
#wishList .button.not_link{padding: 11px 10px 11px;}
#wishList .property{display: inline; margin: 0; color: #AAA; font-size: 75%;}
#wishList .comment_save{display: block; margin-top: 10px;}
#wishList .img_box{width: 120px; height: 120px; margin: 0; float: left; text-align: center; position: relative;}
#wishList .img_box img{width: auto; max-width: 120px; max-height: 120px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

#wishList .comment_link{ text-decoration: underline;}
/* =================================================================
17.アドレス帳
使用ファイル：address_add.xhtml
　　　　　　　address_input.xhtml
=================================================================*/
#addressList{padding-bottom: 20px;}
#addressList h2{margin-top: 30px; margin-bottom: 15px; padding: 1px 0px 4px 0; font-size: 20px; font-weight: normal;}
#addressList ul{zoom: 1; padding: 20px 0 10px;}
#addressList ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#addressList .widebox li,#addressList .box li{float: left; font-size: 14px; border: 1px solid #c8c8c8; padding: 10px 10px 40px 10px; margin-right: 10px; margin-bottom: 10px; width: 326px; line-height: 180%; position: relative;}
#addressList li:nth-child(3n){margin-right: 0;}
#addressList li strong{font-size: 18px;}
#addressList li .button{margin: 10px 0px 0; bottom: 0;}
#addressList .widebox li{width: 453px;}
#addressList .widebox li:nth-child(3n){margin-right: 10px;}
/*#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: 16px;}
#addressList .pagelink a{text-decoration: underline;}
#addressList .pagelink .prev_btn, #addressList .pagelink .next_btn{position:relative; display: inline-block; margin-top: 10px; margin-bottom: -10px; width: 34px; height: 34px; border: 1px solid #c8c8c8; border-radius: 20px;}
#addressList .pagelink .prev_btn:after{position: absolute; content:""; width: 9px; height: 9px; border-top: 1px solid #113a58; border-right: 1px solid #113a58; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); bottom: 12px; left: 14px;}
#addressList .pagelink .next_btn:after{position: absolute; content:""; width: 9px; height: 9px; border-top: 1px solid #113a58; border-right: 1px solid #113a58; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom: 12px; left: 10px;}

#addressList .nolink{color: #999;}

/* =================================================================
18.会員関係
使用ファイル：member_mypage.xhtml
=================================================================*/
#member.mypage h2{margin-top: 30px; padding: 1px 0px 4px 0; font-size: 20px; font-weight: normal;}
#member.mypage .logoutbutton{ float: right;}
/* #member.mypage .box a{display:block; padding-left: 13px; font-size: 14px; background: url("../images/link_arrow.png") no-repeat; background-size: 10px 13px; background-position: 0px 3px;} */
#member.mypage .box.point{margin-bottom: 30px;}
#member.mypage .box.point .point{font-weight: bold; color: #c83b1c;}
#member.mypage ul{zoom: 1; margin: 0 0 50px 0;}
#member.mypage ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#member.mypage ul li{float: left; width: 326px; padding: 10px; margin:0 10px 10px 0; border: 1px solid #c8c8c8;}
#member.mypage ul li:nth-of-type(3n){margin: 0;}
#member.mypage ul li h4{font-size: 18px; color: #222222; font-weight: normal; padding: 6px 10px; margin: 0 0px 15px 0; border-bottom: 1px solid #c8c8c8;}
#member.mypage ul li .box{min-height: 140px;}
#member.mypage ul li p{font-size: 14px; padding: 0 10px;}
#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;
}
#main .taikai{font-size:18px; margin:60px 0 0 0;}
#main .taikai a{text-decoration: underline;}

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

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

/* リマインドリスト */
#member.mypage.remind h2{margin-top: 30px; margin-bottom: 15px; padding: 1px 0px 4px 0; font-size: 20px; font-weight: normal;}
#member.mypage.remind .buttonarea .button.positive, #member.mypage.remind .buttonarea .button.negative{padding: 5px 20px; font-size: 16px;}
#member.mypage.remind textarea{width: 400px; height: 100px;}
#member.mypage.remind .no_ivent{font-size: 16px;}
#member.mypage.remind table{width:980px;}
#member.mypage.remind th{width: 200px;}
#member.mypage.remind .buttonarea{padding-top: 10px;}
#member.mypage.remind .buttonarea.public{margin-bottom: 60px;}

#member.mypage.remind .remind:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#member.mypage.remind .remind li{float: left; margin: 0 20px 20px 0px; padding: 15px; width: 480px; border: 1px solid #c8c8c8;}
#member.mypage.remind .remind li:last-child{margin-right: 0;}
#member.mypage.remind .remind h3{margin: 5px 0 20px 0; font-weight: bold; font-size: 18px;}
#member.mypage.remind .remind .event_kind{padding: 5px 10px; color: #FFF; background-color: #c83b1c; font-size: 12px;}
#member.mypage.remind .remind dl{border-collapse: unset; padding: 3px 0; font-size: 15px;}
#member.mypage.remind .remind dl:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#member.mypage.remind .remind dl dt{background: transparent; float: left; width: 110px; font-weight: bold;}
#member.mypage.remind .remind dl dd{float: left;}
#member.mypage.remind .remind dl dd.colon{padding: 0px 10px;}
#member.mypage.remind .remind #private_form, #member.mypage.remind .remind #public_form{text-align: right; margin: 10px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #c8c8c8;}
#member.mypage.remind .remind .button.positive{padding: 3px 5px; width: 120px; font-size: 16px;}
#member.mypage.remind .remind .dlt_btn{float: left; cursor: pointer;}
#member.mypage.remind .button.positive{margin-left: 5px;}
#member.mypage.remind #anniversary_regist_form textarea{width: 450px; height: 100px;}

#member.mypage.remind .invisible{display: none;}

/* クーポン */
#member #coupon_area {margin-bottom: 30px;}
#member #coupon_area table{margin: 0 0 10px 0; width: 1000px; border-top: none; border: none; background: #efefef;}
#member #coupon_area table tr{border: none; }
#member #coupon_area th, #member #coupon_area td{padding: 10px;}
#member #coupon_area th{padding: 10px; width: 720px; font-size: 16px;}
#member #coupon_area td{padding: 10px; width: 280px; text-align: right; font-size: 12px; display: block;}
#member #coupon_area td span{vertical-align: top;}
#member #coupon_area:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */

/* 会員ランク表示エリア */
#member .rank_area{margin: 0 0 30px; font-size: 0;}
#member .rank_area::after{content: ""; display: block; clear: both;}
#member .rank_area .box{display: inline-block; padding: 20px; border: 1px solid #c8c8c8; vertical-align: top;}
#member .rank_area .box+.box{margin: 0 0 0 30px;}
#member .rank_area .box h3{font-weight: bold; font-size: 18px;}
#member .rank_area .box .rank_name{margin: 0; font-weight: bold; font-size: 28px; color: #24b102;}
#member .rank_area .box .status{margin: 3px 0 0; font-size: 13px;}
#member .rank_area .box .period{margin: 15px 0 0; font-size: 14px;}
#member .rank_area .box .period + .period{margin: 3px 0 0;}
#member .rank_area .box .period dt{display: inline-block; width: 110px;}
#member .rank_area .box .period dd{display: inline-block;}

#member .rank_area .box.current{width: 40%;}

#member .rank_area .box.next{border: none; padding: 10px 0;}
#member .rank_area .box.next .rank_name{font-size: 16px; color: #000;}
#member .rank_area .box.next .count{font-weight: bold; color: #c00;}
#member .rank_area .attention{margin: 15px 0 0;}

#member .rank_area.no_rank .box{padding: 0; border: none;}
/* =================================================================
19.ログイン関係
使用ファイル：login.xhtml
=================================================================*/
#loginNew{zoom: 1;}
#loginNew:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#loginNew .login{width:490px; float: left; padding:15px; border:1px solid #c8c8c8;}
#loginNew .login h2{font-size: 20px; margin-bottom: 15px;}
#loginNew .login table{margin: 20px auto 20px auto; width: 100%; border: none; }
#loginNew .login table th{background: none; border: none; width: 120px;}
#loginNew .login table td{border: none;}
#loginNew .no_login{width: 490px; float: right; padding:15px; border: 1px solid #c8c8c8;}
#loginNew .no_login h2{text-align: left; font-size: 20px; margin-bottom: 15px;}
#loginNew .no_login dl {text-align: center; padding:26px 0 0 0;}
#loginNew .no_login dl dt{background: #efefef; padding: 5px; font-size: 16px;}
#loginNew .no_login dl dd{font-size: 15px; padding: 10px 0 0 0;}
#loginNew .no_login dl dd ol{text-align:left; padding-left: 1em;}
#loginNew .no_login dl dd ol li{padding:2px 0; list-style-type: decimal;}
#loginNew .no_login dl dd ol li strong{font-size:16px;}
#loginNew .no_login dl dd p{font-size:12px; text-align: left;}
#loginNew .no_login dl dd p a{text-decoration: underline;}
/*#loginNew .box{border: 1px solid #CCC; width: 468px; float: left; margin: 0 10px 30px; position: relative;}
#loginNew .box .buttonarea{width: 100%; margin: 20px 0; padding: 0;}
#loginNew .box table{margin: 10px; width: 446px !important;}
#loginNew .box .link_text{text-align: right; padding: 15px 0 10px;}
#loginNew .box .regist_non_area{width: 442px; margin: 0 auto;}
#loginNew .box .regist_non_area p{margin: 0 0 10px;}
#loginNew .box .amazon_area{width: 442px; margin: 0 auto; border-top: 1px solid #ccc;}
#loginNew .box .amazon_area p{margin: 10px 0;}*/
#loginNew .widebox{border: 1px solid #CCC; width: 960px; margin: 0 10px 30px; clear: both;}
#loginNew .widebox .link{text-align: right;}
#loginNew .widebox table{width: 920px;}
#loginNew input[type='text'],#loginNew input[type='password']{width: 250px;}
#loginNew table tr{border-bottom:none;}

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

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

#container select{border: 0; background-color: #efefef;}
#container.mail_validate table{width: 980px;}



/* =================================================================
20.全国店舗情報
使用ファイル：item_list$storetop.xhtml
=================================================================*/
.store #mainvisual .flex-direction-nav a.flex-prev:after,
.store #mainvisual .flex-direction-nav a.flex-next:after{border-top: 4px solid #888888; border-right: 4px solid #888888;}
.store #information{margin: 10px auto 60px; padding: 15px 20px;}
.store #information dd{padding: 10px 0 0 0;}

/* ニュース */
#news_area{zoom:1;}
#news_area:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#news_area h2{text-align: center; padding:0 0 28px 0; font-size:30px;}
#news_area dt{padding: 0 0 28px 0; text-align: center; font-size: 30px;}
#news_area dd{zoom: 1;}
#news_area .news_box_list {display: flex; flex-wrap: wrap;}
#news_area .box.news.hidden{display: none;}
#news_area .box.news a{display: block;}
#news_area .box.news .date{margin-top: 2px; font-size: 14px;}
#news_area .box.news .title{font-size: 12px;}
#news_area .box.news{/*display: inline-block; vertical-align: top;*/ width: 235px; height: inherit; margin: 0 20px 20px 0; font-size: 26px;}
#news_area .box.news:nth-child(4n){margin-right: 0;}
#news_area .news_img img{width: 235px; height: 235px;}
#news_area p.categorylink {margin-top: 20px; text-align: right; font-size: 14px;}
#news_area p.categorylink a{border:1px solid #969696; position: relative; border-radius:8px; line-height: 38px; padding:0 30px 0 14px; display: inline-block;}
#main p.categorylink.news{margin: 0; padding-bottom: 70px; text-align: center;}
#main p.categorylink.news a:hover{background: #969696; color: #FFF;}
#main p.categorylink.news a::before,
#news_area p.categorylink a::after{ position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle;}
#main p.categorylink.news a::before{content:""; right: 10px; width: 11px; height: 1px; border-top: 1px solid #969696; }
#main p.categorylink.news a::after{content:""; right: 10px; width: 11px; height: 1px; border-top: 1px solid #969696; transform: rotate(90deg);}

#news_area .shop_news{margin-bottom: 50px; zoom:1;}
#news_area .shop_news:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#news_area .common_news{padding: 70px 0 0 0;}
#news_area .news_box_list { zoom:1;}
#news_area .news_box_list::after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}


/* 全国タブ */
#map_area{width: 100%; position: relative; display: block;}
#map_area h1{text-align: center; font-size: 30px;}
#map_area p{ margin:0;}
#map_area a{border: 1px solid #969696; border-radius: 8px; padding:12px 40px 12px 20px; position: absolute; display: block; background: #FFFFFF; font-size: 18px;}
#map_area a:before,#map_area a:after{position: absolute; top: 0; bottom: 0; right: 0px; margin: auto; content: ""; vertical-align: middle;}
#map_area a:hover{text-decoration:none; background: #c83b1c; opacity:1; color:#FFFFFF; border: 1px solid #c83b1c;}
#map_area ul:after {content: ""; clear: both; display: block;}/* clearfix */
#map_area ul li{float: left; width: 19.8%; margin-right: 2px;}
#map_area a{position: relative; padding: 12px 0 12px 0; text-align: center; border: none; border-radius: 0; background: #efefef; cursor: pointer;}
#map_area a:after{content: ""; width: 100%; height: inherit; right: 0; border-top: none; border-right: none; border-bottom: 5px #888888 solid; -webkit-transform: none; transform: none;}
#map_area a:hover:after{border-top: none; border-right: none; border-bottom: 5px #c83b1c solid; transition: 0.5s;}
#map_area a:hover{border: none; background: #efefef; color: #c83b1c;}
#map_area .ChangeElem_Btn.is-active{background: #efefef; color: #c83b1c;}
#map_area .ChangeElem_Btn.is-active:after{border-bottom: 5px #c83b1c solid;}

#shop_topCategory {padding: 0 0 30px 0;}
#shop_topCategory .shopList{display: none;}
#shop_topCategory .shopList.foreign{margin-top: 40px;}
#shop_topCategory .shopList.foreign dl dt{padding: 12px 0 12px 15px; cursor: inherit;}
#shop_topCategory .shopList.foreign dl dt:before, #shop_topCategory .shopList.foreign dl dt:after{content: none;}

#shop_topCategory .shopList.foreign li .box_name h3{padding: 0 0 0 42px;}
#shop_topCategory .shopList.foreign li .box_name h3:after{right: -8px; bottom: 2px;}
#shop_topCategory .shopList.foreign li.paris .box_name h3:after,
#shop_topCategory .foreign li.paris .box_name h3:after{border: none; background: url(../images/newwindow.svg) no-repeat; background-size: 100% 100%; width: 15px; height: 15px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -ms-transform: rotate(0deg);}

#shop_topCategory h2{padding: 0 0 5px 0; background: none; border-bottom: 2px solid #efefef; font-size: 24px;}
#shop_topCategory dl{margin-top: 40px;}
#shop_topCategory dl.ward{margin-top: 80px; padding:0 0 10px 0;}
#shop_topCategory dl dt{display: block; margin-top: 4px; font-size: 24px; background: #efefef; padding:12px 0 12px 15px; position: relative; margin:10px 0 0 0; cursor: pointer;}
#shop_topCategory dl dt:after{content:""; display:block; position: absolute; right: 10px; top: 50%; margin:-15px 0 0 0; width:30px; height:30px; background-image: url("../images/openicon.svg"); background-repeat:no-repeat; background-position: left center; background-size:100% 100%; cursor: pointer;}
#shop_topCategory dl dt.active:after{ background-image: url("../images/closeicon.svg"); background-repeat:no-repeat; background-position: right center;}
#shop_topCategory dl .accordion_box ul{padding-bottom: 20px;}
#shop_topCategory dl .accordion_box ul.first_box{margin-top: 10px;}
#shop_topCategory li{border-bottom: 2px solid #efefef; zoom: 1;}
#shop_topCategory li:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#shop_topCategory li .box_name{float:left; display:table-cell; vertical-align:middle; width:386px; padding:15px 0 0 0;}
#shop_topCategory li .box_name h3{padding: 0 10px 0 44px; position: relative; font-size: 18px; display:inline-block; font-weight: normal;}
#shop_topCategory li .box_name h3 img.tea_house{margin: -5px 0 0 -39px; vertical-align: middle;}
#shop_topCategory li .box_name h3:before,#shop_topCategory li .box_name h3:after{position: absolute; top: 0px; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle;}
#shop_topCategory li .box_name h3:after{content:""; right: 0; width: 10px; height: 10px; border-top: 2px solid #c8391c; border-right: 2px solid #c8391c; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg);}
#shop_topCategory li p.box_businessday{float: left; width: 162px; margin: 10px 0; padding: 0;}
#shop_topCategory li .box_info{float: left; padding:10px 0 8px 0; width: 450px;}
#shop_topCategory li .box_info p{margin: 0;}
#shop_topCategory ul li:last-of-type{border:none;}
.store #recommend_content{padding:0 0 44px 0;}

/* 全国タブ */
#shop_topCategory .locate{margin-top: 20px;}
#shop_topCategory .locate:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#shop_topCategory .locate li{float: left; margin: 0 7px 12px 0; border-bottom: none;}
#shop_topCategory .locate li:last-child{margin-right: 0;}
#shop_topCategory .locate li a{padding: 4px 10px; display: block; height: 30px; border: 1px solid #888; border-radius: 8px; font-size: 14px;}
#shop_topCategory .locate li a:hover{text-decoration: none;}

/* item_list$store_list.xhtml */
#info_top_title{width:100%; min-height: 280px; height: auto; background:linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 50%,#000000 50%,#000000 100%); position: relative;}
#info_top_title:after{content:''; background: url("../images/shop_top_title_img.jpg") no-repeat center; height: 280px; position: absolute; display:block; top: 0; width:100%;}
#info_top_title h1{width:1000px; margin: 0 auto; height:280px; padding: 122px 0 0 0; font-size: 40px; font-weight: normal; position: relative; z-index: 1; line-height: 1.2;}
#info_top_title h1 em{font-style: normal; font-size: 50px;}
#info_top_title .desc{background: #efefef; width:100%; top:280px; padding: 14px 0;}
#info_top_title .desc p{width:1000px; margin: 0 auto; font-size: 14px;}

#shop_topCategory.storeList h2.main_ttl{font-size: 30px; text-align: center; padding: 0 0 5px 0; border-bottom: none;}
#shop_topCategory.storeList dl, #shop_topCategory.storeList .foreign{margin: 0 0 80px 0;}
#shop_topCategory.storeList .foreign dt{padding: 12px 0 12px 15px;}
#shop_topCategory.storeList .foreign dt:before, #shop_topCategory.storeList .foreign dt:after{content: none;}

/* =================================================================
21.店舗詳細
使用ファイル：item_list$stor_detail.xhtml
=================================================================*/
.fa{display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

#info_title{position: relative; width: 100%; height: 100px; background: linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 50%,#000000 50%,#000000 100%);}
#info_title:after{content: ""; position: absolute; display: block; width: 100%; height: 100px; border-bottom: 6px #efefef solid; background: url("../images/shop_title_img.jpg") no-repeat center;  top: 0;}
#info_title p{position: relative; width: 1000px; padding: 50px 0 20px 0;  margin: 0 auto; font-size: 20px; font-weight: normal; z-index: 1;}
#main.shop_detail h2{font-weight: bold;}
#container.store_detail #breadcrumbs{padding: 28px 0 39px 0;}
#container.store_detail .shop_title{position: relative; margin-bottom: 30px; padding: 5px 0 5px 15px; font-size: 28px; background-color: #efefef;}
#container.store_detail .shop_title:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#container.store_detail .shop_title h1{display: block; margin: 4px 0 4px 0; font-size: 28px; padding: 0;}
#container.store_detail .shop_title .tea_house{display: inline-block; margin-bottom: 3px; width: 34px; height: 35px; vertical-align: middle;}
.no_news {display: none;}

#container.store_detail  #category_html{margin-bottom: 70px;}
#container.store_detail  #read_content {padding-top: 0;}

#shopDetail{margin-bottom: 60px;}
#shopDetail:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#shopDetail .fa{color: #696969; font-size: 23px; padding: 0 5px 0 0; vertical-align: bottom;}
#shopDetail .fa.fa-train{font-size: 20px;}
#shopDetail .left_box{float: left; margin: 0 25px 0px 0; width: 484px;}
#shopDetail .left_box .shop_img_box{width: 484px; height: 350px; margin-bottom: 20px;}
#shopDetail .left_box .shop_img_box img{width: 100%;}
#shopDetail .left_box .googlemap_box{width: 484px; margin-bottom: 20px;}
#shopDetail .left_box .stationmap_box{width: 484px;}

#shopDetail .right_box{float: right; width: 484px; vertical-align: top;}
#shopDetail .right_box h2{font-size: 21px; margin-bottom: 15px;}
#shopDetail .right_box .info dt{font-weight: bold; font-size: 14px;}
#shopDetail .right_box .info dd{margin-bottom: 25px; font-size: 18px; padding:0 0 0 1em;}
#shopDetail .right_box .staff_msg{margin-top: 60px; padding-bottom: 30px; border-bottom:2px #efefef solid;}
#shopDetail .right_box .staff_msg:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#shopDetail .right_box .msg_img_box{float: left; width: 230px; height: 172px; margin:0 10px 10px 0;}
#shopDetail .right_box .staff_msg .msg_area{ font-size: 14px;}
#shopDetail .right_box .qr{margin-top: 30px; display: inline-block;}
#shopDetail .right_box .comment{display: inline-block; margin-left: 15px; width: 340px; line-height: 200%; font-size: 14px; vertical-align: top;}




/* =================================================================
22.利用規約
使用ファイル：common/riyou_kiyaku.xhtml
ext/term.xhtml
=================================================================*/

#term-of-service ul{margin-top: 1em;margin-bottom: 1em;}
#term-of-service ul li, #term-of-service ol li{margin-bottom: 0.5em;}
#term-of-service span.rule-title{font-size: 1.2em; line-height: 4em;}
#term-of-service ol.rule-numberlist{margin: 1em 0 1em 3em;}
#term-of-service ol.rule-numberlist li{list-style-position: outside;list-style-type: decimal;padding-left: 0.8em;}

/* =================================================================
23.ご利用ガイド
使用ファイル：ext/userguide_beginner.xhtml
ext/userguide_onlineshop.xhtml
ext/userguide_realshop.xhtml
=================================================================*/
#main #userguide .categorylink{text-align: center;}
#main #userguide .categorylink a{font-size: 16px; margin: 20px 20px 0;}
#userguide .txtcenter{text-align: center;}
#userguide h2{font-size: 26px; text-align: center; padding: 0 0 30px 0; line-height: 1.5;}
#userguide h3{font-size: 20px; font-weight:bold; padding: 0 0 30px 0;  line-height: 1.5;}

#service_welcome,#userguide-sns_link,#service_quality,#service_guide{	padding-top:70px;}
#service_navi ul{text-align: center;}
#service_navi li{display: inline-block; margin:20px;}
#service_welcome a.button{margin:20px 20px 0;}
#service_welcome .categorylink a{border: none;}
#service_welcome img{width: 100%;	margin-bottom: 20px;}
#service_faq .wrapkonpo_area:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#service_faq dd .wrapkonpo_area p{float: left; width: 470px; margin-right: 20px;}
#service_faq dd .wrapkonpo_area p img{ width: 470px;}
#service_faq dd .wrapkonpo_area p.shipping{margin-right: 0;}

#main #userguide #service_guide table{padding-top:0;border-top: none;}
#main #userguide #service_guide table, #userguide #service_guide table th, #main #userguide #service_guide table td{	border-bottom: none;}
#main #userguide #service_guide table tr {border-bottom: none}
#main #userguide #service_guide table th{font-size:20px;padding: 10px;	text-align: center;background-color: #fff;}
#main #userguide #service_guide table th img{margin-top:20px;}
#main #userguide #service_guide table td{width: 33.33%;	padding-bottom: 0;}
#main #userguide #service_guide table td p{margin-bottom: 0.8em;}
#main #userguide #service_guide table td a{color: #c8391c; text-decoration: underline;}

#main #userguide #service_guide .categorylink a{font-size:24px;padding:0.5em 2em 0.5em 2em;background-color: #c8391c;color:#fff;border-color: #c8391c}
#main #userguide #service_guide .categorylink a:after{border-color: #fff}

#main #userguide #read_content{margin-bottom:30px;}
#main #userguide #read_content .categorylink{text-align:right;}
#main #userguide #read_content .categorylink a{margin: 0; border:1px solid #969696; position: relative; border-radius:8px; line-height: 38px; padding:0 30px 0 14px; display: inline-block; background-color: #FFF; font-size: 14px; color: #333;}
#main #userguide #read_content .categorylink a::before,#main .categorylink a::after{ position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; content: ""; vertical-align: middle;}
#main #userguide #read_content .categorylink a:hover,.more a:hover{text-decoration:none; background:#969696; color: #FFFFFF;}
#main #userguide #read_content .categorylink a::after{ content:""; right: 15px; width: 8px; height: 8px; border-top: 1px solid #969696; border-right: 1px solid #969696; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg);}
#main #userguide #read_content .categorylink a:hover:after{border-color: #FFFFFF;}

#userguide-sns_link{width: 100%;}
#userguide-sns_link ul.sns_content{margin:16px 0 15px 0;text-align: center;}
#userguide-sns_link ul.sns_content li{display: inline-block;	margin:0 15px 15px 0;}
#userguide-sns_link ul.sns_content li.last{margin:0;}
#userguide-sns_link ul.sns_content li img{width:92px;}

#service_faq h2{padding-top:70px;}
#service_faq dt{font-size: 22px;color: #A54C3B;margin-bottom: 20px;}
#service_faq dt.accordion_btn {content:""; background: url("../images/openicon.svg"); background-repeat: no-repeat;background-position: right center;display: block;cursor:pointer;}
#service_faq dt.active {background: url("../images/closeicon.svg");background-repeat: no-repeat;background-position: right center;display: block; cursor:pointer;}
#service_faq dd{margin-bottom: 2.6em;	margin-left: 2em;}
#service_faq dd p{font-size: 18px;	margin-bottom: 0.8em;}
#service_faq dd a{font-size: 18px;	color: #c8391c;	text-decoration: underline;}
#service_faq .subnavi {background-color: #eee;padding:2em 2em 2em 3em;margin-bottom: 30px;}
#service_faq .subnavi li{padding-left: 0;padding-right: 1em; font-weight: normal;}
#service_faq li.subnavi-group{font-weight: bold;float:left;width:25%;list-style: circle;padding-left: 0; height:200px;}
#service_faq ul.subnavi-list{margin-top:0.4em; margin-bottom: 1em;}

/* =================================================================
24.会員情報入力
使用ファイル：member_input.xhtml
=================================================================*/
.mail_magazine_appeal {margin-top: 15px;}
.mail_magazine_appeal div{float: left;}
.mail_magazine_appeal .message{padding-left: 15px;}
.mail_magazine_appeal img{width: 200px;}
.mail_magazine_appeal:after{content: "."; display: block; visibility: hidden; line-height: 0; clear: both; }

/* =================================================================
25.特定商取引法に基づく表記
使用ファイル：tokushou.xhtml
=================================================================*/
.tokushou td a{color:#c8391c; text-decoration:underline;}

/* =================================================================
25.お問い合わせ直前ページ
使用ファイル：　ext/inquiry.xhtml
=================================================================*/
#main #pre_inquiry h2{margin:2em 0 1em 0;font-weight: bold;font-size:22px;}

#main #pre_inquiry .itemstock{border:1px #dadada solid;margin:1em 0 ;padding:0 2em 1em 2em;}
#main #pre_inquiry .itemstock h2{font-size:1.2em;margin:1em 0 0 0 ;}
#main #pre_inquiry a{text-decoration: underline;font-size:1.1em;color:#c8391c;}

#main #pre_inquiry ol {margin-bottom:1em;margin-left: 1em;}
#main #pre_inquiry ol li{list-style: decimal;margin-left: 1em;line-height: 1.4em;}
#main #pre_inquiry ol li.inquiry_cate{font-weight: bold;margin-top: 1em;}
#main #pre_inquiry ol li.inquiry_cate ol.inquiry_cate_detail li{font-weight:normal;margin-top:1em;}
#main #pre_inquiry ul {margin: 2em 1em;;}
#main #pre_inquiry ul li{list-style-type:circle;margin-left:2em;margin-bottom: 0.4em;}

#main #pre_inquiry .categorylink{text-align:center}
#main #pre_inquiry .categorylink a {font-size:1.2em;margin-top:1em;padding:0em 2em;text-decoration:none;color:#fff;background-color: #c8391c;border: none;}
#main #pre_inquiry .categorylink a:after {border-color: #fff;}

#main #pre_inquiry ul.domainlist{font-weight:bold;color: #A54C3B}

#main #pre_inquiry .customerroom{background-color:#EBEBEB;padding:1em 1em 0.8em 1em ;display: block;text-align:center;}
#main #pre_inquiry .customerroom .phonenumber{font-size:1.8em;font-weight:bold}
#main #pre_inquiry .customerroom .caution{font-weight:bold;color: #A54C3B}


/* =================================================================
25.お問い合わせ
使用ファイル：　ext/inquiry.xhtml
=================================================================*/

#main #result_apply h2{margin:2em 0 1em 0;font-weight: bold;font-size:22px;}

#main #result_apply .endmessage{border:2px solid #dadada; display: block;padding:1em;margin-bottom:2em;text-align: center;}
#main #result_apply .endmessage h3{font-weight: bold;margin-bottom:0.4em;font-size:1.4em;;}

#main #result_apply ol {margin-bottom:1em;margin-left: 1em;}
#main #result_apply ol li{list-style: decimal;margin-left: 1em;line-height: 1.4em;}
#main #result_apply ol li.inquiry_cate{font-weight: bold;margin-top: 1em;}
#main #result_apply ol li.inquiry_cate ol.inquiry_cate_detail li{font-weight:normal;margin-top:1em;}
#main #result_apply ul {margin: 2em 1em;}
#main #result_apply ul li{list-style-type:circle;margin-left:2em;margin-bottom: 0.4em;}

#main #result_apply .customerroom{background-color:#EBEBEB;padding:1em 1em 0.8em 1em ;display: block;text-align:center;}
#main #result_apply .customerroom .phonenumber{font-size:1.8em;font-weight:bold}
#main #result_apply .customerroom .caution{font-weight:bold;color: #A54C3B}

/* =================================================================
26.パスワード再設定
使用ファイル：　login.xhtml,cart_login.xhtml
=================================================================*/
/*ログイン画面のバナー*/
#container a.notice_banner{margin:0 0 30px 0; display:block;}

/* =================================================================
27.リマインド編集
使用ファイル：　remind_input.xhtml
=================================================================*/
#main .remind #error ul li{float:none; width:auto; padding:0; border:none;}

/* 2018/12/27追加 */
#main .remind #error ul{margin: 0;}
#main .remind #error ul li:nth-of-type(3n){margin: 0 10px 10px 0;}


/* =================================================================
AmazonPay、ゲスト購入対応
使用ファイル：　cart_index.xhtml,cart_login.xhtml,cart_seisan.xhtml
=================================================================*/
/* cart_index */
#cartSidebar .amazonButtonArea{width:100%; background:#f5f5f5; margin:10px 0; padding:10px 0; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8;}
#cartSidebar .amazonButtonArea h2{font-size:14px; font-weight: bold; line-height:1.5; float:none;}
#cartSidebar .amazonButtonArea .amazon_btn{margin:10px auto;}
#cartSidebar .amazonButtonArea #AmazonPayButton{min-height:auto;}
#cartSidebar .amazonButtonArea .amazon_btn img{width:160px;}
#cartSidebar .amazonButtonArea p{font-size:13px!important;}
#cartSidebar .amazonButtonArea .excluded{color:#c8391c;}

#cartSidebar .cartButtonArea .button.positive{display: block; margin: 0 auto 10px; width: 160px; padding:2px 0;}
#cartSidebar .cartButtonArea .button.negative{display: block; margin: auto; padding:2px 0;}
#cartSidebar .cartButtonArea .button{font-size:14px;}
#cartSidebar .cartButtonArea a{ height:auto;}
/* cart_login */
#cartLogin .box{margin:0 16px 30px;}
#cartLogin .button.positive{width:230px;}
#cartLogin .amazon_area{clear:both; margin: 0 16px; padding:20px 150px; background:#efefef;}
#cartLogin .amazon_area h2{text-align:center; margin:0 0 15px 0; padding:5px 0;}
#cartLogin .amazon_area ul{font-size:12px;}
#cartLogin .amazon_area ul li{position:relative;}
#cartLogin .amazon_area ul li:before{content:"※";}
#cartLogin .amazon_area #AmazonPayButton{margin:0; padding:0 0 20px;}
#cartLogin .amazon_area #AmazonPayButton img{width:230px;}
#cartLogin .amazon_area .excluded{color:#c8391c; text-align:center;}
#cartLogin .widebox{margin:0 auto 30px; border:none;}
#cartLogin .widebox p{padding:20px;}
#cartLogin .widebox h2{border-top: 1px solid #c8c8c8; text-align:center; border-bottom: 1px solid #c8c8c8; padding:5px 0; margin:15px 0 0 0;}

/* cart_login$amazon_payments */
#amazonNewlogin .box{width:700px; margin:20px auto; float:none; border:1px solid #c8c8c8; padding:20px;}
#amazonNewlogin h1{text-align:center;}
#amazonNewlogin p{text-align:center;}
#amazonNewlogin .box table{border:none; width:400px; margin:20px auto; border:none;}
#amazonNewlogin .box table th{background:none;}
#amazonNewlogin .box table tr{border:none;}
#amazonNewlogin .box p{text-align: right;}
#amazonNewlogin .box .buttonarea{padding-top:20px;}
#amazonNewlogin .box input.button.positive{margin:0 auto;}

#cartFlow .registCheck{margin:0 10px 0 0;}

/* amazonpayv2 */
#cartLogin .amazon_area .buttonarea.amazonv2{padding: 0;margin: 15px;}
#cartLogin .amazon_area #AmazonPayV2Button{max-width: 230px; min-width: 200px; height: 60px; margin: 0 auto;}
#cartIndex .amazonButtonArea #AmazonPayV2Button{max-width: 160px; margin:0 auto;}
#main table.amazonV2Newlogin{border:1px solid #c8c8c8;}
#main table.amazonV2Newlogin tr{border-bottom: 1px solid #c8c8c8;}
#main table.amazonV2Newlogin th{border: 1px solid #CCC;}
#main .amazonV2Newlogin.login{width:auto; border:none; float: none;}