@charset "UTF-8";

/* =======================================================================
CSSの名前：style.css 
最終更新日時：2014/2/20
--------------------------------------------------------------------------
1.リセット
2.基本設定
3.コンテナ・メインコンテンツ
4.ヘッダー
5.フッター
6.トップページ
7.商品一覧
8.商品詳細
9.カート系
10.それ以外のページ
11.レビュー
12.メッセージ
13.ウィジェット
14.静的ページテンプレート
======================================================================= */



/* =================================================================
1.リセット
使用ファイル：すべてのファイル

html5doctor.com Reset Stylesheet
v1.6
Last Updated: 2010-08-18
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
=================================================================*/

html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure, 
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0; padding:0; border:0; background:transparent; outline:0; font-size:100%; vertical-align:baseline;}

table{margin:0; padding:0; border:0; background:transparent; outline:0; font-size:100%;}

input{padding:0;}
body{line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
li{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none;}
a{margin:0; padding:0; background:transparent; font-size:100%; vertical-align:baseline;}

/*  change colours to suit your needs
-------------------------------------------------------------*/
ins{background-color:#ff9; color:#000; text-decoration:none;}

/*  change colours to suit your needs
-------------------------------------------------------------*/
mark{background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted inherit; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}

/*  change border colour to suit your needs
-------------------------------------------------------------*/
hr{display:block; height:1px; margin:1em 0; padding:0; border:0; border-top:1px solid #cccccc;}
input, select{vertical-align:middle;}


/* =================================================================
2.基本設定
使用ファイル：すべてのファイル
=================================================================*/

body{font:15px/1.231 "HiraKakuProN-W3"; -webkit-text-size-adjust:none;}

/*  リンク色
-------------------------------------------------------------*/
a:link{ color:#333; }
a:visited{ color:#333; }
a:active{ color:#333;}

/*  padding/margin
-------------------------------------------------------------*/
.m0{margin:0;}
.mT0{margin-top:0;}
.mB0{margin-bottom:0;}
.mR0{margin-right:0;}
.mL0{margin-left:0;}
.mT10{margin-top:10px;}
.mB10{margin-bottom:10px;}
.mR10{margin-right:10px;}
.mL10{margin-left:10px;}
.mT20{margin-top:20px;}
.mB20{margin-bottom:20px;}
.mR20{margin-right:20px;}
.mL20{margin-left:20px;}
.mT30{margin-top:30px;}
.mB30{margin-bottom:30px;}
.mR30{margin-right:30px;}
.mL30{margin-left:30px;}
.mT40{margin-top:40px;}
.mB40{margin-bottom:40px;}
.mR40{margin-right:40px;}
.mL40{margin-left:40px;}
.mT50{margin-top:50px;}
.mB50{margin-bottom:50px;}
.mR50{margin-right:50px;}
.mL50{margin-left:50px;}
/*------------------------------*/
.p0{padding:0;}
.pT0{padding-top:0;}
.pB0{padding-bottom:0;}
.pR0{padding-right:0;}
.pL0{padding-left:0;}
.pT10{padding-top:10px;}
.pB10{padding-bottom:10px;}
.pR10{padding-right:10px;}
.pL10{padding-left:10px;}
.pT20{padding-top:20px;}
.pB20{padding-bottom:20px;}
.pR20{padding-right:20px;}
.pL20{padding-left:20px;}
.pT30{padding-top:30px;}
.pB30{padding-bottom:30px;}
.pR30{padding-right:30px;}
.pL30{padding-left:30px;}
.pT40{padding-top:40px;}
.pB40{padding-bottom:40px;}
.pR40{padding-right:40px;}
.pL40{padding-left:40px;}
.pT50{padding-top:50px;}
.pB50{padding-bottom:50px;}
.pR50{padding-right:50px;}
.pL50{padding-left:50px;}

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

/*  左・右寄せ
-------------------------------------------------------------*/
.fL{float:left;}
.fR{float:right;}
.txC{text-align:center;}
.txR{text-align:right;}


/* =================================================================
3.コンテナ・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/
#container { color:#333; }
#main {}
#main section .inner { margin:0 5%; padding:15px 0; }
#main section h2 { padding:10px 4%; background:#ea5b7a; color:#fff; font-size:18px; }
#main section h2 span { padding:0 0 0 4px; font-size:14px; vertical-align:middle; }
#main section .lead { line-height:1.5; color:#ea5b7a; }
#main section .btn { display:block; border-radius:5px; overflow:hidden; }
#main section .btn a { display:block; text-decoration:none; }

/* displaynone - 非表示
-------------------------------------------------------------*/
.displaynone { display:none; }

/* 汎用クラス
-------------------------------------------------------------*/
.btnWrap { border-radius:3px; overflow:hidden; } /* for Android */
.accordionContent .inner { margin:0 5% !important; padding:1px 0 !important; border-top:#ea5b7a 3px solid; border-bottom:#ea5b7a 1px solid;}
.accordionContent h3.accordionBtn { position:relative; margin:0 !important; padding:15px !important; background:#d8ccbc; color:#ea5b7a !important; font-size:13px !important; cursor:pointer; }
.accordionContent h3.accordionBtn:after {
	content:'';
	position: absolute;
	top:15px; right:15px;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/btn_accordion_open.png) no-repeat;
	background-size:20px 20px;
}
.accordionContent h3.accordionBtn.js-opened:after {
	content:'';
	position: absolute;
	top:15px; right:15px;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/btn_accordion_close.png) no-repeat;
	background-size:20px 20px;
}
.accordionContent .accordionContentBody { margin:1px 0 0; padding:10px 15px 15px; background:#f8f8f8; line-height:1.5; }

.accordionContentError .inner { margin:0 5% !important; padding:1px 0 !important; border-top:#838383 3px solid; border-bottom:#838383 1px solid;}
.accordionContentError h3 { position:relative; margin:0 !important; padding:15px !important; background:#f7f7f7; color:#7d7d7d !important; font-size:13px !important; cursor:pointer; }
.accordionContentError h3:after {
	content:'';
	position: absolute;
	top:15px; right:15px;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/btn_accordion_err_open.png) no-repeat;
	background-size:20px 20px;
}


/*詳細開く*/


.accordionContent_tama .inner { margin:0 5% !important; padding:1px 0 !important; border-top:#ea5b7a 3px solid; border-bottom:#ea5b7a 1px solid;}
.accordionContent_tama h3.accordionBtn { position:relative; margin:0 !important; padding:15px !important; background:#d8ccbc; color:#ea5b7a !important; font-size:13px !important; }
.accordionContent_tama h3.accordionBtn:after {
	content:'';
	position: absolute;
	top:15px; right:15px;
	display:block;
	width:20px;
	height:20px;
	background-size:20px 20px;
}
.accordionContent_tama h3.accordionBtn.js-opened:after {
	content:'';
	position: absolute;
	top:15px; right:15px;
	display:block;
	width:20px;
	height:20px;
	background-size:20px 20px;
}
.accordionContent_tama .accordionContentBody_tama { margin:1px 0 0; padding:10px 15px 15px; background:#f8f8f8; line-height:1.5; }

.accordionContentError .inner { margin:0 5% !important; padding:1px 0 !important; border-top:#838383 3px solid; border-bottom:#838383 1px solid;}
.accordionContentError h3 { position:relative; margin:0 !important; padding:15px !important; background:#f7f7f7; color:#7d7d7d !important; font-size:13px !important; cursor:pointer; }
.accordionContentError h3:after {
	content:'';
	position: absolute;
	top:15px; right:15px;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/btn_accordion_err_open.png) no-repeat;
	background-size:20px 20px;
}



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

/* header - ヘッダ
-------------------------------------------------------------*/
header {}
header .inner { position:relative; padding:0 3%; }
header p.preview{display:block; padding:5px; background:#1c8600; color:#FFF; text-align:center;}
header h1 { position:absolute; left:10px; top:0; width:107px; }
header h1 a{ display:block; height:81px; background:url(../images/header_title.png) center no-repeat; background-size:107px 81px; text-indent:-9999px; }

/* menu - メニュー
-------------------------------------------------------------*/
header .menu { position:relative; float:right; width:180px; height:91px; }
header .menu p { padding:8px 2px 0 0; font-size:9px; text-align:right; }
header .menu ul#showPanelBtn { position:absolute; right:0; bottom:0; display:table; width:174px; }
header .menu ul#showPanelBtn li { display:table-cell; padding:0 0 10px; font-size:0; line-height:1; }
header .menu ul#showPanelBtn li#btnSearch { text-align:left; }
header .menu ul#showPanelBtn li#btnSearch.js-opened { background:url(../images/hdr_search_bg.png) no-repeat center bottom; background-size:11px 10px; }
header .menu ul#showPanelBtn li#btnMypage { text-align:center; }
header .menu ul#showPanelBtn li#btnMypage.js-opened { background:url(../images/hdr_mypage_bg.png) no-repeat center bottom; background-size:11px 10px; }
header .menu ul#showPanelBtn li#btnCart { text-align:right; }
header.cart .menu p { padding-top:38px; }

/* panel - パネル
-------------------------------------------------------------*/
.panel { display:none; margin:0 0 15px; width:100%; overflow:hidden; z-index:1000; }
.panelInner { margin:15px 5% 0; }
.panel ul li { font-size:14px; }
.panel ul li a { display:block; padding:15px 15px; text-decoration:none; }
.panel .panelClose { text-align:center; }
.panel .panelClose a { display:block; padding:15px 0; cursor:pointer; color:#ea5b7a; text-decoration:none; }
.panel .panelClose a:before {
	content:'';
	margin:0 auto 3px;
	display:block;
	width:19px;
	height:12px;
	background:url(../images/hdr_arw_t_01.png) no-repeat;
	background-size:19px 12px;
}

.panel .panelClose2 { text-align:center; }
.panel .panelClose2 a { display:block; padding:15px 0; cursor:pointer; color:#FFF; text-decoration:none; }
.panel .panelClose2 a:before {
	content:'';
	margin:0 auto 3px;
	display:block;
	width:19px;
	height:12px;
	background:url(../images/hdr_arw_t_01_2.png) no-repeat;
	background-size:19px 12px;
}

#searchPanel { background:#e6dfd6; }
#searchPanel .panelInner { border-radius:5px; background:#d8ccbc; }
#searchPanel .searchInput { padding:15px; }
#searchPanel .searchInput table{ width:100%; }
#searchPanel .searchInput table td{ vertical-align:middle; }
#searchPanel .searchInput table td.txt input { border:#c4b197 1px solid; border-radius:0; padding:0 2px; width:100%; height:43px; font-size:14px;
-webkit-appearance:none;
}
#searchPanel .searchInput table td.button{ width:44px; }
#searchPanel .searchInput table td.button input { display:block; margin:0; border:none; border-radius:0; width:100%; height:43px; overflow:hidden; background:url(../images/hdr_search_input_btn.gif) no-repeat; background-size:100% auto; font-size:0; line-height:1; text-indent:100%; white-space:nowrap; cursor:pointer; }

#searchPanel ul.searchOption {}
#searchPanel ul.searchOption li { position:relative; color:#333; font-size:16px; }
#searchPanel ul.searchOption li span,
#searchPanel ul.searchOption li a { display:block; padding:15px; }
#searchPanel ul.searchOption li p { font-weight:bold; padding:0 15px; }
#searchPanel ul.searchOption li { border-top:#c4b197 1px solid; }
#searchPanel ul.searchOption > li > p span { padding-left:0; text-decoration:none; }
#searchPanel ul.searchOption > li > p span:after {
	content:'';
	position: absolute;
	top:15px; right:30px;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/btn_accordion_open.png) no-repeat;
	background-size:20px 20px;
}
#searchPanel ul.searchOption > li > ul.accordionNav { border-radius:5px; overflow:hidden; }
#searchPanel ul.searchOption > li > ul.accordionNav > li { font-size:16px; }
#searchPanel ul.searchOption > li > ul.accordionNav > li a { padding-left:30px; padding-right:60px; }
#searchPanel ul.searchOption > li > ul.accordionNav > li p span:after {
	content:'';
	position: absolute;
	top:15px; right:30px;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/btn_accordion_open.png) no-repeat;
	background-size:20px 20px;
}
#searchPanel ul.searchOption > li > ul.accordionNav > li > p a { padding-left:15px; }
#searchPanel ul.searchOption > li > ul.accordionNav > li > ul {}
#searchPanel ul.searchOption > li > ul.accordionNav > li > ul > li { border-top:#ddd 1px solid; background:#fff; font-size:14px; line-height:1.5; }
#searchPanel ul.searchOption > li > ul.accordionNav > li > ul > li a { padding-left:45px; padding-right:60px; }
#searchPanel ul.searchOption > li > ul.accordionNav > li > ul > li a span { padding:0; }
#searchPanel ul.searchOption > li > ul.accordionNav > li.all > p a:after,
#searchPanel ul.searchOption > li > ul.accordionNav li a:after {
	content:'';
	position: absolute;
	top:17px; right:35px;
	display:block;
	width:10px;
	height:15px;
	background:url(../images/arw_r_01.png) no-repeat;
	background-size:10px 15px;
}
#searchPanel ul.searchOption > li > p.js-opened span:after {
	content:'';
	position: absolute;
	top:15px; right:30px;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/btn_accordion_close.png) no-repeat;
	background-size:20px 20px;
}
#searchPanel ul.searchOption > li > ul.accordionNav > li > p.js-opened { background:#fff; }
#searchPanel ul.searchOption > li > ul.accordionNav > li > p.js-opened span:after {
	content:'';
	position: absolute;
	top:15px; right:30px;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/btn_accordion_close.png) no-repeat;
	background-size:20px 20px;
}

#mypagePanel { background:#c4b197; }
#mypagePanel .panelInner { border-radius:5px; overflow:hidden; background:#fff; }
#mypagePanel ul.primary { display:table; width:100%; }
#mypagePanel ul.primary li { display:table-cell; width:50%; text-align:center; font-size:12px; font-weight:bold; }
#mypagePanel ul.primary li a { padding:25px 20px 15px; }
#mypagePanel ul.primary li:nth-child(1) a:before {
	content:'';
	margin:0 auto 7px;
	display:block;
	width:31px;
	height:31px;
	background:url(../images/hdr_mypage_ico_fav.png) no-repeat;
	background-size:31px 31px;
	text-align:center;
}
#mypagePanel ul.primary li:nth-child(2) { border-left:#dacfa5 1px solid; }
#mypagePanel ul.primary li:nth-child(2) a:before {
	content:'';
	margin:0 auto 7px;
	display:block;
	width:31px;
	height:31px;
	background:url(../images/hdr_mypage_ico_history.png) no-repeat;
	background-size:31px 31px;
	text-align:center;
}
#mypagePanel ul.secondary li { position:relative; border-top:#dacfa5 1px solid; }
#mypagePanel ul.secondary li a:after {
	content:'';
	position: absolute;
	top: 17px; right: 20px;
	display:block;
	width:10px;
	height:15px;
	background:url(../images/hdr_arw_r_01.png) no-repeat;
	background-size:10px 15px;
}

#shiborikomiPanel { background:#d8ccbc; }
#shiborikomiPanel ul.searchOption { border-bottom:#fff 1px solid; }
#shiborikomiPanel ul.searchOption li { position:relative; font-size:18px; }
#shiborikomiPanel ul.searchOption li span { display:block; padding:15px; }
#shiborikomiPanel ul.searchOption li p { font-weight:bold; }
#shiborikomiPanel ul.searchOption > li > p { border-top:#fff 1px solid; padding:0 5%; color:#333333; background:#d8ccbc; }

#shiborikomiPanel ul.searchOption > li:first-child > p { border-top:none; }
#shiborikomiPanel ul.searchOption > li:last-child > p {}
#shiborikomiPanel ul.searchOption > li > p span { position:relative; padding-left:0; color:#333; text-decoration:none; }
#shiborikomiPanel ul.searchOption > li > p span:after {
	content:'';
	position: absolute;
	top:15px; right:15px;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/hdr_btn_accordion_open.png) no-repeat;
	background-size:20px 20px;
}
#shiborikomiPanel ul.searchOption > li > ul { margin:0 5% 15px; border-radius:5px; overflow:hidden; }
#shiborikomiPanel ul.searchOption > li > ul > li { border-top:#ddd 1px solid; background:#FFF; font-size:16px; }
#shiborikomiPanel ul.searchOption > li > ul > li:first-child { border-top:none; }
#shiborikomiPanel ul.searchOption > li > ul > li > p span:after {
	content:'';
	position: absolute;
	top:15px; right:15px;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/btn_accordion_open.png) no-repeat;
	background-size:20px 20px;
}
#shiborikomiPanel ul.searchOption > li > ul > li > ul {}
#shiborikomiPanel ul.searchOption > li > ul > li { border-top:#ddd 1px solid; background:#fff; font-size:14px; line-height:1.5; }
#shiborikomiPanel ul.searchOption > li > ul > li span { padding:0; }
#shiborikomiPanel ul.searchOption > li > ul > li a { padding-left:30px; padding-right:45px; }
#shiborikomiPanel ul.searchOption > li > ul > li span span { padding:0 45px 0 0; }
#shiborikomiPanel ul.searchOption > li > ul > li.all > p a:after,
#shiborikomiPanel ul.searchOption > li > ul > li a:after {
	content:'';
	position: absolute;
	top:17px; right:20px;
	display:block;
	width:10px;
	height:15px;
	background:url(../images/arw_r_01.png) no-repeat;
	background-size:10px 15px;
}

#shiborikomiPanel ul.searchOption > li > ul.categorySelect > li { border-top:#ddd 1px solid; background:#d8ccbc; font-size:16px; }
#shiborikomiPanel ul.searchOption > li > ul.categorySelect > li:first-child { border-top:none; }
#shiborikomiPanel ul.searchOption > li > ul.categorySelect > li > p span { padding:15px; }
#shiborikomiPanel ul.searchOption > li > ul.categorySelect > li.all > p a { padding-left:15px; }
#shiborikomiPanel ul.searchOption > li > ul.categorySelect > li > p span:after {
	content:'';
	position: absolute;
	top:15px; right:15px;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/btn_accordion_open.png) no-repeat;
	background-size:20px 20px;
}
#shiborikomiPanel ul.searchOption > li > ul.categorySelect > li > ul {}
#shiborikomiPanel ul.searchOption > li > ul.categorySelect > li > ul > li { border-top:#ddd 1px solid; background:#fff; font-size:14px; line-height:1.5; }
#shiborikomiPanel ul.searchOption > li > ul.categorySelect > li > ul > li span { padding:0; }
#shiborikomiPanel ul.searchOption > li > ul.categorySelect > li > ul > li a { padding-left:30px; padding-right:45px; }
#shiborikomiPanel ul.searchOption > li > ul.categorySelect > li > ul > li span span { padding:0 45px 0 0; }
#shiborikomiPanel ul.searchOption > li > ul.categorySelect > li.all > p a:after,
#shiborikomiPanel ul.searchOption > li > ul.categorySelect > li > ul > li a:after {
	content:'';
	position: absolute;
	top:17px; right:20px;
	display:block;
	width:10px;
	height:15px;
	background:url(../images/arw_r_01.png) no-repeat;
	background-size:10px 15px;
}



#shiborikomiPanel ul.searchOption > li > p.js-opened span:after {
	content:'';
	position: absolute;
	top:15px; right:15px;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/hdr_btn_accordion_close.png) no-repeat;
	background-size:20px 20px;
}
#shiborikomiPanel ul.searchOption > li > ul > li > p.js-opened { background:#fff; }
#shiborikomiPanel ul.searchOption > li > ul > li > p.js-opened span:after {
	content:'';
	position: absolute;
	top:15px; right:15px;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/btn_accordion_close.png) no-repeat;
	background-size:20px 20px;
}
#shiborikomiPanel ul.searchOption > li > ul > li > p.js-opened.nowhere span:after {
	content:'変更する';
	position: absolute;
	top:10px; right:15px;
	display:block;
	border:#ea5b7a 1px solid;
	border-radius:5px;
	width:auto;
	height:auto;
	padding:7px 10px;
	background:#ffffff; /* Old browsers */
	background:-moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7));
	color:#ea5b7a;
	font-size:12px;
	font-weight:bold;
}

#shiborikomiPanel ul.searchOption > li > .selected { position:relative; margin:0 5% 15px; padding:0; border-radius:5px; overflow:hidden; background:#fff; color:#333 !important; font-size:14px; }
#shiborikomiPanel ul.searchOption > li > .selected span { padding:0; color:#333; }
#shiborikomiPanel ul.searchOption > li > .selected span:after {
	content:'';
	background:none;
}
#shiborikomiPanel ul.searchOption > li > .selected.js-opened { display:none !important; }
#shiborikomiPanel ul.searchOption > li > .selected.js-opened span:after {
	content:'';
	background:none;
}
#shiborikomiPanel ul.searchOption > li > .selected span.selectedChildItem span.selectedItem,
#shiborikomiPanel ul.searchOption > li > .selected span.selectedChildAll span.selectedItem { display:block; border-top:#ddd 1px solid; padding:15px 100px 15px 30px; font-size:14px; font-weight:normal; }
#shiborikomiPanel ul.searchOption > li > .selected > span > span { display:none; }
#shiborikomiPanel ul.searchOption > li > .selected > span > span.selectedParentItem { display:block; border-top:none; padding:15px 100px 15px 15px; font-size:16px; font-weight:bold; }
#shiborikomiPanel ul.searchOption > li > .selected span.selectedItem:after {
	content:'変更する';
	position: absolute;
	top:10px; right:15px;
	display:block;
	border:#ea5b7a 1px solid;
	border-radius:5px;
	width:auto;
	height:auto;
	padding:7px 10px;
	background:#ffffff; /* Old browsers */
	background:-moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7));
	color:#ea5b7a;
	font-size:12px;
	font-weight:bold;
}
#shiborikomiPanel ul.searchOption > li > .selected span.selectedChildItem ul,
#shiborikomiPanel ul.searchOption > li > .selected span.selectedChildAll ul {}
#shiborikomiPanel ul.searchOption > li > .selected span.selectedChildItem ul > li,
#shiborikomiPanel ul.searchOption > li > .selected span.selectedChildAll ul > li { border-top:#ddd 1px solid; background:#fff; font-size:14px; line-height:1.5; font-weight:normal; }
#shiborikomiPanel ul.searchOption > li > .selected span.selectedChildItem ul > li span,
#shiborikomiPanel ul.searchOption > li > .selected span.selectedChildAll ul > li span { padding:0; }
#shiborikomiPanel ul.searchOption > li > .selected span.selectedChildItem ul > li a,
#shiborikomiPanel ul.searchOption > li > .selected span.selectedChildAll ul > li a { padding-left:30px; padding-right:45px; }
#shiborikomiPanel ul.searchOption > li > .selected span.selectedChildItem ul > li span span,
#shiborikomiPanel ul.searchOption > li > .selected span.selectedChildAll ul > li span span { padding:0 45px 0 0; }
#shiborikomiPanel ul.searchOption > li > .selected span.selectedChildItem ul > li.all > p a:after,
#shiborikomiPanel ul.searchOption > li > .selected span.selectedChildItem ul > li a:after,
#shiborikomiPanel ul.searchOption > li > .selected span.selectedChildAll ul > li.all > p a:after,
#shiborikomiPanel ul.searchOption > li > .selected span.selectedChildAll ul > li a:after {
	content:'';
	position: absolute;
	top:17px; right:20px;
	display:block;
	width:10px;
	height:15px;
	background:url(../images/arw_r_01.png) no-repeat;
	background-size:10px 15px;
}


/* =================================================================
5.フッター
使用ファイル：common/footer.xhtml
=================================================================*/

#footer{ background:#eee; }
#footer .backtotop { text-align:center;}
#footer .backtotop a { display:block; padding:20px 0; text-decoration:none; }
#footer .backtotop a:before {
	content:'';
	display:inline-block;
	padding:0 10px 0 0;
	width:15px;
	height:10px;
	background:url(../images/arw_t_01.png) no-repeat;
	background-size:15px 10px;
}

/* footerSns - フッター・SNS
-------------------------------------------------------------*/
#footerSns {}
#footerSns ul { margin:0 5%; padding:15px 0; }
#footerSns ul li {}
#footerSns ul li:nth-child(1) { float:left; }
#footerSns ul li:nth-child(2) { float:right; }

/* footerLogin - フッター・ログイン
-------------------------------------------------------------*/
#footerLogin { padding:30px 0; background:#fff; }
#footerLogin ul { margin:0 5%; }
#footerLogin ul li { border-radius:5px; width:48%; overflow:hidden; text-align:center; font-size:16px; font-weight:bold; }
#footerLogin ul li a { display:block; padding:20px 20px 20px 20px; color:#fff; text-decoration:none; vertical-align:bottom; }
#footerLogin ul li a span:before {
	content:'';
	display:inline-block;
	padding:0 7px 0 0;
	width:8px;
	height:8px;
	background:url(../images/arw_r_s_01.png) no-repeat;
	background-size:8px 8px;
	vertical-align:middle;
}
#footerLogin ul li:nth-child(1) { float:left; }
#footerLogin ul li:nth-child(1) a { background:#ea5b7a; }
#footerLogin ul li:nth-child(2) { float:right; }
#footerLogin ul li:nth-child(2) a { background:#eda33d; }

/* footerNavi - フッターナビゲーション
-------------------------------------------------------------*/
nav.footerNavi{margin-bottom:20px; box-shadow:0 2px 2px #CCC;}
nav.footerNavi li{border-top:1px solid #CCC; background:#F3F3F3;}/* change background color */
nav.footerNavi li a{display:block; padding:10px; background:url("../images/link_bg.png") right center no-repeat; color:#333; text-decoration:none;}

/* footerSitemap - フッター・サイトマップ
-------------------------------------------------------------*/
#footerSitemap {}
#footerSitemap ul { margin:0 5%; border:#ddd 1px solid; border-radius:5px; background:#fff; }
#footerSitemap ul li { position:relative; border-top:#ddd 1px solid; }
#footerSitemap ul li:first-child { border-top:none; }
#footerSitemap ul li a { display:block; padding:15px 45px 15px 15px; color:#333; font-size:14px; line-height:1.5; text-decoration:none; }
#footerSitemap ul li a:after {
	content:'';
	position: absolute;
	top: 17px; right: 20px;
	display:block;
	width:10px;
	height:15px;
	background:url(../images/arw_r_01.png) no-repeat;
	background-size:10px 15px;
}
#footerSitemap ul li a[target="_blank"]:after {
	width:16px;
	height:15px;
	background:url(../images/ico_blank.png) no-repeat;
	background-size:16px 15px;
}
#footerSitemap ul li span { font-size:11px; letter-spacing:-1px;}


/* footer - フッター
-------------------------------------------------------------*/
footer { background:#eee; }
footer .view { margin:0 18%; padding:30px 0;}
footer .view a { display:block; border:#ddd 1px solid; border-radius:5px; padding:12px 15px; overflow:hidden; text-align:center; font-size:16px; text-decoration:none;
	background:#ffffff; /* Old browsers */
	background:-moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7));
}
footer .view a:before {
	content:'';
	display:inline-block;
	margin:0 10px 0 0;
	width:22px;
	height:22px;
	background:url(../images/ico_pc.png) no-repeat;
	background-size:22px 22px;
	vertical-align:middle;
}
footer .copy{ padding:10px 0; background:#ea5b7a; text-align:center; color:#fff; font-size:10px; }
footer a.cart{display:block; width:200px; margin:auto; margin-bottom:30px; padding:7px 0; border:1px solid #900; border-radius:5px;
	background:-webkit-gradient(linear,left top,left bottom,from(#D55),to(#D22));
	color:#FFF; font-size:130%; font-weight:bold; text-align:center; text-decoration:none; text-shadow:-1px 1px 1px #666;}/* color button */


/* =================================================================
6.トップページ
使用ファイル：top.xhtml
=================================================================*/

body.toppage {}

/* cover - 表紙
-------------------------------------------------------------*/
body.toppage #cover {}
body.toppage #cover img { width:100%; height:auto; }

/* maincontent - メイン
-------------------------------------------------------------*/
body.toppage #main {}
body.toppage #main section { margin:0px 0 0 0; }
body.toppage #main section:first-child { margin-top:2px; }
body.toppage #main section h2 { background:#d8ccbc; color:#ea5b7a; }
body.toppage #main section h2 span { padding:0 0 0 4px; font-size:14px; vertical-align:middle; }
body.toppage #main section img {}

body.toppage #main .campaign {}
body.toppage #main .campaign ul { padding:15px 0; }
body.toppage #main .campaign ul li {}
body.toppage #main .campaign ul li:first-child { margin-top:0; }
body.toppage #main .campaign ul li a { position:relative; display:block; margin:10px auto 0; border:#ddd 1px solid; border-radius:5px; width:290px; overflow:hidden; background:#ea5b7a; }
body.toppage #main .campaign ul li a:after {
	content:'';
	position: absolute;
	top:50%; right:3%;
	margin:-7px 0 0;
	display:block;
	width:10px;
	height:15px;
	background:url(../images/arw_r_03.png) no-repeat;
	background-size:10px 15px;
}
body.toppage #main .campaign ul li span { display:block; width:262px; height:72px; background:#fff; text-align:center;}
body.toppage #main .campaign ul li img { width:auto; height:100%; }

body.toppage #main .recommend {}
body.toppage #main .recommend .inner { position:relative; margin:0; }
body.toppage #main .recommend a { display:table; padding:0 15% 0 5%; }
body.toppage #main .recommend a:after {
	content:'';
	position: absolute;
	top:60px; right:5%;
	margin:-7px 0 0 0;
	display:block;
	width:10px;
	height:15px;
	background:url(../images/arw_r_02.png) no-repeat;
	background-size:10px 15px;
}
body.toppage #main .recommend .imgArea { display:table-cell; width:100px; vertical-align:top; }
body.toppage #main .recommend .imgArea img { border:#ccc 1px solid; width:88px; height:105px; }
body.toppage #main .recommend .txtArea { display:table-cell; }
body.toppage #main .recommend .txtArea h3 { font-size:16px; font-weight:normal; line-height:1.5; text-decoration:underline; }
body.toppage #main .recommend .txtArea p { padding:10px 0 0; font-size:12px; }

body.toppage #main .newproduct {}
body.toppage #main .newproduct ul { padding:0 0 15px; }
body.toppage #main .newproduct ul li { position:relative; border-bottom:#ddd 1px solid; padding:15px 0; }
body.toppage #main .newproduct ul li a { display:table; padding:0 15% 0 5%; }
body.toppage #main .newproduct ul li a:after {
	content:'';
	position: absolute;
	top:50%; right:5%;
	margin:-7px 0 0 0;
	display:block;
	width:10px;
	height:15px;
	background:url(../images/arw_r_02.png) no-repeat;
	background-size:10px 15px;
}
body.toppage #main .newproduct ul li .img { display:table-cell; width:100px; vertical-align:top; font-size:0; line-height:1; }
body.toppage #main .newproduct ul li .img img { border:#ccc 1px solid; width:88px; height:105px; }
body.toppage #main .newproduct ul li .txt { display:table-cell; font-size:16px; line-height:1.5; text-decoration:underline; }

body.toppage #main .feature {}
body.toppage #main .feature .btn { padding:15px 0; background:#eee; }
body.toppage #main .feature .btn a { position:relative; display:block; margin:0 auto; border:#ea5b7a 1px solid; border-radius:5px; width:290px; overflow:hidden; background:#ea5b7a; color:#ea5b7a; font-size:18px; font-weight:bold; text-decoration:none; }
body.toppage #main .feature .btn a:after {
	content:'';
	position: absolute;
	top:50%; right:3%;
	margin:-7px 0 0;
	display:block;
	width:10px;
	height:15px;
	background:url(../images/arw_r_03.png) no-repeat;
	background-size:10px 15px;
}
body.toppage #main .feature .btn .btnWrap { display:block; border-radius:3px; overflow:hidden; }/* for Android */
body.toppage #main .feature .btn .btnWrap span { display:block; padding:26px 23px; width:216px; background:#fff; text-decoration:none}

body.toppage #main .merit {}
body.toppage #main .merit ul { margin:30px auto; width:290px; }
body.toppage #main .merit ul li { padding:0 0 0 10px; float:left; font-size:0; line-height:1; }
body.toppage #main .merit ul li:first-child { padding-left:0; }

body.toppage #main .news {}
body.toppage #main .news .box { position:relative; border-bottom:#ddd 1px solid; padding:15px 0; }
body.toppage #main .news .box a { display:block; text-decoration:none; }
body.toppage #main .news .box a:after {
	content:'';
	position: absolute;
	top:50%; right:5%;
	margin:-7px 0 0 0;
	display:block;
	width:10px;
	height:15px;
	background:url(../images/arw_r_02.png) no-repeat;
	background-size:10px 15px;
}
body.toppage #main .news .box dl { padding:0 15% 0 5%; font-size:14px; }
body.toppage #main .news .box dl dt { color:#ea5b7a; font-weight:bold; }
body.toppage #main .news .box dl dd { padding:5px 0 0; line-height:1.35; }

/* ？？？loginBefore - ログイン前
-------------------------------------------------------------*/
#loginBefore{padding:5px 10px; box-shadow:0 2px 2px #CCC;}
#loginBefore:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#loginBefore p{float:left; margin-top:5px; font-size:90%;}
#loginBefore a{display:block; float:right; width:60px; padding:3px 0; background:-webkit-gradient(linear,left top,left bottom,from(#999),to(#666));
	border-radius:5px; border:1px solid #333; text-shadow:-1px 1px 1px #666; color:#FFF; font-size:90%; font-weight:bold; text-align:center; text-decoration:none;}/* gray button */
	
/* ？？？loginAfter - ログイン後
-------------------------------------------------------------*/
#loginAfter{padding:5px 10px; box-shadow:0 2px 2px #CCC;}
#loginAfter p{display:block; font-size:90%; text-align:center;}
#loginAfter span.point{color:#C00; font-weight:bold;}
#loginAfter ul{width:300px; margin:5px auto 0; border:1px solid #333; border-radius:5px; 
	background:-webkit-gradient(linear,left top,left bottom,from(#999),to(#666)); text-shadow:-1px 1px 1px #666; font-size:90%;}/* gray button */
#loginAfter ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#loginAfter li{float:left; width:99px; border-left:1px solid #FFF; font-weight:bold; text-align:center;}
#loginAfter  li a{display:block; padding:5px 0;}
#loginAfter li:first-child{border:none;}
#loginAfter ul a{color:#FFF; text-decoration:none;}
	
/* ？？？cart - 買い物かごへ
-------------------------------------------------------------*/
#cart a{display:block; padding:15px; background:url("../images/top_cart.png") 60px center no-repeat; color:#333; text-align:center; text-decoration:none;}

/* ？？？topics - トピックス
-------------------------------------------------------------*/
#topics{margin-bottom:20px; box-shadow:0 2px 2px #CCC;}
#topics h2{padding:7px 10px; background:-webkit-gradient(linear,left top,left bottom,from(#CCC),to(#CCC)); text-shadow:1px 1px 0 #CCC,0 1px 0 #CCC;}/* second menu */
#topics div{padding:10px 0 10px 10px; border-bottom:1px solid #CCC;}
#topics a{display:block; background:url("../images/link_bg.png") right center no-repeat; text-decoration:none;}
#topics h3{display:block; font-size:80%;}
#topics p{display:block;}

/* ？？？category - 商品カテゴリ
-------------------------------------------------------------*/
#category{margin-bottom:20px; background:#F3F3F3; box-shadow:0 2px 2px #CCC;}/* change background color */
#category h2{padding:8px 10px; background:-webkit-gradient(linear,left top,left bottom,from(#000),to(#000)); color:#FFF; text-shadow:-1px 1px 1px #666;}/* top menu */
#category li{border-bottom:1px solid #CCC;}
#category li a{display:block; padding:10px 10px 10px 25px; background:url("../images/marker.png") 10px center no-repeat; color:#333; text-decoration:none;}

/* ？？？new - 新着商品
-------------------------------------------------------------
#new{margin-bottom:20px; box-shadow:0 2px 2px #CCC;}
#new h2{padding:7px 10px; background:-webkit-gradient(linear,left top,left bottom,from(#CCC),to(#CCC)); text-shadow:1px 1px 0 #CCC,0 1px 0 #CCC;}/* second menu 
#new div.box{border-bottom:1px solid #CCC;}
#new a{display:block; padding:10px; background:url("../images/link_bg.png") right center no-repeat; text-decoration:none;}
#new a:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix 
#new h3{display:block; margin-bottom:5px; color:#333; font-weight:normal;}
#new p.price{display:block; color:#C00;}
#new p.price_sub{display:block; color:#C00; font-size:80%;}
#new .explanation1{margin-top:5px; color:#333; font-size:85%;}
#new .img{float:left;}
#new .text{margin-left:90px;}*/

/* ？？？ranking - ランキング
-------------------------------------------------------------*/
#ranking{margin-bottom:20px; box-shadow:0 2px 2px #CCC;}
#ranking h2{padding:7px 10px; background:-webkit-gradient(linear,left top,left bottom,from(#CCC),to(#CCC)); text-shadow:1px 1px 0 #CCC,0 1px 0 #CCC;}/* second menu */
#ranking div.box{border-bottom:1px solid #CCC;}
#ranking a{display:block; padding:10px; background:url("../images/link_bg.png") right center no-repeat; text-decoration:none;}
#ranking a:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#ranking h3{display:block; margin-bottom:5px; color:#333; font-size:85%;}
#ranking h4{display:block; margin-bottom:5px; color:#333; font-weight:normal;}
#ranking p.price{display:block; color:#C00;}
#ranking p.price_sub{display:block; color:#C00; font-size:80%;}
#ranking .img{float:left;}
#ranking .text{margin-left:90px;}


/* =================================================================
7.商品一覧
使用ファイル：item_list.xhtml
=================================================================*/
	
/* shiborikomi - 検索条件を変更する
-------------------------------------------------------------*/
#shiborikomi { position:relative; border-top:#ddd 1px solid; }
#shiborikomi .inner { padding-bottom:0 !important; }
#shiborikomi .btn { display:inline-block; float:right; padding:0 0 10px; }
#shiborikomi .btn p { border:#ea5b7a 1px solid; border-radius:5px; overflow:hidden; padding:7px 10px; color:#ea5b7a; font-size:11px; cursor:pointer;
	background:#ffffff; /* Old browsers */
	background:-moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7));
}
#shiborikomi .btn p span:before {
	content:'';
	display:inline-block;
	margin:0 5px 0 0;
	width:12px;
	height:12px;
	background:url(../images/ico_shiborikomi.png) no-repeat;
	background-size:12px 12px;
	vertical-align:middle;
}
#shiborikomi .btn.js-opened { background:url(../images/hdr_search_bg.png) no-repeat center bottom; background-size:11px 10px;}
#shiborikomi .panel {}

/* ？？？itemListCategory - 商品カテゴリ
-------------------------------------------------------------*/
/*#itemListCategory{margin-bottom:20px; background:#F3F3F3; box-shadow:0 2px 2px #CCC;}/* change background color
#itemListCategory h2{padding:8px 10px; color:#FFF; background:-webkit-gradient(linear,left top,left bottom,from(#000),to(#000)); text-shadow:-1px 1px 1px #666;}/* top menu
#itemListCategory ul{padding:8px 5px 5px; font-size:85%;}
#itemListCategory ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix
#itemListCategory li{float:left;}
#itemListCategory li a.select{color:#000; font-weight:bold; text-decoration:none;}
#itemListCategory .sub{position:relative; margin:8px 0 0; border-top:1px solid #CCC; color:#333;}
#itemListCategory .sub:before{content:""; display:block; position:absolute; top:-16px; left:30px; width:0; height:0; border:8px solid transparent; border-bottom-color:#CCC;}
#itemListCategory .sub:after{content:""; display:block; position:absolute; top:-14px; left:31px; width:0; height:0; border:7px solid transparent; border-bottom-color:#F3F3F3;}/* change background color */
	
/* itemList - 商品一覧

-------------------------------------------------------------*/
#itemList {}

#itemList .itemExist { font-size:14px; line-height:1.5; }
#itemList .itemExist .pageguide { padding:15px 5%; background:#eeeeee; }
#itemList .itemExist .rearrange { padding:15px 5%; background:#d8ccbc; }
#itemList .itemExist .rearrange table td.text { padding:0 10px 0 0; vertical-align:bottom; }
#itemList .itemExist .rearrange select { font-size:16px; }
#itemList ul.list {}
#itemList ul.list li {}
#itemList ul.list {}
#itemList ul.list li { position:relative; border-bottom:#ddd 1px solid; padding:15px 0; }
#itemList ul.list li a { display:table; padding:0 15% 0 5%; }
#itemList ul.list li a:after {
	content:'';
	position: absolute;
	top:50%; right:5%;
	margin:-7px 0 0 0;
	display:block;
	width:10px;
	height:15px;
	background:url(../images/arw_r_02.png) no-repeat;
	background-size:10px 15px;
}
#itemList ul.list li .img { display:table-cell; width:100px; vertical-align:top; font-size:0; line-height:1; }
#itemList ul.list li .img img { border:#ccc 1px solid; width:88px; height:105px; }
#itemList ul.list li .txt { display:table-cell; font-size:16px; line-height:1.5; text-decoration:underline; }
#itemList .pagelink { margin:15px 0; }
#itemList .pagelink table { margin:0 auto; color:#ea5b7a; font-size:16px; font-weight:bold; }
#itemList .pagelink table td {}
#itemList .pagelink table td a { color:#ea5b7a; font-weight:normal; }
#itemList .pagelink table td.button { padding:0 15px; }
#itemList .pagelink table td.button .btn { background:#d8ccbc; }
#itemList .pagelink table td.button .btn a { padding:5px 10px; font-weight:bold; }

/* recommend - おすすめ商品
-------------------------------------------------------------*/
#recommend {}
#recommend h2 { background:#d8ccbc !important; color:#ea5b7a !important; }
#recommend ul.list {}
#recommend ul.list li {}
#recommend ul.list {}
#recommend ul.list li { position:relative; border-bottom:#ddd 1px solid; padding:15px 0; }
#recommend ul.list li a { display:table; padding:0 15% 0 5%; }
#recommend ul.list li a:after {
	content:'';
	position: absolute;
	top:50%; right:5%;
	margin:-7px 0 0 0;
	display:block;
	width:10px;
	height:15px;
	background:url(../images/arw_r_02.png) no-repeat;
	background-size:10px 15px;
}
#recommend ul.list li .img { display:table-cell; width:100px; vertical-align:top; font-size:0; line-height:1; }
#recommend ul.list li .img img { display:table-cell; width:100px; vertical-align:top; font-size:0; line-height:1; }
#recommend ul.list li .img img { border:#ccc 1px solid; width:88px; height:105px; }
#recommend ul.list li .txt { display:table-cell; font-size:16px; line-height:1.5; text-decoration:underline; }


/* =================================================================
8.商品詳細
使用ファイル：item_detail.xhtml
=================================================================*/

/* itemDetail - 商品詳細
-------------------------------------------------------------*/
#itemDetail {}
#itemDetail .appeal { margin:20px 0 0; }
#itemDetail table { margin:15px 0 0; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; width:100%; font-size:14px; }
#itemDetail table th { border-left:#ddd 1px solid; border-top:#ddd 1px solid; padding:10px; background:#eee; font-weight:normal; }
#itemDetail table td { border-left:#ddd 1px solid; border-top:#ddd 1px solid; padding:10px; }
#itemDetail table th.radio { width:15%; text-align:center; }
#itemDetail table th.type { width:55%; }
#itemDetail table th.price { width:30%; }
#itemDetail table td.price { text-align:right; }
#itemDetail dl.lot { display:table; margin:15px 0 0; }
#itemDetail dl.lot dt { display:table-cell; width:35px; vertical-align:middle; }
#itemDetail dl.lot dd { display:table-cell; padding:0 0 0 5px; }
#itemDetail dl.lot dd select { font-size:16px; }
#itemDetail .submit { margin:20px 0 0; }
#itemDetail .submit input { display:none; }
#itemDetail .submit label { cursor:pointer; }
#itemDetail .submit label span{ display:block; border:#ddd 1px solid; border-radius:5px; padding:15px; overflow:hidden; background:#ea5b7a; color:#fff; text-align:center; vertical-align:middle; font-size:16px; }
#itemDetail .submit label span:before {
	content:'';
	display:inline-block;
	margin:0 10px 0 0;
	width:30px;
	height:30px;
	background:url(../images/ico_cart.png) no-repeat;
	background-size:30px 30px;
	vertical-align:middle;
}

#itemDetail .recommend.btn { margin:15px 0 0; border:#ddd 1px solid; text-align:center; }
#itemDetail .recommend.btn a { padding:10px;}
#itemDetail .recommend.btn span:before {
	content:'';
	display:inline-block;
	margin:0 5px 0 0;
	width:14px;
	height:14px;
	background:url(../images/ico_fav.png) no-repeat;
	background-size:14px 14px;
	vertical-align:text-top;
}

#itemDetail ul.merit { margin:20px 0 0; }
#itemDetail ul.merit li { margin:1px 0 0; background:#eee; font-size:0; line-height:1; text-align:center; }
#itemDetail .itemInfo { margin:20px auto 0; border-top:#ddd 1px solid; }
#itemDetail .itemInfo dl { padding:10px 0 0; font-size:14px; line-height:1.5; }
#itemDetail .itemInfo dl:first-child { padding-top:5px; }
#itemDetail .itemInfo dl dd {}
#itemDetail .itemInfo dl dt { padding:5px 0 0;}

#itemDetail #itemMoreInfo {}

/* itemTitle - 商品名
-------------------------------------------------------------*/
#itemTitle { position:relative; }
#itemTitle h2 {}
#itemTitle .btn { display:none !important; position:absolute; top:4px; right:3%; z-index:1; padding:0 0 10px; }
#itemTitle .btn a { display:block; padding:10px; border-radius:5px; color:#ea5b7a; text-align:center; text-decoration:none; font-weight:bold; font-size:13px;
	background:#ffffff; /* Old browsers */
	background:-moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7));
}
#itemTitle #itemTitleBox { display: none; position:absolute; top:34px; left:0; z-index:1002; width:100%; padding:10px 0 0; background:url(../images/item_detail_btn_bg.png) no-repeat 90% top; background-size:11px 10px; }
#itemTitle #itemTitleBox #itemTitleBoxBg { padding:5px 0; background:#c4b197; }
#itemTitle #itemTitleBox .inner { margin:0 1%; padding:5px 3% 15px; border-radius:5px; background:#fff; }
/* clone */
#main #itemTitle.clone { display:none; position:fixed; top:0; left:0; z-index:1001; width:100%; }
#main #itemTitle.clone .btn { display:block !important; }
#main #itemTitle.clone #itemTitleBox { display:none; }
/* overlay */
#overlay { display:none; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,.5); }

/* itemListAccesslog - おすすめ商品
-------------------------------------------------------------*/
#itemListAccesslog {}
#itemListAccesslog h2 { background:#d8ccbc !important; color:#ea5b7a !important; }
#itemListAccesslog ul.list {}
#itemListAccesslog ul.list li { padding:0 0 0 10px; width:61px; float:left; font-size:0; line-height:1; }
#itemListAccesslog ul.list li:first-child { padding-left:0; }
#itemListAccesslog ul.list li .img img { border:#ccc 1px solid; width:59px; height:70px; }
#itemListAccesslog .accesslogClear { padding:15px 0 0; text-align:right; }
#itemListAccesslog .accesslogClear a { color:#ea5b7a; }
#itemListAccesslog .accesslogClear a:before {
	content:'';
	display:inline-block;
	margin:0 5px 0 0;
	width:8px;
	height:8px;
	background:url(../images/arw_r_s_02.png) no-repeat;
	background-size:8px 8px;
	vertical-align:middle;
}

/*
#itemDetail{margin-bottom:20px;}
#itemDetail .breadcrumbs{margin:10px 10px 20px; font-size:12px;}
#itemDetail h2{padding:8px 10px; background:-webkit-gradient(linear,left top,left bottom,from(#000),to(#000)); color:#FFF; text-shadow:-1px 1px 1px #666;}/* top menu
#itemDetail figure{margin:10px; padding-bottom:10px; border-bottom:1px solid #CCC;}
#itemDetail figure img{display:block; margin:auto;}
#itemDetail figure .property{float:left; margin:0 10px;}
#itemDetail figure figcaption{clear:both; padding:5px 10px 0; font-size:90%; color:#666;}
#itemDetail .content{margin:10px; padding-bottom:10px; border-bottom:1px solid #CCC;}
#itemDetail .free{border-bottom:none;}
#itemDetail h3{display:block; margin-bottom:5px; color:#333;}
#itemDetail .appeal{margin-bottom:5px; color:#999; font-size:85%;}
#itemDetail p.price{display:block; margin-bottom:5px; color:#C00;}
#itemDetail span.price_sub{display:block; color:#C00; font-size:80%;}
#itemDetail p.information{display:block; color:#666; font-size:85%;}
#itemDetail p.recommend{display:block; clear:both; padding-top:20px; font-size:85%; text-align:center;}
#itemDetail .other_seisan{ clear:both; text-align:center; padding:20px 0 0px; font-size:85%;}
#itemDetail .explanation2{margin:10px; padding-bottom:10px; border-bottom:1px solid #CCC; color:#333; font-size:85%;}
#itemDetail .explanation3{padding-bottom:10px; margin:10px; border-bottom:1px solid #CCC; color:#333; font-size:85%;}
#itemDetail .property{}
#itemDetail .property select{display:block; float:left; width:100%; height:30px; margin-bottom:10px; border:1px solid #CCC; font-size:110%;}
#itemDetail .amount p{display:block; float:left; margin-top:5px;}
#itemDetail .amount select{display:block; float:left; width:60px; height:30px; margin:0 10px; border:1px solid #CCC; font-size:110%;}
#itemDetail input.add{display:block; float:right; width:170px; margin-left:10px; padding:3px 0; border:1px solid #900; border-radius:5px;
	background:-webkit-gradient(linear,left top,left bottom,from(#D55),to(#D22));
	color:#FFF; font-size:110%; font-weight:bold; text-align:center; text-decoration:none; text-shadow:-1px 1px 1px #666;}/* color button
#itemDetail input.quick{ clear:both; float:right; margin:0 auto;display:block; width:170px; padding:3px 0; border:1px solid #900; border-radius:5px;
	background:-webkit-gradient(linear,left top,left bottom,from(#D55),to(#D22));
	color:#FFF; font-size:110%; font-weight:bold; text-align:center; text-decoration:none; text-shadow:-1px 1px 1px #666;}/* color button */

/* 写真
-------------------------------------------------------------*/
#itemDetail #products {width:100%; margin-right:0px; zoom:1; position:relative; margin-top:20px;}
#itemDetail #products .slides_container { width:192px; overflow:hidden; position:relative; display:none; margin:0px auto 20px; }
#itemDetail #products .slides_container a {display:block;}
#itemDetail #products .slides_container img{ margin:0 auto; border:#ccc 1px solid; width:190px; height:228px; }
#itemDetail #products .thumbox{background:none; width:320px ; clear:both; margin:0 auto;}
#itemDetail #products .thumbox h3{ margin:10px 0 0 15px; font-weight:bold; font-size:12px;}

/* Next/prev buttons
-------------------------------------------------------------*/
#itemDetail #products a.next,
#itemDetail #products a.prev { position:relative; display:block; width:30px; height:30px; overflow:hidden; border-radius:5px; margin-top:-151px; background:#d8ccbc; color:#ea5b7a; font-size:12px; font-weight:bold; text-decoration:none; z-index:101; }
#itemDetail #products a.prev { float:left; }
#itemDetail #products a.prev:after{
	content:'';
	position: absolute;
	top:50%; left:50%;
	margin:-7px 0 0 -5px;
	display:block;
	width:10px;
	height:15px;
	background:url(../images/arw_l_02.png) no-repeat;
	background-size:10px 15px;
}
#itemDetail #products a.next { float:right; }
#itemDetail #products a.next:after{
	content:'';
	position: absolute;
	top:50%; left:50%;
	margin:-7px 0 0 -5px;
	display:block;
	width:10px;
	height:15px;
	background:url(../images/arw_r_02.png) no-repeat;
	background-size:10px 15px;
}


/* =================================================================
9.カート系、定期系
使用ファイル：cart_***.xhtml teiki_***.xhtml
=================================================================*/

/* cartStep - カートステップ
-------------------------------------------------------------*/
#cartStep { position:relative; margin:5px 0 0; width:100%; overflow:hidden; background:#e4cbaf; }
#cartStep #cartStepBg { position:relative; left:50%; width:100%; background:#c4b197; }
#cartStep #cartStepInner { position:relative; left:-50%; width:100%; }
#cartStep p { margin:0 auto; width:320px; font-size:0; line-height:1; text-align:center; }

/* cartFlow - カートフロー
-------------------------------------------------------------*/
#cartFlow{ margin-bottom:20px; }
#cartFlow h3 { margin:10px 0 0; padding:10px 4%; background:#d8ccbc; color:#ea5b7a; font-size:18px; }
#cartFlow h4 { border-top:#ddd 1px solid; padding:15px 0 0; }
#cartFlow h4 > span { display:block; margin:0 5%; padding:0 0 0 7px; border-left:#ea5b7a 5px solid; font-size:16px; }
#cartFlow h3 + h4 { border-top:none;}
#cartFlow h5 { margin:5px 10px; font-size:110%; }
#cartFlow table { width:274px; }
#cartFlow table td { padding:0 3px; text-align:left; }
#cartFlow table.emailInput { width:100%; }
#cartFlow table.emailInput td { font-weight:bold; text-align:center; }

#cartFlow .sentence { padding:15px 5%; }
#cartFlow .sentence.kessaiType { padding-top:0; }
#cartFlow .sentence > p + p { padding:10px 0 0; }
#cartFlow .sentence input { margin:3px 0 5px; }
#cartFlow .sentence input[type="text"],
#cartFlow .sentence input[type="email"],
#cartFlow .sentence input[type="password"],
#cartFlow .sentence input[type="tel"]{ border-radius:5px; padding:0 7px; box-sizing:border-box; width:100%; height:40px; font-size:16px; font-weight:normal; text-align:left; }
#cartFlow .sentence input[type="number"]{ border-radius:5px; padding:0 7px; box-sizing:border-box; width:100%; height:40px; font-size:16px; font-weight:normal; text-align:left; }
#cartFlow .sentence input[type="button"] { font-size:16px; }
#cartFlow .sentence select { width:auto; font-size:16px; }
#cartFlow .sentence textarea{ border-radius:5px; padding:7px; box-sizing:border-box; width:100%; height:50px; }
#cartFlow input[type="radio"]{-webkit-transform:scale(1.8); transform:scale(1.8); margin:10px;}
#cartFlow input[type="checkbox"]{-webkit-transform:scale(1.8); transform:scale(1.8); margin:10px;}
#cartFlow .sentence select + div { padding:5px 0 0; }

#cartFlow .sentence .txt { color:#ea5b7a; line-height:1.5; }
#cartFlow .sentence .form_attention { padding:5px 0 0; color:#333; font-size:12px; }
#cartFlow .sentence .form_attention + p { padding:5px 0 0; font-size:12px; }
#cartFlow .sentence ul.radio {}
#cartFlow .sentence ul.radio li { padding:5px 0 0;}
#cartFlow .sentence ul.radio li label { padding:0 0 0 3px;}
#cartFlow .sentence ul.radio li p { padding:0 0 5px;}
#cartFlow .sentence .item_name { font-size:18px; font-weight:bold; }
#cartFlow .sentence .item_name a { color:#ea5b7a; }
#cartFlow .sentence .comment { padding:5px 0 0; font-size:14px; }
#cartFlow .sentence .information { padding:5px 0 0; font-size:14px; }
#cartFlow .sentence .information span { padding:0 0 0 3px; color:#eda33d; }
#cartFlow .sentence .information.lot span { padding-right:3px; color:#333; }
#cartFlow .sentence .information.subtotal {}
#cartFlow .sentence .information.subtotal span { font-weight:bold; }
#cartFlow .sentence.lot { padding:10px 5%; background:#eee; }
#cartFlow .sentence.lot table { margin:0; width:auto; }
#cartFlow .sentence.lot table td { padding:3px 3px; vertical-align:middle; }
#cartFlow .sentence .history { padding:15px 0 0; text-align:right; }
#cartFlow .sentence .history a { color:#ea5b7a; }
#cartFlow .sentence .history a:before {
	content:'';
	display:inline-block;
	margin:0 5px 0 0;
	width:8px;
	height:8px;
	background:url(../images/arw_r_s_02.png) no-repeat;
	background-size:8px 8px;
	vertical-align:middle;
}
#cartFlow .deliveryOption .sentence span { display:block; }
#cartFlow .deliveryOption .sentence span input { margin:0 10px; }
#cartFlow .privacy { border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; padding:15px 0; }
#cartFlow .contact { margin:15px 5%; border:#ddd 1px solid; padding:15px; }
#cartFlow .contact h3 { margin:0; padding:0 0 3px; background:none; color:#333; font-size:14px; }
#cartFlow .contact p { padding:7px 0 0; font-size:14px; }
#cartFlow .contact p a { color:#e49c38; }
#cartFlow h3 + .sentence + .sentence { padding-top:0; }

/* addCartList - 買い物かごに追加した商品［cartFlow］
-------------------------------------------------------------*/
#cartFlow #addCartList { border-top:#ddd 1px solid; }
#cartFlow #addCartList.confirm .sentence .information { border-top:#ddd 1px solid; padding:7px 3%; text-align:right; }
#cartFlow #addCartList.confirm .sentence .information.subtotal { border-top:none; padding:10px 3%; background:#eee; }
#cartFlow #addCartList.confirm .sentence .comment + .information { margin-top:20px; }

/* addCartTotal - 買い物かごに追加した商品の合計金額［cartFlow］
-------------------------------------------------------------*/
#cartFlow #addCartTotal {}
#cartFlow #addCartTotal .total { font-size:18px; text-align:right; }
#cartFlow #addCartTotal .total span { color:#eda33d; }
#cartFlow #addCartTotal.confirm { margin:15px 0 30px;}
#cartFlow #addCartTotal.confirm p { border-top:#ddd 1px solid; padding:7px 8%; text-align:right; }
#cartFlow #addCartTotal.confirm .subtotal { background:#eee; }
#cartFlow #addCartTotal.confirm .total { border-top:none; padding:15px 8%; background:#f5f2e9; }

/* buttonarea - ボタンエリア［cartFlow］
-------------------------------------------------------------*/
#cartFlow .buttonarea { padding:15px 5%; }
#cartFlow .buttonarea.confirm { margin:10px 0 0; border-top:#ddd 1px solid; }
#cartFlow .buttonarea input {display:block; width:100%; margin-bottom:10px; padding:5px 10px; border:1px solid #900; border-radius:5px;
	background:-webkit-gradient(linear,left top,left bottom,from(#D55),to(#D22));
	color:#FFF; font-size:130%; line-height:1.5; font-weight:bold; text-align:center; text-decoration:none; text-shadow:-1px 1px 1px #666;}/* gray button */
#cartFlow .buttonarea p { position:relative; margin:10px 0 0; }
#cartFlow .buttonarea a { display:block; border-radius:5px; font-weight:bold; text-align:center; vertical-align:bottom; text-decoration:none; }
#cartFlow .buttonarea a { padding:10px 20px 10px 25px; background:#ea5b7a; color:#fff; }
#cartFlow .buttonarea span:before {
	content:'';
	display:inline-block;
	padding:0 7px 0 0;
	width:8px;
	height:8px;
	background:url(../images/arw_r_s_01.png) no-repeat;
	background-size:8px 8px;
	vertical-align:middle;
}
#cartFlow .buttonarea .checkout a { padding:20px 20px 20px 25px; }
#cartFlow .buttonarea .continue a { border:#ea5b7a 1px solid; background:#fff0f3; color:#ea5b7a; }
#cartFlow .buttonarea .continue a span:before {
	content:'';
	display:inline-block;
	padding:0 7px 0 0;
	width:8px;
	height:8px;
	background:url(../images/arw_l_s_02.png) no-repeat;
	background-size:8px 8px;
	vertical-align:middle;
}
#cartFlow .buttonarea .empty a { border:#ddd 1px solid; background:#fff; color:#333; }
#cartFlow .buttonarea .empty a span:before {
	content:'';
	display:inline-block;
	padding:0 7px 0 0;
	width:8px;
	height:8px;
	background:url(../images/arw_r_s_04.png) no-repeat;
	background-size:8px 8px;
	vertical-align:middle;
}
#cartFlow .buttonarea .toppage a { border:#b88951 1px solid; background:#d8ccbc; color:#ea5b7a; }
#cartFlow .buttonarea .toppage a span:before {
	content:'';
	display:inline-block;
	padding:0 7px 0 0;
	width:8px;
	height:8px;
	background:url(../images/arw_r_s_02.png) no-repeat;
	background-size:8px 8px;
	vertical-align:middle;
}
#cartFlow .buttonarea .formBtn input { display:none; }
#cartFlow .buttonarea .formBtn label { cursor:pointer; }
#cartFlow .buttonarea .formBtn label span{ display:block; border:#ddd 1px solid; border-radius:5px; padding:20px; overflow:hidden; background:#ea5b7a; color:#fff; text-align:center; vertical-align:middle; font-size:16px; }
#cartFlow .buttonarea .formBtn label span:before {
	content:'';
	display:inline-block;
	margin:0 5px 0 0;
	width:8px;
	height:8px;
	background:url(../images/arw_r_s_01.png) no-repeat;
	background-size:8px 8px;
	vertical-align:middle;
}

#cartFlow .buttonarea_detail{padding:5px 10px 0 0px; text-align:center; float:right;}
#cartFlow .buttonarea_detail a{display:block; margin-bottom:0px; padding:5px 15px; color:#FFF;
	background:-webkit-gradient(linear,left top,left bottom,from(#D55),to(#D22));
	border:1px solid #900; border-radius:5px; font-size:110%; line-height:1.5; font-weight:bold; text-align:center; text-decoration:none; text-shadow:-1px 1px 1px #666;}/* color button */

#cartFlow .teiki{zoom:1; padding-bottom:15px;}
#cartFlow .teiki:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartFlow .teiki h4{margin:13px 10px 5px; padding-left:5px; border-left:5px solid #960; font-size:110%; float:left;}/* third menu */

#cartFlow .quantity{padding:0 10px 15px;}

/* cartStepLogin - カートログイン
-------------------------------------------------------------*/
#cartStepLogin div h2 { margin:20px 0 0; background:#d8ccbc !important; color:#ea5b7a !important; }
#cartStepLogin .sentence { margin:0 5%; padding:15px 0; }
#cartStepLogin .sentence h3 { border-left:#ea5b7a 5px solid; padding:0 0 0 7px; font-size:16px; }
#cartStepLogin .sentence > p { color:#ea5b7a; line-height:1.5; }
#cartStepLogin div > .sentence > p { color:#333; }
#cartStepLogin div > .sentence > .txt { color:#ea5b7a; line-height:1.5; }
#cartStepLogin .ref { font-size:13px; }
#cartStepLogin .ref a:before {
	content:'';
	display:inline-block;
	padding:0 4px 0 0;
	width:8px;
	height:8px;
	background:url(../images/arw_r_s_04.png) no-repeat;
	background-size:8px 8px;
	vertical-align:middle;
}

/* loginInput - ログイン情報入力［cartStepLogin］
-------------------------------------------------------------*/
#cartStepLogin #loginInput { background:#eee; }
#cartStepLogin #loginInput .inner { padding:20px 0; }
#cartStepLogin #loginInput p { margin:8px 0 0; }
#cartStepLogin #loginInput p input { border-radius:5px; padding:0 7px; box-sizing:border-box; width:100%; height:40px; font-size:16px; }
#cartStepLogin #loginInput p + h3 { margin:20px 0 0; }
#cartStepLogin #loginInput .ref { text-align:center; }
#cartStepLogin #loginInput + .buttonarea { padding-top:20px; padding-bottom:10px; }

/* buttonarea - ボタンエリア［cartStepLogin］
-------------------------------------------------------------*/
#cartStepLogin .buttonarea { margin:0 5%; padding:0 0 30px; }
#cartStepLogin .buttonarea .formBtn input { display:none; }
#cartStepLogin .buttonarea .formBtn label { cursor:pointer; }
#cartStepLogin .buttonarea .formBtn label span{ display:block; border:#ddd 1px solid; border-radius:5px; padding:20px; overflow:hidden; background:#ea5b7a; color:#fff; text-align:center; vertical-align:middle; font-size:16px; }
#cartStepLogin .buttonarea .formBtn label span:before {
	content:'';
	display:inline-block;
	margin:0 5px 0 0;
	width:8px;
	height:8px;
	background:url(../images/arw_r_s_01.png) no-repeat;
	background-size:8px 8px;
	vertical-align:middle;
}
#cartStepLogin .buttonarea .ref { margin:10px 0 0; text-align:left; }


/* =================================================================
？？？10.content
使用ファイル：すべてのファイル
=================================================================*/
#content{margin-bottom:20px;}
#content h2{margin-bottom:10px; padding:8px 10px; background:-webkit-gradient(linear,left top,left bottom,from(#000),to(#000)); color:#FFF; text-shadow:-1px 1px 1px #666;}/* top menu */
#content h3{margin:5px 10px; padding-left:5px; border-left:5px solid #960; font-size:110%;}/* third menu */
#content h4{margin:5px 10px; font-size:100%;}
#content div.sentence{padding:0 10px 15px;}
#content div.sentence input[type="text"]{width:100%; height:30px; font-size:110%;}
#content div.sentence input[type="email"]{width:100%; height:30px; font-size:110%;}
#content div.sentence input[type="password"]{width:100%; height:30px; font-size:110%;}
#content div.sentence input[type="tel"]{width:100%; height:30px; font-size:110%;}
#content div.sentence input[type="number"]{width:100%; height:30px; font-size:110%;}
#content div.sentence input[type="button"]{padding:5px;}
#content div.sentence select{width:100%; height:30px; font-size:110%;}
#content div.sentence textarea{width:100%; height:50px;}
#content input[type="radio"]{-webkit-transform:scale(1.8); transform:scale(1.8); margin:10px;}
#content input[type="checkbox"]{-webkit-transform:scale(1.8); transform:scale(1.8); margin:10px;}
#content div.sentence p.form_attention{color:#666; font-size:85%;}
#content div.buttonarea{padding:10px 10px 20px; text-align:center;}

/* mod_color #D55,#D22,#900 */
#content div.buttonarea input{display:block; width:100%; margin-bottom:10px; padding:5px 10px; border:1px solid #ddd; border-radius:5px;
	background:-webkit-gradient(linear,left top,left bottom,from(#036),to(#036));
	color:#FFF; font-size:130%; line-height:1.5; font-weight:bold; text-align:center; text-decoration:none; text-shadow:-1px 1px 1px #666;}/* color button */
#content div.buttonarea a{display:block; margin-bottom:10px; padding:5px 10px; border:1px solid #ddd; border-radius:5px;
	background:-webkit-gradient(linear,left top,left bottom,from(#036),to(#036));
	color:#FFF; font-size:130%; line-height:1.5; font-weight:bold; text-align:center; text-decoration:none; text-shadow:-1px 1px 1px #666;}/* color button */

#content div.buttonarea a.small{ width:40%; line-height:1;}
#content div.buttonarea a.sSmall{ width:20%; line-height:1;}
#content div.buttonarea a.cancel{border:1px solid #333; background:-webkit-gradient(linear,left top,left bottom,from(#999),to(#666));}/* gray button */
#content div.buttonarea a.cancelSmall{ width:40%;border:1px solid #333; background:-webkit-gradient(linear,left top,left bottom,from(#999),to(#666)); line-height:1;}/* gray button */
#content div.buttonarea a.cancelsSmall{ width:20%;border:1px solid #333; background:-webkit-gradient(linear,left top,left bottom,from(#999),to(#666)); line-height:1;}/* gray button */

#content div.listBorder{ border-bottom:#CCCCCC 1px solid;margin-bottom:10px;}

#content .pagelink .button a{display:block; width:60px; padding:8px 0; background:-webkit-gradient(linear,left top,left bottom,from(#999),to(#666));
	border-radius:5px; border:1px solid #333; text-shadow:-1px 1px 1px #666; color:#FFF; font-weight:bold; text-align:center; text-decoration:none;}/* gray button */
#content .pagelink td{padding-right:10px;}
#content .pagelink td:first-child{padding-left:10px;}
#content .pagelink td.button{width:60px;}
#content .pagelink td.link{text-align:center; letter-spacing:0.2em;}
#content .pagelink{width:100%; margin-bottom:20px;}
#content table.credit td{padding-right:5px;}


/* =================================================================
11.レビュー
使用ファイル：item_detail.xhtml, member_review.xhtml, item_review_result.xhtml, item_review.xhtml
=================================================================*/
#review { margin:30px 0 0; padding-bottom:15px; }
#review h2 { background:#d8ccbc !important; color:#ea5b7a !important; }
#review p { font:14px; }
#review .count { color:#ea5b7a; }
#review .box { margin:10px 0 0; padding:10px 15px 15px; border:#ea5b7a 1px solid; border-radius:5px; }
#review .box:first-child { margin-top:15px; }
#review .box .title { position:relative; padding:0 0 10px; cursor:pointer; }
#review .box .title:after {
	content:'';
	position: absolute;
	top:10px; right:0;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/btn_accordion_open.png) no-repeat;
	background-size:20px 20px;
}
#review .box .title.js-opened:after {
	content:'';
	position: absolute;
	top:10px; right:0;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/btn_accordion_close.png) no-repeat;
	background-size:20px 20px;
}
#review .box .title h3 { margin:5px 0 0; font-weight:normal; }
#review .box .name {}
#review .box .txt { margin:10px 0 0; line-height:1.5; }
#review .more { padding:15px 0 0; text-align:right; }
#review .more a { color:#ea5b7a; }
#review .more a:before {
	content:'';
	display:inline-block;
	margin:0 5px 0 0;
	width:8px;
	height:8px;
	background:url(../images/arw_r_s_02.png) no-repeat;
	background-size:8px 8px;
	vertical-align:middle;
}

#review p.pageguide{margin:10px;}
#review p.pagelink{text-align:center; margin-bottom:20px;}
#review ul.star{ margin:5px 0 0;}
#review ul.star li{ display:block; float:left; width:18px; height:18px; text-indent:-9999px;}
#review ul.star li.good{ background:url(../images/review_good.png) no-repeat; background-size:100% auto; }
#review ul.star li.bad{ background:url(../images/review_bad.png) no-repeat; background-size:100% auto; }
#review #contribution{ margin:15px 0 0; }
#review #contribution .inner { margin:0 !important;}
#review #contribution table th{ width:80px; padding:5px 10px; border:none; background:none; font-weight:normal; text-align:left; }
#review #contribution table td{ padding:5px 10px; border:none; }
#review #contribution #error { margin:0 !important; padding:15px 0; }
#review #contribution h4 { border-left:#ea5b7a 5px solid; padding:0 0 0 7px; font-size:16px; }
#review #contribution p { margin:8px 0 20px; }
#review #contribution table{ margin:0; border:none; }
#review #contribution input {}
#review #contribution input[type="text"]{ border-radius:5px; padding:0 7px; box-sizing:border-box; width:100%; height:40px; font-size:16px; }
#review #contribution input[type="email"]{ width:100%; height:30px; }
#review #contribution input[type="password"]{ width:100%; height:30px; }
#review #contribution input[type="tel"]{ width:100%; height:30px; }
#review #contribution input[type="number"]{ width:100%; height:30px; }
#review #contribution input[type="button"]{ padding:5px; }
#review #contribution select{ width:100%; height:30px; font-size:14px; }
#review #contribution textarea{ border-radius:5px; padding:7px; box-sizing:border-box; width:100%; height:50px; }
#review #contribution input[type="radio"]{ -webkit-transform:scale(1.8); transform:scale(1.8); margin:10px; }
#review #contribution input[type="checkbox"]{ -webkit-transform:scale(1.8); transform:scale(1.8); margin:10px; }
#review #contribution .buttonarea{ padding:10px 0; text-align:center; }
#review #contribution .buttonarea a{ display:block; margin:0 auto; padding:10px 15px; border-radius:5px; background:#ea5b7a; color:#fff; font-size:130%; line-height:1.5; font-weight:bold; text-align:center; text-decoration:none; cursor:pointer; }


/* =================================================================
12.メッセージ
使用ファイル：common/messages.xhtml
=================================================================*/

#error{ margin:0 5%; padding:0 0 15px; }
#error td{}
#error td.ico{ width:25px; }
#error td.content{ padding:0 0 0 5px; color:#C00; font-size:12px; font-weight:bold; line-height:1.5; vertical-align:middle; }
#error td.content.error,
#error td.content.warn { color:#e49c38; }
#error td.content.info,
#error td.content.default { color:#ea5b7a; }


/* =================================================================
13.ウィジェト
使用ファイル：common/＊＊＊.xhtml
=================================================================*/

/* widget - ウィジェット
-------------------------------------------------------------*/
#main section.widget {}
#main section.widget h2 { background:#ea5b7a !important; color:#fff !important; }
#main section.widget ul.accordionNav { border:#ddd 1px solid; border-radius:5px; overflow:hidden; }
#main section.widget ul.accordionNav li { position:relative; }
#main section.widget ul.accordionNav li a { display:block; padding:15px; text-decoration:none; }
#main section.widget ul.accordionNav > li { border-top:#fff 1px solid; background:#d8ccbc; font-size:16px; }
#main section.widget ul.accordionNav > li:first-child { border-top:none; }
#main section.widget ul.accordionNav > li > p { font-weight:bold; }
#main section.widget ul.accordionNav > li a:after {
	content:'';
	position: absolute;
	top:15px; right:15px;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/btn_accordion_open.png) no-repeat;
	background-size:20px 20px;
}
#main section.widget ul.accordionNav > li > ul > {}
#main section.widget ul.accordionNav > li > ul > li { border-top:#ddd 1px solid; background:#fff; font-size:14px; line-height:1.5; }
#main section.widget ul.accordionNav > li > ul > li a { padding-left:30px; padding-right:45px; }
#main section.widget ul.accordionNav > li > ul > li a:after {
	content:'';
	position: absolute;
	top:17px; right:20px;
	display:block;
	width:10px;
	height:15px;
	background:url(../images/arw_r_01.png) no-repeat;
	background-size:10px 15px;
}
#main section.widget ul.accordionNav > li > p.js-opened { background:#fff; }
#main section.widget ul.accordionNav > li > p.js-opened > a:after {
	content:'';
	position: absolute;
	top:15px; right:15px;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/btn_accordion_close.png) no-repeat;
	background-size:20px 20px;
}

/* category - カテゴリ
-------------------------------------------------------------*/
#maincontent .category {}

/* brand - ブランド
-------------------------------------------------------------*/
#maincontent .brand {}


/* =================================================================
14.静的ページテンプレート
使用ファイル：ext/template.xhtml
=================================================================*/
#article {}
h2 { padding:10px 4%; background:#ea5b7a !important; color:#fff !important; font-size:18px; }
#article h3 { padding:10px 4%; background:#d8ccbc !important; color:#ea5b7a !important; }
.love_cat_main h3 { padding:10px 4%; background:#d8ccbc !important; color:#ea5b7a !important; }
.love_cat_main h5  { margin:15px 5% 10px; padding:0 0 0 7px; font-size:20px;color:#ea5b7a; border-left:#ea5b7a 8px solid; color:#ea5b7a; font-weight:bold;  line-height:1.5; }
#article h4 { margin:15px 5% 0; padding:0 0 0 7px; font-size:16px;}
#article h5 { margin:15px 5% 10px; padding:0 0 0 7px; font-size:20px;color:#ea5b7a;}
#article .cover { margin:5px 0 0 0; }
#article .cover .img { font-size:0; line-height:1; }
#article .cover .img img { width:100%; height:auto; }
#article section { padding:0 0 30px; }
#article section .txt { padding:15px 5% 0; font-size:14px; line-height:1.5; }
#article section .img { padding:15px 5% 0; font-size:0; line-height:1; text-align:center; }


/*SNS*/
.fb_iframe_widget > span {vertical-align: baseline !important;}
.snsb {overflow: hidden!important;width:300px!important;margin:0 auto;}
.snsb li {float: left!important;margin-right: 10px!important;}
.snsb iframe {margin: 0 !important;}



/* 2017.06ピックアップ追加枠 ----------------------*/
body.toppage #main .gathering h2 { background:#FAFAFA; color:#666666; }
body.toppage #main .gathering h2 span { padding:0 0 0 4px; font-size:14px; vertical-align:middle; }

body.toppage #main .gathering {background:#FAFAFA;padding-bottom:30px;} 
body.toppage #main .gathering ul li { float:left; width:44%; margin:2% 0 0 5%; border:#dcdddf 1px solid;background:#ffffff;}
body.toppage #main .gathering ul li+li { margin-left:2%; padding:0; }
body.toppage #main .gathering ul li img,
body.toppage #main .gathering ul li span { display:block; margin:auto; }
body.toppage #main .gathering ul li .img img { border:#efefef 1px solid; width:120px; height:144px;margin-top:10px; }
body.toppage #main .gathering ul li .txt { padding:15px 5% 0; font-size:12px; line-height:1.58; text-align:left; }
body.toppage #main .gathering .supersmall { padding:0 5% 5% 5%; text-align:left; }

body.toppage #main .gathering p { margin:2% 0 0 5%; width:90%; border:#dcdddf 1px solid;background:#ffffff; }
body.toppage #main .gathering p span { display:block; margin:auto; }
body.toppage #main .gathering p .imgW img { border:#efefef 1px solid; width:92%; height:auto;margin:10px 0 0 10px; }
body.toppage #main .gathering p .txt { padding:10px 5% 5px; font-size:12px; line-height:1.58; text-align:left; }
body.toppage #main .gathering p .supersmall { padding:0 5% 5% 5%; text-align:left; }


.blue {color: #4886c6;}
.momo{color:#ea5b7a!important;}
.orange{color:#f48a18!important;}
.green{color:#82ac4e;}
.yellow{color:#c8b21c;}

#article_no h3 { padding:10px 4%; background:#d8ccbc !important; color:#ea5b7a !important; }
#article_no h4 { margin:15px 5% 0; padding:0 0 0 7px; font-size:16px;}