<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@import url("smoothness/jquery-ui-1.8.4.custom.css"); 

/* =======================================================================
CSSの名前：style.css 
最終更新日時：2019/9/10
--------------------------------------------------------------------------
1.reset
2.base
3.コンテナ・サイドバー・メインコンテンツ
4.ヘッダ
5.サイドバー
6.extファイル用
7.トップページ
8.カートの中身～注文完了まで、プレゼント応募～完了まで
9.定期購入商品履歴照会・変更
10.フッタ
11.商品詳細・一覧、プレゼント詳細・一覧
12.レビュー
13.購入履歴
14.サブウインドウで表示するページ用
15.エラーページ
16.クレジットカード登録画面
17.お気に入り
18.アドレス帳
21.補足説明
22.注意事項
23.メール便注意事項
24.セット内容
25.テーブルふう
26.ガイド内のテーブル
27.逸品の小部屋
28.枠の中にタイトル
29.YouTube
30.ガイド内のテーブル640サイズ
31.セロハンテープふう
32.入門万年筆で使ってる
33.オレンジボタン&gt;&gt;
34.
35.逸品の小部屋 トップページ用
======================================================================= */


/* =================================================================
1.reset  LLメイリオ優先に変更【修正190403野崎】
=================================================================*/
*{box-sizing: border-box;}
body{background: #FFF; color: #333; line-height: 1.5; font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif; word-wrap: break-word; position: relative;}



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


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

/*  基本のlink color
-------------------------------------------------------------*/
a:link{color: #000; text-decoration: none;}
a:visited{color: #000;}
a:hover,a:active{color: #60ac31; text-decoration: none;}
a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity:0.8;
}

a:hover img::before,
a:hover img::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/* LL追加 画像リンク設定【追加190523野崎】 
-------------------------------------------------------------*/
img a:hover,img a:active{opacity:0.7;}


/* LL追加base共通【追加190610野崎】 
-------------------------------------------------------------*/
.ar { text-align:right; }
.al { text-align:left; }
.ac { text-align:center; }
.flt_r { float:right; }
.flt_l { float:left; }
.clr { clear:both; }
.red { color:#d60000; }
.red2 { color:#f54358; }
.black { color:#000; }
.white { color:#fff; }
.bgW { background:#fff; }
.small { font-size:10px; }
.bigTxt { font-size:150%; }
.font120par { font-size:120%; }
.font130par { font-size:130%; }
.font150par { font-size:150%; }
.bold { font-weight:bold; }
.arial { font-family:Arial Black; }
.hidden { display:none; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  line-height:0;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.parent { position:relative; }
.pa0{ padding:0; }
.pa05 { padding:5px; }
.pa10 { padding:10px; }
.pa15 { padding:15px; }
.pa20 { padding:20px; }
.pa25 { padding:25px; }
.pa30 { padding:30px; }
.pa35 { padding:35px; }
.pa40 { padding:40px; }
.pa45 { padding:45px; }
.pa50 { padding:50px; }

.pt05 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }
.pt100 { padding-top:100px; }

.pb05 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb40 { padding-bottom:40px; }
.pb45 { padding-bottom:45px; }
.pb50 { padding-bottom:50px; }

.pr05 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr35 { padding-right:35px; }
.pr40 { padding-right:40px; }
.pr45 { padding-right:45px; }
.pr50 { padding-right:50px; }
.pr01par { padding-right:1%; }
.pr05par { padding-right:5%; }
.pr10par { padding-right:10%; }
.pr15par { padding-right:15%; }
.pr20par { padding-right:20%; }

.pl05 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl35 { padding-left:35px; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }
.pl50 { padding-left:50px; }
.pl250 { padding-left:250px; }
.pl01par { padding-left:1%; }
.pl05par { padding-left:5%; }
.pl10par { padding-left:10%; }
.pl15par { padding-left:15%; }
.pl20par { padding-left:20%; }

.mlr0 {margin-left:auto;margin-right:auto; }
.ma0 { margin:0px; }
.ma05 { margin:5px; }
.ma10 { margin:10px; }
.ma15 { margin:15px; }
.ma20 { margin:20px; }
.ma25 { margin:25px; }
.ma30 { margin:30px; }
.ma35 { margin:35px; }
.ma40 { margin:40px; }
.ma45 { margin:45px; }
.ma50 { margin:50px; }

.mt05 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }
.mt75 { margin-top:75px; }

.mb05 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb100 { margin-bottom:100px; }

.mr02 { margin-right:2px; }
.mr05 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }
.mr45 { margin-right:45px; }
.mr50 { margin-right:50px; }

.ml05 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }



/*  基本のlink color
-------------------------------------------------------------*/
a:link{color: #000; text-decoration: none;}
a:visited{color: #000;}
a:hover,a:active{color: #60ac31; text-decoration: none;}

/* LL追加 画像リンク設定【追加190523野崎】 
-------------------------------------------------------------*/
img a:hover,img a:active{opacity:0.7;}

/* LL追加ボタンリンク設定【追加190523野崎】 
-------------------------------------------------------------*/

.button-color {
	margin:20px auto 10px;
}

.button-link {
	display: inline-block;
	width: 80%;
	text-align: center;
	text-decoration: none;
	line-height: 65px;
	outline: none;
	background-color: #ff9900;
	font-weight: bold;
	color: #fff;
	margin: 0 20px 0;
	padding: 0;
	font-size: 15px;
}


.button-link a:visited{color: #fff;}

.button-link a:active {
	color: #fff;
	background-color:#C30;
	opacity:0.9;
}

.button-link a:hover {
	color:#FFF;
	background-color:#C30;
	opacity:0.9;
}

.button-link::before,
.button-link::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#button-color a:hover {
	background-color: #E34733;
}

#button-color::before,
#button-color::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


#button-color2{
	width: 100%;
}

#button-color2 a:hover {
	background-color: #E34733;
}


#button-color2::before,
#button-color2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button-link2 {
    display: inline-block;
    width: 95%;
    text-align: center;
    text-decoration: none;
    line-height: 70px;
    outline: none;
    background-color: #ff9900;
    font-weight: bold;
    color: #fff;
    margin: 0 20px 0;
    padding: 0;
}

#button-color3{
	width: 100%;
}

#button-color3 a:hover {
	background-color: #E34733;
}


#button-color3::before,
#button-color3::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button-link3 {
    display: inline-block;
    width: 95%;
    text-align: center;
    text-decoration: none;
    line-height: 70px;
    outline: none;
    background-color: #003366;
    font-weight: bold;
    color: #fff;
    margin: 0 20px 0;
    padding: 0;
}

/*  ボタンデザイン
-------------------------------------------------------------*/
/*基本デザイン-下記クラスに加えpositive　negative等のクラスを合わせて付与する*/
a.button{border: none; display: block; line-height: 1; text-align: center; padding: 10px; text-decoration: none; font-size: 13px; -webkit-border-radius: 3px;/* for Safari and Chrome */ -moz-border-radius: 3px; /* for Firefox */ -o-border-radius: 3px; /* for opera */ border-radius: 3px; width: 100%;}
input.button{border: none; display: block; line-height: 1; text-align: center; padding: 10px; text-decoration: none; font-size: 13px; -webkit-border-radius: 3px;/* for Safari and Chrome */ -moz-border-radius: 3px; /* for Firefox */ -o-border-radius: 3px; /* for opera */ border-radius: 3px; width: 100%;}


/*マウスホバー時*/
a.button:hover{opacity: 0.8; cursor: pointer; transition: all .3s;}
input.button:hover{opacity: 0.8; cursor: pointer; transition: all .3s;}

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

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

/*普通サイズの時にはクラスに下記を追加*/
.medium{ min-width: 200px; font-size: 16px;}
a.medium{max-width: 280px;min-width: 200px;font-size: 14px;}
input.medium{max-width: 280px;min-width: 200px; font-size: 17px;font-weight: bold;line-height: 170%;}

/*次へ・入力内容を確認する・注文する・ログイン・登録する・送信・検索・ご注文手続きへ進む等*/
a.positive{background: #c40707; color: #FFFFFF;font-size: 17px;line-height: 160%; }
input.positive{background: #c40707;color: #FFFFFF;}

/*戻る・クリア・削除・ログアウト等*/
input.negative{background: #4c4c4c; color: #FFFFFF;}
a.negative {
    background: #999999;
    color: #FFFFFF;
    font-size: 17px;
    line-height: 160%;
}/*戻る・クリア・削除・ログアウト等*/

/*小さいサイズの時にはクラスに下記を追加*/
.small{padding: 6px 10px; font-size: 12px;}
a.small{padding: 6px 10px; font-size: 12px;}
input.small{padding: 6px 10px; font-size: 12px;}
/*  画像の縦横比調整
-------------------------------------------------------------*/
.img_box{text-align: center; position: relative;}
.img_box img{width: auto; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

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

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

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

/*  商品一覧、商品詳細ページアイコン類
-------------------------------------------------------------*/
.item_icon{color: #FFFFFF; display: inline-block; font-size: 11px; line-height: 150%; normal; padding: 4px 4px; vertical-align: text-top;}/*アイコン共通設定*//*2019/5/30野崎変更 */
.item_short {background: #D21E21;}/*品切*/
.item_soldout {background: #666666;}/*品薄*/
.item_new {background: #ffcc00;}/*NEW*/
.item_before {background: #ff9900;}/*COMING SOON*/
.item_download {background: #00cccc;}/*ダウンロード商品*/
.item_yoyaku {background: #000000;}/*予約商品*/
.item_discount {background: #cc0000;}/*会員割引あり*/
.item_timesale {background: #cc0000;}/*タイムセール中*/
.item_teiki_together {background: #a52ead;}/*定期にまとめて注文可能*/
.item_volume_discount {background: #ff6699;}/*ボリュームディスカウントあり*/

/* =================================================================
3.コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/
/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
#container{width: 1000px; margin: auto; padding-top: 20px;}/*2019/5/21野崎変更 */
#container:after {content: ""; clear: both; display: block;}/* clearfix */

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


/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main{float: right; width: 770px; padding-bottom: 20px;}

#main p{margin: 5px 10px; font-size: 95%; line-height: 150%;}/*190617野崎変更*/
#main table{width: 750px; margin: 10px; font-size: 80%; border: 1px solid #CCC;}/*2019/8/26野崎 line-height: 200%;除去 fontsize変更（90%→80%） */
#main th{padding: 5px; border: 1px solid #CCC; background: #F6F6F6; vertical-align: top; font-weight: normal;}
#main th.title{width: 160px; text-align: left; vertical-align: middle;}
#main th.address{width: 55px;}
#main td{padding: 10px; border: 1px solid #CCC; vertical-align:}
#main .buttonarea{margin: 10px; text-align: center;}
#main .buttonarea .button{display: inline-block; margin: 0 10px;}
#main .buttonarea .attention{color: #C00; font-size: 90%;}
#main .buttonareaFR{margin: 0 0 0px; float: right;}
#main .buttonareaFR:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#main .member_buttonarea .button{display: inline-block; margin: 0 10px;}
#main .hissu{color: #C00; font-weight: bold;}
#main #breadcrumbs{margin-bottom: 20px; font-size: 80%;}
#main .amazon_comment{color: #C00; font-weight: bold;}
#main .expiration_date{padding-left: 10px;}

#main .teika .selling-price{font-size:160%; color:#F00; font-weight:bold; line-height:150%;}/*2019/6/17野崎追加 */

&lt;!--#main h2{margin-bottom: 20px; font-weight: normal; border-bottom: solid 3px #cccccc; position: relative;}--&gt;
#main h2:after{position: absolute; content: " "; display: block; border-bottom: solid 3px #036; bottom: -3px; width: 20%;}

#main h2{
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: normal;
	border-bottom: solid 3px #cccccc;
	position: relative;
	line-height: 190%;
}

/*2019/7/1野崎追加 */
#main .btn_change{
	color:#FFF;
	background-color:#f34733;
	padding:6px 10px;
	font-size:16px;
	border-radius:5px;
	font-weight:normal;
	margin-left:10px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/*2019/7/1野崎追加 */
#main .btn_change:hover{
	opacity: 0.9;
}

/*2019/7/1野崎追加 */
#main .sub-title{
	border-left: solid 6px #003366;
	font-size: 16px;
	margin: 0 0 15px 0;
	padding: 10px 0 10px 10px;
	font-weight: 700;
}

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

/* お問い合わせページ画像項目用
-------------------------------------------------------------*/
#main .apply_area img{max-wdth: 100%;}
/* LL追加カスタムお問い合わせページ画像項目用【追加190309水野】 
-------------------------------------------------------------*/
.text1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #FF0000;
}
.text1 p {
    color:#F00;
	margin: 0; 
    padding: 0;
}


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


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

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

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

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

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

#header h2 a{display: block; float: left; width: 15px; height: 15px; overflow: hidden; margin-top: 10px; background: url("../images/header_rss.gif") no-repeat; text-indent: -9999px;}
#header h2 a:hover{background-position: 0 -15px;}


/* LL追加ヘッダー共通【追加190403野崎】 
-------------------------------------------------------------*/
#headtop{
	padding: 5px;
	border-bottom: 1px solid #CCC;
	background: #003366;
	color: #FFF;
	font-size: 80%;
	text-align: center;
	width:100%;
}

#headtop table{
	width: 1000px;
	margin: auto;
}

#headtop table .content h1{
  color: #fff;
  font-weight: normal;
  font-size: 12px;
}
#headtop td.content{
	color: #fff;
	text-align: left;
	padding-left:10px;
}

#headtop td a{
	color:#FFF;
	text-decoration:none;
}

#headtop td a:hover{
	text-decoration:underline;
}

#header h1 a{
	display: block;
	float: left;
	width: 251px;
	height: 79px;
	background: url("https://www.pen-house.net/client_info/PENHOUSE/infoimage/penhouse-logo.jpg") no-repeat;
	text-indent: -9999px;
	margin:10px 30px 10px 0;/*8/19野崎変更*/
	padding:0;
}


#header #mn_memwrap {
	display:inline-block;
	position:relative;
	float:left;
	margin: 0;
	padding: 0;
	top:37px;
}


#header #mn_memwrap ul li{
	font-size: 11px;
	border: 1px solid #CCC;
	padding: 5px;
	margin-left: 6px;
	float: left;
	display: inline;
}
#header #mn_memwrap &gt; ul  &gt; li &gt; a{
	text-decoration: none;
	color:#333;
}

#header #mn_memwrap &gt; ul  &gt; li &gt; a:link{color: #333; text-decoration: none;}
#header #mn_memwrap &gt; ul  &gt; li &gt; a:visited{color: #333;}
#header #mn_memwrap &gt; ul  &gt; li &gt; a:hover{color: #60ac31; text-decoration: none;}
#header #mn_memwrap &gt; ul  &gt; li &gt; a:active{color: #60ac31; text-decoration: none;}


#header #mn_memwrap{
	display:inline-block;

}

#header .cart{
display: inline-block;
position: relative;
float: right;
margin: 0;
padding: 0;
top: 37px;
}

#header .cartbt {
	position: relative;
	bottom: 5px;
	background: #c40707;
	display: block;
	width: 140px;
	height: 35px;
	border-radius: 5px;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#header .cartbt:hover{
	opacity:0.8;
	cursor: pointer; transition: all .3s;
}

#header .cartbt img{
	width:24px;
	vertical-align:middle;
	margin-top: 5px;
}

#header .cartbt:after{
	content:"カートを見る";
	display:inline-block;
	vertical-align:middle;
	margin-top: 7px;
	font-size:13px;
	color:#FFF;
}

#header .cartbt,
#header .cartbt::before,
#header .cartbt::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/*人気キーワードの表示*/
#header .ninkikeyword{
  clear: both; 
  font-size: 11px; 
  margin-top: 40px;
}

#header .ninkikeyword a{
  color: #034689; 
  text-decoration: underline;
}

#header .ninkikeyword a:hover{
  color: #60ac31;
}



/* LL追加ヘッダーメガナビゲーション【追加190610野崎】 
-------------------------------------------------------------*/

/*メガメニュー大枠*/
#gnav {
 	background: #003366;
	border-top: 1px solid #b2b2b2;
	position: relative;
	display: flex;
	justify-content: space-between;
	z-index: 5000;
	height: 50px;
	opacity: 0.98;
}

/*メガメニュー項目エリア調整*/
#gnav &gt; ul {
    display: table;
    margin: 0 auto;
    width: 1000px;
    padding: 5px 0;
}

/*メガメニュー表示調整*/
#gnav &gt; ul &gt; li {
    display: table-cell;
    margin-right: 1em;
    width:124px;
    text-align: center;
	font-size:13px;
	border-left:1px solid lightslategrey;
}

/*メガメニュー項目エリア幅調整*/
#gnav &gt; ul &gt; li &gt; span.nav_btn {
    display: block;
	padding: 2px 0px;
	position: relative;
	transition: all .2s ease-in;
	color: #FFF;
	height: 39px;
	line-height: 31px;
	width: 124px;
	text-align: center;
	left: 0px;
}

/*メガメニュー項目エリア幅調整*/
#gnav &gt; ul &gt; li &gt; span.nav_btn2 {
    display: block;
    padding: 0 15px 0 15px;
    position: relative;
    transition: all .2s ease-in;
    color: #FFF;
    height: 44px;
    line-height: 41px;	
}

/*メガメニューリンク設定*/
#gnav &gt; ul &gt; li &gt; a {
  display: block;
  padding: 0px;
  transition: all .2s ease-in;
  position: relative;
}

/*メガメニューホバー時*/
#gnav &gt; ul &gt; li:hover {
  color: #fff;
  text-decoration:none;
}

/*メガメニューホバー時2*/
#gnav &gt; ul &gt; li:hover &gt; a {
  color: #fff;
}

/*メガメニューホバー時のドロップダウン時*/
#gnav &gt; ul &gt; li:hover .menu {
  transition: max-height 1s ease-in;
  max-height: 9999px;
}


/*メガメニュー表示調整*/
#gnav &gt; ul .menu {
	transition: max-height 0s ease-out;
	max-height: 0;
	overflow: hidden;
	width: 100%;
	left: 0px;
	top: 43px;/*メガメニュー後の矢印の位置調整*/
	text-align: center;
	position: absolute;
	background-color: #FFF;
	display: flex;
	flex-wrap: wrap;
	padding: 0% 3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	--webkit-box-shadow: 0px 1px 9px -4px rgba(0,0,0,0.6);
	box-shadow: 0px 1px 9px -4px rgba(0,0,0,0.6);
}

/*メガメニュー表示調整*/
#gnav &gt; ul .menu .c_contents_wrap {
  width: 1000px;
  text-align: left;
  padding: 1% 0;
  margin:0 auto;
  font-size: 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*メガメニュー見出しエリア調整*/
#gnav &gt; ul .menu .c_contents_wrap h4 {
    font-size: 13px;
}

#gnav .c_contents_wrap &gt; h4,
#gnav .c_contents_wrap &gt; h4 a,
#gnav .c_contents_wrap &gt; h4 span {
    font-weight: bold;
    color: #000;
    margin-top: 20px;
}

/*メガメニュー表示項目配置調整*/
#gnav &gt; ul .menu .menu_inner {
  padding: 1em 0;
  display: flex;
  flex-wrap: wrap;
}

#gnav &gt; ul .menu .menu_inner li {
  display: block;
  margin: 0;
  width: 250px;
  padding: 5px 0 ;
  text-align: left;
  line-height:125%;
}


/*メガメニュー項目ホバー時*/
#gnav .c_contents_wrap ul.menu_inner li a:hover,
#gnav .c_contents_wrap &gt; h4 a:hover {
    color: #60ac31;
    background-color: inherit;
}

/*メガメニュー項目のテキスト余白*/
#gnav .c_contents_wrap ul.menu_inner li a {
  height: auto;
  line-height: 100%;
  padding: 0 0 7px;
}

/*メガメニュー項目リンク文字色*/
#gnav &gt; ul .menu a {
  color: #333;
}

/*メガメニュー項目の＞部分*/
#gnav &gt; ul .menu .menu_inner li a::before {
    content: "&gt;";
    font-weight: bold;
    color: #9E8648;
    display: inline-block;
    padding-right: 3px;
}



/*メガメニュー項目選択時の△部分の調整*/
#gnav ul li.toggle:hover &gt; a::after {
    width: 17px;
    height: 17px;
    content: "";
    background-color: #FFF;
    display: inline-block;
    position: absolute;
    bottom: -10px;
    z-index: 5010;
    transform: rotate(45deg);
    left: 50%;
}


/*メガメニュー項目プルダウンなしエリア*/
#gnav &gt; ul &gt; li:hover &gt; span.nav_btn::after {
    width: 17px;
    height: 17px;
    content: "";
    background-color: #FFF;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: rotate(45deg);
    z-index: 5010;
    bottom: -10px;
}


#gnav .mainlist {
	 position: relative;
	 height: 50px;
}

#gnav .mainlist::after{
	 border-right: 2px solid #fff;
	 border-top: 2px solid #fff;
	 content: "";
	 margin: -5px 0 0 0;
	 position: absolute;
	 transform: rotate(135deg);
	 -webkit-transform: rotate(135deg);
	 bottom: 5px;
	 right: 50%;
	 width: 5px;
	 height: 5px;
     left: 58px;
}


#gnav .item_nav ul li span.nav_no_link {
    color: #ffffff;
    height: 41px;
    line-height: 41px;
    display: block;
}

#gnav .item_nav ul li a {
    color: #ffffff;
    height: 41px;
    line-height: 41px;
    text-decoration: none;
    display: block;
}

#gnav .item_nav ul li a:hover {
    background: #02274d;
}

#gnav .item_nav ul li.toggle .c_contents_wrap .c_title {
    line-height: 41px;
}


/* LL追加ヘッダーinfo【編集240301竹谷】 
-------------------------------------------------------------*/

.head-news {
    margin: 20px auto 0;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
 }
 
    .head-news {
        width: 1000px;
        max-width: 1000px; } 
 
   .head-news .title {
      color: #CC0000;
      font-weight: bold;
	  font-size: 16px;
	  margin: 10px auto 0;
	  text-align:center;
	   }


   .head-news .text {
      padding-left: 1rem;
	  text-align:left;
	  font-size: 12px;
	   }

   .head-news.award .award_txt {
      padding-top: 16px;
      padding-left: 40px; }
	  
	  
	.head-news a{  
	    color: #222;
    	text-decoration: none;
	}
	
	.head-news a:visited{  
	   	color: #222;
	}
	
	.head-news a:hover{  
	    color: #60ac31;
	}

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

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

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

/* LL追加ヘッダー商品検索窓【追加190403野崎】 
-------------------------------------------------------------*/
#header-search {
    position: relative;
    top: 33px;
    float: left;
    width: 395px;/*8/19野崎変更*/
    margin: 0;
    padding: 0;
}
.search_container{
	position: relative;
	box-sizing: border-box;
	border: 2px solid #003366;
	padding: 0px;
	border-radius: 2px;
	width: 300px;/*8/19野崎変更*/
	overflow: hidden;

}
.search_container input[type="text"]{
  border: none;
  width:235px;/*8/19野崎変更*/
  height: 2.5em;
}
.search_container input[type="text"]:focus {
  outline: 0;
}
.search_container input[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome;
  border: none;
  background: #003366;
  color: #fff;
  position: absolute;
  width: 60px;
  height: 40px;
  right:0px;
  top: -3px;
  outline : none;
  border: 6px solid #036;
	border-radius: 0;
}

.search_container input.button{
	display:block;
	width:60px;
	margin-left:10px;
	padding:5px 0;
	background:-webkit-gradient(linear,left top,left bottom,from(#003366),to(#003366));
	border-radius:5px;
	text-shadow:-1px 1px 1px #666;
	color:#FFF;
	font-size:90%;
	 font-weight:bold;
	 text-align:center;
	 text-decoration:none;
	border-radius: 0;
}/* color button */


.search_container input.button:hover{
	opacity: 0.9; cursor: pointer; transition: all .3s;
}


/* LLヘッダー詳細検索【追加190819野崎】 
-------------------------------------------------------------*/
.shousai-link  {
	font-size:14px;
	border: none;
	background: #003366;
	color: #fff;
    position: absolute;
	height: 36.5px;
	border: 6px solid #036;
	border-radius: 2px;
	font-weight:bold;
	margin: 0 0 0 8px;
	padding:2px 4px;
}

.shousai-link:hover {
	opacity:0.9;
}



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

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

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


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


/*Pentカテゴリ【追加190606野崎】 
--------------------------------------------------------------- */

#pent_leftnavi {
	margin-bottom:20px;
}

#pent_leftnavi .pent-category-list li .category-list .border-top{
	border-top: 1px solid gray;	
}

/*リスト●除去*/
#pent_leftnavi  ul {
  list-style: none;
  padding-left: 0;
}

/*リンク設定*/
#pent_leftnavi ul.category-list &gt; li .sub-category-list &gt; li &gt; a {
  display: block;
  padding: 8px;
}

/*文字サイズ*/
#pent_leftnavi .pent-category-list .category-list {
  font-size: 12px;
}

/*ボーダー*/
#pent_leftnavi .pent-category-list .category-list &gt; li {
  border-bottom: solid 1px #999;
  position: relative;
}

/*ボーダー*/
#pent_leftnavi .pent-category-list .category-list &gt; li::last {
  border-bottom: solid 1px #999;
}

/*文字余白*/
#pent_leftnavi .pent-category-list .category-list &gt; li &gt; a {
  display: block;
  padding: 5px 5px;
}

/*ホバーでリストを固定*/
#pent_leftnavi .pent-category-list .category-list &gt; li:hover .sub-category-list {
  display: block;
}

/*サブカテゴリを最初は非表示、サブカテゴリの位置調整*/
#pent_leftnavi .pent-category-list .category-list &gt; li .sub-category-list {
  position: absolute;
  z-index: 10001;
  top: 0;
  left: 190px;
  border: solid 1px #eee;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.25);
  display: none;
}

/*サブカテゴリの幅調整*/
#pent_leftnavi .pent-category-list .category-list &gt; li .sub-category-list &gt; li {
  width: 250px;
  background-color: #fff;
}


/*サブカテゴリの文字幅調整*/
#pent_leftnavi .pent-category-list .category-list &gt; li .sub-category-list &gt; li &gt; a {
  display: block;
  padding: 8px;
  line-height:100%;
}

/*サブカテゴリのホバーリンク調整*/
#pent_leftnavi .pent-category-list .category-list &gt; li .sub-category-list &gt; li a:hover {
  background-color: #eee;
}

#pent_leftnavi  a:hover {
  background-color: #eee;/*リンクホバー時の背景色*/
  color: #003366;/*リンク文字色*/
}

/*リンク設定*/
#pent_leftnavi  a{
  color: #000;
  text-decoration: none;
  outline: none;
}


/*カテゴリ仕様2【追加190612野崎】 
--------------------------------------------------------------- */

#category_leftnavi {
	margin-bottom:20px;
}

#category_leftnavi .stationery-category-list li .category-list .border-top{
	border-top: 1px solid gray;	
}

/*リスト●除去*/
#category_leftnavi  ul {
  list-style: none;
  padding-left: 0;
}

/*リンク設定*/
#category_leftnavi ul.category-list &gt; li .sub-category-list &gt; li &gt; a {
  display: block;
  padding: 8px;
}

/*文字サイズ*/
#category_leftnavi .stationery-category-list .category-list {
  font-size: 12px;
}

/*ボーダー*/
#category_leftnavi .stationery-category-list .category-list &gt; li {
  border-bottom: solid 1px #999;
  position: relative;
}

/*ボーダー*/
#category_leftnavi .stationery-category-list .category-list &gt; li::last {
  border-bottom: solid 1px #999;
}

/*文字余白*/
#category_leftnavi .stationery-category-list .category-list &gt; li &gt; a {
  display: block;
  padding: 10px;
}

/*ホバーでリストを固定*/
#category_leftnavi .stationery-category-list .category-list &gt; li:hover .sub-category-list {
  display: block;
}

/*サブカテゴリを最初は非表示、サブカテゴリの位置調整*/
#category_leftnavi .stationery-category-list .category-list &gt; li .sub-category-list {
  position: absolute;
  z-index: 10001;
  top: 0;
  left: 190px;
  border: solid 1px #eee;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.25);
  display: none;
}

/*サブカテゴリの幅調整*/
#category_leftnavi .stationery-category-list .category-list &gt; li .sub-category-list &gt; li {
  width: 250px;
  background-color: #fff;
}


/*サブカテゴリの文字幅調整*/
#category_leftnavi .stationery-category-list .category-list &gt; li .sub-category-list &gt; li &gt; a {
  display: block;
  padding: 8px;
  line-height:100%;
}

/*サブカテゴリのホバーリンク調整*/
#category_leftnavi .stationery-category-list .category-list &gt; li .sub-category-list &gt; li a:hover {
  background-color: #eee;
}

#category_leftnavi  a:hover {
  background-color: #eee;/*リンクホバー時の背景色*/
  color: #003366;/*リンク文字色*/
}

/*リンク設定*/
#category_leftnavi  a{
  color: #000;
  text-decoration: none;
  outline: none;
}


/*ブランドカテゴリ一覧【追加190711野崎】 
--------------------------------------------------------------- */

#category_leftnavi .brand-category-list .sub-title{
	font-size: 14px;
	line-height:180%;
	position: relative;
	border-top: solid 2px #003366;
	border-bottom: solid 2px #003366;
	background: #E2EDFF;
	padding: 2px 5px;
	margin: 12px 0 0;
}

/*文字サイズ*/
#category_leftnavi .brand-category-list .category-list {
  font-size: 12px;
}

/*ボーダー*/
#category_leftnavi .brand-category-list .category-list &gt; li {
  border-bottom: solid 1px #999;
  position: relative;
}

/*#category_leftnavi .brand-category-list li .category-list .border-top {
  border-bottom: solid 1px #999;
  position: relative;
}
*/
/*ボーダー*/
#category_leftnavi .brand-category-list li::first {
  border-top: solid 1px #999;
}

/*ボーダー*/
#category_leftnavi .brand-category-list li::last {
  border-bottom: solid 1px #999;
}



/*文字余白*/
#category_leftnavi .brand-category-list li a {
  display: block;
  padding: 8px 10px;
  /*  background: url(../images/link_bg.png) right center no-repeat;*/
  text-decoration: none;
}

/*ホバーでリストを固定*/
#category_leftnavi .brand-category-list .category-list &gt; li:hover .sub-category-list {
  display: block;
}

/*サブカテゴリを最初は非表示、サブカテゴリの位置調整*/
#category_leftnavi .brand-category-list .category-list &gt; li .sub-category-list {
  position: absolute;
  z-index: 10001;
  top: 0;
  left: 190px;
  border: solid 1px #eee;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.25);
  display: none;
}

/*サブカテゴリの幅調整*/
#category_leftnavi .brand-category-list .category-list &gt; li .sub-category-list &gt; li {
  width: 250px;
  background-color: #fff;
}


/*サブカテゴリの文字幅調整*/
#category_leftnavi .brand-category-list a {
  display: block;
  padding: 10px;
  line-height:110%;
}

/*サブカテゴリのホバーリンク調整*/
#category_leftnavi .brand-category-list .category-list li a:hover {
  background-color: #eee;
}

#category_leftnavi  a:hover {
  background-color: #eee;/*リンクホバー時の背景色*/
  color: #003366;/*リンク文字色*/
}

/*リンク設定*/
#category_leftnavi  a{
  color: #000;
  text-decoration: none;
  outline: none;
}

/*HTMLエリアレイアウト調整*/
.brandhtml{
	width:640px;
	margin:10px auto 25px;
	}




/*トップページ_ライトナビ【追加190820野崎】 
--------------------------------------------------------------- */

#main #service{
	width:185px;
	float:right;	
	
}

/*文字サイズ*/
#service #top_rightnavi .navigation-right {
  font-size: 12px;
}

/*ボーダー*/
#service #top_rightnavi .navigation-right &gt; li {
  border-bottom: solid 1px #999;
}


/*ボーダー*/
#service #category_leftnavi .brand-category-list li::first {
  border-top: solid 1px #999;
}

/*ボーダー*/
#service #category_leftnavi .brand-category-list li::last {
  border-bottom: solid 1px #999;
}



/*文字余白*/
#service #category_leftnavi .brand-category-list li a {
  display: block;
  padding: 8px 10px;
  /*  background: url(../images/link_bg.png) right center no-repeat;*/
  text-decoration: none;
}

/*ホバーでリストを固定*/
#service #top_rightnavi .navigation-right &gt; li:hover .sub-category-list {
  display: block;
}

/*サブカテゴリを最初は非表示、サブカテゴリの位置調整*/
#service #top_rightnavi .navigation-right &gt; li .sub-category-list {
  position: absolute;
  z-index: 10001;
  top: 0;
  left: 190px;
  border: solid 1px #eee;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.25);
  display: none;
}

/*サブカテゴリの幅調整*/
#service #top_rightnavi .navigation-right &gt; li .sub-category-list &gt; li {
  width: 250px;
  background-color: #fff;
}


/*サブカテゴリの文字幅調整*/
#service #top_rightnavi .navigation-right a {
  display: block;
  padding: 10px;
  line-height:110%;
}

/*サブカテゴリのホバーリンク調整*/
#service #top_rightnavi .navigation-right li a:hover {
  background-color: #eee;
}

#service #top_rightnavi  a:hover {
  background-color: #eee;/*リンクホバー時の背景色*/
  color: #003366;/*リンク文字色*/
}

/*リンク設定*/
#service #top_rightnavi  a{
  color: #000;
  text-decoration: none;
  outline: none;
}


/*トップページ_ライトナビSNS【追加190829野崎】 
-------------------------------------------------------------*/

#service .top_sns {
margin-top:10px;
}
#service .top_sns:before,
#service .top_sns:after {
 content:"";
 display:table
}
#service .top_sns:after {
 clear:both
}

#service .top_sns_link {
 -webkit-transition:opacity .1s linear;
 -ms-transition:opacity .1s linear;
 transition:opacity .1s linear;
 display:block;
 line-height:0;
 text-indent:100%;
 white-space:nowrap;
 overflow:hidden;
 background-repeat:no-repeat;
 float:left;
 width:40px;
 height:40px;
 margin-right:8px;
 background-size:100%
}
#service .top_sns_link:hover {
 opacity:.8
}

#service .top_sns_link:last-child {
 margin-right:0
}
#service .top_sns_link.fb {
 background-image:url("/client_info/PENHOUSE/infoimage/social_facebook_icon.gif")
}
#service .top_sns_link.tw {
 background-image:url("/client_info/PENHOUSE/infoimage/social_twitter_icon.gif")
}
#service .top_sns_link.insta {
 background-image:url("/client_info/PENHOUSE/infoimage/social_insta_icon.gif")
}
#service .top_sns_link.line {
 background-image:url("/client_info/PENHOUSE/infoimage/social_line_icon.gif")
}



/* LL追加left-navi共通【追加190323野崎】 
--------------------------------------------------------------- */
/*サイドナビ（種類で探す制御）
--------------------------------------------------------------- */

#left-navi {
	width:190px;/*レフトナビ横幅*/
	margin-bottom: 40px;
}


#category_left a {
  color: #000;/*リンク文字色*/
  text-decoration: none;/*テキストデコ撤去*/
  outline: none;/*アウトライン撤去*/
  display: block;
}

#category_left a:hover {
  background-color: #eee;/*リンクホバー時の背景色*/
  color: #003366;/*リンク文字色*/
}


#category_left .list-title {
  border-left: solid 6px #003366;/*左線*/
  font-size: 16px;/*種類で探すの文字サイズ*/
  margin:0 ;/*外余白*/
  
}

#category_left p.list-category {
  font-size: 12px;/*筆記具カテゴリの文字サイズ*/
  padding: 18px 0;/*内余白*/
  margin:0;/*外余白*/
  border-bottom: 1px solid gray;/*リスト下線表示*/
}

#category_left p.list-category2 {
  font-size: 12px;/*ペンケースカテゴリ以下の文字サイズ*/
  padding: 7px 0;/*内余白*/
  margin:0;/*外余白*/
}

#category_left ul {
  list-style: none;/*リストの・撤去*/
  margin: 0;/*リスト外余白*/


  padding: 0;/*リスト内余白*/
}

#category_left li.kind {
  font-size: 12px;/*リスト文字サイズ*/
}

#category_left li.kind a {
  padding: 11px 0 11px 15px;/*リスト上下左余白*/
}


/*筆記具カテゴリ
--------------------------------------------------------------- */
#category_left .category-list li {
  border-bottom: solid 1px #999;/*リスト下線*/
}

#category_left .category-list {
  display: block;/*リスト初期表示*/
}

/*ペンケースカテゴリ以下
--------------------------------------------------------------- */
#category_left .category-list2 li {
  border-bottom: solid 1px #999;/*リスト下線*/
}

#category_left .category-list2 {
  display: none;/*リスト初期非表示*/
}

/*筆記具カテゴリ（初期表示コンテンツ）表示・非表示切り替え制御
--------------------------------------------------------------- */
#category_left .toggle_switch {
  position: relative;/*相対配置*/
  cursor: pointer;
  border-top: 1px solid gray;/*リスト下線*/
}

#category_left .toggle_switch:hover {
  background-color: #eee;/*リンクホバー時の背景色*/
  color: #003366;/*リンク文字色*/
  filter: opacity(90%);/*矢印ホバーで不透明度変更*/
}
#category_left .toggle_switch:after {
  content: "";
  display: inline-block;
  position: absolute;/*絶対配置*/
  width: 20px;/*矢印を横幅*/
  height: 12px;/*矢印の高さ*/
  background: url(../images/arrow_top2.png) no-repeat center center;/*矢印の画像*/
  background-size: contain;/*矢印の大きさ調整*/
  top: 50%;/*矢印を縦位置調整*/
  right: 8px;/*矢印を横位置調整*/
  transform: translateY(-50%);/*矢印を縦位置調整*/
  transition: transform .2s;/*矢印のアニメーション調整*/
}

#category_left .toggle_switch.close:after {
  transform: rotateZ(180deg);/*矢印のアニメーション調整*/
  top: 40%;/*矢印のアニメーション調整*/
}


/*その他カテゴリ（初期非表示コンテンツ）表示・非表示切り替え制御
--------------------------------------------------------------- */
#category_left .toggle_switch2 {
  position: relative;/*相対配置*/
  cursor: pointer;
  padding: 5px 0;/*内余白*/
  border-bottom: 1px solid gray;/*リスト下線*/
}

/*#category_left .toggle_switch2 .border-bottom{
　border-bottom: 1px solid gray;	
}*/

#category_left .toggle_switch2.open {
  border-bottom: 1px solid gray;/*オープン後リスト下線表示*/
}
#category_left .toggle_switch2:hover {
  background-color: #eee;/*リンクホバー時の背景色*/
  color: #003366;/*リンク文字色*/
  filter: opacity(90%);/*矢印ホバーで不透明度変更*/

}
#category_left .toggle_switch2:after {
  content: "";
  display: inline-block;
  position: absolute;/*絶対配置*/
  width: 20px;/*矢印を横幅*/
  height: 12px;/*矢印の高さ*/
  background: url(../images/arrow_down2.png) no-repeat center center;/*矢印の画像*/
  background-size: contain;/*矢印の大きさ調整*/
  top: 50%;/*矢印を縦位置調整*/
  right: 8px;/*矢印を横位置調整*/
  transform: translateY(-50%);/*矢印を縦位置調整*/
  transition: transform .2s;/*矢印のアニメーション調整*/
}
#category_left .toggle_switch2.open:after {
  transform: rotateZ(180deg);/*矢印のアニメーション調整*/
  top: 40%;/*矢印のアニメーション調整*/
}


/*ギフトから探すエリア【追加20200115山中】 
--------------------------------------------------------------- */
.giftmenu_wrap{font-size:12px; width:190px; margin-bottom:20px;}
.giftmenu_title{background-color:#003366; color:#ffffff; padding:5px; font-weight:bold; text-align:center;}
.giftmenu_contents{background-color:#EFEFEF; padding:10px;}
.giftmenu_inner{background-color:#ffffff; padding:0px;}
.giftmenu_list{border-bottom:1px solid #cccccc;}
.giftmenu_list_btm{}
.giftmenu_list a {display:block; text-decoration:none; padding:5px;}
.giftmenu_list a:hover { background:#eee;}
.giftmenu_list_btm a {display:block; text-decoration:none; padding:5px;}
.giftmenu_list_btm a:hover { background:#eee;}


/*カテゴリ自由項目HTMLエリア【追加20200115山中】 
--------------------------------------------------------------- */
.brandhtml680 {width:680px; margin: 0 auto 40px; font-size: 85%;}
.brandhtml640 {width:640px; margin: 0 auto 40px; font-size: 85%;}
.alert {color: #ff0000; font-weight: bold;}
.alert_caption {margin: 0 auto 40px; font-size: 85%;}


/*Pentブランドインデックス【追加20200124山中】 
--------------------------------------------------------------- */
#pentbrandtop{
	width:770px;
	margin-top:25px;
	}
	

#pentbrandtop img {
    display: inline!important;
    margin-bottom: 0px!important;
    vertical-align: middle!important;
}

.pentbrandtable{
	width:770px!important;
	border: none!important;
	padding: 0px!important;
	margin: 0px!important;
	font-size:100%!important;
	}
	
.pentbrandtr{
	border: none!important;
	padding: 0px!important;
	margin: 0px!important;
	font-size:100%!important;
	}
	
.pentbrandtd{
	border: none!important;
	padding: 0px!important;
	margin: 0px!important;
	font-size:100%!important;
	}

.pentippintable{
	width:640px!important;
	border: none!important;
	padding: 0px!important;
	margin: 0px!important;
	font-size:100%!important;
	}
	
.pentippintr{
	border: none!important;
	padding: 0px!important;
	margin: 0px!important;
	font-size:100%!important;
	}
	
.pentippintd{
	border: none!important;
	padding: 0px!important;
	margin: 0px!important;
	font-size:100%!important;
	}
	

.catchcopy{
	color:#ff6600;
	font-size:85%;
	}

/*ブランドランキング
--------------------------------------------------------------- */

#brand-ranking_left .line_underbar{
	margin: 0;
	padding: 0;
	border-bottom:1px solid #e2e2e2;
}

#brand-ranking_left img {
	-webkit-transition: all .3s;
	transition: all .3s;
}

#brand-ranking_left img a:hover{
	opacity:0.7;
}
#left-navi .button {
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	background-color: #ff9900;
	font-size:15px;
	transition: all .3s;
	color: #fff;
	margin:0;
	padding:0;
}

#left-navi .button,
#left-navi .button::before,
#left-navi .button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


#left-navi .button:visited {
	color:#FFF;
	background-color: #ff9900;
}

#left-navi .button:hover {
	color:#FFF;
	background-color:#E34733;
	opacity:1.2;
}



/*LL追加left-navi見出し【追加190524野崎】 
--------------------------------------------------------------- */


#left-navi .list-title {
    border-bottom: solid 3px #ccc;
    position: relative;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 10px;
    padding: 0 0 5px 0;
    font-weight:normal;
}

#left-navi .list-title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #003366;
  bottom: -3px;
  width: 35%;
}



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



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

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

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

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

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

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

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

/* ホバー時 */
.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover,
.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover,
.ui-datepicker-next.ui-corner-all.ui-state-disabled.ui-state-hover.ui-datepicker-next-hover,
.ui-datepicker-prev.ui-corner-all.ui-state-disabled.ui-state-hover.ui-datepicker-prev-hover{box-sizing: border-box; background: none;}

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

/* =================================================================
6.extファイル用 【191209Spooky追加】
使用ファイル：ext/company.html
　　　　　　　ext/tokushou.html
　　　　　　　ext/guide.html
			　ext/social_provider.xhtml
=================================================================*/
#ext h3{display: block; font-size: 110%; margin: 30px 10px 10px; border-bottom: 1px dashed #cccccc; padding-bottom: 5px;}
#ext th{text-align: left;}
#ext ul{padding-bottom: 10px;}
/*#ext li{list-style: disc; margin: 5px 40px; font-size: 80%;}*/
#ext #sitemap ul:after {content: ""; clear: both; display: block;}/* clearfix */
#ext #sitemap li{width: 216px; float: left; list-style-type: none; margin: 5px 20px;}


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

#ext.social_provider 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;}

.item-list_series-list #ext {
  text-align: center;
}

.item-list_series-list #ext h2 {
  text-align: left;
}

.item-list_series-list #ext ul {
  position: relative;
  overflow: hidden;
}

#series-list__menustate:checked + ul {
  height: auto !important;
}

.series-list__action {
  font-size: 14px;
  line-height: 1;
  text-decoration: underline;
  color: #00339d;
  cursor: pointer;
}

#series-list__menustate:checked + ul + .series-list__action {
  display: none !important;
}

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

/* topics - トピックス
-------------------------------------------------------------*/

/* トピックス大枠 */
#main #topics{
	margin-bottom: 20px; 
	width: 545px;
	float:left;
}

#main .topics h2{
	margin-bottom:10px;

}


/* トピックスの行間 */
#topics .box{border-bottom: #d4d4d4 solid 1px; padding: 2px 0;}


/* トピックスの日付部分 */
#topics h3{
	display: block;
	float: left;
	width: 100px;
	padding: 3px 3px 3px 0;
	font-size: 13px;
	font-weight: normal;
	line-height: 110%;
}

/* トピックスの日付部分 */
#topics .inner{
	display: flex;
	padding: 0px 0px 0px;
	font-weight: normal;
}
#topics .inner p{margin: 1px 0 0; font-size: 13px;line-height: 150%;}/* 20190621野崎変更 */
#topics .img_box{width: 120px; height: 120px; margin: 5px 0 10px 10px; float: right;}
#topics .img_box img{max-width: 120px; max-height: 120px;}
#topics .link{text-align: right; padding-top: 5px; font-size: 13px;}/* 20190521野崎変更 */


#topics .box:after {content: ""; clear: both; display: block;}/* clearfix */
#topics h3 img{vertical-align: bottom;}

.topics .rss{display: block; float: right; width: 15px; height: 15px; margin: 5px 5px 0 0; background: url("../images/header_rss.gif") 0 0 no-repeat; text-indent: -9999px; z-index: 10;}/* 20190630野崎変更 */

/* LL追加トップtopics【追加190521野崎】 
-------------------------------------------------------------*/

/*.topNews {

  height: 100%;
  position:relative;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:0;
  margin: 0 auto 30px;
 }

.topNews_title {
  font-size: 22px;
  letter-spacing: 0.1em;
  font-family: "Verdana, "ＭＳ Ｐゴシック", sans-serif";
  font-weight: normal;
  border-left: 6px solid #036;
  height: 58px;
  padding-left: 10px;
  line-height: 130%;
}

*/

/* トップページアンカーリンク【追加修正190819野崎】 
-------------------------------------------------------------*/
/*エリア調整*/
#ancker-link &gt; ul {
    display: table;
    justify-content: space-between;
    margin: 0 auto 25px;
    text-align: center;
    width: 1015px;
    padding:0;
}

/*表示調整*/
#ancker-link &gt; ul &gt; li {
    display: table-cell;
	padding:0 5px;
    text-align: center;
    font-size:13px;
    border-left:1px solid lightslategrey;
}

/*表示調整*/
#ancker-link li a {
  color:#034689; 
}

#ancker-link li a:visited {
 color:#034689; 
}

#ancker-link li a:hover {
 color: #60ac31;
}


/* new - 新着商品
-------------------------------------------------------------*/
#new{margin-bottom: 20px; width: 100%;}
#new ul{margin-top: 10px;}
#new ul:after {content: ""; clear: both; display: block;}/* clearfix */
#new .box{float: left; width: 185px; margin: 0 10px 10px 0; border: #d4d4d4 1px solid; padding: 12px 0 0px;}/* 20190521野崎変更 */
#new .img_box{width: 160px; height: 160px; margin: 0px auto 10px;}/* 20190521野崎変更 */
#new .img_box img{max-width: 160px; max-height: 160px;}/* 20190521野崎変更 */
#new .text{width: 140px; margin: 0 auto;}
#new .appeal{color: #F60; font-size: 70%;}
#new h3{margin: 0px 0px 20px; font-size: 80%; font-weight: normal; line-height: 140%; min-height: 60px;}
#new .price{margin: 0px 0px 20px; font-size: 80%; color: #C00; text-align: right;}/* 20190521野崎変更 */
#new .rss{display: block; float: right; width: 15px; height: 15px; margin: 5px 5px 0 0; background: url("../images/header_rss.gif") 0 0 no-repeat; text-indent: -9999px; z-index: 10;}/* 20190521野崎変更 */
#new .rss:hover{background: url("../images/header_rss.gif") 0 -15px no-repeat;}/* 20190521野崎変更 */


/* recommend - おすすめ商品
-------------------------------------------------------------*/
#recommend{margin-bottom: 20px; width: 100%;}
#recommend ul{margin-top: 10px;}
#recommend ul:after {content: ""; clear: both; display: block;}/* clearfix */
#recommend .box{float: left; width: 185px; margin: 0 10px 10px 0; border: #d4d4d4 1px solid; padding: 12px 0 0px;}/* 20190521野崎変更 */
#recommend .img_box{width: 160px; height: 160px; margin: 0px auto 10px;}/* 20190521野崎変更 */
#recommend .img_box img{max-width: 160px; max-height: 160px;}/* 20190521野崎変更 */
#recommend .text{width: 160px; margin: 0 auto;}
#recommend .appeal{color: #F60; font-size: 70%;}
#recommend h3{margin: 0px 0px 10px; font-size: 80%; font-weight: normal; line-height: 140%; min-height: 60px;}
#recommend .price{margin: 0px 0px 20px; font-size: 80%; color: #C00; text-align: right;}/* 20190521野崎変更 */
#recommend .rss{display: block; float: right; width: 15px; height: 15px; margin: 5px 5px 0 0; background: url("../images/header_rss.gif") 0 0 no-repeat; text-indent: -9999px; z-index: 10;}/* 20190521野崎変更 */
#recommend .rss:hover{background: url("../images/header_rss.gif") 0 -15px no-repeat;}/* 20190521野崎変更 */


/* LL追加コラム紹介【更新190902野崎】 
-------------------------------------------------------------*/
.column-box-left{
	border:1px solid #CCCCCC;
	padding:10px;
	width:250px;
	height:315px;
	float: left;
	margin:0 10px 15px 0;
	line-height: 130%;
}

.column-box-right{
	border:1px solid #CCCCCC;
	padding:10px;
	width:250px;
	height:315px;
	float: right;
	margin:0 0 15px 0;
	line-height: 130%;
}

.column-box-left a:hover,
.column-box-left a:active{
	color: #60ac31;
	text-decoration: none;

}

.column-box-right a:hover,
.column-box-right a:active{
	color: #60ac31;
	text-decoration: none;
}

.column-box-left2{
	border:1px solid #CCCCCC;
	padding:10px;
	width:380px;
	height:340px;
	float: left;
	margin:0 10px 15px 0;
	line-height: 130%;
}

.column-box-right2{
	border:1px solid #CCCCCC;
	padding:10px;
	width:380px;
	height:340px;
	float: right;
	margin:0 0 15px 0;
	line-height: 130%;
}

.column-box-left2 a:hover,
.column-box-left2 a:active{
	color: #60ac31;
	text-decoration: none;
}


.column-box-right2 a:hover,
.column-box-right2 a:active{
	color: #60ac31;
	text-decoration: none;
}

.column-box-left3{
	border:1px solid #CCCCCC;
	padding:10px;
	width:380px;
	height:300px;
	float: left;
	margin:0 10px 15px 0;
	line-height: 130%;
}

.column-box-right3{
	border:1px solid #CCCCCC;
	padding:10px;
	width:380px;
	height:300px;
	float: right;
	margin:0 0 15px 0;
	line-height: 130%;
}

.column-box-left3 a:hover,
.column-box-left3 a:active{
	color: #60ac31;
	text-decoration: none;
}


.column-box-right3 a:hover,
.column-box-right3 a:active{
	color: #60ac31;
	text-decoration: none;
}


.post-thumbnail {
    width: 100%;
	margin-bottom:10px;
}

.categoryname{
  margin-bottom: 10px;
  }
.categoryname a{
  font-size: 13px;
  width: 100%;
  border: 1px #003366 solid;
  color:#003366;
  padding:5px;
  text-decoration: none;
  font-weight: bold;
}

.categoryname a:hover{
   background-color: #003366;
   color:#fff;
}

.post-title a {
  margin: 0 0 15px 0;
  font-size: 14px;
  color: #222;
  text-decoration:none;
  padding: 0;
  /*! line-height: 70%; */
}

.post-title a:hover{
　color: #60ac31;
}

.post-loop-wrap .post-meta {
    margin-top: 15;
    margin-bottom: 20px;
    padding: 0;
    border-top: 1px #efefef solid;
}

ul.post-meta {
	margin: 15px 0 20px 0;
	padding:0;
    border-top: 1px #efefef solid;
}

ul.post-meta li.date_updated  {
    background: #fff;
    float: left;
    margin-top: -0.7em;
    margin-right: 20px;
    padding-right: 24px;
    font-size: 14px;
}

/* ranking - 人気商品ランキング【変更190521野崎】 
-------------------------------------------------------------*/
#ranking{margin-bottom: 45px; width: 100%;}
#ranking ul.ranking-list{ margin: 0; padding: 0;list-style: none; height: auto;}
#ranking ul:after {content: ""; clear: both; display: block;}/* clearfix */
#ranking .box{float: left; width: 138px; margin: 0 0 10px 10px; padding: 10px 0 0;}

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

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

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

/* LL追加商品ページ用タブ切り替え【追加190521野崎】 
-------------------------------------------------------------*/

#ranking .ranking-box{
	 height:300px;
	 width:140px;
}

label.panel-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  color: #bdc3c7;
  cursor: pointer;
  background-color: #ecf0f1;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
label.panel-label:hover {
  color: #003399;
}




#panels {
  background-color: white;
}
#panels .container {
  margin: 0 auto;
  width: 98%;
  max-height: auto;
}
#panels section header label.panel-label {
  padding: 12px 24px;
  box-sizing: border-box;
}
#panels section .main {
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  overflow-y: hidden;
}

#panel-1-ctrl:checked ~ #panels #panel-1 .main {
  max-height: initial;
  opacity: 1;
  padding: 15px 5px;
  max-height: none;
}
#panel-2-ctrl:checked ~ #panels #panel-2 .main {
  max-height: initial;
  opacity: 1;
  padding: 15px 5px;
  max-height: none;
}

#panel-3-ctrl:checked ~ #panels #panel-3 .main {
  max-height: initial;
  opacity: 1;
  padding: 15px 5px;
  max-height: none;
}

#panel-4-ctrl:checked ~ #panels #panel-4 .main {
  max-height: initial;
  opacity: 1;
  padding: 15px 5px;
  max-height: none;
}

#panel-5-ctrl:checked ~ #panels #panel-5 .main {
  max-height: initial;
  opacity: 1;
  padding: 15px 5px;
  max-height: none;
}

#panel-6-ctrl:checked ~ #panels #panel-6 .main {
  max-height: initial;
  opacity: 1;
  padding: 15px 5px;
  max-height: none;
}

#panel-7-ctrl:checked ~ #panels #panel-7 .main {
  max-height: initial;
  opacity: 1;
  padding: 15px 5px;
  max-height: none;
}

#panel-8-ctrl:checked ~ #panels #panel-8 .main {
  max-height: initial;
  opacity: 1;
  padding: 15px 5px;
  max-height: none;
}

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1.last {
  border-right: 1px solid transparent;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {
  background-color: white;
  padding-top: 24px;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label::after {
  height: 6px;
}

#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2.last {
  border-right: 1px solid transparent;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {
  background-color: white;
  color: #003399;
  padding-top: 24px;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label::after {
  height: 6px;
}


#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;

}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3.last {
  border-right: 1px solid transparent;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label {
  background-color: white;
  color: #003399;
  padding-top: 24px;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label::after {
  height: 6px;
}


#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4.last {
  border-right: 1px solid transparent;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label {
  background-color: white;
  color: #003399;
  padding-top: 24px;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label::after {
  height: 6px;
}


#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5.last {
  border-right: 1px solid transparent;
}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label {
  background-color: white;
  color: #003399;
  padding-top: 24px;
}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label::after {
  height: 6px;
}


#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6.last {
  border-right: 1px solid transparent;
}
#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 label.panel-label {
  background-color: white;
  color: #003399;
  padding-top: 24px;
}
#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 label.panel-label::after {
  height: 6px;
}


#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7.last {
  border-right: 1px solid transparent;
}
#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7 label.panel-label {
  background-color: white;
  color: #003399;
  padding-top: 24px;
}
#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7 label.panel-label::after {
  height: 6px;
}


#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8.last {
  border-right: 1px solid transparent;
}
#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8 label.panel-label {
  background-color: white;
  color: #003399;
  padding-top: 24px;
}
#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8 label.panel-label::after {
  height: 6px;
}

ul#tabs-list {
  display: flex;
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
  margin: 0;
  padding: 0;
}
ul#tabs-list li.last {
  text-align: center;
  width: 13%;
  border-right: 1px solid #dfdfdf;
  position: relative;
  height:69px;
}

ul#tabs-list li {
  text-align: center;
  width: 13%;
  border-right: 1px solid #dfdfdf;
  position: relative;
  height:69px;
}

ul#tabs-list li:hover {
  -webkit-transition: none;
  transition: none;
  border-right: none;
}

ul#tabs-list li:hover {
  -webkit-transition: none;
  transition: none;
  border-right: none;
border-right: 1px solid #dfdfdf;
}

ul#tabs-list li:hover.last {
  border-right: 1px solid transparent;
}
ul#tabs-list li:hover + li {
  border-left: 1px solid #dfdfdf;
}
ul#tabs-list li label.panel-label {
  position: relative;
  padding: 24px 0;
}
ul#tabs-list li label.panel-label::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  background-color: #003399;
  height: 0;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
ul#tabs-list li label.panel-label:hover {
  padding-top: 24px;
}

ul#tabs-list li label.panel-label:hover::after {
  height: 6px;
}

#ranking .main {
    width: 100%;
    margin: 0 auto;
}
#ranking .panel-radios {
  display: none;
}


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



/* =================================================================
8.カートの中身～注文完了まで、プレゼント応募～完了まで
使用ファイル：cart_index.xhtml, cart_login.xhtml
　　　　　　　cart_seisan.xhtml, cart_confirm.xhtml
　　　　　　　cart_pre.xhtml, cart_result.xhtml
　　　　　　　present_login.xhtml, present_input.xhtml
　　　　　　　present_confirm.xhtml, present_result.xhtml
=================================================================*/
/* cartSidebar - カートフロー内サイドバー
-------------------------------------------------------------*/
#cartSidebar{width: 210px; float: right;}
#cartSidebar #sideInner{width: 210px;}
#cartSidebar .total_box{border: #CCC 1px solid; padding: 10px; background: #F6F6F6;}
#cartSidebar .total_box .box{border: none; margin-bottom: 10px;}
#cartSidebar .total_box .box:after {content: ""; clear: both; display: block;}/* clearfix */
#cartSidebar .total_box h3{margin: 0; background: none; padding: 0px; border: 0px; font-size: 14px; float: left;}
#cartSidebar .total_box p.price{font-size: 16px; float: right; margin: 0px; font-weight: bold;}
#cartSidebar .total_box img{margin: 0px auto 10px; display: block;}
#cartSidebar .total_box .totalpricebox{border: none; margin-bottom: 10px; padding-top: 10px; border-top: 1px #CCCCCC solid;}
#cartSidebar .total_box .totalpricebox:after {content: ""; clear: both; display: block;}/* clearfix */
#cartSidebar .total_box .teiki_text{margin: 0; font-size: 12px;}
#cartSidebar .cartButtonArea a{display: block; margin: 0 auto 10px; min-width: 180px;; max-width: 180px;-webkit-transition: all .3s;transition: all .3s;}

#cartSidebar .cartButtonArea img{display: block;}
#cartSidebar .cartButtonArea input{display: block; margin: 0 auto 10px; min-width: 180px;; max-width: 180px;}
#cartSidebar .tax{font-size: 9px; color: #666;}

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
#cartIndex{width: 980px; padding-bottom: 20px; margin: 0 auto;}
#cartIndex .content{width: 750px; float: left; margin-right: 20px;}
#cartIndex:after {content: ""; clear: both; display: block;}/* 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: #C00; text-align: right;}
#cartIndex .tax{font-size: 9px; color: #666;}
#cartIndex .amount{text-align: center;}
#cartIndex .delete .button{width: 50px;}

#cartIndex .total{margin: 0px 0 30px; padding: 0px 0 5px; font-weight: bold; text-align: right; border-bottom: #CCC 1px solid; float: left; width: 750px;}
#cartIndex .total p{margin: 0px; font-size: 90%;}
#cartIndex h3{margin-bottom: 15px; padding: 1px 20px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size: 85%;}
#cartIndex .box{border: 1px solid #CCC; margin-bottom: 30px; clear: both;}
#cartIndex .box .buttonarea.amazon_btn{margin: 10px; padding: 10px 0 0; text-align: center;}
#cartIndex .box .buttonarea.amazon_btn .button.medium{max-width: 270px; width: 270px;}



/* LL追加カスタム cartIndex - 買い物かごの中身【追加190701野崎】 
-------------------------------------------------------------*/
a.arrival{
	background: #003366; 
	color: #FFFFFF;
}
input.arrival{
	background: #003366;
	color: #FFFFFF;
}

a.arrival:hover{
	opacity:0.7;
}

a.button-mini{
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	-webkit-border-radius: 0px;/* for Safari and Chrome */
	-moz-border-radius: 0px;/* for Firefox */
	-o-border-radius: 0px;	/* for opera */
	border-radius: 0px;
}

input.button-mini{
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;/* for Safari and Chrome */
	-moz-border-radius: 0px; /* for Firefox */
	-o-border-radius: 0px; /* for opera */
	border-radius: 0px;
}

/* LL追加カスタム cartIndex - 買い物かごの中身【追加190529水野】 
-------------------------------------------------------------*/
.cart-box {
    margin: 2em 0;
    background: #FFF;
}
.cart-box .box-title {
    font-size: 1.2em;
    background: #003366;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.cart-box p {
    padding: 15px 20px;
    margin: 0;
}

/* LL追加カスタムカート内レコメンド【追加210403山中】 
-------------------------------------------------------------*/
.moreitem {
	display: flex;
	flex-wrap: wrap; 
	justify-content: flex-start;
}
.moreitem_box {
	padding: 5px 10px;
	box-sizing: border-box;
	width: 150px;
}
.moreitem_img_box img{
width: 130px;
}
.moreitem_title{
	font-size: 120%;
	color: #ff6600;
	font-weight: bold;
	border-bottom: 1px solid #ff6600;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.moreitem_name{
	display: block;
    background: none;
    padding: 0px;
    font-size: 70%;
    border-bottom: none;
	margin-bottom: 5px;
}
.moreitem_price{
	text-align: center;
	display: block;
    margin: 0;
    color: #C00;
	font-weight: bold;
    font-size: 90%;
	margin-bottom: 5px;
}

.moreitem_property{
	font-size: 70%;
}
.moreitem_button_cart{
	display: block;
    margin: 0 auto 10px;
    min-width: 100px;
    max-width: 100px;
    -webkit-transition: all .3s;
    transition: all .3s;
	background: #c40707;
    color: #FFFFFF;
    font-size: 70%;
    line-height: 160%;
	border: none;
    display: block;
    text-align: center;
    padding: 3px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
}
a.moreitem_button_link{
	display: block;
    margin: 0 auto 10px;
    min-width: 100px;
    max-width: 100px;
    -webkit-transition: all .3s;
    transition: all .3s;
	background: #ff6600;
    color: #ffffff; 
    font-size: 70%;
    line-height: 160%;
	border: none;
    display: block;
    text-align: center;
    padding: 3px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
}
a.moreitem_button_link:hover{
	opacity:0.7;
}
.moreitem_button_cart:hover{
	opacity:0.7;
}
.moreitem input[type="submit"], input[type="reset"], input[type="button"], button{
  cursor: pointer;
}

/* LL追加カスタム名入れ手数料消費税非表示用【追加190423水野】 
-------------------------------------------------------------*/
#naireIdtax{display:none;}

/* LL追加カスタム消耗品・関連商品エリア【追加190506野崎】 
-------------------------------------------------------------*/

#itemDetail .relation-text{ width: 600px; float:right; margin: 10px; }

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

.relation-box::after {
    content: "";
    clear: both;
    display: block;
}

/* LL追加 カート内名入れ・ラッピングガイド【追加210824山中】 
-------------------------------------------------------------*/
.cartnaireguide{
	border:1px solid #ccc;
	background-color:#FFFFEF;
	padding:15px;
	line-height:170%;
	border-radius:5px;
  font-size: 95%;
	}

.cartnaireguide a{
  color: #1a0dab;
  }

.cartnaireguide a:hover{
  color: #1a0dab;
  text-decoration: underline;
  }

/* LL追加 カート内ガイドリンクボタン追加【追加211108山中】 
-------------------------------------------------------------*/
.wrapping_btn{
  border-radius: 5px;
  color: #fff;
  line-height: 30px;
  padding: 0 9px;
  font-size: 13px;
  background: linear-gradient(180deg,#23d45e,#00d72b);
  text-align: center;
  position:relative;
  width: 130px;
  margin-bottom: 10px;
}

.wrapping_btn .wrapping_link{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin:after {content: ""; clear: both; display: block;}/* clearfix */
#cartLogin table{margin: 0 auto 20px auto; width: 428px;}
#cartLogin h3{margin-bottom: 15px; padding: 1px 20px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size: 85%;}
#cartLogin .box{border: 1px solid #CCC; width: 468px; float: left; margin: 0 10px 30px; position: relative;}
#cartLogin .box .buttonarea{width: 100%; margin: 20px 0; padding: 0;}
#cartLogin .box table{margin: 10px; width: 446px;}
#cartLogin .box .link_text{text-align: right; padding: 15px 0 10px;}
#cartLogin .box .regist_non_area{width: 442px; margin: 0 auto;}
#cartLogin .box .regist_non_area p{margin: 0 0 10px;}
#cartLogin .box .amazon_area{width: 442px; margin: 0 auto; border-top: 1px solid #ccc;}
#cartLogin .box .amazon_area p{margin: 10px 0;}
#cartLogin .widebox{border: 1px solid #CCC; width: 960px; margin: 0 10px 30px; clear: both;}
#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 19px 20px;}
#cartLogin .social_provider ul:after {content: ""; clear: both; display: block;}/* clearfix */
#cartLogin .social_provider ul li{width: 220px; height: 44px; font-size: 14px; display: block; float: left; margin: 10px 5px;}
#cartLogin .social_provider ul li a{display: block; text-decoration: none;}
#cartLogin .social_provider ul li a span{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;  
-moz-border-radius-topright: 3px;  
-moz-border-radius-bottomright: 3px;
}

#cartLogin .social_provider li.yahoo a{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#cartLogin .social_provider li.facebook a{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#cartLogin .social_provider li.twitter a{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#cartLogin .social_provider li.google a{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#cartLogin .social_provider li.mixi a{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#cartLogin .social_provider li.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;}


/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow{width: 980px; padding-bottom: 20px; margin: 0 auto;}
#cartFlow:after {content: ""; clear: both; display: block;}/* clearfix */
#cartFlow .content{width: 750px; float: left; margin-right: 20px;}
#cartFlow td input{vertical-align: baseline;}
#cartFlow table.newCreditCard{width: 547px; font-size: 100%; margin: 10px auto;}

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

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

#cartFlow table{width: 750px; margin: 0px 0 20px;}
#cartFlow table.change_data{margin-top: -21px;}
#cartFlow table.member_regist{margin-top: -21px;}
#cartFlow table td.short input{width: 120px;}

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

#cartFlow h3{display: block; font-size: 110%; margin: 30px 0px 10px; padding-bottom: 5px;}
#cartFlow h3 img{vertical-align: middle;}
#cartFlow h3 .lock{position:relative; top:-3px;}
#cartFlow .price{color: #C00; text-align: right;}
#cartFlow .total{margin: 0px 0 30px; padding: 0px 0 5px; font-weight: bold; text-align: right; border-bottom: #CCC 1px solid; width: 700px;}
#cartFlow .total p{margin: 0px; font-size: 90%;}
#cartFlow .point{color: #F60; font-weight: bold;}
#cartFlow .attention{color: #C00; font-weight: bold; font-size: 110%;}
#cartFlow .attention_message{color: #C00; font-weight: bold;}

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

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

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

#cartFlow .cartitem{margin-top: 20px; width: 210px; padding: 10px; border: #CCC 1px solid;}
#cartFlow .cartitem h3{margin: 0 0 10px; padding: 0px; border: none; background: none;}
#cartFlow .cartitem li{margin-bottom: 10px; padding-bottom: 0px; border-bottom: 1px solid #CCC;}
#cartFlow .cartitem .img_box{ width: 25px; height: 25px; float: left; margin-right: 5px; text-align: center; position: relative;}
#cartFlow .cartitem .img_box img{width: auto; max-width: 25px; max-height: 25px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#cartFlow .cartitem .text_box{padding-left: 0px; margin-bottom: 5px;}
#cartFlow .cartitem .text_box:after {content: ""; clear: both; display: block;}/* clearfix */
#cartFlow .cartitem .text_box p{margin: 0px; font-size: 70%; line-height: 130%;}
#cartFlow .cartitem p.price{font-size: 70%; margin: 0px; float: left;}
#cartFlow .cartitem p.amount{font-size: 70%; margin: 0px; float: right;}

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

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

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


/* LL追加カスタム明細表示レイアウト用【追加190424水野】 
-------------------------------------------------------------*/
#cartFlow .content table.meisai th.title{color:#FFF; background-color:#003366;}
#cartFlow .content table.meisai th.subtitle{background-color:#e2edff;}
#cartFlow table.meisai th.title{color:#FFF; background-color:#003366;}
#cartFlow table.meisai th.subtitle{background-color:#e2edff;}


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

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

/* cartRecommend - カートおすすめ
-------------------------------------------------------------*/
#cartRecommend{margin-top: 20px; width: 210px; padding: 10px; border: #CCC 1px solid; }
#cartRecommend .box{margin: 0px 0 20px; border: 0px;}
#cartRecommend .box:after {content: ""; clear: both; display: block;}/* clearfix */
#cartRecommend .text{margin-left: 70px; min-height: 60px;}
#cartRecommend h3{margin-bottom: 10px; height: auto; background: none; padding: 0px; border-bottom: none;}
#cartRecommend h3 a{float: right;}
#cartRecommend h4{display: block; margin: 0px 0px 10px; background: none; padding: 0px; font-size: 70%; border-bottom: none;}
#cartRecommend .appeal{display: block; margin: 0; color: #F60; font-size: 70%;}
#cartRecommend .price{display: block; margin: 0; color: #C00;}

#cartRecommend .price .teika{font-weight: bold; font-size: 100%;}
#cartRecommend .price .other{font-size: 90%;}
#cartRecommend .explanation1{display: block; margin: 5px 0px 0 0; padding: 10px 0; border-top: #CCC 1px solid; font-size: 80%; line-height: 120%;}
#cartRecommend .buttonarea{display: block; margin: 0px; padding-top: 10px; text-align: left;}
#cartRecommend .buttonarea .button{display: block; margin: 0 0 10px;}
#cartRecommend .property{ margin: 0 0 10px; color: #AAA; font-size: 75%;}

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

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


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

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


/* =================================================================
10.フッタ
使用ファイル：common/footer.xhtml
=================================================================*/
#footer{clear: both; width: 100%; margin-top: 30px;}
#footer .copyright{padding: 10px 0 10px; font-size: 75%; color: #333; text-align: center; border-top: 1px solid #CCC; color:#FFF;}

/* LL追加カスタムフッターデザイン【追加190723野崎】 
-------------------------------------------------------------*/

footer #footer-back {
	padding:20px 0;/*内余白*/
	background-size: cover;
	background:  #003366 no-repeat;
}


.footer-container {
	width:1000px;/*フッター横表示幅*/
	margin:0 auto;/*中央寄せ*/
}

footer .footer-container p{
	font-size:13px;/*文字サイズ*/
	line-height:150%;/*文字縦余白*/
}


.footer_box-cel1{
	width:1000px;/*フッター横表示幅*/
	margin:0 auto 20px;/*中央寄せ*/
	box-sizing:border-box;
	padding:10px;/*内余白*/
	background:#fff;/*背景色*/
}

.footer_box-cel2{
	width:1000px;/*フッター横表示幅*/
	margin:0 auto;/*中央寄せ*/
	box-sizing:border-box;
	padding:10px;/*内余白*/
	background:#fff;/*背景色*/
}

.footer_2column1{
	width:490px;/*フッター横表示幅*/
	margin:0 auto;/*中央寄せ*/
	box-sizing:border-box;
	font-size:14px;/*文字サイズ*/
	padding:10px;/*内余白*/
	background:#fff;/*背景色*/
	margin-bottom:20px;/*外余白*/
	float:left;/*左回り込み*/
}

.footer_2column2{
	width:490px;/*フッター横表示幅*/
	box-sizing:border-box;
	font-size:14px;/*文字サイズ*/
	padding:10px;/*内余白*/
	background:#fff;/*背景色*/
	margin-bottom:20px;/*外余白*/
	float:right;/*左回り込み*/		
}

#footer-back .footer-container dt{
	font-size:14px;/*文字サイズ*/
	line-height:150%;/*文字縦余白*/
}
#footer-back .footer-container dd{
	font-size:14px;/*文字サイズ*/
	line-height:150%;/*文字縦余白*/
}

footer #footer-back section {
	width:320px;/*コンテンツ横幅*/
	height:620px;/*コンテンツ縦幅*/
	box-sizing:border-box;
	padding:12px;/*内余白*/
	background:#fff;/*背景色*/
	margin-bottom:20px;/*外余白*/
	float:left;/*左回り込み*/
}



footer #footer-back h2.footer-title {
	color:#fff;/*文字色*/
	font-size: 1.4em;/*文字サイズ*/
	margin:0 0 20px;/*外余白*/
}

footer #footer-back h3.footer-subtitle {
	margin-bottom: 15px;
	font-weight: normal;
	border-bottom: solid 3px #cccccc;
	position: relative;
	padding: 0 0 5px;
	}

footer #footer-back h3.footer-subtitle:after{
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #036;
	bottom: -3px; width: 25%;
}


footer #footer-back h3.footer-subtitle2 {
	font-size: 1.17em;/*文字サイズ*/
	font-weight:bold;/*太字*/
	border-bottom:1px solid #666;/*下線*/
}

footer #footer-back h4.footer-subsubtitle {
	font-size: 15px;
    line-height: 160%;
    margin-bottom: 7px;
    background: #555;
    color: #fff;
    padding: 6px;
    font-weight: normal;
}

footer #footer-back dl { 
	font-weight:bold;
}/*太字*/

footer #footer-back dt {
	width:230px;/*横幅*/
	float:left;/*左回り込み*/
	clear:both;/*フロート解除*/
	background:url(../images/dot-line.gif) left center repeat-x;/*線表示*/
}

footer #footer-back dt span { 
	background:#fff;/*背景色*/
	padding-right:5px;/*内余白*/
}

footer #footer-back dd {
	text-align:right;/*テキスト右寄せ*/
	width:60px;/*横幅*/
	float:right;/*右回り込み*/
	color:#d60000;/*文字色*/
}
footer #footer-back #calendar {
	padding:0;
	overflow:hidden;
}

footer .button {
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	background-color: #ff9900;
	font-size:15px;
	transition: all .3s;
	color: #fff;
	margin:15px auto 25px;
	padding:0;
}

footer .button:visited {
	color:#FFF;
	background-color: #ff9900;
}

footer .button:hover {
	color:#FFF;
	background-color:#E34733;
	opacity:1.2;
}


footer table{
	margin:0;
	padding:0;
}

footer table.footer_th {
 border-collapse:collapse;/*セル結合*/
 border:1px solid #ccc;"/*下線*/
}
footer table th.footer_th{
	width:100%;
	padding:4px;
	vertical-align:middle;
	color:#ffffff;
	background-color:#555;
	border:1px solid #ccc;
	text-align:center;
	font-size:13px;
	font-weight: normal;
}

footer table td {
	padding:6px;
	line-height:150%;
	vertical-align:middle;
	font-size:13px;
	color:#333;
	border:1px solid #ccc;
}


footer table tr .footer_td25{
	width:27%;
	background-color:#eee;
}

footer table tr .footer_td-center{
	text-align:center;
}

footer .footer-container a{
	text-decoration:none;
	
}

footer .footer-container a:hover {
 text-decoration:underline;
}

footer .Footer_line {
 position:relative;
 width:1000px;
 margin:0 auto 10px;
 padding:0px;
}
footer .Footer_line {
 zoom:1
}
footer .Footer_line:before,
footer .Footer_line:after {
 content:"";
 display:table
}
footer .Footer_line:after {
 clear:both
}

footer .Footer_coLink {
 float:left;
 padding:35px 0
}
footer .Footer_coLink a {
 line-height:20px;
 height:20px;
 cursor:pointer;
 display:inline-block;
 -webkit-transition:all 0.1s linear;
 -ms-transition:all 0.1s linear;
 transition:all 0.1s linear;
 display:inline-block;
 margin-right:15px;
 padding-right:15px;
 border-right:1px solid #ddd;
 font-size:12px;
 color:#fff;
 text-decoration:none;
}

footer .Footer_coLink a:hover {
 text-decoration:underline;
}


footer .Footer_coLink a:last-child {
 border-right:none;
 padding-right:0;
 margin-right:0
}
footer .Footer_sns {
 float:right;
 height:20px;
 padding:15px 0;
 margin-bottom:20px
}
footer .Footer_sns {
 zoom:1
}
footer .Footer_sns:before,
footer .Footer_sns:after {
 content:"";
 display:table
}
footer .Footer_sns:after {
 clear:both
}
footer .Footer_sns_heading {
 line-height:30px;
 height:30px;
 float:left;
 display:inline-block;
 margin-right:15px;
 font-size:12px;
 color:#fff;
}
footer .Footer_sns_link {
 -webkit-transition:opacity .1s linear;
 -ms-transition:opacity .1s linear;
 transition:opacity .1s linear;
 display:block;
 line-height:0;
 text-indent:100%;
 white-space:nowrap;
 overflow:hidden;
 background-repeat:no-repeat;
 float:left;
 width:30px;
 height:30px;
 margin-right:10px;
 background-size:100%
}
footer .Footer_sns_link:hover {
 opacity:.8
}
footer .Footer_sns_link img {
 background-color:rgba(255,255,255,0.01);
 box-shadow:#000 0 0 0
}
footer .Footer_sns_link:last-child {
 margin-right:0
}
footer .Footer_sns_link.fb {
 background-image:url("/client_info/PENHOUSE/infoimage/social_facebook_icon.gif")
}
footer .Footer_sns_link.tw {
 background-image:url("/client_info/PENHOUSE/infoimage/social_twitter_icon.gif")
}
footer .Footer_sns_link.insta {
 background-image:url("/client_info/PENHOUSE/infoimage/social_insta_icon.gif")
}

footer .Footer_sns_link.line {
 background-image:url("/client_info/PENHOUSE/infoimage/social_line_icon.gif")
}

/* backtotop */
#topBtn{position:fixed; bottom:25px; right:25px; display:block;}/*190527野崎変更*/
#topBtn a{width:60px; height:60px; display:block;}/*190527野崎変更*/

/* =================================================================
11.商品詳細・一覧、プレゼント詳細・一覧、トピックス詳細・一覧
使用ファイル：item_list$detail.xhtml, item_list$image.xhtml
　　　　　　　item_list$simple.xhtml, item_detail.xhtml
　　　　　　　present_list.xhtml, present_detail.xhtml
		　　topics_list.xhtml,topics_detail.xhtml
=================================================================*/
/* category_html - カテゴリHTML
-------------------------------------------------------------*/
#category_html{margin-bottom: 20px;}
#category_html img{display: block; margin-bottom: 10px;}

/* itemListCategory - カテゴリ
-------------------------------------------------------------*/
#itemListCategory{margin-bottom: 20px;}
#itemListCategory ul{display: block; width: 768px; border: #CCC 1px solid; background: #F5F5F5;}
#itemListCategory ul:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListCategory li{display: inline; float: left;}
#itemListCategory .select{background: url("../images/marker_on.gif") 7px 10px no-repeat #C00; color: #FFF; text-decoration: none;}
#itemListCategory li a{display: block; padding: 5px; background: url("../images/marker.gif") 7px 10px no-repeat; color: #333; font-size: 80%;text-decoration: none; text-indent: 15px; white-space: nowrap;}
#itemListCategory li a:link{display: block;}
#itemListCategory li a:hover{background: url("../images/marker.gif") 7px 10px no-repeat #CCC; color: #FFF; text-decoration: underline;}
#itemListCategory #sub ul{display: block; width: 768px; border: #CCC 1px solid; border-top: none; background: #FFF;}
#itemListCategory #sub ul:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListCategory #sub li{display: inline; float: left;}
#itemListCategory #sub .select{background: url("../images/marker_on.gif") 7px 10px no-repeat #CCC; color: #FFF; text-decoration: none;}
#itemListCategory #sub li a{display: block; padding: 5px; background: url("../images/marker.gif") 7px 10px no-repeat; color: #333; font-size: 80%; text-decoration: none; text-indent: 15px;}
#itemListCategory #sub li a:link{display: block;}
#itemListCategory #sub li a:hover{background: url("../images/marker.gif") 7px 10px no-repeat #CCC; color: #FFF; text-decoration: underline;}

/* narrowListCategory - 絞り込みカテゴリ【修正191219 Spooky】
-------------------------------------------------------------*/
#narrowListCategory:after {content: ""; clear: both; display: block;}/* clearfix */
#narrowListCategory h3{display: block; padding: 3px 10px; font-size: 80%; border: 1px solid #ccc; z-index: 99; position: relative; cursor: default;overflow: hidden;
white-space: nowrap;text-overflow: ellipsis; overflow: hidden; width: 187px; font-weight: normal;}/* 190822野崎変更 */
#narrowListCategory .inner{padding-bottom: 20px;}
#narrowListCategory .inner:after {content: ""; clear: both; display: block;}/* clearfix */
#narrowListCategory #narrowDownCategoryMultiple{float: left; width: 180px; height: 27px; margin-right: 5px;}
#narrowListCategory #narrowDownCategoryMultiple:after {content: ""; clear: both; display: block;}/* clearfix */
#narrowListCategory h3:hover + ul{display: block; z-index: 100; position: relative; border: 1px solid #ccc; border-top: none; margin-top: -1px;}

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

#narrowListCategory .filterArea{clear: both; margin-bottom: 20px;}
#narrowListCategory .filterArea:after {content: ""; clear: both; display: block;}/* clearfix */
#narrowListCategory .filterArea li{display: block; font-size: 80%; background: #99CFF7; float: left; color: #000; text-decoration: none; padding: 5px; white-space: nowrap; margin-right: 10px; line-height: 130%; margin-bottom: 8px;}/*241226竹谷変更*/
#narrowListCategory .filterArea li a{margin-left: 10px; color: #000; text-decoration: none; font-size: 160%;}
#narrowListCategory .filterArea li a:hover{text-decoration: underline;}
#narrowListCategory .filterArea li.filter_clear {background: none; margin: 0px; text-indent: 0px;}
#narrowListCategory .filterArea li.filter_clear a{ color: #333333; margin: 0px; font-size: 100%;}

.item-list--loadstart #narrowListCategory {display: none !important;}

/* LLカテゴリリスト調整【追加190506野崎】 
-------------------------------------------------------------*/
#narrowListCategory #narrowDownCategoryMultiple{
    width: 187px;
    height: 32px;
    margin-right: 5px;
    line-height: 140%;
    margin-bottom: 5px;
}


/* LLアイコンガイド注釈【追加190702野崎】 
-------------------------------------------------------------*/

#main .item_image_area .item_guide{	
	font-size: 12px;
	letter-spacing: .1em;
	color: #acacac;
	line-height: 1.25em;
	width:375px;
	text-align: right;
}

/* LL商品詳細エリア幅指定【追加190625山中、野崎】 
-------------------------------------------------------------*/
#pen_caption640{
    width:640px;
    margin: 0 auto 40px;
}

/*  PC商品説明内のテーブルマージンとボーダーを削除【追加190625山中、野崎】 
-------------------------------------------------------------*/
#pen_caption640 table {
    width: 640px !important;
    margin: 0 !important;
    font-size: 100% !important;
    border: 0 !important;
}

#pen_caption640 td {
    padding: 5px !important;
    border: 0 !important;
	text-align: initial !important;}

#pen_caption640 th{
background-color: white;
border: 0;
padding: 0;
margin: 0;
}

/* list - 一覧画面共通のメニュー【修正191219 Spooky】
-------------------------------------------------------------*/
#list{padding-bottom: 20px;}
#list ul{margin-bottom: 20px; background: url("../images/list_bg.gif") bottom repeat-x;}
#list ul:after {content: ""; clear: both; display: block;}/* clearfix */
#list li{float: left;}
#list li a{display: block; margin-right: 5px; padding: 5px 10px 5px 25px; border-top: 1px solid #DDD; border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #CCC; font-size: 80%; color: #333;}
#list .detail{background: url("../images/icon_list_detail.png") 7px 7px no-repeat #DDD;}
#list .image{background: url("../images/icon_list_image.png") 7px 7px no-repeat #DDD;}
#list .simple{background: url("../images/icon_list_simple.png") 7px 7px no-repeat #DDD;}
#list .detail.select{border: 1px solid #CCC; border-bottom: 1px solid #FFF; background-color: #FFFFFF; color: #333; text-decoration: none;}
#list .image.select{border: 1px solid #CCC; border-bottom: 1px solid #FFF; background-color: #FFFFFF; color: #333; text-decoration: none;}
#list .simple.select{border: 1px solid #CCC; border-bottom: 1px solid #FFF; background-color: #FFFFFF; color: #333; text-decoration: none;}
#list .pageguide{float: left; width: 570px; font-size: 85%; padding-top: 4px;}
#list .rearrange{float: left; width: 200px; font-size: 85%; text-align: right;}
#list .rearrange select{margin-left: 10px;}
#list .pagelink{clear: both; font-size: 85%; padding: 10px 0;}
#list .nolink{color: #999;}
.item-list--loadstart #list {display: none !important;}

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

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

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

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

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

/* itemListImage - 商品画像一覧【190910野崎変更】【191128Spooky追加】
-------------------------------------------------------------*/
#itemListImage{margin-bottom: 20px; width: 780px;display: flex; flex-wrap: wrap;}/* 190910野崎変更*/
#itemListImage:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListImage .box{
	float: left;
	margin: 0px 10px 10px 0;
	width: 250px;
	border: #d4d4d4 1px solid;
	display: -ms-flexbox; 
	display: -webkit-box; 
	display: -webkit-flex; 
	display: flex;
	-ms-flex-wrap: wrap; 
	-webkit-flex-wrap: wrap; 
	flex-wrap: wrap;
}/* 190910野崎変更*/

#itemListImage .text{float: left; width: 105px; margin-right: 0;}
#itemListImage .price{display: block; color: #C00; margin: 5px 0;padding: 0;}
#itemListImage .price .teika{font-weight: bold; font-size: 100%;}
#itemListImage p{display: block; margin: 5px 10px 0 0; font-size: 12.5px;line-height: 135%;}/* 190820野崎変更*/
#itemListImage .icon{display: block; margin: 10px 5px 0 0; line-height: 120%;}/* 190530野崎変更*/
#itemListImage .button_area{display: block; clear: both; margin: 5px 10px; line-height: 100%;}
#itemListImage .button{margin-bottom: 10px;}
#itemListImage .property{margin: 0; color: #AAA; font-size: 70%; margin-bottom: 10px;}
#itemListImage .img_box{width: 120px; height: 120px; margin: 10px; float: left; text-align: center; position: relative;}
#itemListImage .img_box img{width: auto; max-width: 120px; max-height: 120px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

.kiboukakaku{font-size:11px !important; margin:10px 0 0 !important;}

.item-list__icon {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  padding: 0 6px;
  background-color: #ed722f;
}

.item-list__icon--ball {background-color: #0000c0;}
.item-list__icon--roller {background-color: #4295c6;}
.item-list__icon--functional {background-color: #000055;}
.item-list__icon--sharp {background-color: #409139;}
.item-list__icon--5th {background-color: #ed722f;}
.item-list__icon--pen {background-color: #0000c0;}
.item-list__icon--grass {background-color: #4295c6;}
.item-list__icon--stamp {background-color: #000055;}
.item-list__icon--holder {background-color: #409139;}
.item-list__icon--brush {background-color: #ed722f;}
.item-list__icon--calligraphy {background-color: #0000c0;}
.item-list__icon--marker {background-color: #4295c6;}
.item-list__icon--pen-support {background-color: #000055;}
.item-list__icon--quill {background-color: #409139;}
.item-list__icon--other {background-color: #ed722f;}

/* itemListImage2 - ブランドカテゴリ用レイアウト【190910野崎追加】
-------------------------------------------------------------*/
#itemListImage2{margin-bottom: 20px; width: 780px; display: flex; -ms-flex-wrap: wrap;-webkit-flex-wrap: wrap; flex-wrap: wrap; }/* 190910野崎変更*/
#itemListImage2:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListImage2 .box{
	float: left;
	margin: 5px 10px 10px 0;
	width: 185px;
	margin-top: 15px;
	/*! display:flex; */
	/*-ms-flex-wrap: wrap;*/
	/*! -webkit-flex-wrap: wrap; */
	/*! flex-wrap: wrap; */
}/* 190910野崎変更*/

#itemListImage2 .text{/*! float: left; */ width: 175px; margin-right: 0;padding: 0;/*! display: table; */}
#itemListImage2 .price{display: block; color: #C00; margin: 5px 0;padding: 0;}
#itemListImage2 .price .teika{font-weight: bold; font-size: 100%;}
#itemListImage2 p{margin: 5px 10px 0 0; font-size: 12px;line-height: 140%;}/* 190820野崎変更*/
#itemListImage2 .icon{display: block; margin: 5px 5px 0 0; line-height: 120%;}/* 190530野崎変更*/
#itemListImage2 .button_area{display: block; clear: both; margin: 5px 10px; line-height: 100%;}
#itemListImage2 .button{margin-bottom: 10px;}
#itemListImage2 .property{margin: 0; color: #AAA; font-size: 70%; margin-bottom: 10px;}
#itemListImage2 .img_box{width: 160px; height: 160px; margin: 0 0 10px 0; text-align: center; position: relative;padding: 0;}
#itemListImage2 .img_box img{width: auto; max-width: 160px; max-height: 160px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

#itemListImage2 h4 {
position: relative;
padding: .5em;
}
#itemListImage2 h4:before,
#itemListImage2 h4:after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 5px;
box-sizing: border-box;
}
#itemListImage2 h4:before {
top: 0;
border-top: 2px solid #003366;
border-bottom: 1px solid #003366;
}
#itemListImage2 h4:after {
bottom: 0;
border-top: 1px solid #003366;
border-bottom: 2px solid #003366;
}


/* itemListImage2 - ブランドカテゴリ用見出し【190909野崎追加】【191128Spooky追加】
-------------------------------------------------------------*/
#itemListImage2 h3{
    border:solid 1px #ddd;
    -moz-border-radius: 5px; /* FF */
    -webkit-border-radius: 5px;/* Webkit */
    border-radius: 5px;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -moz-linear-gradient(top,  #fff,  #eee);
    padding: 9px;
    -pie-background:linear-gradient(top,  #fff,  #eee);
    behavior: url(http://www.webcreatorbox.com/sample/images/PIE.htc);  /* ie */
    font-weight:bold;
    font-size: 16px;
    margin-bottom: 20px;
    width: 98%;
}/* 190910野崎変更*/

#itemListImage2 h3 span {
  border-left:5px #cc0000 solid;
  padding-left:10px;
}

#itemListImage2 .category-header__description {
  font-size: 14px;
  width: 100%;
  margin-top: -10px;
}

/* itemListImage3 - 特集PC用5列レイアウト【20200203山中追加】
-------------------------------------------------------------*/
#itemListImage3{margin-bottom: 20px; width: 780px; display: flex; -ms-flex-wrap: wrap;-webkit-flex-wrap: wrap; flex-wrap: wrap; }/* 190910野崎変更*/
#itemListImage3:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListImage3 .box{
	float: left;
	margin: 5px 10px 10px 0;
	width: 146px;
	margin-top: 15px;
	/*! display:flex; */
	/*-ms-flex-wrap: wrap;*/
	/*! -webkit-flex-wrap: wrap; */
	/*! flex-wrap: wrap; */
}

#itemListImage3 .text{/*! float: left; */ width: 146px; margin-right: 0;padding: 0;/*! display: table; */}
#itemListImage3 .price{display: block; color: #C00; margin: 5px 0;padding: 0;}
#itemListImage3 .price .teika{font-weight: bold; font-size: 100%;}
#itemListImage3 p{margin: 5px 10px 0 0; font-size: 12px;line-height: 140%;}
#itemListImage3 .icon{display: block; margin: 5px 5px 0 0; line-height: 120%;}
#itemListImage3 .button_area{display: block; clear: both; margin: 5px 10px; line-height: 100%;}
#itemListImage3 .button{margin-bottom: 10px;}
#itemListImage3 .property{margin: 0; color: #AAA; font-size: 70%; margin-bottom: 10px;}
#itemListImage3 .img_box{width: 130px; height: 130px; margin: 0 0 10px 0; text-align: center; position: relative;padding: 0;}
#itemListImage3 .img_box img{width: auto; max-width: 130px; max-height: 130px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

#itemListImage3 h4 {
position: relative;
padding: .5em;
}
#itemListImage3 h4:before,
#itemListImage3 h4:after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 5px;
box-sizing: border-box;
}
#itemListImage3 h4:before {
top: 0;
border-top: 2px solid #003366;
border-bottom: 1px solid #003366;
}
#itemListImage3 h4:after {
bottom: 0;
border-top: 1px solid #003366;
border-bottom: 2px solid #003366;
}


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

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

/* itemDetail - 商品詳細・プレゼント詳細
-------------------------------------------------------------*/
#itemDetail{margin-bottom: 20px;}
#itemDetail .box{margin-top: 10px;}
#itemDetail .box:after {content: ""; clear: both; display: block;}/* clearfix */

/* 商品画像の切り替え */
#itemDetail .item_image_area{float: left; width: 380px;}
#itemDetail .item_image_area #targetarea{visibility: hidden;}
#itemDetail .item_image_area #main_box{position: relative; border: 1px solid #ccc;}
#itemDetail .item_image_area #main_box:after {content: ""; clear: both; display: block;}/* clearfix */
#itemDetail .item_image_area .img_box{display: none; height: 380px;}/*2019/4/26野崎変更 */

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

#itemDetail .otherImage{clear: both; font-size: 85%; margin: 15px 0;}/*2019/4/30野崎変更 */
#itemDetail .recommend{clear: both; padding: 0 10px 10px 15px; font-size: 75%;}
#itemDetail .property_image_area{ clear: both;}
#itemDetail .propertyImg{width: 80px; float: left; margin-right: 15px;}
#itemDetail .propertyImg .propertyimg_box{width: 80px; height: 80px; text-align: center; position: relative; margin: 0 10px 0px 0;}
#itemDetail .propertyImg .propertyimg_box img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemDetail .propertyImg p{margin: 0; text-align: center;}
#itemDetail p{margin: 10px 0;}
#itemDetail .text{float: right; width: 370px;}/*2019/4/26野崎変更 */
#itemDetail .appeal{display: block; margin: 10px 0px 0 0; color: #F60; font-size: 75%;}
#itemDetail h3{display: block; font-size: 100%;}/*2019/5/10野崎変更 */
#itemDetail .price{display: block; margin: 5px 0; font-size: 95%;}/*2019/6/17野崎変更 */
#itemDetail .price .teika{display: block; margin-bottom: 5px; font-size: 100%; padding: 0 0 0 31px;}/*2019/6/17野崎変更 */
#itemDetail .price .other{display: block; font-size: 125%;background-color:#ff0000; color:#ffffff; padding:10px; font-weight: bold;}
#itemDetail .information{display: block; margin: 0 0px 0 0; font-size: 80%;}
#itemDetail .explanation2{display: block; margin: 10px 0px 20px 0; padding-top: 10px; border-top: #CCC 1px solid; font-size: 90%; line-height: 150%;}
#itemDetail .explanation3{width: 640px; display: block; margin: 0 auto 20px; background: #fff; color: #222; font-size: 90%; line-height: 150%;}/*2019/8/2野崎変更 */
#itemDetail .explanation3 td{text-align: left; vertical-align: middle;}/*2019/7/30野崎追加 */
#itemDetail table{width: 370px; margin:10px 0 ;}/*2019/4/26野崎変更 */
#itemDetail th{width: 100px; vertical-align: middle; word-wrap: anywhere;}/*2019/9/10野崎変更 */
#itemDetail td{padding: 10px;  vertical-align: middle; text-align:center; }/*2019/4/30野崎変更 */
#itemDetail .button{margin-bottom: 10px;}
#itemDetail .button.small{max-width: 160px;}
.zaikosu {font-size: 110%; font-weight: bold; color: #ff0000;}/*2020/1/29山中追加 */




/* 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 .link a{display: inline-block;}
#itemDetail .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

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

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

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


/* 商品ページガイド【追加190528野崎】 
-------------------------------------------------------------*/

p.code{
	display: block;
	margin: 0 0px 20px 0;
	font-size: 90%;
	line-height: 150%;
}

.item_datail-box {
    margin: 30px 0 10px;
    text-align: center;
    padding: 15px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

ul.content_description-sns {
    text-align: center;
    padding: 15px 0 20px;
    border-bottom: 1px solid #ccc;
}

ul.content_description-sns .sns{
	display: inline-block;
	background-size:contain;
}


ul.content_description-sns&gt;li:nth-child(n+2){
	margin-left:3rem;
	}
	
/* 商品ページレイアウト変更用【追加190725野崎】 
-------------------------------------------------------------*/
#container #main h2.item-name{
	color:#003366;
	font-weight:bold;
	    font-size: 17px;
    line-height: 150%;
    padding-bottom: 5px;
}

.bt_cart_anchor{
	position:fixed;
	bottom: 130px;
	right:0;
	margin:0;
	padding:0;

}

/* 即日出荷用【追加191011山中】 
-------------------------------------------------------------*/
#itemDetail .sokujitsu{width: 640px; margin: 0 auto; padding-bottom: 15px;}


/* 会員特別価格対象商品のアナウンス【追加200310山中】 
-------------------------------------------------------------*/
.kaiintokubetu{
	margin-bottom:15px;
	width:350px;
	background-color:#ff0000;
	padding:10px;
	color:#fff;
	line-height:140%;
	font-size:100%;
	}

.kaiintokubetu-btn-border {
  display: inline-block;
  width: 80%;
  text-align: center;
  font-size: 16px;
  color: #003399;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
  background-color:#fff;
  text-align:center;
}

a.kaiintokubetu-btn-border{
  color: #003399;
}

.kaiintokubetu-btn-border:hover {
  background-color: #fff;
  color: #ff6600;
}

.kaiintokubetu-container{
	margin-top:10px;
	text-align:center;
	}


/* =================================================================
12.レビュー
使用ファイル：item_detail.xhtml, member_review.xhtml
=================================================================*/
#review{margin-bottom: 40px;}
#review p{margin: 0 0px;}
#review p.item_name{font-size: 95%; font-weight: bold;}
#review h3{float: left; margin: 0 10px 0 0; font-size: 80%;}
#review .review_box{margin-bottom: 20px;}
#review .box{margin: 10px 0 5px; padding: 10px; border: #CCC 1px solid;}
#review .box h3{float: none; font-size: 90%;}
#review .box p{margin: 0;}
#review .box p.name{padding: 5px 0; margin-bottom: 10px; border-bottom: 1px dashed #CCC; color: #666; font-size: 75%;}
#review p.goodButton{margin-bottom: 5px; color: #666; font-size: 75%;}
#review p.goodButton .button{margin-left: 5px; vertical-align: middle; display: inline-block; width: auto;}
#review p.goodNumber{margin-bottom: 20px; color: #666; font-size: 75%;}
#review p.more{margin-bottom: 20px; font-size: 75%; text-align: right;}
#review p.pageguide{margin: 10px;}
#review p.pagelink{text-align: center; padding-top: 40px;}
#review ul.star{float: left;}
#review ul.star li{display: block; float: left; width: 15px; height: 15px; text-indent: -9999px;}
#review ul.star li.good{background: url("../images/review_good.gif") no-repeat;}
#review ul.star li.bad{background: url("../images/review_bad.gif") no-repeat;}
#review .contribution{margin-top: 10px; padding: 10px 10px 10px 10px; background: #F1F1F1;}
#review .contribution #error{background: #F1F1F1;}

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

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


/* =================================================================
13.購入履歴
使用ファイル：member_history.xhtml
=================================================================*/
#history .infoarea{display: block; margin: 40px 10px 0; font-size: 80%; font-weight: bold;}
#history .infoarea:after {content: ""; clear: both; display: block;}/* clearfix */
#history .infoarea .status_icon{color: #FFFFFF; float: left; font-weight: normal; margin-right: 10px;}
#history .cancel{float: right; margin-left: 10px;}
#history .payment_change{float: right; margin-left: 10px;}
#history .infoarea .date{clear: both; padding-top: 3px;}

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

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


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

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

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

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

/* ===================================================================
14：サブウインドウで表示するページ用
使用ファイル：item_detail_other_image.xhtml
　　　　　　　item_friend_mail.xhtml,item_friend_mail_result.xhtml
　　　　　　　item_itemproperty_zaiko.xhtml
　　　　　　　present_friend_mail.xhtml,present_friend_mail_result.xhtml
=================================================================== */
#subwindow{width: 600px; margin: 0 auto 40px;}
#subwindow #header{background: none;}
#subwindow #header h1 a{float: none;}
#subwindow #content h2{margin-bottom: 20px; font-weight: normal;border-bottom: solid 3px #cccccc; position: relative;}
#subwindow #content h2:after{position: absolute; content: " "; display: block; border-bottom: solid 3px #373737; bottom: -3px; width: 20%;}
#subwindow #content table{font-size: 80%;line-height: 160%;margin: 10px 0px;width: 100%;border: 1px solid #CCCCCC;}
#subwindow #content th{padding: 10px; border: 1px solid #CCC; background: #F6F6F6; vertical-align: top; font-weight: normal; text-align: left;}
#subwindow #content th.zaiko{width: auto;text-align: center;}
#subwindow #content td{padding: 10px; border: 1px solid #CCC; vertical-align: top;}
#subwindow #content td.number{text-align: right;}
#subwindow #content .hissu{color: #CC0000;font-weight: bold;}
#subwindow #content .close{margin: 10px 0; font-size: 80%; line-height: 150%; text-align: right;}
#subwindow .buttonarea{text-align: center; margin: 10px; padding-top: 40px;}
#subwindow .buttonarea .button{display: inline-block; margin: 0 10px;}

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

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

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


/* =================================================================
16.クレジットカード登録画面
使用ファイル：member_credit_entry_input.xhtml
=================================================================*/
#credit td.button_area{text-align: center;}
#credit td.button_area .button{display: inline-block; width: auto;}
#credit .can_regist{padding-top: 30px;}
#credit .error{clear: both; margin: 5px 10px; color: #C00; font-weight: bold; text-align: center; font-size: 80%;}


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

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

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

/* =================================================================
18.アドレス帳
使用ファイル：address_add.xhtml
　　　　　　　address_input.xhtml
=================================================================*/
#addressList{padding-bottom: 20px;}
#addressList h3{margin-bottom: 15px; padding: 1px 0px 0px 20px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 7px 7px no-repeat; font-size: 85%; margin-top: 30px;}
#addressList ul{padding: 20px 0 10px;}
#addressList ul:after {content: ""; clear: both; display: block;}/* clearfix */
#addressList li{float: left; font-size: 80%; border: 1px solid #CCC; padding: 10px 10px 40px 10px; margin-right: 10px; margin-bottom: 10px; width: 348px; line-height: 180%; position: relative;}
#addressList li strong{font-size: 18px;}
#addressList li .button_area{margin: 0px 0px 0; position: absolute; bottom: 10px;}
#addressList li .button_area .button{width: auto; display: inline-block;}
#addressList .widebox li{width: 453px;}
#addressList .pageguide{float: left; width: 500px; font-size: 75%;}
#addressList .rearrange{float: left; width: 200px; font-size: 75%; text-align: right;}
#addressList .pagelink{clear: both; font-size: 75%;}
#addressList .nolink{color: #999;}


/* =================================================================
19.会員関係
使用ファイル：member_mypage.xhtml
=================================================================*/
#member.mypage h3{margin: 10px 0 10px 10px;}
#member.mypage h3 a{ float: right; width: auto;}
#member.mypage ul{margin: 0 0 50px 10px;}
#member.mypage ul:after {content: ""; clear: both; display: block;}/* clearfix */
#member.mypage ul li{float: left; width: 253px; padding: 0 0 10px;}
#member.mypage ul li h4{font-size: 16px; background: #F6F6F6; font-weight: normal; padding: 6px 10px; margin: 0 0px 15px 0;}
#member.mypage ul li .box{border: 1px solid #CCCCCC; margin-right: 10px; padding: 0px 0px 10px;}
#member.mypage ul li p{font-size: 12px;}
#member.mypage ul li a{font-size: 12px;}

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

/*#member.mypage #social_plus th{width: 100px;}*/

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

/* =================================================================
20.ログイン関係
使用ファイル：login.xhtml
=================================================================*/
#loginNew:after {content: ""; clear: both; display: block;}/* clearfix */
#loginNew table{margin: 0 auto 20px auto; width: 428px;}
#loginNew h3{margin-bottom: 15px; padding: 1px 20px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size: 85%;}
#loginNew .box{border: 1px solid #CCC; width: 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: 200px;}

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

#loginNew .social_provider li.yahoo a{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#loginNew .social_provider li.facebook a{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#loginNew .social_provider li.twitter a{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#loginNew .social_provider li.google a{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#loginNew .social_provider li.mixi a{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#loginNew .social_provider li.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;}

/* LL追加カスタム新規会員登録・変更ページ用【追加190309水野】 
-------------------------------------------------------------*/
#loginInput {font-size:12px; color:#00F;line-height: 80%;}


/* =================================================================
21.商品比較
使用ファイル：item_compare.xhtml
=================================================================*/
#itemCompare .img_box{width: 80px; height: 80px; margin: 0; text-align: center; position: relative;}
#itemCompare .img_box img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemCompare .propertyimg_box{width: 60px; height: 60px; margin: 0; text-align: center; position: relative;}
#itemCompare .propertyimg_box img{width: auto; max-width: 60px; max-height: 60px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemCompare th{width: 150px;}
#itemCompare .button_area .button{width: auto; display: inline-block; width: 130px;}

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

/* =================================================================
21.補足説明
使用ファイル：
=================================================================*/
.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box8 p {
    margin: 0; 
    padding: 0;
}

/* =================================================================
22.注意事項
使用ファイル：
=================================================================*/
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ea5549;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #ea5549;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}




/* =================================================================
23.メール便注意事項
使用ファイル：
=================================================================*/




.box29 {
    margin: 2em 0;
    background: #f4ffff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box29 .box-title {
    font-size: 1.2em;
    background: #003366;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}


/* =================================================================
24.セット内容
使用ファイル：
=================================================================*/

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ff6600;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #ff6600;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}


/* =================================================================
25.テーブルふう
使用ファイル：
=================================================================*/

.box30 {
    margin: 0;
    background: #dbffe1;
  　border-style: solid;
  　border-color: #5fb3f5;
  　border-width: 1px;
  　
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5ff578;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
  　
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}


/* =================================================================
26.ガイド内のテーブル
=================================================================*/


table.guidetable{
  font-size:95%;
  width:100%;
  border-collapse: collapse; /* 枠線(ボーダー)を重ねて表示 */
}

	
td.guidetable {
  padding:15px;
  border:1px solid #a4c1d7;
  text-align:center;
	}

th.guidetable {
  font-weight:bold;
  width:20%;
  background-color:#dae8f2;
  padding:15px;
  border:1px solid #a4c1d7;
}


/* =================================================================
27.逸品の小部屋 商品ページ用
=================================================================*/


.card{
width: 288px;
height: auto;
margin: 0 auto;
}
.card__imgframe{
width: 100%;
height: auto;
background-size: cover;
box-sizing: border-box;
}
.card__textbox{
width: 100%;
height: auto;
padding: 20px 18px;
background: #ffffff;
box-sizing: border-box;
}
.card__textbox &gt; * + *{
margin-top: 10px;
}
.card__titletext{
font-size: 20px;
font-weight: bold;
line-height: 125%;
}
.card__overviewtext{
font-size: 12px;
line-height: 150%;
}
.card-skin{
overflow: hidden;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0,0,0,.2);

}



/* =================================================================
28.枠の中にタイトル
=================================================================*/

.box28 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}


/* =================================================================
29.YouTube
=================================================================*/


.item-movie {
width: 100%;
aspect-ratio: 16/9;
}
.item-movie iframe {
width: 100%;
height: 100%;
}


/* =================================================================
30.ガイド内のテーブル640サイズ
=================================================================*/


table.guidetable640{
  font-size:95%;
  width:640;
  margin-left:auto;
  margin-right:auto;
  border-collapse: collapse; /* 枠線(ボーダー)を重ねて表示 */
}

	
td.guidetable640 {
  padding:15px;
  border:1px solid #a4c1d7;
  text-align:center;
	}

th.guidetable640 {
  font-weight:bold;
  width:20%;
  background-color:#dae8f2;
  padding:15px;
  border:1px solid #a4c1d7;
}

/* =================================================================
31.セロハンテープふう
=================================================================*/
.box31{
	background-color: #E6ECF2; /* ボックス背景色 */
	padding:2.5em 2em 2em; /* ボックス内側余白 */
	position:relative; /* 配置(ここを基準に) */
}
.box31 .box-title {
	background-color: rgba(255,255,255,.1);/* テープ背景色と透過*/
	border-left: 2px dotted rgba(0,0,0,.1);/* ギザギザ左*/
	border-right: 2px dotted rgba(0,0,0,.1);/* ギザギザ右*/
	box-shadow: 0 0 5px rgba(0,0,0,0.2); /*テープ影*/
	transform: rotate(-2deg);/*テープの傾き*/
	font-size: 1em;/*タイトル文字の大きさ*/
	color: #666; /*タイトル文字色 */
	padding: 10px 20px;/*タイトルの余白*/
	line-height: 1;/*タイトルの行の高さ*/
	position:absolute;/*配置(ここを動かす)*/
	top: -15px; /*上からの距離*/
	left: 20px; /*左からの距離*/
}

/* =================================================================
32.入門万年筆で使ってる
=================================================================*/
/* 横並び */

.flex32 {
  display: flex; /*横並び*/
padding: 20px;
border: 1px solid #CCC;
	margin-bottom: 20px;
}

.flex32 .image {
  width: 640px; /*画像サイズ指定*/
  margin: 0;
  padding: 0;
}
.flex32 .image img {
  width: 100%;
  height: auto;
}
.flex32 .right {
  margin: 0 0 0 20px;
  padding: 0;
}
.flex32 .title {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 20px;
}
.flex32 .text {
  margin: 10px 0 0;
  padding: 0;
}

/* =================================================================
33.オレンジボタン&gt;&gt;
=================================================================*/
.button20 a {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 700;
  background-color: #ff9900;
  transition: 0.3s;
}

.button20 a::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 2em;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  transition: 0.3s;
}

.button20 a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: calc(2em + 5px);
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  transition: 0.3s;
}

.button20 a:hover {
  text-decoration: none;
  background-color: #ff9900;
}

.button20 a:hover::before {
  right: 1.8em;
}

.button20 a:hover::after {
  right: calc(1.8em + 5px);
}

/* =================================================================
34.ラベルボックス
=================================================================*/

/*タイトル付き（ラベルボックス）*/
.box34{
	background-color:#fff; /* ボックス背景色 */
	padding:2em; /* ボックス内側余白 */
	position:relative; /* 配置(ここを基準に) */
	border: 2px solid #666;/* ボックスの線 (太さ・種類・色)*/
}
.box34 .box-title {
	background-color:#fff; /* タイトル背景色 */
	font-size: 1em;/* タイトル文字の大きさ */
	font-weight:800;
	color: #666; /* タイトル文字色 */
	padding: 0 5px;/*タイトルの余白*/
	line-height: 1;/*タイトルの行の高さ*/
	position:absolute;/* 配置(ここを動かす) */
	top: -8px; /*上からの距離*/
	left: 20px; /*左からの距離*/
}



/* =================================================================
35.逸品の小部屋 トップページ用
=================================================================*/



#webzine{
  margin-bottom: 20px;;
}

#webzine .webzine-title{
  height: 65px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

#webzine .webzine-logo{
 margin-right:20px ;
}

#webzine .webzine-title p{
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
}

#webzine .column-container{
  width:100%;
  margin-bottom: 14px;
  display: flex;
}

#webzine .column-thumbnail {
  margin-right: 10px;
}
#webzine .column-thumbnail img {
  width: 110px;
  height: auto;
  border: #cccccc 1px solid;
}

#webzine .column-detail p{
  margin: 0 0 5px 0 ; 
  font-size: 100%;;
  line-height: 1.2;
}

#webzine .column-title a {
  color: #033363;
  font-size: 18px;
  font-weight: 700;
}

#webzine .column-category a{
  color: #000;
  font-size: 16px;
}

#webzine .column-container a:hover{
  color: #60ac31;
}

#webzine .column-date  {
  color: #7B7B7B;
  font-size: 14px;
}

#webzine .button-link{
  width: auto;
  padding: 16px 40px;
  line-height: 1;
  color: #FFF;
}
#webzine .button-link:hover{
  background-color: #E34733;
}

#webzine .column-new {
  display: inline-block;
  vertical-align: top;
  margin-left: 3px;
  padding: 4px 4px 2px 4px;
  border-radius: 4px;
  background: #D33939;
  font-size: 12px;
  color: #FFF;
  line-height: 1;
}


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

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

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


/* =================================================================
新着商品(item_list)
=================================================================*/
#ranking.new_item .swiper-button-prev,
#ranking.new_item .swiper-button-next {
  position: absolute;
  background-image: none;
  height: 50px;
  width: 50px;
}
#ranking.new_item .swiper-button-prev::after,
#ranking.new_item .swiper-button-next::after {
  content: "";
  display: block;
  margin: auto;
  background-repeat: no-repeat;
  background-size: contain;
  height: 45px;
  width: 45px;
}
#ranking.new_item .swiper-button-prev::after {
  background-image: url(../images/swiper-button-prev.svg);
}
#ranking.new_item .swiper-button-next::after {
  background-image: url(../images/swiper-button-next.svg);
}
#ranking.new_item .swiper-container{
  width: auto;
  height: auto;
}

#ranking.new_item .new_item_inner{
  position: relative;
    width: 730px;
    margin: 0 auto;
}
#ranking.new_item .swiper-slide img {
  height: auto;
  width: 100%;
}

#ranking.new_item .box{
  margin: 0;
}
#ranking.new_item .ranking-box{
  height: auto;
}
#ranking.new_item .price{
  margin: 0;
}
#ranking.new_item .price_sub{
  display: block;
  text-align: left;
  margin: 5px 0 0;
}

/* swiperカスタム */
/* 前へボタン */
.swiper-button-prev{
  margin-top: -65px;/* 矢印ボタンの上下位置 */
  left: -27px;
}

/* 次へボタン */
.swiper-button-next{
  margin-top: -65px;/* 矢印ボタンの上下位置 */
  right: -27px;
}


/* =================================================================
万年筆コーナー
=================================================================*/

.fountain-brand{
    margin-bottom: 20px;
}

.fountain-brand .swiper-button-prev,
.fountain-brand .swiper-button-next {
    position: absolute;
    background-image: none;
    height: 50px;
    width: 50px;
}
.fountain-brand .swiper-button-prev::after,
.fountain-brand .swiper-button-next::after {
    content: "";
    display: block;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    height: 45px;
    width: 45px;
}
.fountain-brand .swiper-button-prev::after {
    background-image: url(../images/swiper-button-prev.svg);
}
.fountain-brand .swiper-button-next::after {
    background-image: url(../images/swiper-button-next.svg);
}
.fountain-brand .swiper-container {
    width: auto;
    height: auto;
}
.fountain-brand .branditem_inner {
    position: relative;
    width: 730px;
    margin: 0 auto;
}
.fountain-brand .swiper-slide img {
    width: auto;
    max-width: 135px;
    max-height: 135px;
    display: block;
    margin: 0 0 10px 0;
}
.fountain-brand .brandtitle {
    display: flex;
    margin-bottom: 15px;
}
.fountain-brand .brandtitle_left {
    margin-right: 10px;
}
.fountain-brand .brandtitle_right .brand-name {
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
    font-size: 100%;
}
.fountain-brand .brandtitle_right .brand-cap {
    font-size: 85%;
    line-height: 130%;
}
.fountain-brand .branditem {
    margin-bottom: 10px;
}

.fountain-brand .pen_itembox_cap{
    margin-bottom: 6px;
    line-height:1.3;
}

.fountain-brand .pen_itembox_name{
    line-height:1.3;
}

/* =================================================================
万年筆を始めたい方への基礎講座
=================================================================*/
.fountainpen-guide{
  display: flex;
  margin-bottom: 45px;
}

.fountainpen-guide .fountainpen-guide-title{
  background-color:#ff6600; 
  width:160px; 
  height:94px;
  display:flex;
  align-items: center;
  justify-content: center;
}

.fountainpen-guide-index{
  border:1px solid #ccc; 
  padding:10px; 
  width:612px;
  align-content: center;
}

.fountainpen-guide-index ul{
  display:flex;
  flex-wrap: wrap;
  row-gap: 10px;
  justify-content: center;
  column-gap: 5px;
}
.fountainpen-guide-index li {
  width:33%;
  font-size: 90%;
}

.fountainpen-guide-index li a{
  text-decoration:underline;
}</pre></body></html>