/*** HANDS NET CSS Document ******************************************

	common.css

**********************************************************************

	1	汎用設定

	2	Javascript plugins

	3	ヘッダー

	4	ナビ

	5	コンテンツ
	5-1	メイン
	5-2	サブ

	6	フッター

******************************************************************* */



/*--------------------------------------------------------------------

	1	汎用設定

--------------------------------------------------------------------*/

/* The root element setting
--------------------------------------*/
html{
background:#fff;
font:.75em 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',HiraKakuProN-W3,Helvetica,'ＭＳ Ｐゴシック',MS-PGothic,Univers,Helvetica,Arial,sans-serif;
line-height:1.5;
color:#333;
word-break:break-all;
word-wrap:break-word;
}



/* Sections element setting
--------------------------------------*/
body{}

h1,
h2,
h3,
h4,
h5,
h6{
margin:15px 0;
}
h1,
h2{
margin-top:30px;
font-size:1.5em;
}



/* Grouping content setting
--------------------------------------*/
p,
ol,
ul,
dl{
margin:15px 0;
}

ul, ol{
padding-left:2em;
}



/* Text-level semantics setting
------------------------------------- */
a:link		{text-decoration:none;color:#060;}
a:visited	{text-decoration:none;color:#060;}
a:hover		{text-decoration:underline;color:#090;}
a:active	{text-decoration:none;color:#060;}
a:focus		{outline:none;}

em{
font-style:normal;
font-weight:bold; 
}



/* Embedded content setting
------------------------------------- */
img{
vertical-align:top;
}



/* Tables setting
------------------------------------- */
table{
margin:15px 0;
}
th,
td{
text-align:left;
}



/* Forms setting
------------------------------------- */
input,
button,
select,
textarea{
vertical-align:middle;
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',HiraKakuProN-W3,Helvetica,'ＭＳ Ｐゴシック',MS-PGothic,Univers,Helvetica,Arial,sans-serif;
}
input[type="text"],
input[type="password"],
select,
textarea{
border:solid 1px #ccc;
}
input[type="text"],
input[type="password"]{
height:20px;
padding:0 3px;
}
input[type="checkbox"],
input[type="radio"]{
margin:4px 4px 4px 0;
}

label{
display:inline-block;
cursor:pointer;
}



/* float（回り込み）
------------------------------------- */
.float-left{
float:left;
}
.float-right{
float:right;
}
.clear{
clear:both;
}



/* clearfix（回り込み解除）
------------------------------------- */
.clearfix::before,
.clearfix::after{
content:'';
display:table;
}
.clearfix::after{
clear:both;
}



/* margin（マージン調整）
------------------------------------- */
.mt00 {
margin-top: 0 !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt30 {
margin-top: 30px !important;
}



/* justify（行揃え）
------------------------------------- */
.left{
text-align:left !important;
}
.right{
text-align:right !important;
}
.center{
text-align:center !important;
}



/* text（テキスト装飾）
------------------------------------- */
.bold{
font-weight:bold !important;
}
.big{
font-size:116.7% !important;
}
.small{
font-size:83.3% !important;
}
.green{
color:#090 !important;
}
.red{
color:#ff0368 !important;
}



/* img（画像装飾）
------------------------------------- */
img.bordered{
border:1px solid #ddd;
}
img.float-left{
margin-right:15px;
margin-bottom:15px;
}
img.float-right{
margin-left:15px;
margin-bottom:15px;
}
.imgfade{
background:#fff;
}



/* scroll（スクロールバー表示）
------------------------------------- */
.scroll{
overflow:auto;
}
.scroll-inner{
zoom:1;
}



/* .important（重要）
--------------------------------------*/
.important{
color:#ff0368;
}



/* .annotation（注釈）
--------------------------------------*/
.annotation,
.help{
font-size:.917em;
color:#999;
}



/* .none（0件の場合）
--------------------------------------*/
.none{
margin:50px 0;
font-size:1.167em;
}



/* .point（ポイント）
--------------------------------------*/
span.point,
em.point{
color:#f06;
}



/* .link, .links（アイコン付リンク）
--------------------------------------*/
a.link{
display:inline-block;
background:url(../img/ico_arrow02.gif) no-repeat 0 .45em;
padding-left:12px;
}

.links,
.links > ul,
.links > ol{
list-style:none;
padding:0;
}
.links a{
display:inline-block;
background:url(../img/ico_arrow02.gif) no-repeat 0 .45em;
padding-left:12px;
}

/* 横並び */
.links-horizontal li{
display:inline;
margin-right:12px;
}

/* SEO 追加版 */
.links-2column,
.links-3column,
.links-4column,
.links-free-column{
overflow:hidden;
}
.links-2column ul,
.links-3column ul,
.links-4column ul,
.links-free-column ul{
margin-top:-5px;
}
.links-2column li,
.links-3column li,
.links-4column li{
float:left;
margin-top:5px;
}
.links-2column li{
width:48%;
margin-right:2%;
}
.links-3column li{
width:30%;
margin-right:3%;
}
.links-4column li{
width:24%;
margin-right:1%;
}
.links-free-column li{
display:inline;
margin-right:1em;
}

.links-arrow04 a{
padding-left:10px;
background-image:url(../img/ico_arrow04.gif);
background-position:0 .5em;
}

.links .value{
font-size:.833em;
}

/*
#main .specials .links{
margin:0 5px 10px;
}
#main .links .value{
font-size:0.833em;
}
*/



/* .sns（各種SNSボタン）
--------------------------------------*/
.sns{
list-style:none;
padding:0;
}
/* clearfix START */
.sns:before,
.sns:after{content:'';display:table;}
.sns:after{clear:both;}
.sns{zoom:1;}
/* clearfix END */

.sns li{
float:left;
margin:0 10px 0 0;
}
.sns li img,
.sns li a,
.sns li iframe{
float:left;
}
.sns .mixi,
.sns .evernote{
margin-top:1px;
}
.sns .yahoo{
margin-top:2px;
}
.sns .facebook iframe{
border:none;
width:450px;
height:21px;
overflow:hidden;
}



/* .button（ボタン）
--------------------------------------*/
.button{
text-align:center;
}
.button .imgfade{
background:transparent;
}



/* .buttons（ボタン一覧）
--------------------------------------*/
.buttons{
list-style:none;
padding:0;
text-align:center;
}
.buttons li{
display:inline;
margin:0 3px;
}
.buttons .imgfade{
background:transparent;
}



/* .btn-default（cssボタン）
--------------------------------------*/
.btn-default a {
display: block;
padding: 0 20px;
height: 35px;
line-height: 35px;
background-image: -webkit-linear-gradient( 0deg, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
background-image: -moz-linear-gradient( 0deg, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
background-image: linear-gradient( 0deg, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
border: 1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
color: #666;
font-size: 14px;
text-decoration: none;
transition: all .1s;
}
.btn-default a:hover {
opacity: .75;
}




/*--------------------------------------------------------------------

	2	Javascript plugins

--------------------------------------------------------------------*/



/* window（ウィンドウ）
------------------------------------- */
.window{
clear:both;
position:absolute;
z-index:2;
}



/* suggests（サジェスト）
------------------------------------- */
.suggests{
list-style:none;
margin:0;
border:solid 1px #9c0;
background:#fff;
padding:0;
}
.suggests + .suggests{
border-top:none;
}
.suggests li{
padding:5px 10px;
color:#060;
cursor:pointer;
white-space:nowrap;
}
.suggests li:hover,
.suggests a:hover{
background:#f3fad9;
}
.suggests a{
display:block;
margin:-5px -10px;
border-top:solid 1px #e5e5e5;
padding:5px 10px;
text-decoration:none !important;
}
.suggests li:first-child a{
border:none;
}
.suggests .image{
margin-right:10px;
}


/* 開発組込パーツ */
.gsc-completion-container{
border:solid 1px #9c0 !important;
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',HiraKakuProN-W3,Helvetica,'ＭＳ Ｐゴシック',MS-PGothic,Univers,Helvetica,Arial,sans-serif !important;
font-size:100% !important;
line-height:1.5 !important;
color:#060 !important;
}
.gsc-completion-container .suggests{
margin:0 -1px -1px;
}
.gsc-completion-selected *{
background-color:#f3fad9 !important;
}
.gssb_a{
padding:0 !important;
}
.gsq_a{
margin:0 !important;
}
.gsq_a span{
display:block;
padding:4px 10px;
}



/* .navbar（ナビゲーションバー）
--------------------------------------*/
.navbar{
position:absolute;
top:0;
z-index:1;
box-shadow:0 1px #ffffea;
border-bottom:solid 2px #9c0;
background:#ffffea;
width:100%;
padding:1px 0;
}
.navbar .inner{
position:relative;
margin:0 auto;
width:980px;
}

.navbar .item{
margin:10px 0;
}
/* clearfix START */
.navbar .item:before,
.navbar .item:after{content:'';display:table;}
.navbar .item:after{clear:both;}
.navbar .item{zoom:1;}
/* clearfix END */

.navbar .item p{
margin:3px 0;
}
.navbar .item .figure{
float:left;
margin:0;
}
.navbar .item .figure .image{
border:none;
}
.navbar .item .figure ~ p{
margin-left:75px;
}
.navbar .item .name{
margin-top:0;
font-weight:bold;
font-size:1.167em;
width:400px;
}
.navbar .item .price{
color:#333;
}
.navbar .item .buttons{
position:absolute;
top:25px;
right:-3px;
margin:0 !important;
}
.navbar .item .cartconf{
position:absolute;
top:0px;
right:3px;
}



/* .alert（アラート）
--------------------------------------*/
#js_alert_area .buttons{display:flex; justify-content:space-between; margin-top:20px;}
#js_alert_area .buttons .modButton,
#js_alert_area .buttons button{margin:6px;}
#modal,.modal-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:120%;z-index:212001;background:#000;opacity:0.6;}
#js_alert_area{position:relative;position:fixed;margin:0;padding:0;z-index:212002;}
#js_alert_area span{position:absolute;top:0;right:0;display:block;z-index:212003;background:#ccc;width:30px;height:30px;font-size:16px;line-height:30px;color:#fff;text-align:center;cursor:pointer;}
#js_alert_area span:hover{opacity:0.8;}

/* modal */
#js_alert_area {
  margin: -82px 0 0 -180px !important;
  left: 50% !important;
  top: 50% !important;
}
#alertInner {
  position: relative;
}
.alert{
top:0;
text-align:center;
font-weight:bold;
font-size:2em;
padding:34px 19px 34px;
background:#fff;
border:1px solid #ccc;
box-sizing:border-box;
width:360px;
position:relative;
z-index:212002;
}
.alert p{
margin:0;
padding:0;
font-size:18px;
line-height:1.4em;
font-weight:normal;
white-space:pre-wrap;
}
.alert .link{
font-size:15px;
padding: 21px 0;
margin: 27px 0;
border-top: 1px solid silver;
border-bottom: 1px solid silver;
}
.alert a:hover{text-decoration:none;}



/* .toast（トースト）
--------------------------------------*/
.toast{
position:absolute;
top:10px;
right:10px;
z-index:1;
border-radius:10px;
background:rgb(217,255,115);
background:rgba(217,255,115,0.95);
padding:1px 30px 1px 20px;
font-weight:bold;
font-size:1.167em;
}
* html .toast{background:#d9ff73;}/*IE6*/
*+html .toast{background:#d9ff73;}/*IE7*/

.toast .close{
position:absolute;
top:10px;
right:10px;
margin:0;
}
.toast .close .imgfade{
background:transparent;
}
.toast .value{
color:#090;
}
.toast strong{
font-size:1.286em;
line-height:1.5em;
}
.toast strong em{
font-size:1.333em;
}



/* modal（モーダル）
------------------------------------- */
.modal-backdrop{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:205040;
background:#000;
opacity:0.6;filter:alpha(opacity=60);
}
.modal{
position:fixed;
top:40%;
left:50%;
z-index:205050;
margin:0 0 0 -405px;
border-radius:5px;
background:#fff;
width:780px;
padding:15px;
}
* html .modal{position:absolute;}/*IE6*/

.modal.modal-small{
margin:0 0 0 -280px;
width:460px;
padding:15px 50px;
}
.modal.modal-small .heading {
margin: 20px 0 25px;
font-size: 24px;
font-weight: bold;
text-align: center;
}

.modal .section{
margin:-18px -15px -15px;
border-radius:5px;
overflow:hidden;
}
.modal .section-bordered{
border-radius:5px 5px 0 0;
}
.modal .heading-background{
background-image:none;
}
.modal .close{
position:absolute;
top:-15px;
right:-15px;
margin:0;
}





/*--------------------------------------------------------------------

	2	ヘッダー

--------------------------------------------------------------------*/
header{
font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic";
min-width:1000px;
width: 100%;
position:fixed;
position:-webkit-sticky;
position:sticky;
top:0;
z-index:200000;
}

#header-guide{
position:relative;
z-index:10;
}
#header-guide a{
display: inline-block;
color:#fff;
}
#header-guide ul,
#header-guide li{
list-style:none;
padding:0;
margin:0;
}

.ui-autocomplete.autocomplete-category-search,
.ui-autocomplete.autocomplete-header{
z-index: 300000;
font-size:16px;
}
.ui-autocomplete.autocomplete-category-search .ui-menu-item-wrapper{
padding-left:15px;
}
.ui-autocomplete.autocomplete-header .ui-menu-item-wrapper{
padding-left:40px;
}
.ui-autocomplete.autocomplete-category-search .ui-state-active,
.ui-autocomplete.autocomplete-header .ui-state-active{
background-color:#F5F5F7;
border: 1px solid transparent;
color:inherit;
}

/* .guideCompany
--------------------------------------*/
#header-guide .guideCompany{
color:#fff;
font-size:12px;
height:28px;
background-color:#004022;
}
#header-guide .guideCompany li{
line-height:28px;
}
#header-guide .guideCompany li a{
padding: 0 8px;
}
#header-guide .guideCompany li a:hover{
text-decoration:none;
background:#50AC59;
}
#header-guide .guideCompany li a:active{
background:#007236;
}
header .inner{
max-width:1280px;
margin: 0 auto;
}
#header-guide .guideCompany .inner{
display:flex;
align-items:center;
min-width:980px;
padding:0 10px;
margin:0 auto;
}
#header-guide .guideCompany .store{
margin-left:auto;
}
#header-guide .guideCompany .store ul{
display:flex;
align-items:center;
height:28px;
margin:0 8px
}
#header-guide .guideCompany .about ul{
display:flex;
align-items:center;
height:28px;
margin: 0 8px
}
#header-guide .guideCompany .language{
display:flex;
align-items:center;
height:28px;
margin:0 8px
}
#header-guide .guideCompany .language .title{
padding:0 8px
}
#header-guide .guideCompany .language .current{
position:relative;
display:flex;
align-items:center;
width:calc(72px - 34px);
height:28px;
padding:0 26px 0 8px;
cursor:pointer;
background-color:#000;
}
#header-guide .guideCompany .language .current:hover{
background-color:#007236;
}
#header-guide .guideCompany .language .current ul{
display:none;
}
#header-guide .guideCompany .language .arrow{
position:absolute;
top:10px;
right:10px;
width:10px;
height:10px;
}
#header-guide .guideCompany .language .current:hover .arrow{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
#header-guide .guideCompany .language ul{
position:absolute;
top:28px;
left:0;
width:72px;
display:none;
}
#header-guide .guideCompany .language .current:hover ul{
display:block;
z-index:1;
}
#header-guide .guideCompany .language li a{
display:block;
padding:0 0 0 8px;
background-color:#004022;
}
#header-guide .guideCompany .language li a:hover{
text-decoration:none;
background-color:#50ac59;
}
#header-guide .guideCompany .language li a:active{
background:#000;
}

/* .guideHans
--------------------------------------*/
#header-guide .guideHans{
height:68px;
background-color:#007236;
}
#header-guide .guideHans .inner{
display:flex;
align-items:center;
min-width:980px;
}
#header-guide .guideHans .logo{
display:flex;
align-items:center;
height:68px;
}
#header-guide .guideHans .logo a{
padding:16px 18px 17px;
}
#header-guide .guideHans .logo img{
width:135px;
height:auto;
}
#header-guide .guideHans .navi{
height:68px;
}
#header-guide .guideHans .navi ul{
display:flex;
align-items:center;
height:68px;
}
#header-guide .guideHans .navi li{
position:relative;
}
#header-guide .guideHans .navi li:after{
position:absolute;
top:50%;
right:0;
content:'';
width:1px;
height:24px;
margin-top:-12px;
background-color:#fff;
}
#header-guide .guideHans .navi li:last-child:after{
display:none;
}
#header-guide .guideHans .navi li a{
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
font-weight:bold;
width:160px;
height:68px;
}
#header-guide .guideHans .navi li a:focus{
}
#header-guide .guideHans .navi li a:hover{
text-decoration:none;
background:#50AC59;
}
#header-guide .guideHans .navi li a:active{
background:#004022;
}



/*--------------------------------------------------------------------

	3	ヘッダー

--------------------------------------------------------------------*/
#header{
background-color:#F5F5F7;
}
#header .inner{
display:flex;
align-items:center;
height:64px;
}

/* カテゴリー
--------------------------------------*/
#header .categoryBox{
position:relative;
height:100%;
margin-right:24px;
}
#header .categoryBox i{
pointer-events:none;
}
#header .categoryBox .button{
position:relative;
font-size:12px;
font-weight:bolder;
color:#fff;
text-align:left;
width:106px;
height:calc(100% - 10px);
padding-left:24px;
padding-top:10px;
background-color:#4D4D4D;
cursor:pointer;
}
#header .categoryBox:hover .button{
background-color:#50ac59;
}
#header .categoryBox .button span{
font-size:16px;
}
#header .categoryBox .arrow{
position:absolute;
bottom:19px;
right:29px;
width:10px;
height:10px;
}
#header .categoryBox:hover .arrow{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
#header .categoryBox:hover .categoryNavi-wrapper{
display:block;
pointer-events:auto;
}

/* カテゴリナビ
--------------------------------------*/
#header .categoryNavi-wrapper{
display:none;
position:fixed;
top:160px;
bottom:0;
overflow-y:scroll;
pointer-events:none;
z-index: 200011;
-ms-overflow-style: none;
scrollbar-width: none;
}
#header .categoryNavi-wrapper::-webkit-scrollbar{
width: 0;
}
#header .categoryNavi{
list-style:none;
width:320px;
padding:0;
margin:0 0 32px;
box-shadow: 0 0 10px #ddd;
pointer-events:auto;
}
#header .categoryNavi li{
background-color:#fff;
}
#header .categoryNavi li:hover .l2-wrapper{
display: block;

}

#header .categoryNavi li a{
display:block;
color:#007236;
font-size:16px;
padding:16px 38px 16px 16px;
}
#header .categoryNavi > li > a {
background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNCA4LjhhLjcuNyAwIDAgMCAxIDFsNC4yLTQuM2MuMy0uMy4zLS43IDAtMUwzLjQuMmEuNy43IDAgMCAwLTEgMUw2IDUgMi40IDguOHoiIGZpbGw9IiMwMDcyMzYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==') no-repeat right 8px center;
background-size: 16px 16px;
}
#header .categoryNavi > li:hover,
#header .categoryNavi li a:hover{
color:#50ac59;
text-decoration:none;
background-color:#F5F5F7;
}
#header .categoryNavi li a:active{
color:#004022;
}
#header .categoryNavi li .l2-wrapper{
position:fixed;
display: none;
top:160px;
bottom:0;
z-index:200020;
pointer-events:none;
min-width:320px;
margin-left:320px;
}
#header .categoryNavi li .l2-wrapper .scroll-area{
top:160px;
bottom:0;
position:fixed;
pointer-events:auto;
padding:0 64px 64px 32px;
margin:0 -64px -32px -32px;
overflow-y:scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
#header .categoryNavi li .l2-wrapper .scroll-area::-webkit-scrollbar{
width:0;
}
#header .categoryNavi li ul{
background-color:#fff;
box-shadow:0 1px 12px 0 rgba(170,170,170,0.50);
list-style:none;
margin:0;
padding:0;
}
#header .categoryNavi li ul li a{
padding:8px 16px;
}
#header .categoryNavi li ul li span{
font-size:13px;
}
#header .categoryNavi li ul li a:after{
display:none;
}

/* 検索バー
--------------------------------------*/
#header .searchBox{
width:100%;
}
#header .searchBox .searchBar{
position:relative;
margin-right:15px;
}
#header .searchBox .searchBar input{
border-radius:2px;
border:1px solid #4d4d4d;
font-size:16px;
width:calc(100% - 112px);
padding:8px 70px 8px 40px;
background:#fff url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjYzMzYgMTMuMjE5NGwxLjQ1ODMgMS40NTgzLTEuNDE0MiAxLjQxNDItMS40NTgzLTEuNDU4M2MtMS4zNTQ3IDEuMDUzLTMuMDU3IDEuNjgwMS00LjkwNTcgMS42ODAxLTQuNDE4MyAwLTgtMy41ODE3LTgtOHMzLjU4MTctOCA4LTggOCAzLjU4MTcgOCA4YzAgMS44NDg3LS42MjcgMy41NTEtMS42ODAxIDQuOTA1N3ptLjc1MTIgMy41Nzk2bDEuNDE0Mi0xLjQxNDIgNi4zNjQgNi4zNjQtMS40MTQzIDEuNDE0Mi02LjM2NC02LjM2NHptLTcuMDcxLTEuNDg1M2MzLjg2NTkgMCA3LTMuMTM0IDctN3MtMy4xMzQxLTctNy03Yy0zLjg2NiAwLTcgMy4xMzQtNyA3czMuMTM0IDcgNyA3em0tMi44Mjg1LTQuMTcxNmwtLjcwNzEuNzA3MWMtMS45NTI2LTEuOTUyNi0xLjk1MjYtNS4xMTg0IDAtNy4wNzEgMS45NTI2LTEuOTUyNiA1LjExODQtMS45NTI2IDcuMDcxIDBsLS43MDcuNzA3Yy0xLjU2MjItMS41NjItNC4wOTQ4LTEuNTYyLTUuNjU3IDAtMS41NjIgMS41NjIyLTEuNTYyIDQuMDk0OCAwIDUuNjU3eiIgZmlsbD0iIzAwNzIzNiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+') no-repeat 8px center;
text-overflow: ellipsis;
outline:none;
}
#header .searchBox .searchBar input::placeholder{
color:#aaa;
}
#header .searchBox .searchBar input.withwords{
border-color:#007236;
}
#header .searchBox .searchBar button{
position: absolute;
top:0;
right:0;
border:0;
color:#fff;
font-size:16px;
font-weight:bold;
height:36px;
margin: 1px;
padding: 0 15px;
background-color:#007236;
outline:none;
}
#header .searchBox .searchBar button:hover{
background-color:#50ac59;
}
#header .searchBox .searchBar button:active{
background-color:#004022;
}
#header .searchBox .searchBar button:disabled{
background-color:#AAAAAA;
}

/* カート
--------------------------------------*/
#header .cart.guest,
#header .cart.delivery{
min-width:108px;
}
#header .cart.takeout{
min-width:84px;
}
#header .cart{
display:flex;
align-items:center;
justify-content:center;
height:100%;
text-align:center;
text-decoration:none;
padding: 0 6px;
cursor:pointer;
}
#header .cart .icon{
margin-right:5px;
}
#header .cart .detail{
font-weight:bolder;
color:#007236;
}
#header .cart .detail *{
display: block;
}
#header .cart.guest .title,
#header .cart .number{
font-size:16px;
}
#header .cart:hover{
background-color:#50AC59;
}
#header .cart:hover .detail{
  color:#fff;
}
#header .cart:active{
background-color:#004022;
}
#header .cart:hover path{
fill:#fff;
}

/* 会員情報
--------------------------------------*/
#header .customerBox{
position:relative;
color:#007236;
min-width: 180px;
height:100%;
padding: 0 0 0 16px;
cursor:pointer;
display:block;
}
#header .customerBox:hover{
color:#fff;
background-color:#50AC59;
text-decoration:none;
}
#header a.customerBox:active{
color:#fff;
background-color:#004022;
}
#header .customerBox .name{
font-size:16px;
font-weight:bold;
margin-top:10px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#header .customerBox .status{
font-size:12px;
font-weight:bolder;
}
#header .customerBox .arrow{
position:absolute;
bottom:18px;
right:15px;
width:10px;
height:10px;
}
#header .customerBox:hover ul{
display:block;
}
#header .customerBox:hover .arrow path{
fill:#fff;
}
#header .customerBox:hover .arrow{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
#header .customerBox ul{
position:absolute;
display:none;
top:64px;
left:0;
list-style:none;
padding:0;
margin:0;
min-width: 196px;
background:#fff;
box-shadow:0 5px 20px -5px #ccc;
}
#header .customerBox li{
border-bottom:1px solid #F5F5F7;
font-size:16px;
}
#header .customerBox li a{
display:block;
color:#007236;
padding:16px;
}
#header .customerBox li a:hover{
color:#50AC59;
text-decoration:none;
background-color:#F5F5F7;
}
#header .customerBox li a:active{
color:#00402C;
}

.hide-info header.info {
display:none;
}

header.info{
z-index:199000;
line-height:28px;
font-size:12px;
text-align:center;
background:rgba(77,77,77,0.75);
color:#fff;
top:calc(160px - 28px);
}

/* IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
header.info{
top:160px;
}

#direct-item-detail-body footer,
#item-detail-body footer{
margin-bottom:104px;
}
}
header.info span em{
font-weight:normal;
}

header.member #header .guest,
header.member .guest,
header.guest #header .member,
header.guest .member{
display: none;
width: 0;
overflow: hidden;
min-width: 0 !important;
padding: 0 !important;
}

/* ログイン時
--------------------------------------*/
#header.headerLogin .arrow{
display:block;
}

/* 簡易版 */
.header-simple{
border-bottom:solid 2px #9c0;
}
.header-simple .inner{
padding:10px 0;
}

.header-simple .logo{
margin-top:0 !important;
}
.header-simple .home{
position:absolute;
top:50%;
right:0;
margin-top:-10px !important;
}
.header-simple .home a{
display:inline-block;
background:url(../img/header_ico_home.gif) no-repeat 0 50%;
padding-left:24px;
line-height:20px;
}


/*--------------------------------------------------------------------

	3	ナビ

--------------------------------------------------------------------*/
#nav{
position:relative;
/*z-index:1;*/
background:#060;
min-width:980px;
height:48px;
padding:8px 10px 0;
}
#nav .inner{
position:relative;
margin:0 auto;
width:980px;
}
/* clearfix START */
#nav .inner:before,
#nav .inner:after{content:'';display:table;}
#nav .inner:after{clear:both;}
#nav .inner{zoom:1;}
/* clearfix END */

#nav dl,
#nav dt,
#nav dd{
margin:0;
}



/* 2カラム・リキッド版 */
.layout2-2 #nav .inner{
width:auto;
}



/* .categories（商品カテゴリーから探す）
--------------------------------------*/
#nav .categories{
position:absolute;
left:0;
margin-right:20px;
width:230px;
}
#nav .categories dt{
text-align:center;
}
#nav .categories dt img{
cursor: pointer;
}
#nav .categories dd{
display:none;
position:absolute;
background:#9c0 url(../img/bg_sprite_background.png) no-repeat -4610px 100%;
width:220px;
padding:5px;
}
* html #nav .categories dd{background-image:none !important;zoom:1;}/*IE6*/

#nav .categories ul{
list-style:none;
margin:0;
padding:0;
background-color: #ffffea;
}
#nav .categories .value{
font-weight:normal;
font-size:.917em;
color:#888;
white-space:nowrap;
}

/* 2階層 */
#nav .categories li li .value{
color:#333;
}
#nav .categories li li a .value{
color:#060;
}
#nav .categories li li a:hover .value{
color:#090;
}

/* 3階層 */
#nav .categories li li li{
margin:3px 0;
font-size:.917em;
}
#nav .categories li li li a,
.categories li li li a .value{
color:#090;
}
#nav .categories li li li .value{
font-weight:normal;
}

/* 4階層 */
#nav .categories li li li li{
font-size:100%;
}


/* 2カラム・リキッド版 */
.layout2-1 #nav .categories,
.layout2-2 #nav .categories{
display:none;
}



/* .search（検索）
--------------------------------------*/
#nav .search{
float:left;
display:inline;
margin-left:250px;
}
#nav.toppage .search{
margin-left: 0;
}


/* セレクトボックス */
#nav .search .selects{
float:left;
position:relative;
margin-right:10px;
border-radius:5px 0 0 0;
background:#fff;
width:136px;
height:36px;
padding:2px;
}
#nav.toppage .search .selects{
width:249px;
}
#nav .search .selects dt{
background:url(../img/btn_selects.gif) no-repeat 100% 50%;
padding-right: 15px;
padding-left: 3px;
cursor:pointer;
}
#nav .search .selects dt span{
display: block;
width:84px;
height:36px;
line-height:36px;
color:#333;
overflow:hidden;
font-size: 1.083em;
}
#nav.toppage .search .selects dt span{
width:217px;
}
#nav .search .selects dt:hover,
#nav .search .selects dt:hover span{
color:#888;
}
#nav .search .selects .window{
display:none;
top:26px;
left:0;
}


/* テキストボックス */
#nav .search .text{
float:left;
position:relative;
background:#fff;
width:226px;
height:36px;
padding:2px;
}
#nav.toppage .search .text{
width:286px;
}
#nav .search .text input{
float:left;
border:none;
height:36px;
line-height:36px;
}
#nav .search .text .input-large{
padding:0 3px;
width:184px;
font-size: 1.083em;
}
#nav.toppage .search .text .input-large{
width:244px;
}
#nav .search .text .window{
display:block;
top:38px;
left:0;
width:400px;
}
#nav .search .text .suggests li{
white-space:normal;
}


/* テキストボックス */
#nav .keyword{
float:right;
position:relative;
}
#nav .keyword dt{
position:absolute;
top:-14px;
left:0;
z-index:1;
}
#nav .keyword dd{
position:relative;
border-radius:5px;
background:#fff;
width:320px;
height:40px;
padding:0 10px;
overflow:hidden;
}
#nav.toppage .keyword dd{
width:397px;
}
#nav .keyword .links{
position:absolute;
top:50%;
margin:-.75em 0 0;
}
#nav .keyword .links li{
font-size:.917em;
font-size: 1.083em;
}


/*--------------------------------------------------------------------

	5	コンテンツ

--------------------------------------------------------------------*/
.content{
margin:0 auto;
padding:0 10px;
width:980px;
min-width:980px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   /* IE10+ CSS */
.content{
margin-top:188px
}
.hide-info .content{
margin-top:160px
}
}

/* clearfix START */
/* clearfix END */
.content:before, .content:after {
    content: '';
    display: table;
clear:both;
}

#main{}
/* clearfix START */
#main:before,
#main:after{content:'';display:table;}
#main:after{clear:both;}
#main{zoom:1;}
/* clearfix END */


/* 1カラム・固定版 */
.layout1-1 #main,
.layout1-1 #sub{
width:100%;
}


/* 1カラム・固定・730px版 */
.layout1-2 #main{
margin:0 auto;
width:730px;
}


/* 2カラム・固定版 */
.layout2-1 #main{
float:right;
width:730px;
}
* html .layout2-1 #main{overflow:hidden;}/*IE6*/

.layout2-1 #sub{
float:left;
width:230px;
}


/* 2カラム・リキッド版 */
.layout2-2 .content{
width:auto;
min-width:730px;
padding-left:260px;
}
.layout2-2 #main{
float:right;
width:100%;
}
.layout2-2 #sub{
display:inline;
float:left;
margin-left:-250px;
width:230px;
}


/* 2カラム・固定版・右カラム */
.layout2-3 #main{
float:left;
width:730px;
}
* html .layout2-3 #main{overflow:hidden;}/*IE6*/

.layout2-3 #sub{
float:right;
width:230px;
margin-top:15px;
}



/* .breadcrumb（パンくず）
--------------------------------------*/
.breadcrumb{
list-style:none;
margin-bottom:-10px;
background:url(../img/bg_border_dotted_9c0.gif) repeat-x 0 100%;
padding:0 0 6px;
font-size:.917em;
}
.breadcrumb li{
display:inline;
}
.breadcrumb li:first-child{
background:url(../img/ico_home.gif) no-repeat 0 50%;
padding-left:15px;
zoom:1;
}
.breadcrumb a{
display:inline-block;
margin-right:6px;
background:url(../img/ico_arrow03.gif) no-repeat 100% 50%;
padding-right:14px;
}
.breadcrumb strong{
font-weight:normal;
}

/* SEO 追加版 */
div.breadcrumb{
margin-top:1em;
}
div.breadcrumb:before{
content:url(../img/ico_home.gif);
margin-right:1px;
}



/* .heading（見出し）
--------------------------------------*/
div.heading{
position:relative;
zoom:1;
}


/* アイコン付き版 */
.heading-icon{
position:relative;
width:678px;
padding-left:52px;
font-size:1.833em;
color:#060;
}
.heading-icon .icon{
position:absolute;
top:50%;
left:0;
margin-top:-24px;
}
.heading-icon span{
font-size:.545em;
}


/* 背景版 */
.heading-background{
position:relative;
background:#9c0 url(../img/bg_sprite_background.png) no-repeat 0 0;
padding:0 0 2px;
font-size:1.167em;
color:#fff;
zoom:1;
}
* html .heading-background{background-image:none !important;}/*IE6*/

.layout1-2 .heading-background,
.layout2-1 .heading-background,
.layout2-3 .heading-background{
background-position:-1960px 0;
}
.layout2-2 .heading-background{
border-radius:5px 5px 0 0;
background-image:none;
}

.heading-background span{
display:block;
background:url(../img/bg_border_dotted_cce680.gif) repeat-x 0 100%;
padding:3px 10px 2px;
}
.heading-background .kamo{
position:absolute;
bottom:0;
right:10px;
}
* html .heading-background .kamo{display:none;}/*IE6*/


/* 背景版 > 色違い */
.heading-background-color2{
background-color:#090;
}
.heading-background-color3{
background-color:#060;
}
.heading-background-color3 span{
background-image:url(../img/bg_border_dotted_80b380.gif);
}


/* 枠線版 */
.heading-bordered{
margin-bottom:0;
border-bottom:solid 1px #060;
padding-bottom:5px;
}


/* 特別版 */
.heading-special{
position:relative;
background:url(../img/bg_sprite_main.png) no-repeat -2460px 100%;
padding:10px 0 20px 65px;
font-size:2em;
line-height:1.25;
color:#060;
}
.heading-special .kamo{
position:absolute;
bottom:-5px;
right:10px;
}
* html .heading-special .kamo{display:none;}/*IE6*/


/* 続きを見る */
.heading .more{
position:absolute;
top:5px;
right:0;
margin:0;
font-weight:bold;
}
.heading .more a{
background-image:url(../img/ico_arrow06.gif);
text-decoration:none !important;
color:#fff;
}
.heading .more a:hover{
text-decoration:underline !important;
}


/* SEO 追加版 */
#main .heading.heading-icon.heading-single{
min-height:42px;
margin-top:20px;
}
#sub .section,
#item .sub .section{
margin:30px 0!important;
}
#item .sub .section:first-child{
margin-top:10px!important;
}
#main .heading.heading-icon .sub{
margin:0;
line-height:.8em;
*line-height:1em;
font-size:.545em;
font-weight:bold;
}
#main .heading .single{
font-size:1.833em;
}
#main .heading.heading-icon .single{
margin:0;
font-size:1em;
}
#main .heading.heading-text-color{
color:#060;
}

/* SEO 追加版 > デフォルト */
.heading2{
position:relative;
margin-bottom:15px;
border-radius:10px 10px 0 0;
background:#007130;
padding:7px 10px;
color:#fff;
}
.heading2 p{
overflow:hidden;
margin:0.5em 0 0;
font-size:.455em;
zoom:1;
}

#sub .heading2{
margin-bottom:0;
border-radius:4px 4px 0 0;
}

/* SEO 追加版 > 背景：黄緑 */
.heading2.heading-background{
background:#67af28;
}

/* SEO 追加版 > ○ */
.heading2.heading-circle{
border-bottom:1px dotted #ccc;
border-radius: 0;
background:transparent;
padding:0 0 10px;
color:#333;
}
.heading2.heading-circle h2{
background:url(../img/ico_circle_green.gif) no-repeat 0 50%;
padding-left:25px;
}
.heading2.heading-circle p{
font-size:1em;
}


#main .section .heading2.heading-line,
#sub .section .heading2.heading-line{
margin-bottom:10px;
padding-top:5px;
padding-bottom:5px;
background-image:url(../img/bg_heading-line.gif);
background-repeat:repeat-x;
background-position:left bottom;
}
#main .section .heading2.heading-line.heading-background{
background-image:url(../img/bg_heading-line2.gif);
}
#main .section .heading2.heading-icon,
#item .section .heading2.heading-icon{
width:auto;
margin-bottom:0;
padding:10px 10px 10px 8px;
*zoom:1;
}
#main .section .heading2.heading-icon p{
*float:right;
}
#main .section .heading2+*{
clear:both;
}
#main .section .heading2 h2{
margin:0 1em 0 0;
}

#main .section .heading2.heading-chara h2,
#sub .section h2.heading2.heading-chara,
#pushItems .heading2 h2,
#popularItems .heading2 h2,
#subRecentHistory .heading2 h2{
font-size:1.167em;
}
#main .section .heading2.heading-background h2{
font-size:1em;
}
#main .section .heading2.heading-icon h2{
float:left;
padding-left:42px;
font-size:1.5em;
}
#item .section .heading2.heading-icon h2{
position:static;
float:none;
}
#main .section .heading2.heading-icon h2:before{
position:absolute;
left:7px;
top:-7px;
}


#main .section .heading2 p.chara,
#sub .section .heading2 .chara{
position:absolute;
bottom:0;
right:10px;
}
#sub .section .heading2 .chara{
right:13px;
}
#main .section .section-lead{
margin:10px 0;
padding-bottom:10px;
border-bottom:1px dotted #ccc;
color:#999;
font-size:.833em;
*font-size:.833em!important;
}



/* .section-lead（リード文）
--------------------------------------*/
.section-lead{
border-bottom:1px dotted #ccc;
padding-bottom:10px;
color:#999;
font-size:.833em;
}
.page-lead{
color:#666;
}



/* .nav-tabs（タブ）
--------------------------------------*/
.nav-tabs{
list-style:none;
margin:15px 0;
padding:0;
}
/* clearfix START */
.nav-tabs:before,
.nav-tabs:after{content:'';display:table;}
.nav-tabs:after{clear:both;}
.nav-tabs{zoom:1;}
/* clearfix END */

.nav-tabs li,
.nav-tabs li a,
.nav-tabs li img{
float:left;
}



/* .sns
--------------------------------------*/
#main .sns{
float:right;
margin-right:-10px;
}
#main .sns li{
margin-right:0;
margin-left:10px;
}
#main .sns .facebook iframe{
width:204px;
}



/* .more（続きを見る）
--------------------------------------*/
p.more{
text-align:right;
}
p.more a{
display:inline-block;
background:url(../img/ico_arrow_down2.gif) no-repeat 0 50%;
padding-left:12px;
text-decoration:underline !important;
}
p.more a:hover{
text-decoration:none !important;
}

/* SEO 追加版 */
.more2{
margin-top:25px;
text-align:right;
font-weight:bold;
font-size:1.5em;
}
.more2 a{
background:url(../img/ico_more2.gif) no-repeat 0 100%;
padding-top:12px;
padding-left:45px;
}

.more3{
text-align:right;
font-weight:bold;
}
.more3 a{
background:url(../img/ico_arrow02.gif) no-repeat 0 0.5em;
padding-left:10px;
}
.more4{
margin-top:25px;
text-align:right;
font-weight:bold;
font-size:1.5em;
}
.more4 a{
background:url(../img/ico_more2.gif) no-repeat 15px 50%;
padding: 6px 15px 4px 50px;
background-size: 28px 30px;
border: 2px solid #007130;
border-radius: 5px;
}
.more5 {
text-align:right;
}
.more5 a{
position: relative;
display: inline-block;
font-weight:bold;
font-size:1.333em;
line-height: 1.333;
margin-top:25px;
padding: 6px 38px 4px 15px;
border: 2px solid #007130;
border-radius: 5px;
background: #fffffe;
background: -moz-linear-gradient(top,  #fffffe 0%, #ffffeb 100%);
background: -webkit-linear-gradient(top,  #fffffe 0%,#ffffeb 100%);
background: linear-gradient(to bottom,  #fffffe 0%,#ffffeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffe', endColorstr='#ffffeb',GradientType=0 );
}
.more5 a:after{
content: '';
display: block;
position: absolute;
top: 50%;
right: 14px;
margin-top: -6px;
width: 0;
height: 0;
border: 6px solid transparent;
border-left: 12px solid #060;
}
.more5.small a:after{
right: 34px;
}
.more5.small a{
width: 87px;
height: 12px;
padding: 6px 60px 6px 15px;
font-size: 1.167em;
line-height: 1.167;
border: 2px solid #007130;
}
.more5 a:hover,.more5 a:hover:after {
	opacity: 0.6;
	text-decoration: none;
}



/* .tax（税込）
--------------------------------------*/
.tax{
white-space:nowrap;
}



/* .availability（在庫）
--------------------------------------*/
.in-stock{
color:#f69;
}
.out-stock{
color:#999;
}



/* .store（店舗）
--------------------------------------*/
/*
.store{
background:url(../img/ico_store.png) no-repeat 0 50%;
padding-left:20px;
}
*/


/* .question , .answer（質問）
--------------------------------------*/
.question{
margin-top:-10px;
background:url(../img/ico_question.png) no-repeat 0 0;
padding-left:30px;
}
.answer{
margin-left:30px;
background:url(../img/ico_answer.png) no-repeat 0 0;
padding:2px 0 2px 30px;
}
.answer :first-child{
margin-top:0;
}
.answer :last-child{
margin-bottom:0;
}



/* .item（商品）
--------------------------------------*/
.item{}


/* ランク */
.item .rank{
vertical-align:bottom;
}

/* 商品写真 */
.item .figure{
margin:0;
background:#fff;
zoom:1;
}
.item .figure .image{
border:solid 4px #fff;
}
.item .figure .new{
position:absolute;
top:4px;
right:4px;
}

/* 商品名 */
.item .name{
font-size:1em;
}

/* 価格 */
.item .price{
color:#888;
}
.item .price .discount{
color:#c00;
}

/* メディア */
.item .media{
color:#888;
}

/* お気に入り */
.item .bookmark{
color:#f90;
}

/* 入荷お知らせメール */
.item .arrival{
font-size:.917em;
}
.item .arrival a{
display:inline-block;
background:url(../img/ico_arrival.gif) no-repeat 0 .4em;
padding-left:16px;
text-decoration:underline !important;
color:#ff0368 !important;
}
.item .arrival a:hover{
text-decoration:none !important;
}

/* ステータス */
.item .status{
list-style:none;
padding:0;
margin-top:-5px;
}
/* clearfix START */
.item .status:before,
.item .status:after{content:'';display:table;}
.item .status:after{clear:both;}
.item .status{zoom:1;}
/* clearfix END */

.item .status li,
.item .status a,
.item .status img{
float:left;
}
.item .status li{
margin:5px 5px 0 0;
}

/* 他カラー・サイズ */
.item .variations{
list-style:none;
padding:0;
}
/* clearfix START */
.item .variations:before,
.item .variations:after{content:'';display:table;}
.item .variations:after{clear:both;}
.item .variations{zoom:1;}
/* clearfix END */

.item .variations li,
.item .variations a,
.item .variations img{
float:left;
}
.item .variations li{
margin:5px 5px 0 0;
width:60px;
}
.item .variations .cart img{
float:none !important;
margin:3px 0 0 0;
}
.items-thumbnail .item .variations .cart img{
margin:3px 0 10px 0;
}


/* .items（商品一覧）
--------------------------------------*/
.items{
list-style:none;
padding:0;
}
/* clearfix START */
.items:before,
.items:after{content:'';display:table;}
.items:after{clear:both;}
.items{zoom:1;}
/* clearfix END */

.items .item{
display:inline;
float:left;
width:98px;
}
.items .name,
.items p,
.items ul{
margin:7px 0 0;
}
.items .figure{
margin:0;
}
.items .name{
font-weight:normal;
line-height:1.33;
}
.items p.price,
.items p.media{
margin-top:2px;
font-size:.917em;
line-height:1.27;
}

/* SEO 追加版 */
.items dl{
margin-top:0;
margin-bottom:0;
min-height: 60px;
}
.items dd{
margin-left:0;
}
.items dl.outline{
position:relative;
}
.items img.figure{
display:block;
width:158px;
height:158px;
margin-right:auto;
margin-left:auto;
border:4px solid #fff;
}
.items span.name{
display:block;
}
.items dd.media{
margin-top:5px;
}
.items .lead{
font-size:.917em;
}
.items dd.price{
margin-top:7px;
font-size:1em;
line-height:1.5;
}


/* セクション・背景版 */
.layout1-2 .section-background .items,
.layout2-1 .section-background .items,
.layout2-3 .section-background .items{
margin-right:-4px;
margin-left:-4px;
}
.layout1-2 .section-background .items .item,
.layout2-1 .section-background .items .item,
.layout2-3 .section-background .items .item{
margin-right:10px;
margin-left:10px;
}


/* サムネイル表示版 */
.items-thumbnail{
margin:0 -11px 20px;
}
.items-thumbnail .item{
position:relative;
margin:20px 11px 0;
width:166px;
}
.items-thumbnail .figure{
position:relative;
}
.items-thumbnail .figure .image{
border-color:#ececdb;
}
.items-thumbnail .figure :hover .image{
border-color:#eef9c8;
}
.items-thumbnail .name{
margin:10px 0 0;
font-weight:bold;
line-height:1.5;
}
.items-thumbnail .price{
color:#333;
}
.items-thumbnail p.price{
margin-top:7px;
font-size:1em;
line-height:1.5;
}
.items-thumbnail span.price{
display:block;
}
.items-thumbnail .availability{
margin-top:2px;
}
.items-thumbnail .status{
margin-top:2px;
margin-right:-5px;
}
.items-thumbnail .more{
display:none;
}

/* SEO 追加版 */
.items-thumbnail img.figure{
border-color:#ececdb;
}

/* サムネイル表示 > 拡大版 */
.items-thumbnail .zoom{
z-index:1;
}
.items-thumbnail .zoom .inner{
position:absolute;
top:-17px;
left:-17px;
border:solid 2px #9c0;
background:#fff;
width:306px;
padding:15px;
}
.items-thumbnail .zoom .outline{
float:left;
width:166px;
}
.items-thumbnail .zoom .more{
display:block;
float:right;
width:125px;
}
.items-thumbnail .zoom .more .button{
margin-top:0;
}
.items-thumbnail .zoom .more .variations{
margin-right:-5px;
}
.items-thumbnail .zoom .more .variations .availability{
margin-top:3px;
}

/* サムネイル表示 > 2カラム・リキッド版 */
.layout2-2 .items-thumbnail{
margin-right:0;
margin-left:0;
}
.layout2-2 .items-thumbnail .item{
margin-right:16px;
margin-left:0px;
}


/* リスト表示版 */
.items-list .item{
position:relative;
background:url(../img/bg_border_double_green.gif) repeat-x 0 0;
padding:17px 0 15px;
width:100%;
min-height:100px;
}
.items-list p,
.items-list ul{
margin:5px 0 0;
}
.items-list .outline{
padding-left:115px;
padding-right:140px;
}
.items-list .figure{
position:absolute;
/*top:17px;*/
left:0;
margin:0;
width:90px;
}
.items-list .figure .image{
border-color:#ececdb;
width:90px;
height:auto;
}
.items-list .figure :hover .image{
border-color:#eef9c8;
}
.items-list .status{
margin-top:0;
margin-bottom:2px;
}
.items-list .status li{
margin-top:0;
margin-bottom:5px;
}
.items-list .name{
margin:0;
font-weight:bold;
font-size:1.167em;
line-height:1.5;
}
.items-list .price{
color:#333;
}
.items-list p.price{
margin-top:5px;
font-size:1em;
line-height:1.5;
}
.items-list .availability{
margin-top:2px;
}
.items-list .variations{
margin-top:0;
margin-left:115px;
background:url(../img/bg_border_dotted_bbb.gif) repeat-x 0 10px;
padding-top:16px;
}
.items-list .variations .availability{
margin-top:3px;
}
.items-list .button{
position:absolute;
top:17px;
right:0;
margin:0;
}
.items-list .button02{
position:absolute;
top:46px;
right:0;
margin:0;
}


/* SEO 追加版 */
.items-4column{
overflow:hidden;
margin-right:-22px;
zoom:1;
}
.items-4column .item{
display:inline-block;
*display:inline;
vertical-align:top;
width:166px;
margin:15px 22px 0 0;
zoom:1;
}
.items-4column .item.item-large{
display:block;
position:relative;
width:auto;
min-height:250px;
margin-right:22px;
padding-left:265px;
}
.items-4column .catch{
margin-top:0;
font-size:1.5em;
font-weight:bold;
}
.items-4column .name{
font-weight:bold;
}
.items.items-4column .item-large .name{
font-size:1.333em;
}
.items-4column .name img{
display:block;
width:158px;
height:158px;
margin:0 0 10px;
border:4px solid #ececdb;
}
.items-4column .item-large .name img{
position:absolute;
left:0;
top:0;
width:242px;
height:242px;
margin:0;
}
.items-4column dd{
margin-top:10px;
}
.items-4column .item-large dd{
font-size:1.167em;
}
.items-4column .price{
color:#333;
}
.items-4column .availability{
color:#f69;
}



/* .specials ※SEO
--------------------------------------*/
.specials .special{
margin:15px 0 0;
padding:10px 9px 10px 250px;
background:#f2f2f2;
zoom:1;
overflow:hidden;
}
.specials .special-large{
padding-left:9px;
}
.specials .special .title{
margin:0 0 0 -240px;
}
.specials .special-large .title{
margin-left:0;
}
.specials .title img{
display:block;
float:left;
width:230px;
margin-right:10px;
}
.specials .special-large .title img{
float:none;
width:auto;
margin:0 auto 5px;
}
.specials .special p{
margin:5px 0 0;
line-height:1.75;
}





/*--------------------------------------------------------------------

	5-1	メイン

--------------------------------------------------------------------*/



/* .banners（バナー）
--------------------------------------*/
.banners{
list-style:none;
margin-top:-10px;
margin-right:-10px;
margin-left:-10px;
padding:0;
overflow:hidden;
}
/* clearfix START */
.banners:before,
.banners:after{content:'';display:table;}
.banners:after{clear:both;}
.banners{zoom:1;}
/* clearfix END */

.banners li{
float:left;
display:inline;
margin:10px 10px 0;
width:230px;
text-align:center;
}
.banners .name{
display:block;
margin:5px auto 0 auto;
}

.banners li.wide{
width:100%;
margin:10px 0 0 0;
}

.banners li.wide .name{
text-align:left;
margin-left:12px;
}


/* 2カラム・リキッド */
.layout2-2 .banners{
width:100%;
margin-right:0;
margin-left:0;
}
.layout2-2 .banners li{
margin-right:3%;
margin-left:0;
width:30%;
text-align:center;
}
.layout2-2 .banners .name{
text-align:left;
}


/* 1カラム・固定 */
.layout1-2 .banners li{
float:left;
display:inline;
margin:10px 10px 0;
width:220px;
text-align:center;
}

.layout1-2 .banners li.wide{
width:680px;
margin:10px 0 0 20px;
}

.layout1-2 .banners li.wide img{
width:100%;
height:auto;
}

.layout1-2 .banners li.wide .name{
text-align:left;
margin-left:0;
}


/* インクルードバナー設定 */
.bannerheader{
width:980px;
text-align:center;
margin-top:10px;
}

.bannerside{
width:230px;
text-align:center;
}


/* SEO 追加版 */
ul.banner{
list-style:none;
/*
margin:40px 0 0;
*/
padding-left:0;
}
ul.banner li{
margin:20px 0 0;
text-align:center;
}
ul.banner img{
max-width:100%;
}



/* .pagination（ページング）
--------------------------------------*/
.pagination{
margin:10px 0 15px;
}
/* clearfix START */
.pagination:before,
.pagination:after{content:'';display:table;}
.pagination:after{clear:both;}
.pagination{zoom:1;}
/* clearfix END */

.pagination p{
margin:5px 0 0;
}
.pagination .counter{
float:left;
margin-right:20px;
margin-right:20px;
line-height:2.4em;
}
.pagination .counter span{
margin-right:.5em;
font-weight:bold;
font-size:1.167em;
}
.pagination ul{
list-style:none;
float:left;
margin:5px 0 0;
padding:0;
}
.pagination li{
float:left;
background:url(../img/bg_sprite_pagination.gif) no-repeat 5px 12px;
padding-left:14px;
white-space:nowrap;
font-size:1.167em;
line-height:2.0em;
}
.pagination .active{
float:left;
display:block;
border:solid 1px #9c0;
background:#9c0;
width:2em;
text-align:center;
color:#fff;
}
.pagination a{
float:left;
display:block;
border:solid 1px #fff;
background:#fff;
width:2em;
text-align:center;
}
.pagination a:hover{
border-color:#9c0;
background-color:#9c0;
text-decoration:none !important;
color:#fff;
}

/* 先頭・前へ・次へ・最後 */
.pagination .first a:hover,
.pagination .previous a:hover,
.pagination .next a:hover,
.pagination .last a:hover{
text-decoration:underline !important;
color:#060;
}
.pagination .first{
border-left:solid 1px #ddd;
background:none;
padding:0;
}
.pagination .first a{
border:none;
background:#fff url(../img/bg_sprite_pagination.gif) no-repeat 0 -40px;
padding:1px 10px 1px 26px;
}
.pagination .previous{
border-left:solid 1px #ddd;
background:none;
padding:0;
}
.pagination .previous a{
border:none;
background:#fff url(../img/bg_sprite_pagination.gif) no-repeat 0 -90px;
padding:1px 10px 1px 20px;
}
.pagination .next{
border-right:solid 1px #ddd;
}
.pagination .next a{
border:none;
background:#fff url(../img/bg_sprite_pagination.gif) no-repeat 100% -90px;
padding:1px 20px 1px 10px;
}
.pagination .last{
border-right:solid 1px #ddd;
background:none;
padding:0;
}
.pagination .last a{
border:none;
background:#fff url(../img/bg_sprite_pagination.gif) no-repeat 100% -40px;
padding:1px 26px 1px 10px;
}

/* セレクトボックス */
.pagination .select{
float:right;
}



/* .options（表示オプション）
--------------------------------------*/
.options{
border:solid 1px #9c0;
border-radius:5px;
background:#eef9c8;
padding:1px 1px 1px 9px;
zoom:1;
}
.options dl{
margin:10px 0;
}
/* clearfix START */
.options dl:before,
.options dl:after{content:'';display:table;}
.options dl:after{clear:both;}
.options dl{zoom:1;}
/* clearfix END */

.options dt{
float:left;
margin-left:10px;
white-space:nowrap;
}
* html .options dt{margin:0;}/*IE6*/

.options dt:first-child{
margin-left:0;
}
.options dd{
float:left;
margin:0 5px 0 0;
background:#9c0;
padding:0 5px;
color:#fff;
white-space:nowrap;
}
.options dd a{
float:left;
display:block;
margin:0 -5px;
background:#ffffea;
padding:0 5px;
text-decoration:none !important;
color:#060;
}
.options dd a:hover{
background:#9c0;
color:#fff;
}



/* .reviews（レビュー一覧）
--------------------------------------*/
.reviews{
list-style:none;
margin:0;
padding:0;
}
.reviews .review{
margin-top:15px;
background:url(../img/bg_border_dotted_bbb.gif) repeat-x 0 0;
padding-top:15px;
}
.reviews .review:first-child{
background:none;
padding-top:0;
}
/* clearfix START */
.reviews .review:before,
.reviews .review:after{content:'';display:table;}
.reviews .review:after{clear:both;}
.reviews .review{zoom:1;}
/* clearfix END */

.reviews p{
margin:0;
}
.reviews .figure{
position:relative;
float:left;
}
.reviews .figure span{
display:block;
position:absolute;
top:20px;
right:-10px;
border:transparent 5px solid;
border-left-color:#9c0;
width:0;
height:0;
}
* html .reviews .figure span{display:none;}/*IE6*/

.reviews .figure .image{
border:solid 4px #9c0;
}
.reviews .figure ~ p{
margin-left:90px;
}
.reviews .reviewer{
color:#888;
}



/* .steps（ステップ）
--------------------------------------*/
.steps{
list-style:none;
margin-bottom:42px;
border-left:solid 1px #060;
padding:0;
}
/* clearfix START */
.steps:before,
.steps:after{content:'';display:table;}
.steps:after{clear:both;}
.steps{zoom:1;}
/* clearfix END */

.steps li{
float:left;
border:solid 1px #060;
border-left:none;
background:#fff;
padding:0 15px;
line-height:30px;
font-size:1.167em;
color:#060;
}
.steps li h1{
float:left;
margin:0 -15px -32px;
background:#060 url(../img/bg_steps.png) no-repeat 0 100%;
padding:0 20px 32px;
font-weight:normal;
font-size:1em;
color:#fff;
}



/* .table（テーブル）
--------------------------------------*/
.table{
background:url(../img/bg_border_dotted_bbb.gif) repeat-x 0 100%;
width:100%;
}
.table,
.table th,
.table td{
border:none;
font-weight:normal;
}
.table th,
.table td{
background:url(../img/bg_border_dotted_bbb.gif) repeat-x 0 0;
padding:11px 10px 10px;
vertical-align:top;
}
.table tr.rowspan + tr th,
.table tr.rowspan + tr td{
background:none;
padding-top:0;
}
.table thead th{
text-align:center;
white-space:nowrap;
}
.table tbody .quantity,
.table tbody .price,
.table tbody .total{
text-align:right;
white-space:nowrap;
}
.table tbody .gift{
text-align:center;
}
.table .price .discount{
color:#c00;
}
.table .figure{
float:left;
margin-right:10px;
background:#fff;
}
.table .figure .image{
border:solid 4px #ececdb;
}
.table .figure :hover .image{
border-color:#eef9c8;
}


/* ボーダー版 */
.table-bordered thead th{
border-top:solid 1px #9c0;
border-left:solid 1px #cedf91;
background:#eef9c8;
padding-top:4px;
padding-bottom:4px;
color:#6bb629;
}
.table-bordered thead th a{
text-decoration:underline !important;
color:#6bb629 !important;
}
.table-bordered thead th a:hover{
text-decoration:none !important;
}
.table-bordered tbody th,
.table-bordered tbody td,
.table-bordered tfoot th,
.table-bordered tfoot td{
border-left:solid 1px #e5e5e5;
border-bottom:solid 1px #ccc;
background:#fff !important;
padding-top:10px;
}
.table-bordered tr th:first-child,
.table-bordered tr td:first-child,
.table-bordered .colspan + th,
.table-bordered .colspan + td{
border-left:none;
}
.table-bordered tbody th{
font-weight:bold;
}
.table-bordered .check{
text-align:center;
}


/* 背景版 */
.table-background{
border:10px solid #eef9c8;
}
.table-background th,
.table-background td{
background-color:#eef9c8 !important;
}


/* フォーム版 */
.table-form th,
.table-form td{
padding:1px 0 0 15px;
}
.table-form th:first-child,
.table-form td:first-child{
padding-left:0;
}
.table-form tr.rowspan th span,
.table-form tr.rowspan td p{
margin-bottom:0;
}

.table-form th{
width:30%;
color:#666;
}
.table-form th span{
display:block;
position:relative;
margin:10px 0;
padding-right:30px;
}
* html .table-form th span{zoom:1;}/*IE6*/

.table-form th span .required{
position:absolute;
top:0;
right:0;
}

.table-form td p{
margin:10px 0;
}
.table-form td.logo,
.table-form td.button{
width:1%;
text-align:center;
vertical-align:middle;
}
.table-form td.logo ul {
padding-left: 0;
list-style: none;
}
.table-form td.logo ul li {
padding: 3px 0;
}
.table-form td.button input ~ input{
margin-top:5px;
}



/* .index-links（目次リンク）
--------------------------------------*/
.index-links{
background:url(../img/bg_border_dotted_bbb.gif) repeat-x 0 0;
padding-top:1px;
font-size:1.167em;
}
.heading + .index-links{
margin-top:-10px;
background-image:none;
padding-top:0;
}

.index-links li{
background:url(../img/bg_border_dotted_bbb.gif) repeat-x 0 100%;
padding:10px 0;
color:#333;
}
.index-links li a{
color:#333 !important;
}
.index-links li ul{
list-style:none;
margin:10px 0 0 1.167em;
padding-left:0;
font-size:.857em;
}
.index-links li li{
background:none;
margin:2px 0;
padding:0;
}
.index-links li li a{
color:#060 !important;
}



/* .section（セクション）
--------------------------------------*/
.section{
margin:30px 0;
}
#toppage .section:first-child{
margin: 0;
}
.section .heading-background,
.section .heading-bordered{
margin-top:0;
}


/* グルーピング版 */
.section-group .section ~ .section{
margin-top:-30px;
}
.section-group .section ~ .section .heading-background{
background-image:none !important;
}


/* 枠線版 */
.section-bordered{
border:1px solid #9c0;
padding:1px 14px;
zoom:1;
}
.section-bordered .heading-background{
margin:-2px -15px 15px;
}
.section-bordered .heading-background ~ .heading-background{
background-image:none;
}
.section-bordered .nav-tabs{
margin:-2px -15px 15px;
background:#fff;
}
.section-bordered .table{
background:none;
margin-bottom:10px;
}
.section-bordered .table-form{
margin-top:-5px;
margin-bottom:10px;
}
.section-bordered p + .table-form{
margin-top:10px;
background:url(../img/bg_border_dotted_bbb.gif) repeat-x 0 0;
}
.section-bordered .table tbody tr:first-child th,
.section-bordered .table tbody tr:first-child td{
background:none;
padding-top:0;
}
.section-bordered .table thead + tbody tr:first-child th,
.section-bordered .table thead + tbody tr:first-child td{
background:url(../img/bg_border_dotted_bbb.gif) repeat-x 0 0;
padding:11px 10px 10px;
}

/* 枠線版 > 色違い */
.section-bordered-color2{
border-color:#090;
}
.section-bordered-color3{
border-color:#060;
}


/* 点線版 */
.section-dotted{
background:url(../img/bg_border_dotted_bbb.gif) repeat-x 0 100%;
padding-bottom:15px;
}


/* 背景版 */
.section-background{
background:#eef9c8 url(../img/bg_sprite_background.png) no-repeat -980px 100%;
padding:1px 15px;
zoom:1;
}
.layout1-2 .section-background,
.layout2-1 .section-background,
.layout2-3 .section-background{
background-position:-2690px 100%;
}
* html .section-background{background-image:none !important;}/*IE6*/

.section-background .heading-background{
margin:-1px -15px 15px !important;
}


/* 特別枠版 */
.section-special{
background:#9c0 url(../img/bg_sprite_special.gif) no-repeat -730px 100%;
padding:0 5px 10px;
zoom:1;
}
.section-special .heading{
margin:0 -5px;
background:url(../img/bg_sprite_special.gif) no-repeat 0 0;
font-size:1.167em;
padding:10px 15px 5px;
height:37px;
color:#fff;
}
.section-special .inner{
background:#fff;
padding:1px 10px 1px 15px;
zoom:1;
}
/* clearfix START */
.section-special .inner:before,
.section-special .inner:after{content:'';display:table;}
.section-special .inner:after{clear:both;}
.section-special .inner{zoom:1;}
/* clearfix END */

.section-special .kamo{
float:right;
margin:10px 0 0;
}

/* 特別枠版 > 2カラム・リキッド版 */
.layout2-2 .section-special{
border-radius:5px;
background-image:none;
padding-bottom:5px;
}
.layout2-2 .section-special .heading{
border-radius:5px 5px 0 0;
background:#6bb629 url(../img/bg_special.gif) no-repeat 100% 10px;
padding-bottom:0;
}
.layout2-2 .section-special .inner{
border-radius:5px;
padding-top:6px;
}


/* 枠＋背景囲み版 */
.section-rounded{
border:solid 1px #9c0;
border-radius:5px;
background:#eef9c8;
padding:1px 14px;
zoom:1;
}
.section-rounded .heading,
.section-rounded p,
.section-rounded ul{
margin:7px 0;
}
.section-rounded .heading-background{
margin:-2px -15px 15px !important;
}



/* .section-carousel（カルーセル）
--------------------------------------*/
.section-carousel .carousel{
position:relative;
margin:0 -15px;
width:980px;
}
.section-carousel .carousel .carousel-inner{
position:relative;
margin-left:57px;
width:896px;
overflow:hidden;
}

.section-carousel .carousel .items{
margin-top:0 !important;
width:5120px;
}
.section-carousel .carousel .item{
margin-right:30px;
}
.section-carousel .carousel p{
margin:0;
}
.section-carousel .carousel .figure{
margin:0 !important;
}
.section-carousel .carousel .category,
.section-carousel .carousel .availability,
.section-carousel .carousel p.price{
margin-top:2px !important;
margin-bottom:0 !important;
font-size:.917em;
line-height:1.27;
}

/* ページング */
.section-carousel .carousel .pager{
list-style:none;
position:absolute;
top:24px;
left:0;
margin:0 !important;
width:100%;
padding:0;
}
.section-carousel .carousel .pager li,
.section-carousel .carousel .pager a{
position:absolute;
background:url(../img/bg_sprite_carousel.png) no-repeat 0 0;
width:25px;
height:50px;
text-indent:100%;
font-size:0;
white-space:nowrap;
overflow:hidden;
}
.section-carousel .carousel .pager .previous,
.section-carousel .carousel .pager .previous a{
left:0;
}
.section-carousel .carousel .pager .previous a:hover{
background-position:0 -50px;
}
.section-carousel .carousel .pager .next,
.section-carousel .carousel .pager .next a{
background-position:-25px 0;
right:0;
}
.section-carousel .carousel .pager .next a:hover{
background-position:-25px -50px;
}



/* .section-form（フォーム）
--------------------------------------*/
.section-form .input-xsmall{
width:42px;
}
.section-form .input-small{
width:52px;
}
.section-form .input-medium{
width:92px;
}
.section-form .input-large{
width:212px;
}
.section-form .input-xlarge{
width:90%;
}
.section-form .input-xxlarge{
height:30px;
font-size:1.5em;
}

.section-form .help{
font-size:.917em;
color:#999;
}
.section-form span.help{
margin-left:5px;
}
.section-form .error{
font-size:.917em;
color:#f00;
}


/* 選択肢 */
.section-form .choices{
list-style:none;
padding:0;
}
.section-form .choices li{
margin:15px 0;
}
.section-form .choices li .choice{
display:block;
margin-bottom:10px;
background:#eef9c8;
padding:4px 10px;
font-weight:normal;
}
.section-form .choices li .choice .icon {
display: inline-block;
margin-right: 4px;
padding: 0 4px;
border-radius: 2px;
font-size: 10px;
font-weight: bold;
font-style: normal;
color: #fff;
background: #ff0368;
}
.section-form .choices li .choice span {
display: block;
padding-left: 16px;
font-size: 0.833em;
}
.section-form .choices li p{
margin:10px 0;
}
.section-form .choices li p + .table-form{
background:none;
margin-top:-10px;
margin-bottom:-10px;
}


/* ボタン */
.section-form p.button{
position:relative;
}
* html .section-form p.button{zoom:1;}/*IE6*/

.section-form p.button .revise{
position:absolute;
left:0;
}



/* 最近チェックした商品
--------------------------------------*/
#recentHistory{
background:#f7f78e url(../img/bg_sprite_recent-history.png) repeat-x 0 0;
}
/* clearfix START */
#recentHistory:before,
#recentHistory:after{content:'';display:table;}
#recentHistory:after{clear:both;}
#recentHistory{zoom:1;}
/* clearfix END */

#recentHistory .heading{
float:left;
margin:0 5px 0 0 !important;
}
#recentHistory .items{
margin:0 !important;
background:url(../img/bg_sprite_recent-history.png) repeat-x 0 -50px;
width:540px;
height:40px;
padding-top:5px;
overflow:hidden;
}
#recentHistory .items .item{
margin-right:5px;
background:#fff;
width:auto;
}
#recentHistory .items .item a,
#recentHistory .items .item img{
float:left;
}

/* 1カラム・固定版 */
.layout1-1 #recentHistory .items{
width:765px;
}

/* 2カラム・リキッド版 */
.layout2-2 #recentHistory .items{
width:auto;
}





/*--------------------------------------------------------------------

	5-2	サブ

--------------------------------------------------------------------*/
.layout2-1 #sub .section,
.layout2-2 #sub .section,
.layout2-3 #sub .section{
margin-top:15px;
margin-bottom:15px;
}
#sub .section h2,
#sub .section p,
#sub .section ul{
margin-top:10px;
margin-bottom:10px;
}


/* 緑枠版 */
#sub .section-sub{
background:#090 url(../img/bg_sprite_background.png) no-repeat -4610px 100%;
width:220px;
padding:5px;
}
#sub .section-sub .heading{
margin:-5px -5px 0;
background:url(../img/bg_sprite_background.png) no-repeat -4380px 0;
padding:5px 10px 4px;
font-size:1em;
color:#fff;
}
#sub .section-sub .inner{
background:#ffffea;
width:200px;
padding:1px 10px;
}
#sub .section-sub .links li{
margin-top:6px;
margin-bottom:6px;
}
* html #sub .section-sub,
* html #sub .section-sub .heading{background-image:none !important;}/*IE6*/



/* .categories（商品カテゴリーから探す）
--------------------------------------*/
#sub .categories{
position:relative;
z-index:1;
margin:-32px 0 0;
width:230px;
}
#sub .categories dt{
text-align:center;
}
#sub .categories dd{
margin:0;
background:#9c0 url(../img/bg_sprite_background.png) no-repeat -4610px 100%;
padding:5px 4px 4px;
zoom:1;
}
* html #sub .categories dd{background-image:none !important;zoom:1;}/*IE6*/

#sub .categories ul{
list-style:none;
margin:0;
border:1px solid #9c0;
border-top:none;
padding:0;
}

#nav .categories li,
#sub .categories li{
border-top:1px solid #9c0;
font-weight:bold;
position: relative;
}

#nav .categories li .toggle-btn,
#sub .categories li .toggle-btn {
display: block;
position: absolute;
top: 0px;
right: 0px;
width: 30px;
height: 39px;
background:url(../img/btn_toggle_off.png)  no-repeat scroll 50% 50% transparent;
cursor: pointer;
outline: 0;
border: none;
}
#nav .categories li .toggle-btn.open,
#sub .categories li .toggle-btn.open {
background-image:url(../img/btn_toggle_on.png);
}

#sub .categories .value{
font-weight:normal;
font-size:.917em;
color:#888;
white-space:nowrap;
}

#nav .categories li.first >  a,
#sub .categories.category li.first >  a{
display:block;
padding: 10px 29px 10px 10px;
}

#sub .categories.usecase li a{
display:block;
padding: 10px 22px 10px 10px;
}

#sub .categories.category ul.second > li > a{
display:block;
padding: 0 3px 0 0;
}


/* 2階層 */
#nav .categories li ul,
#sub .categories li ul{
/*margin:10px -22px -10px -10px;*/
border:none;
background-image:none;
padding:0 0 5px 10px;
cursor:default;
}
#nav .categories li li,
#sub .categories li li{
border:none;
margin:0 0 3px;
background:url(../img/ico_arrow04.gif) no-repeat 4px .45em;
padding:0 0 0 12px;
font-weight:normal;
cursor:default;
}
#sub .categories li li .value{
color:#333;
}
#sub .categories li li a .value{
color:#060;
}
#sub .categories li li a:hover .value{
color:#090;
}

/* 3階層 */
#sub .categories li li ul{
margin:0;
padding:0;
}
#sub .categories li li li{
margin:3px 0;
font-size:.917em;
}
#sub .categories li li li a{
	display: block;
}
#sub .categories li li li a,
.categories li li li a .value{
color:#090;
}
#sub .categories li li li .value{
font-weight:normal;
}

/* 4階層 */
#sub .categories li li li li{
font-size:100%;
}


/* SEO 追加版 */
#sub .categories{
/*
position:static;
*/
margin:0 0 20px;
}
#sub .categories:first-child{
margin-top:0px;
}
#sub .categories .title{
margin-top:0;
margin-bottom:0;
text-align:center;
font-size:1.2em;
}
#sub .categories.category .title,
#sub .categories.maker .title,
#sub .categories.usecase .title{
padding:10px 5px 5px;
border-radius:4px 4px 0 0;
background:#9c0;
background-image:-moz-linear-gradient(#b8eb4a, #9c0 100.0%);
background-image:-webkit-linear-gradient(#b8eb4a, #9c0 100.0%);
background-image:-o-linear-gradient(#b8eb4a, #9c0 100.0%);
background-image:-ms-linear-gradient(#b8eb4a, #9c0 100.0%);
background-image:linear-gradient(#b8eb4a, #9c0 100.0%);
}
#sub .categories.category .title {
color: #060;
}
#sub .categories.category .title.extop {
	display: none
}
#sub .categories.category .title.top {
	display: block;
}
#sub .categories .title a{
display:block;
padding-left:20px;
background:url(../img/ico_arrow07.gif) no-repeat left center;
text-align:left;
text-decoration:underline;
}
#sub .categories .title a:hover{
text-decoration:none;
}
#nav .categories dd.dropdown-menu{
}
#sub .categories .body{
margin:0;
border:5px solid #9c0;
border-radius:0 0 4px 4px;
background:#ffffea;
zoom:1;
}
#sub .categories h3{
margin:0 0 5px;
padding:10px 10px 0;
font-size:1em;
}
#sub .categories ul{
border:none;
}
#sub .categories.maker .cat ul{
overflow:hidden;
padding:0 0 10px 10px;
border-bottom:1px solid #9c0;
zoom:1;
}
#sub .categories.maker .pickup ul{
padding-bottom:10px;
}
#sub .categories strong{
color:#060;
}
#nav .categories .handmaid,
#sub .categories .handmaid{
padding-left:50px;
background-image:url(../img/ico_handmaid.gif);
background-position:10px 50%;
background-repeat: no-repeat;
}
#nav .categories .art-meter,
#sub .categories .art-meter{
padding-left:50px;
background-image:url(../img/ico_art-meter.jpg);
background-position:10px 50%;
background-repeat: no-repeat;
}
#sub .categories .value{
/*margin-left:0.5em;*/
}
#sub .categories.maker .cat li{
float:left;
margin:5px 10px 0 0;
padding:0;
border:none;
background-image:none;
}
#sub .categories.maker .pickup li{
margin:0 0 2px;
padding:0 0 0 10px;
border:none;
background:none;
}
#sub .categories.usecase li{
font-weight:bold;
}
#sub .categories.maker li a{
padding-left:8px;
background:url(../img/ico_arrow04.gif) no-repeat 0 50%;
}
#sub .categories.maker .cat li a{
white-space:nowrap;
}
#sub .categories.maker .pickup li a{
display:block;
}
#sub .categories.usecase li a{
color:#333;
}



/* #subRecentHistory（最近チェックした商品）
--------------------------------------*/
#subRecentHistory.related .heading2{
margin-bottom:0!important;
}
#subRecentHistory.related .body{
padding:10px;
border:1px solid #007130;
border-top-style:none;
}
#subRecentHistory.related .body .section-lead{
margin:0!important;
padding:0!important;
border-bottom:none;
}
#subRecentHistory.related .items{
margin:0;
}
#subRecentHistory.related .item{
display:block;
float:none;
width:auto;
position:relative;
margin-top:9px;
padding-top:9px;
padding-left:70px;
/*border-top:1px dotted #ccc;*/
background:url(../img/bg_border_dotted_bbb.gif) repeat-x left top;
}
#subRecentHistory.related .item .name,
#subRecentHistory.related .item .price{
margin-top:0;
}
#subRecentHistory.related .item .name img{
position:absolute;
left:0;
top:9px;
width:60px;
height:60px;
}



/* #subRecommend（あなたにイイカモ！）
--------------------------------------*/
#subRecommend{
background:#fafac0 url(../img/bg_sprite_background.png) no-repeat -4610px 100%;
padding:0 10px 10px;
width:210px;
}
* html #subRecommend{background-image:none !important;}/*IE6*/

#subRecommend .heading{
margin:0 -10px !important;
}
#subRecommend .items{
margin:0 !important;
}
#subRecommend .item{
margin-top:10px;
width:210px;
}
#subRecommend .item .figure{
float:left;
margin:0;
}
#subRecommend .item .figure ~ .name,
#subRecommend .item .figure ~ .price{
margin-left:78px;
}
#subRecommend .item .name{
margin-top:0;
margin-bottom:0;
}
#subRecommend .item .price{
margin-top:2px;
margin-bottom:0;
}



/* #specials ※SEO 追加版
--------------------------------------*/
#sub #specials .heading2{
margin-bottom:0;
}
#sub #specials .body{
padding:15px 10px;
border:1px solid #007130;
border-top:none;
text-align:center;
}
#sub #specials .banner{
margin:0;
}
#sub #specials .banner li{
margin:0 0 10px;
}
#sub #specials .banner img{
display:block;
margin:0 0 5px;
}
#sub #specials .more{
margin:20px 0 0;
text-align:center;
font-weight:bold;
}
#sub #specials .more a{
padding:0;
background:none;
text-decoration:none!important;
}
#sub #specials .more a:hover{
text-decoration:underline!important;
}





/*--------------------------------------------------------------------

	6	フッター

--------------------------------------------------------------------*/

footer {
font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic";
min-width: 1000px;
clear:both;
}
footer h1, footer h2{
margin: 0;
font-size: inherit;
}

/* go page top
--------------------------------------*/
#go-page-top{
position:-webkit-sticky;
position: sticky;
bottom: 49px;
height: 0px;
overflow: visible;
text-align: right;
min-width: 1000px;
}
#go-page-top button{
width:50px;
height:50px;
padding:0;
transform:translateY(-50%);
outline: none;
background: transparent;
border: 0;
margin-right: 24px;
bottom: 0;
right: 0;
}
#go-page-top button:hover circle{
fill:#50AC59;
}
#go-page-top button:active circle{
fill:#004022;
}

#direct-item-detail-body #go-page-top,
#item-detail-body #go-page-top {
bottom: calc(104px + 49px);
}
#direct-item-detail-body #go-page-top button,
#item-detail-body #go-page-top button{
bottom: 104px;
}

/* head
--------------------------------------*/
#footer{
border-top: 1px solid #4d4d4d;
border-bottom: 1px solid #4d4d4d;
padding: 56px 0 0 0
}
footer a{
color:#007236;
}
footer a:focus, footer a:visited {
color:#004022;
}
footer a:hover{
color:#50ac59;
}
#footer .inner{
min-width:610px;
padding:0;
margin:0 auto;
}
#footer .head{
display:flex;
justify-content:center;
margin-bottom:64px;
}
#footer .head .logo{
margin-right:64px;
}
#footer .head .snsTitle{
font-weight:bold;
margin-bottom:16px;
}
#footer .head .snsList{
display:flex;
align-items:center;
}
#footer .head .snsList ul{
display:flex;
list-style:none;
padding:0;
margin:0;
}
#footer .head .snsList li{
margin-right:16px;
}
#footer .head .snsList li a{
display:flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
}
#footer .head .snsList li a:focus path{
fill:#000000;
}
#footer .head .snsList li a:hover path{
fill:#007236;
}
#footer .head .snsList li a:active path{
fill:#004022;
}
#footer .head .snsLink a{
font-size:16px;
}

/* navi
--------------------------------------*/
#footer .naviContainer{
display:flex;
justify-content:space-between;
max-width: 610px;
margin:0 auto 22px;
}
#footer .naviBox{
margin:0;
}
#footer .naviBox .title{
font-weight:bold;
margin-bottom:14px;
}
#footer .naviBox ul{
list-style:none;
padding:0;
margin:0;
}
#footer .naviBox li{
margin-bottom:10px;
}
#footer .naviBox li a{
display:block;
}
#footer .bottomNavi{
text-align:center;
max-width: 610px;
margin:0 auto 32px;
padding:0;
}
#footer .bottomNavi li{
display:inline-block;
margin:0 10px;
}

/* international
--------------------------------------*/
#footer-international .inner{
max-width:610px;
padding:0;
margin:0 auto;
}
#footer-international .languageBox{
text-align:center;
margin:32px 0;
}
#footer-international .languageBox .title{
display:inline-block;
font-weight:bold;
margin-right:5px;
}
#footer-international .languageBox ul{
display:inline-block;
list-style:none;
text-align:center;
padding:0;
margin:0;
}
#footer-international .languageBox li{
display:inline-block;
margin:0 12px;
}
#footer-international .languageBox li:first-child{
margin-left:0;
}
#footer-international .guide{
text-align:center;
margin:32px 0;
}

/* copyright
--------------------------------------*/
#footer-copyright{
background-color:#004022;
}
#footer-copyright .inner{
min-width:980px;
max-width:1280px;
margin: 0 auto;
}
#footer-copyright small{
display: inline-block;
color:#fff;
font-size:12px;
padding: 8px 8px 8px 16px;
}