/* 目次 JUICYGARDEN */

/* 2-6 機能パーツ：商品カテゴリ */
/* 2-7 グリッドナビ（スタイル:gridnav） */
/* 2-10 カテゴリ・商品詳細ページ 見出し部下線 */
/* 2-11 機能パーツ：テキスト */
/* 2-12 見出し */
/* 2-13 ドットリーダー */

/* 3-1 Header*/
/* 3-1-1 サイトロゴ */
/* 3-1-2 メインスライダー */
/* 3-2-1 SP上バナー */
/* 3-2-2 ピックアップバナー */
/* 3-2-3 ピックアップバナー下 */
/* 3-2-4 表札について */
/* 3-2-5 新商品 */
/* 3-2-6 ランキング */
/* 3-2-7 おすすめ商品 */
/* 3-2-8 はらっぱギャング */
/* 3-2-9 新着記事読み込み（WordPress）*/
/* 3-2-10 長期休業案内 */
/* 3-2-11 whyKnot */

/* 3-3 Aside*/
/* 3-3-1 レビューコンテスト */
/* 3-3-2 商品検索 */
/* 3-3-3 カテゴリー*/
/* 3-3-4 バナーBOTTOM */

/* 3-4 Footer*/
/* 3-4-1 スタッフ紹介 */
/* 3-4-2 ショップインフォメーション */
/* 3-4-3 SPソーシャルメニュー */
/* 3-4-4 Page Top Btn */
/* 3-4-5 CopyRight */
/* 3-4-6 カテゴリーモーダル */
/* 3-4-7 フッター商品一覧 */
/* 3-4-8 フッターフラップバナー */
/* 3-4-9 フッター新生活バナー */
/* 3-4-10 取り付けサービスバナー */

/* 4-0 Page-Content */
/* 4-1 Archive Page */
/* 4-1-1 Free Area */
/* 4-1-2 Pankuzu List*/
/* 4-1-3 Category View Mode */
/* 4-1-4 Item PR Setting */
/* 4-1-5 Cart Button */
/* 4-1-6  Archive List Item */
/* 4-1-8 Deliveries Table */
/* 4-1-9 カテゴリーページ (discription) */
/* 4-1-9-1 ナビゲーション */
/* 4-1-9-2 カテゴリー */
/* 4-1-9-3 当店セレクト */
/* 4-1-9-4 ロングセラー */
/* 4-1-9-5 注目アイテム */
/* 4-1-9-6 関連特集 */
/* 4-1-9-7 価格で選ぶポスト一覧 */
/* 4-1-9-8 カラーで選ぶポスト一覧 */
/* 4-1-9-9 カテゴリー内カテゴリー一覧 */
/* 4-1-9-10 ガーデンカテゴリーバナー */
/* 4-1-9-11 プランター・ポット・鉢カテゴリーバナー */
/* 4-1-9-12 おしゃれ物置・屋外収納カテゴリー 5つのポイント */
/* 4-1-9-13 ユーロ物置 */
/* 4-1-9-14 ハローキティ ガーデンコレクション */
/* 4-1-9-15 表札カテゴリーバナー */
/* 4-1-9-17 素材で選ぶポストカテゴリー */
/* 4-1-9-18 ポストブランドリスト */
/* 4-1-9-20 ポスト＆表札セット */
/* 4-1-9-21 郵便ポスト｜スタンド一体型のポスト 一覧 */
/* 4-1-9-22 取り付けサービス */
/* 4-1-9-23 宅配ボックス */
/* 4-2 商品詳細ページ */

/* item page */
/* 4-2-0 Item 詳細 */
/* 4-2-1 Item IMAGE */
/* 4-2-2 Item Name */ 
/* 4-2-3 Order Area */
/* 4-2-4 Item Page Titile */
/* 4-2-5 Item Explanation */
/* 4-2-6 Item BuyForm */
/* 4-2-7 System Button */
/* 4-2-8 Item Text */
/* 4-2-9 Item Gallary */
/* 4-2-10 Review */
/* 4-2-11 旧関連商品 */
/* 4-2-12　関連商品 */
/* 4-2-13　レビューコンテストページ */
/* 4-2-14 Item page Title */
/* 4-2-15 導入実績（イリス） */
/* 4-2-16 happyvoice */
/* 4-2-17 説明書DLバナー */

/* 4-3 Free Page */
/* 4-3-1 TOP PAGE */
/* 4-3-2 ABOUT */
/* 4-3-4 FAQ */
/* 4-3-5 INFO */
/* 4-3-6 PRIVACY POLICY */
/* 4-3-7 DISCLAIMER */

/* 4-4 Form Page */
/* 4-4-1 Cart Button Reset */
/* 4-4-2 Form Page */
/* 4-4-3 Form Confirm Page */
/* 4-4-4 Item Search Form */
/* 4-5 MyPage */
/* 購入履歴 */
/* マイページボタン */
/* 4-5-2 Member Profile Editor */
/* 4-5-3 Special Point */
/* 4-5-4 Coupon List */
/* 4-6 News Page */
/* マイページ（複数配送先編集画面）*/
/* NEW Cart */
/* カレンダー */

/* OPEN企画 */


/* 目次 whyKnot */

/* (wk)TOPページ */
/* (wk)商品検索 */
/* (wk)Order Area */
/* (wk)商品詳細 */


/* 目次 共通（SOTOYA） */

/* (SOTOYA)ヘッダー */
/* (SOTOYA)フッター */



/* 1-0 ALL Setting
 *----------------------------------------------------------------------*/
body,
input,
textarea { 
    background-color: #f5f5f5; 
    /*font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P　Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;*/
    /*font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;*/
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-weight: 400;
    color: #555;
}
#sysAll,
.layout_body {
    max-width: 100%;
    padding: 0;
}
#sysAll a img,
.layout_body a img {
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
#sysAll a:hover img,
.layout_body a:hover img {
    opacity: 0.8;
}
#sysMain, #sysAside, .layout_content, .layout_menu, #sysFotoer { padding: 5px !important;}
#sysWrap,
.layout_table {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    margin-bottom: 30px;
}
#sysMain,#sysAside .layout_content, .layout_menu { background-color: #fff;}
#sysHeader,#sysFooter{ padding: 0; margin: 0;}
#sysHeader{ background: #fff; margin-bottom:40px;}
#sysFooter {
    background-color: #fff;
    position: relative;
}
#sysFooter > div { 
    margin: 0 auto; 
}
#sysAside .opc_next_btn a:hover,
#sysFooter .bnr_box a:hover,
#sysFooter .bnr_other a:hover,
#sysFooter .opc_next_btn a:hover,
#sysFooter .t-harappagang section .next_bnr a:hover {
    opacity: 0.8;
}
#sysMain, .layout_content { line-height: 1.5;}
#sysMain article, .FS2_body_Goods_GoodsDetail .system_content { width:95%; margin: 0 auto;}
@media only screen and (min-width: 1023px) {
#sysMain article, .FS2_body_Goods_GoodsDetail .system_content { width:100%; margin: 0;}
}
#sysMain a:hover, .layout_content a:hover {color:#99cc33;}

/* 1-0 Wrapper Setting */
.h-sitelogo, .h-siteinfo, .h-siteinfo2,
.h-pcsubMenu, /*.h-pcmainMenu,*/
#sysWrap,
.layout_table,
.f-staff .sysContent,
.p-pagetop .sysContent,
.p-shopInfo {
    max-width: 1070px;
}


/* 1-1 Webkit appearance */
input[type=search],
input[type=submit] {
    -webkit-appearance: none;
}

/* 1-2 input Setting */
input[type=search] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    line-height: 2.5;
    padding-left: 5px;
    border: 1px solid #999;
    /*-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);*/
    /*-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);*/
    /*box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);*/
}
input[type=submit].sysSearchButton {
    background-color: #8eb15c;
    border: 0;
    color: #fff;
}
input[type=search]::-webkit-search-decoration {
    display: none;
}
input[type="radio"] {  
    -webkit-appearance: none;  
    display: inline-block;  
    vertical-align: middle;  
    width: 20px;  
    height: 20px;      
    margin-right: 5px;    
    border: 1px solid rgb(150,150,150);
    cursor: pointer;
    border-radius: 100%;
}
input[type="radio"]:checked{
    background: #666;
}


/* 1-3 Content setting */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
select { height: 30px;}
p { margin: 10px auto;}
h1,h2,h3,h4,h5,h6 { font-size: inherit;}

/* 1-4 Layout Setting */
/* Responsive Grid system */
.grid-row:after { 
	content: ""; 
	display: table; 
	clear: both; 
}
.grid-row { padding-bottom: 0em;}


/* DEFAULT COLUMN STYLES */
.grid-col { 
	display: block;
	float: left;
	margin-left: 2%;
}

.grid-col:first-child { margin-left: 0; }
.grid-col.col-span6:nth-child(2n+1) { margin-left: 0; }


.col-span1 { width: 8.33333333333%; }
.col-span2 { width: 16.6666666667%; }
.col-span3 { width: 25%; }
.col-span4 { width: 33.3333333333%; }
.col-span5 { width: 41.6666666667%; }
.col-span6 { width: 50%; }
.col-span7 { width: 58.3333333333%; }
.col-span8 { width: 66.6666666667%; }
.col-span9 { width: 75%; }
.col-span10 { width: 83.3333333333%; }
.col-span11 { width: 91.6666666667%; }
.col-span12 { width: 100%; }

.grid-col.col-span1 { width: 6.5%; }
.grid-col.col-span2 { width: 15.0%; }
.grid-col.col-span3 { width: 23.5%; }
.grid-col.col-span4 { width: 32.0%; }
.grid-col.col-span5 { width: 40.5%; }
.grid-col.col-span6 { width: 49.0%; }
.grid-col.col-span7 { width: 57.5%; }
.grid-col.col-span8 { width: 66.0%; }
.grid-col.col-span9 { width: 74.5%; }
.grid-col.col-span10 { width: 83.0%; }
.grid-col.col-span11 { width: 91.5%; }
.grid-col.col-span12 { width: 100%; }

.opc_next_btn {
    text-align: right;
}
.next_btn {
    text-align: right;
}
.next_btn a {
    font-size: 11px;
    text-decoration: none;
    /*background-color: #8eb15c;*/
    background-color: #ffa800;
    padding: 3px 20px 3px 12px;
    border-radius: 12px;
    display: inline-block;
    background-image: url(/img/icon/icon_arrow_w.png);
    background-repeat: no-repeat;
    background-position: 90%;
    /*border: 1px solid #8eb15c;*/
    border: 1px solid #ffa800;
    color: #fff;
    line-height: 1.6em;
}
.opc_next_btn a:hover {
    opacity: 0.8;
    color:#fff!important;;
}
.bnr_box {
    margin: 10px auto;
}
.bnr_box a {
    background-color: #5cb1b1;
    display: block;
    padding: 20px 20px 20px 10px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    background-image: url(../img/icon/icon_arrow_w.png);
    background-repeat: no-repeat;
    background-position: 98%;
}
.bnr_other {
    margin: 10px auto;
}
.bnr_other a {
    display: block;
    padding: 20px 20px 20px 10px;
    color: #555;
    text-decoration: none;
    font-size: 14px;
    border: 1px dotted #555;
}
h2.sysHeadline {
    font-size: 25px;
    font-weight: normal;
    margin: 60px 0 30px;
    border-bottom: solid 1px #666;
}
h2.sysHeadline span {
    font-size: 16px;
    padding-left: 1em;
}

/* 2-0 Function Parts
 *----------------------------------------------------------------------*/
/* 2-1 Clearfix */
.p-clearfix:after,
.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

/* 2-2 Holizontal Item Block */
.FS2_Recommend2_recommend ul,
.FS2_Recommend2_ranking_vertical tbody,
.sysContent .sysItemBlock .sysHorizontal {
    letter-spacing: -.4em;
    text-align: center;
}
.FS2_Recommend2_recommend ul li,
.FS2_Recommend2_ranking_vertical tr,
.sysContent .sysItemBlock .sysHorizontal li {
    width: 20%;
    float: none;
    display: inline-block;
    letter-spacing: normal;
    margin: 0;
    text-align: center;
    vertical-align: top;
}

/* 2-3 Vertical Item Block */

/* 2-4 Facebook */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span,
.widget_facebook_likebox iframe { width: 100% !important;}

/* 2-5 Button */
#sysMypageReminder #sysMain input[type=submit],
.layout_content input[type=submit],
.sysBackButton,
.sysNextSubmit {
    /*background: #5cb1b1;*/
    background-color: #fff;
    /*color: #fff;*/
    color: #999;
    border: 1px solid #999;
    /*border-color: transparent;*/
    border-radius: 5px;
    display: block;  
    padding: 10px 15px;  
    text-shadow: none;
    width: 100%;
    height: 50px;
    margin: 0 auto;
}
#sysMypageReminder #sysMain input[type=submit]:hover,
.layout_content input[type=submit]:hover,
.sysBackButton:hover,
.sysNumArea button:hover,
#sysSubmit input[type=submit]:hover,
.sysNextSubmit:hover {
    opacity:0.8;
    cursor: pointer;
}

/* 2-6 機能パーツ：商品カテゴリ */
.sysFuncItemCategory a {
    line-height: 1.75;
    border-bottom: 1px dotted #999;
}
.sysFuncItemCategory a:hover {
    background: #eee;
}

/* 2-7 グリッドナビ（スタイル:gridnav） */
.gridnav ul li:last-child { border-right: 0;}

/* 2-8 */

/* 2-9 */


/* 2-10 カテゴリ・商品詳細ページ 見出し部下線 */
/*#sysItemDetail #sysMain .sysItemName,*/
.sysExplanation > div > span,
/*.sysRetailPrice,*/
.sysReview > span { 
    border-bottom: 1px solid #000;
    position: relative;
    margin-bottom: 30px !important;
    margin-top: 0 !important;
}
/*.sysExplanation > div > span:before {
    content: '';
    border-bottom: 1px solid #5cb1b1;
    width: 20%;
    position: absolute;
}*/

.FS2_sort_menu_bg {
	margin-top: 60px;
}

/* 2-11 機能パーツ：テキスト */
#sysMain .sysContent h3 { /*border-bottom: 1px dashed lightgray;*/}
#sysMain .sysContent h3:before {
    /*content: "■";*/
    /*padding-right: 10px;*/
}

/* 2-12 見出し */
.headline-1st {
    font-size: x-large;
    font-weight: bold;
    border-bottom: 1px dotted rgb(212,212,212);
    padding: 5px;
}
.headline-2nd {
    font-size: large;
    font-weight: bold;
    border-bottom: 1px dotted rgb(212,212,212);
    padding: 5px;
    margin-left: 15px;
    
}
.headline-3rd {
    font-size: medium;
    font-weight: bold;
    border-bottom: 1px dotted rgb(212,212,212);
    padding: 5px;
    margin-left: 30px;
}

/* 2-13 ドットリーダー */

.dotted_line {
    width: 97%;
    border: 0;
    border-bottom: dotted 1px #666;
    margin: 10px auto;
}

/* 2-14 Bootstrap Buttons UI kit
.btn{text-decoration:none;display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active:focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default.active,.btn-default:active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary.active,.btn-primary:active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success.active,.btn-success:active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info.active,.btn-info:active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#999;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}
 */
 

/* 2-14 Responsive Grid System */
/*	12 COLUMN : RESPONSIVE GRID SYSTEM
	DEVELOPER : DENIS LEBLANC
	URL : http://responsive.gs
	VERSION : 3.0
	LICENSE : GPL & MIT */
.row:after, 
.col:after, { 
	content: ""; 
	display: table; 
	clear: both; 
}
.row { padding-bottom: 0em;}
/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float: left;
}
.span_1 { width: 8.33333333333%; }
.span_2 { width: 16.6666666667%; }
.span_3 { width: 25%; }
.span_4 { width: 33.3333333333%; }
.span_5 { width: 41.6666666667%; }
.span_6 { width: 50%; }
.span_7 { width: 58.3333333333%; }
.span_8 { width: 66.6666666667%; }
.span_9 { width: 75%; }
.span_10 { width: 83.3333333333%; }
.span_11 { width: 91.6666666667%; }
.span_12 { width: 100%; }

.gutters .col {	margin-left: 2%;}
.gutters .col:first-child { margin-left: 0; }
.gutters .span_1 { width: 6.5%; }
.gutters .span_2 { width: 15.0%; }
.gutters .span_3 { width: 23.5%; }
.gutters .span_4 { width: 32.0%; }
.gutters .span_5 { width: 40.5%; }
.gutters .span_6 { width: 49.0%; }
.gutters .span_7 { width: 57.5%; }
.gutters .span_8 { width: 66.0%; }
.gutters .span_9 { width: 74.5%; }
.gutters .span_10 { width: 83.0%; }
.gutters .span_11 { width: 91.5%; }
.gutters .span_12 { width: 100%; }

/* 3-0 Module
 *----------------------------------------------------------------------*/
/* 3-1 Header*/
.h-siteinfo, .h-siteinfo2 {
    position:relative;
    top: -20px;
    background-color: #fff;
}
.h-siteinfo h2, .h-siteinfo2 div {  
    color: #555;
    font-size: 11px;
    font-weight: normal;
}

/* 3-1-1 サイトロゴ */
.h-sitelogo {
    margin: 0 auto;
    background: #fff;
}
.h-sitelogo .sysContent {
    width: 200px;
    max-width: 50%;
}

/* 3-1-2 メインスライダー */
.h-mainSlider {
    margin-top: 20px;
}
.sp-selected-button {
    background-color: #fff !important;
}
.sp-buttons {
    padding-top: 0 !important;
    bottom: 0;
    position: absolute !important;
}
.sp-button {
    width: 80px;
    height: 8px;
    border: 0;
    border-radius: 0;
    margin: 4px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.7);
}

/* 3-1-3 */

/* 3-1-4 */


/* 3-1-5 */



/* 3-1-6 */

/* 3-1-7 */


/* 3-2 Main*/

/* 3-2-1  SP上バナー */
.t-spTopbnr {
    margin-bottom: 30px;
}
.t-spTopbnr .sysContent {
    padding: 0;
}
.t-spTopbnr ul:after {
    content: '';
    display: block;
    clear: both;
}
.t-spTopbnr ul.bnr_special li {
    width: 50%;
    float: left;
}
.t-spTopbnr ul.bnr_next li {
    margin-bottom: 10px;
}
/*
.t-spTopbnr ul.bnr_next li a {
    font-size: 13px;
    text-decoration: none;
    background-color: #5cb1b1;
    display: block;
    padding: 10px 20px;
    color: #fff;
    background-image: url(../img/icon/sp_icon_arrow.png);
    background-repeat: no-repeat;
    background-position: 95%;
    background-size: 8px;
}
*/
.t-spTopbnr ul.bnr_next li a {
    /*width: 90%;*/
    display: block;
    border: 2px solid #8eb15c;
    border-radius: 5px;
    background: white;
    text-align: center!important;
    text-decoration: none;
    color: #555;
    margin: 20px 20px 0;
    padding: 10px 15px;
    cursor: pointer;
}

/* 3-2-2 ピックアップバナー */
.t-pickupbnr {
    margin-bottom: 10px;
}
.t-pickupbnr ul:after {
    content: '';
    display: block;
    clear: both;
}
.t-pickupbnr li {
    width: 49%;
}
.t-pickupbnr li:first-child {
    float: left;
}
.t-pickupbnr li:last-child {
    float: right;
}

/* 3-2-3 ピックアップバナー下 */
.t-pickupbnrBottom {
    margin-bottom: 30px;
}
.t-pickupbnrBottom .sysContent {
    padding: 0;
}
.t-pickupbnrBottom li {}
.t-pickupbnrBottom figure {
    position: relative;
}
.t-pickupbnrBottom figure img {}
.t-pickupbnrBottom figcaption {
    position: absolute;
    top: 0;
    height: 96%;
    background-color: rgba(0, 0, 0, 0.6);
}
.t-pickupbnrBottom figcaption h3 {
    color: #fff;
    text-align: center;
    padding-top: 15px;
    font-size: 14px;
}
.t-pickupbnrBottom figcaption p {
    font-size: 11px;
    color: #fff;
    padding: 0 10px;
}
.t-pickupbnrBottom .sp li:nth-child(2n) figcaption {
    left: 50%;
}
.t-pickupbnrBottom .sp li:nth-child(2n+1) figcaption {
    right: 50%;
}

/* 3-2-4 表札について */
.t-nameplate {
    margin-bottom: 30px;
}
.t-nameplate .sysContent {
    padding: 0;
}
.t-nameplate section {
    margin-bottom: 20px;
}
.t-nameplate #about ul li:last-child {
    padding: 20px;
}
.t-nameplate #about ul li h2 {
    color: #35b2d8;
    font-weight: normal;
    font-size: 18px;
}
.t-nameplate #about ul li p {
    font-size: 13px;
    line-height: 2;
}
.t-nameplate #thumb ul li {
    margin-bottom: 10px;
}
.t-nameplate #thumb ul li a {
}
.t-nameplate #thumb ul li a img {
    width: 30%;
    vertical-align: top;
    display: inline-block;
}
.t-nameplate #thumb ul li a p {
    width: 70%;
    font-size: 12px;
    color: #666;
    padding: 0 10px;
    line-height: 1.8em;
    margin: 0;
    display: inline-block;
}
.t-nameplate #thumb ul li a p:hover {
    color:#99cc33;
}
.t-nameplate #list ul li a {
    font-size: 13px;
    color: #0986ba;
    display: block;
    text-decoration: none;
    background-color: #f5f5f5;
    margin-bottom: 5px;
    padding: 10px;
    background-image: url(../img/icon/icon_arrow.gif);
    background-repeat: no-repeat;
    background-position: 98%;
}
.t-nameplate #list ul li a:hover {
    color:#99cc33;
}

/* 3-2-5 新商品 */
.p-newItem {
    margin-bottom: 30px;
}
.p-newItem .sysContent {
    padding: 0;
}
.p-newItem .sysItemName {
    margin: 0;
    line-height: 1;
    text-align: left;
}
.p-newItem .sysItemName a {
    font-size: 11px;
    color: #666;
    text-decoration:none;
}
.p-newItem .sysItemPrice {
    font-size: 12px;
    text-align:right;
    margin: 5px;
}

/* 3-2-6 ランキング */
#ranking,
#ranking_sign,
.p-ranking {
    margin-bottom: 30px;
}
.p-ranking .sysContent {
    padding: 0;
}
.p-ranking .sysItemName {
    text-align:left;
    margin: 0;
    line-height: 1;
}
.p-ranking .sysItemName a {
    font-size: 11px;
    color: #666;
    text-decoration:none;
}
.p-ranking .sysItemPrice {
    font-size: 12px;
    text-align:right;
    margin: 5px;
}
.p-ranking .sysItemBlock .sysHorizontal li {
    position: relative;
}
.FS2_Recommend2_ranking_vertical td a:first-child:before,
.p-ranking .sysContent .sysIconRank {
    position: absolute;
	z-index: 2;
    right: 5px;
    top: 5px;
	width: 25px;
	height: 25px;
}
.FS2_Recommend2_ranking_vertical td a:first-child:before {
    right: 0;
    top: 0;
}
.FS2_Recommend2_ranking_vertical th {
	display: none;
}
.FS2_Recommend2_ranking_vertical td {
	padding: 0 !important;
	border: 0 !important;
}
.FS2_Recommend2_recommend ul li {
	border: 0 !important;
}
.FS2_Recommend2_recommend ul li a,
.FS2_Recommend2_ranking_vertical a {
	font-weight: normal !important;
	text-align: left;
	text-decoration: none;
	display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	color: #333 !important;
    overflow: hidden;
}
.FS2_Recommend2_recommend ul li a:first-child,
.FS2_Recommend2_ranking_vertical td a:first-child {
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: center;
}
.FS2_Recommend2_recommend ul li br:nth-child(2),
.FS2_Recommend2_ranking_vertical td br:nth-child(2) {
	display: none;
}
.FS2_Recommend2_recommend ul li a img,
.FS2_Recommend2_ranking_vertical a img {
	float: none !important;
	margin-bottom: 0 !important;
	width: auto !important;
}
.FS2_Recommend2_ranking_vertical tr:nth-child(1) a:first-child:before {	content: url(../img/icon/icon_ranking001.gif); }
.FS2_Recommend2_ranking_vertical tr:nth-child(2) a:first-child:before {	content: url(../img/icon/icon_ranking002.gif); }
.FS2_Recommend2_ranking_vertical tr:nth-child(3) a:first-child:before {	content: url(../img/icon/icon_ranking003.gif); }
.FS2_Recommend2_ranking_vertical tr:nth-child(4) a:first-child:before {	content: url(../img/icon/icon_ranking004.gif); }
.FS2_Recommend2_ranking_vertical tr:nth-child(5) a:first-child:before {	content: url(../img/icon/icon_ranking005.gif); }

.FS2_Recommend2_ranking_vertical .itemPrice,
.FS2_Recommend2_ranking_vertical .FS2_itemPrice_addition {
	display: inline-block;
}

.p-ranking .sysContent .sysItemImage {
    position: relative;
	z-index: 1;
}

/* 3-2-7 おすすめ商品 */
.t-recommendItem {
    margin-bottom: 30px;
}
.t-recommendItem .sysContent {
    padding: 0;
}
.t-recommendItem ul:after {
    content: '';
    display: block;
    clear: both;
}
.t-recommendItem ul li {
    width: 33.33333%;
    float: left;
    min-height: 180px;
}
.t-recommendItem ul li:nth-child(3n+1) {
	clear: both;
}
.t-recommendItem ul li a p {
    font-size: 11px;
    display: inline-block;
    color: #666;
    margin: 0 auto 20px;
    text-align: left;
    padding: 0 5px;
}
.t-recommendItem ul li a p:hover{
    color:#99cc33;
}

/* 3-2-8 はらっぱギャング */
.t-harappagang {
    margin-bottom: 30px !important;
}
.t-harappagang .sysContent {
    height: 260px;
    padding: 0;
    position: relative;
}
.t-harappagang section:after {
    content: '';
    display: block;
    clear: both;
}
.t-harappagang .image {
    overflow: hidden;
    width: 100%;
    float: none;
    height: 300px;
}
.t-harappagang .image img {
    width: 100%;
}
.t-harappagang section {
    text-align: center;
    width: 100%;
    float: none;
    position: absolute;
    top: 10px;
    max-width: 300px;
    left: 50%;
    margin-left: -150px;
    background-color: rgba(255, 255, 255, 0.7);
    padding-top: 10px;
    padding-bottom: 5px;
}
.t-harappagang section h2 {
    color: #35b2d8;
    font-size: 18px;
    text-align: center;
    margin: 0px auto;
}
.t-harappagang section h3 {
    font-size: 11px;
}
.t-harappagang section p {
    font-size: 10px;
    max-width: 300px;
    margin: 5px auto;
    padding: 0 30px;
}
.t-harappagang section .next_bnr a {
    background-color: #5cb1b1;
    display: block;
    padding: 8px;
    color: #fff;
    text-decoration: none;
    max-width: 220px;
    margin: 10px auto;
    background-image: url(../img/icon/icon_next.png);
    background-repeat: no-repeat;
    background-position: 10%;
}
.t-harappagang section > img {
    max-width: 60%;
}

/* 3-2-9 新着記事読み込み（WordPress）*/
/*
.t-newArticle .sysContent {
    padding: 0;
}
.t-newArticle ul:after {
    content: '';
    display: block;
    clear: both;
}
.t-newArticle ul li:after {
    content: '';
    display: block;
    clear: both;
}
.t-newArticle ul li {
    width: 50%;
    float: left;
}
.t-newArticle .thumbnail {
    width: 150px;
    max-width: 20%;
    float: left;
}
.t-newArticle .meta {
    max-width: 80%;
    float: left;
    padding: 0 15px;
}
.t-newArticle .meta p {
    margin: 0;
}
.t-newArticle .meta p a {
    font-size: 13px;
    text-decoration: none;
    color: #555;
}
 */

/* 3-2-9 新着記事読み込み（WordPress） */
.t-newArticle {
    margin-bottom: 30px;
}
.t-newArticle .sysContent {
    padding: 0;
}
.t-newArticle ul {
    text-align: center;
}
.t-newArticle ul:after {
    content: '';
    display: block;
    clear: both;
}
.t-newArticle ul li:after {
    content: '';
    display: block;
    clear: both;
}
.t-newArticle ul li {
    width: 23.6%;
    float: left;
    border: 1px solid #999;
    margin: 5px;
    padding: 10px;
}
.t-newArticle .thumbnail {

}
.t-newArticle .meta {

}
.t-newArticle .meta p {
    margin: 0;
    line-height: 1.4;
}
.t-newArticle .meta p a {
    font-size: 13px;
    text-decoration: none;
    color: #555;
}



/* 3-2-10 長期休業案内 */

.attention_longoff {
    width: 1048px;
    background: #eee;
    letter-spacing: 0.1em;
    margin: 15px auto 0px auto;
    padding: 10px;
}

.attention_longoff dt {
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    padding-bottom: 5px;
}

.attention_longoff dd {
    font-size: 14px;
    line-height: 160%;
    padding: 0 6px;
}



/* 3-2-11 whyKnot */
.t-whyknot {
    margin-bottom: 30px !important;
}
.t-whyknot .sysContent {
    height: 260px;
    padding: 0;
    position: relative;
}
.t-whyknot section:after {
    content: '';
    display: block;
    clear: both;
}
.t-whyknot .image {
    overflow: hidden;
    width: 100%;
    float: none;
    height: 300px;
}
.t-whyknot .image img {
    width: 100%;
}
.t-whyknot section {
    text-align: center;
    width: 100%;
    float: none;
    position: absolute;
    top: 10px;
    max-width: 300px;
    left: 50%;
    margin-left: -150px;
    background-color: rgba(255, 255, 255, 0.7);
    padding-top: 10px;
    padding-bottom: 5px;
}
.t-whyknot section h2 {
    color: #35b2d8;
    font-size: 18px;
    text-align: center;
    margin: 0px auto;
}
.t-whyknot section h3 {
    font-size: 11px;
}
.t-whyknot section p {
    font-size: 10px;
    max-width: 300px;
    margin: 5px auto;
    padding: 0 30px;
}
.t-whyknot section .next_bnr a {
    background-color: #5cb1b1;
    display: block;
    padding: 8px;
    color: #fff;
    text-decoration: none;
    max-width: 220px;
    margin: 10px auto;
    background-image: url(../img/icon/icon_next.png);
    background-repeat: no-repeat;
    background-position: 10%;
}
.t-whyknot section > img {
    max-width: 60%;
}



/* 3-3 Aside*/
/* 3-3-1 レビューコンテスト */
.s-spreview {
    margin-bottom: 20px;
}
.s-spreview .sysContent {
    padding: 0;
}
.s-spreview ul:after {
    content: '';
    display: block;
    clear: both;
}
.s-spreview .review li {
    width: 50%;
    float: left;
}
.s-spreview .apply {
    margin: 0;
}
.s-spreview .apply a {}

/* 3-3-2 商品検索 */
.s-pcsearch {
    margin: 10px 0;
}
.s-pcsearch .sysContent {
    padding: 0;
}
.s-pcsearch .sysItemSearchForm {
    background: transparent;
    padding: 5px;
}
.s-pcsearch .sysItemSearchFormWord {
    width: 78% !important;
    margin: 0;
}
.s-pcsearch .sysItemSearchFormWord input {
    float: left;
	margin: 0;
    height: 30px;
}
.s-pcsearch input[type=submit].sysSearchButton {
	margin: 0;
    font-size: 13px;
    height: 30px;
    width: 19%;
    border-radius: 0;
    vertical-align: top;
}
.sysSearchButton:hover {
    cursor: pointer;
}

/* 3-3-3 カテゴリー*/
.s-pccategory {
    margin-bottom: 30px;
}
.s-pccategory .sysContent {
    background: #eee;
    padding: 15px;
}
.s-pccategory ul:after {
    content: '';
    display: block;
    clear: both;
}
.s-pccategory ul li {
    background: #fff;
    margin-bottom: 10px;
}
.s-pccategory ul li:nth-child(1n) {
    width: /*45%*/47%;
    float: left;
}
.s-pccategory ul li:nth-child(2n) {
    width: /*45%*/47%;
    float: right;
}
.s-pccategory ul li:nth-last-child(1) {
    margin-bottom: 0;
}
.s-pccategory ul li a {
    color: #666;
    text-decoration: none;
    font-size: 13px;
    text-indent: 1em;
    display: block;
    background-repeat: no-repeat;
    background-position: 100%;
    padding: 8px 0;
    background-size: 8%;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
}
.s-pccategory ul li a.check_it {
    background: url(../img/icon/icon_check_it.png) no-repeat right 16px top 5px !important;
}
.s-pccategory ul li:first-child a {
    /*background-image: url(../img/icon/sp_icon_category001.gif);*/
    background-size: 15%;
}
.s-pccategory ul li:nth-child(2) a {
    /*background-image: url(../img/icon/sp_icon_category002.gif);*/
}
.s-pccategory ul li:nth-child(3) a {
    /*background-image: url(../img/icon/sp_icon_category003.gif);*/
}
.s-pccategory ul li:nth-child(4) a {
    /*background-image: url(../img/icon/sp_icon_category004.gif);*/
}
.s-pccategory ul li:nth-child(5) a {
    /*background-image: url(../img/icon/sp_icon_category005.gif);*/
}
.s-pccategory ul li:nth-child(6) a {
    /*background-image: url(../img/icon/sp_icon_category006.gif);*/
    background-size: 5%;
}
.s-pccategory ul li:nth-child(7) a {
    /*background-image: url(../img/icon/sp_icon_category007.gif);*/
}
.s-pccategory ul li:nth-child(8) a {
    /*background-image: url(../img/icon/sp_icon_category008.gif);*/
}
.s-pccategory ul li:nth-child(9) a {
    /*background-image: url(../img/icon/sp_icon_category009.gif);*/
}
.s-pccategory ul li:nth-child(10) a {
    /*background-image: url(../img/icon/sp_icon_category010.gif);*/
}
.s-pccategory ul li:nth-child(11) a {
    /*background-image: url(../img/icon/sp_icon_category011.gif);*/
    background-size: 12%;
}
.s-pccategory ul li:nth-child(12) a {
    /*background-image: url(../img/icon/sp_icon_category012.gif);*/
}
/*
.s-pccategory ul li:nth-child(12)>a,
.s-pccategory ul li:nth-child(17)>a {
	line-height:1;
}
*/
.s-pccategory ul li:nth-child(13) a {
    /*background-image: url(../img/icon/sp_icon_category013.gif);*/
    background-size: 12%;
}
.s-pccategory ul li:last-child a {
    /*background-image: url(../img/icon/sp_icon_category014.gif);*/
}

/* 3-3-4 バナーBOTTOM */
s-pcbnrBottom {
    margin-bottom: 30px;
}
.s-pcbnrBottom .column {
    border: 2px solid #8eb15c;
    padding: 8px 10px;
}
.s-pcbnrBottom .column h3 {
    line-height: 1.3;
    border-left: 3px solid #8eb15c;
    padding-left: 5px;
}
.s-pcbnrBottom .column h3 span {
    font-size: 14px;
    display: block;
}
.s-pcbnrBottom .column h3 strong {
    font-size: 18px;
}
.s-pcbnrBottom .column ul li {
    margin: 10px 0;
}
.s-pcbnrBottom .column ul li a {
    font-size: 13px;
    text-decoration: none;
    color: #666;
    background-image: url(../img/icon/icon_arrow.gif);
    display: block;
    background-repeat: no-repeat;
    background-position: 100%;
}
.s-pcbnrBottom .column ul li a:hover {
    color:#99cc33;
}

/* 3-4 Footer*/

/* 3-4-1 スタッフ紹介 */
.f-staff {
    background-image: url(../img/common/pc_bg_staff.jpg);
    margin-bottom: 30px !important;
}
.f-staff .sysContent {
    margin: auto;
}
.f-staff h2 {
    color: #fff;
    font-size: 26px;
    text-align: center;
    padding: 20px 0;
    text-shadow: 0px 0px 3px black;
}
.f-staff ul {}
.f-staff ul:after {
    content: '';
    display: block;
    clear: both;
}
.f-staff ul li {
    width: 25%;
    float: left;
    padding: 5px;
}
.f-staff ul li figure {
    text-align: center;
}
.f-staff ul li figure img {
    width:100px;
}
.f-staff ul li figcaption {
    color: #fff;
    font-size: 13px;
    text-shadow: 0 0 3px black;
    padding-left: 8px;
}

/* 3-4-2 ショップインフォメーション */
.p-shopInfo {
    margin-top: 60px!important;
}
.p-shopInfo section {
    padding: 8px;
}
.p-shopInfo section#payment {}
.p-shopInfo section#delivery {}
.p-shopInfo section#return {}
.p-shopInfo section#bnr {}
.p-shopInfo section p {
    line-height: 1.8;
}
.p-shopInfo section p.icon {
    text-align: center;
    height: 60px;
}
.p-shopInfo section p img {}
.p-shopInfo section h2 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
}
.p-shopInfo section strong {
    font-size: 14px;
}
.p-shopInfo section .red {
    color: #dc2323;
}
.p-shopInfo section .sotoya a {
    background-image: url(../img/icon/icon_sotoya.gif);
    background-repeat: no-repeat;
    background-position: 98%;
    background-size: 30px;
}
.p-shopInfo section .webcatalog a {
    background-image: url(../img/icon/icon_webcatalog.gif);
    background-repeat: no-repeat;
    background-position: 98%;
    background-size: 30px;
}
.p-shopInfo section .download a {
    background-image: url(../img/icon/icon_download.gif);
    background-repeat: no-repeat;
    background-position: 98%;
    background-size: 30px;
}

/* 3-4-3 SPソーシャルメニュー */
.f-spsns {
    padding: 0 1px;
}
.f-spsns .sysContent {}
.f-spsns ul {
    padding: 10px;
    background-color: #f0f0f0;
    border-radius: 10px;
    /*box-shadow: 0 0 3px 0 #c9c9c9;*/
}
.f-spsns ul:after {
    content: '';
    display: block;
    clear: both;
}
.f-spsns ul li {
    width: 25%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
.f-spsns ul li a {
    font-size: 11px;
    text-decoration: none;
}
.f-spsns ul li a img {
    width: 30px;
    vertical-align: middle;
}
.f-spsns ul li a p {
    margin: 5px auto;
}

/* 3-4-4 Page Top Btn */
.p-pagetop .pagetop img {
    position: fixed;
	width: auto;
	z-index: 99;
    bottom: 5px;
    right: 10px;
}

/* 3-4-4x Cart In Btn */
.p-cart_in .cart_in img {
    position: fixed;
    bottom: 75px;
    right: 10px;
}

/* 3-4-5 CopyRight */
.f-copyright {
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
    background-color: #8eb15c;
}

/* 3-4-6 カテゴリーモーダル */
.remodal {}
.remodal ul {}
.remodal ul li {
    width: 50%;
    border-bottom: dotted 1px #ccc;
    text-align: left;
    float: left;
}
.remodal ul li:nth-child(2n-1) {
    border-right: dotted 1px #ccc;
}
.remodal ul li a {
    background-repeat: no-repeat;
    background-position: /*100%*/95%;
    display: block;
    font-size: 12px;
    padding: 6px;
    text-decoration: none;
    color: #0986ba;
    background-size: 8%;
}

.remodal ul li:first-child a {
    /*background-image: url(../img/icon/sp_icon_category001.gif);*/ /* セット */
    background-size: 15%;
}
.remodal ul li:nth-child(2) a {
    /*background-image: url(../img/icon/sp_icon_category002.gif);*/ /* 表札 */
}
.remodal ul li:nth-child(3) a {
    /*background-image: url(../img/icon/sp_icon_category003.gif);*/ /* ポスト */
}
.remodal ul li:nth-child(4) a {
    /*background-image: url(../img/icon/sp_icon_category004.gif);*/ /* インターフォンカバー */
}
.remodal ul li:nth-child(5) a {
    /*background-image: url(../img/icon/sp_icon_category005.gif);*/ /* 物置 */
}
.remodal ul li:nth-child(6) a {
    /*background-image: url(../img/icon/sp_icon_category006.gif);*/ /* 門柱 */
    background-size: 5%;
}
.remodal ul li:nth-child(7) a {
    /*background-image: url(../img/icon/sp_icon_category007.gif);*/ /* 水周り */
}
.remodal ul li:nth-child(8) a {
    /*background-image: url(../img/icon/sp_icon_category008.gif);*/ /* 照明 */
}
.remodal ul li:nth-child(9) a {
    /*background-image: url(../img/icon/sp_icon_category009.gif);*/ /* エクステリア */
}
.remodal ul li:nth-child(10) a {
    /*background-image: url(../img/icon/sp_icon_category010.gif);*/ /* ファニチャ */
}
.remodal ul li:nth-child(11) a {
    /*background-image: url(../img/icon/sp_icon_category011.gif);*/ /* ガーデニング */
    background-size: 12%;
}
.remodal ul li:nth-child(12) a {
    /*background-image: url(../img/icon/sp_icon_category012.gif);*/ /* 外遊び */
}
.remodal ul li:nth-child(13) a {
    /*background-image: url(../img/icon/sp_icon_category013.gif);*/ /* インテリア */
    background-size: 12%;
}
.remodal ul li:last-child a {
    /*background-image: url(../img/icon/sp_icon_category014.gif);*/ /* キティ */
}

.f-categoryModal .sysContent {
    padding: 0;
}

/* 3-4-8 フッターフラップバナー */
.footer_flap_banner {
    display: block;
    max-width: 1050px;
    margin-bottom: 60px;
}
.footer_flap_banner:after { /*floatの解除*/
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:"";
}
.footer_flap_banner a {
    display: inline-block;
    padding: 10px 0 0 10px;
    float: left;
}
.footer_flap_banner .size_l {
    width: 33%;
    overflow: hidden;
}
.footer_flap_banner .size_m {
    width: 21.97%;
}
.footer_flap_banner .size_m .size_s {
    width: 50%;
}
.size_m_box {
    display: inline-block;
    float: left;
}
.footer_flap_banner .size_s {
    width: 11%;
}
.footer_flap_banner a img {
    width: 100%;
    vertical-align:bottom;
}

/* 3-4-9 フッター新生活バナー */
#sysFooter .newlife_bnr_pc {
    max-width:1050px;
    margin:0 auto 40px;
    padding: 10px;
}
#sysFooter .newlife_bnr_pc .sysContent:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}
#sysFooter .newlife_bnr_pc a {
    display: inline-block;
    width: 49.48%;
}
@media screen and (max-width:767px){
#sysFooter .newlife_bnr_pc a {
    width: 100%;
	margin: 10px 0;
}
}
#sysFooter .newlife_bnr_pc a:nth-of-type(odd) {
    float: left;
}
#sysFooter .newlife_bnr_pc a:nth-of-type(even) {
    float: right
}
#sysFooter .newlife_bnr_pc a img {
    vertical-align: bottom;
}

/* 3-4-10 取り付けサービスバナー */
.installation div, .installation p, .installation span, .installation img { margin: 0; padding: 0; line-height: 1em;}

.installation {
	display: block;
	max-width: 1050px;
	box-sizing: border-box;
	background: #fcf7f0;
	padding: 20px;
	margin: 0 auto;
}
.installation::after {
	content: "";
	display: block;
	clear: both;
}
.installation p:nth-of-type(1) {
	display: table-cell;
	width: 320px;
	height: 100px;
	letter-spacing: 0.2em;
	text-align: center;
	vertical-align: middle;
	float: left;
}
.installation p:nth-of-type(2) {
	box-sizing: border-box;
	width: 690px;
	text-align: center;
	border-left: 2px dotted #468fbe;
	float: left;
}
.installation p:nth-of-type(1) span:nth-of-type(1) {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin-top:5px;
}
.installation p:nth-of-type(1) span:nth-of-type(2) {
	display: block;
	font-size: 30px;
	font-weight: bold;
	color: #468fbe;
	margin-top:15px;
}
.installation p:nth-of-type(1) span:nth-of-type(3) {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #ffa800;
	margin-top:15px;
}
.installation p:nth-of-type(2) a {
	display: block;
	width:320px;
	margin-left:22px;
	float: left;
}
.installation p:nth-of-type(2) a img {
	width: 100%;
}


/* 4-0 Page-Content
 *----------------------------------------------------------------------*/
/* 4-1 Archive Page */
/* 4-1-1 Free Area */

/* 4-1-2 Pankuzu List*/
.sysCategoryPankuzu,
.sysItemCategoryPankuzu,
.pan.FS2_breadcrumbs {
    font-size: small;
    margin-bottom: 20px;
    /*white-space: nowrap;*/
    overflow: hidden;
    /*background: #666;*/
    color: #555;
    padding: 0 /*5px*/;
}
.sysCategoryPankuzu a,
.sysItemCategoryPankuzu a,
.pan.FS2_breadcrumbs a {
    display: inline-block;
    /*background: #666;*/
    padding: 5px 10px;
    color: #666;
    text-decoration: none;
}
.sysCategoryPankuzu a:hover,
.sysItemCategoryPankuzu a:hover,
.pan.FS2_breadcrumbs a:hover {
    color: #99cc33;
}
.sysItemCategoryPankuzu a:nth-child(1) {
    display: none;
}

/* 4-1-3 Category View Mode */
.sysItemCategoryCtl {
    font-size: small;
}
.sysItemCategoryCtl a {
    display: inline-block;
    padding: 2px 4px;
    background: #ddd;
    border: 1px solid #999;
    border-radius: 3px;
    text-decoration: none;
    margin: 2px 0;
}


/* 4-1-4 Item PR Setting */
.sysItemPr {
    font-size: small;
    padding: 1px 6px;
    background: #fff;
    border: 1px solid #666;
    border-radius: 12px;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 10px;
}

/* 4-1-5 Cart Button */
.sysCartButton {
    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    background-color: #666;
    color: #fff;
    cursor: pointer;
}
.sysCartButton:hover {
    background: #999;
}


/* 4-1-6  Archive List Item */
.sysItemList ul.sysList li .sysThumbnailImage {
    width: 40%;
    max-width: 200px;
}
/* 4-1-7  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail li,
.FS2_body_Goods_GoodsSearchList .groupLayout .gl_Item,
.FS2_GroupLayout .alignItem_05 .gl_Item,
#FS2_itemlayout_IHL2 {
    display: inline-block;
    float: none;
	margin: 0;
    vertical-align: top;
    letter-spacing: normal;
    width: 20%;
    padding: 10px;
}
.sysItemList ul.sysThumbnail li .sysItemName a,
.FS2_body_Goods_GoodsSearchList .groupLayout .gl_Item .itemGroup a,
.FS2_GroupLayout .alignItem_05 .gl_Item .itemGroup a,
.FS2_Recommend2_recommend a,
.FS2_Recommend2_cart ul li a {
    font-size: 13px;
    color: #0986ba !important;
    text-decoration: none;
    display: block;
}
.sysItemList ul.sysThumbnail li .sysItemName a:hover,
.FS2_body_Goods_GoodsSearchList .groupLayout .gl_Item .itemGroup a:hover,
.FS2_GroupLayout .alignItem_05 .gl_Item .itemGroup a:hover,
.FS2_Recommend2_recommend a:hover,
.FS2_Recommend2_cart ul li a:hover {
	color: #99cc33 !important;
}
.sysItemList ul.sysThumbnail li .sysRetailPrice,
.FS2_body_Goods_GoodsSearchList .groupLayout .gl_Item .FS2_itemPrice_area,
.FS2_GroupLayout .alignItem_05 .gl_Item .FS2_itemPrice_area {
    color: #000;
    font-size: 13px;
}
.FS2_Recommend2_recommend .itemPrice,
.FS2_Recommend2_cart .itemPrice {
	font-size: 13px !important;
    color: #de5d50 !important;
}
.FS2_Recommend2_recommend ul li .itemPrice,
.FS2_Recommend2_recommend ul li .FS2_itemPrice_addition {
	font-size: 13px;
	color: #333 !important;
}
.sysItemList ul.sysThumbnail,
.FS2_body_Goods_GoodsSearchList .groupLayout .alignItem_05,
.FS2_GroupLayout .alignItem_05 {
    letter-spacing: -.4em;
}
.sysItemList ul.sysThumbnail input,
.FS2_GroupLayout .alignItem_05 input {
    width: 100%;
    padding: 10px 0;
}

/* 4-1-8 Deliveries Table */
ul.SysDeliveriesTable {
  border-style: solid;
  border-width: 0px;
  list-style: none;
  display: table;
  margin: 0;
  padding: 0;
}
ul.SysDeliveriesTable > li {
  display: table-row;
}
ul.SysDeliveriesTable > li > div {
  border-style: solid;
  border-width: 1px;
  display: table-cell;
  padding:10px;
}

/* 4-1-9 カテゴリーページ (discription) */
#sysMain .sysCategoryDescription article,
.layout_content article {
    width: 100%;
    margin: 40px auto;
}
#sysItemCategory #sysHeader {
    margin-bottom: 40px;
}
#sysItemCategory .sysPagination {
    margin-top: 50px;
}

/* 4-1-9-1 ナビゲーション */
.sysCategoryDescription nav,
.FS2_upper_comment nav {
    margin-top: 20px;
}
.sysCategoryDescription nav ul:nth-child(2),
.FS2_upper_comment nav ul:nth-child(2) {
    margin-top:10px;
}
.sysCategoryDescription nav ul:after,
.FS2_upper_comment nav ul:after {
    content: '';
    display: block;
    clear: both;
}
.sysCategoryDescription nav ul li,
.FS2_upper_comment nav ul li {
    float: left;
    width: 20%;
    text-align: center;
    border-left: 1px solid #999;
}
.sysCategoryDescription nav ul li:last-child,
.FS2_upper_comment nav ul li:last-child {
    border-right: 1px solid #999;
}
.sysCategoryDescription nav ul li a,
.FS2_upper_comment nav ul li a {
    display:block;
    width:100%;
    height:100%;
    color: #333;
    text-decoration: none;
    font-size: 12px;
}

/* 4-1-9-2 カテゴリー */
.cat_title_h1 {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
}
.cat_title_h1 h1{
	display: block;
	width: 1048px;
	font-size:70%;
	margin: 0 auto;
	text-align: left;
}
@media screen and (max-width:767px){
	.cat_title_h1 {
		top: -20px;
	}
}

#category {}
#category ul:after {
    content: '';
    display: block;
    clear: both;
}
#category ul li {
    width: 33%;
    float: left;
    margin-bottom: 10px;
}
#category ul li a {
    text-decoration: none;
    display: table;
    width: 100%;
    background-image: url(../img/icon/icon_arrow.gif);
    background-repeat: no-repeat;
    background-position: 100%;
}
#category ul li a img {
    width: 80px;
    height: 80px;
    /*border-radius: 50%;*/
    display: table-cell;
    margin: auto;
}
#category ul li a span {
    color: #0986ba;
    font-size: 12px;
    display: table-cell;
    width: 60%;
    vertical-align: middle;
}
#category ul li a span:nth-child(3) {
    /*display: none;*/
}

/* 4-1-9-X カテゴリ newレイアウト */
/* PC 左画像 右詳細ver */
.cat_layout1 section {
    margin-bottom: 20px;
}
.cat_layout1 section:after {
    content: '';
    display: block;
    clear: both;
}
.cat_layout1 .image {
    width: 50%;
    float: left;
}
.cat_layout1 .content {
    width: 50%;
    float: left;
}
.cat_layout1 .content h2 {
    font-size: 20px;
}
.cat_layout1 .content p {
    font-size: 14px;
    line-height: 2;
}
/* SP 左右2列ver */
.cat_layout2:after {
    content: '';
    display: block;
    clear: both;
}
.cat_layout2 section {
    width: 49%;
}
.cat_layout2 section:nth-child(1n) {
    float: left;
}
.cat_layout2 section:nth-child(2n) {
    float: right;
}
.cat_layout2 .content h2 {
    font-size: 20px;
}
.cat_layout2 .content p {
    font-size: 14px;
    line-height: 2;
}

/* 4-1-9-3 当店セレクト */
#choise section {
    margin-bottom: 20px;
}
#choise section:after {
    content: '';
    display: block;
    clear: both;
}
#choise .image {
    width: 50%;
    float: left;
}
#choise .content {
    width: 50%;
    float: left;
}
#choise .content h2 {
    font-size: 20px;
}
#choise .content p {
    font-size: 14px;
    line-height: 2;
}

/* 4-1-9-4 ロングセラー＆other */
#seller,
#other {
}
#seller:after,
#other:after {
    content: '';
    display: block;
    clear: both;
}
#seller section,
#other section {
    width: 49%;
}
#seller section:nth-child(1n),
#other section:nth-child(1n) {
    float: left;
}
#seller section:nth-child(2n),
#other section:nth-child(2n) {
    float: right;
}
#seller .content h2,
#other .content h2 {
    font-size: 20px;
}
#seller .content p,
#other .content p {
    font-size: 14px;
    line-height: 2;
}

/* 4-1-9-5 注目アイテム */
#feature {}
#feature section {
    margin-bottom: 20px;
}
#feature section:after {
    content: '';
    display: block;
    clear: both;
}
#feature .image {
    float: right;
    width: 50%;
    text-align: right;
}
#feature .content {
    float: left;
    width: 50%;
}
#feature .content h2 {
    font-size: 20px;
}
#feature .content p {
    font-size: 14px;
    line-height: 2;
}

/* 4-1-9-6 関連特集 */
#article {}
#article section {
    border: 1px solid #999;
    padding: 20px;
}
#article section #block {
    margin-bottom: 20px;
}
#article section #block:after {
    content: '';
    display: block;
    clear: both;
}
#article .image {
    width: 35%;
    float: left;
}
#article .content {
    width: 65%;
    float: right;
}
#article .content p {
    font-size: 14px;
    line-height: 2;
    padding-left: 20px;
    margin-top: 0;
}
.content .contentTitle {
    font-size: 16px;
    font-weight:bold;
}
#article hr {
    border:0;
    border-bottom: dotted 1px #666;
    margin-bottom: 20px;
}
#article ul.content_list li {
    list-style-type:circle;
    width:45%;
    margin-bottom: 10px;
}
#article ul.content_list li:nth-child(odd){
    margin-left:20px;
    float:left;
}
#article ul.content_list li:nth-child(even){
    float:right;
}
#article ul.content_list li:last-child::after {
    clear:both;
}

/* 4-1-9-7 価格で選ぶポスト一覧 */
.sysCategoryDescription .price_search { display: block; width: 100%; min-height: 320px; text-align: center; margin-top: 40px;}
.sysCategoryDescription .price_search div { display: block; width:50%; min-width: 300px; text-align: center;}
.sysCategoryDescription .price_search div:first-child { float:left;}
.sysCategoryDescription .price_search div:last-child { float:right;}
.sysCategoryDescription .price_search div:last-child::after { clear: both;}
.sysCategoryDescription .price_search div > span { color: #666; border: solid 1px #666; width: 50%; border-radius: 20px; padding: 5px 20px;}
.sysCategoryDescription .price_search div ul{ width:100%; text-align: center; margin-top: 30px;}
.sysCategoryDescription .price_search div ul li { list-style: none; background: #eee; border-radius: 5px; margin: 15px 10px; padding: 6px;}
.sysCategoryDescription .price_search div ul li a { text-decoration: none; display: block; color:#666; width: 100%;}
.sysCategoryDescription .price_search div ul li a span { display:inline-block;}
.sysCategoryDescription .price_search div ul li a span:nth-child(1) { width:100px;}
.sysCategoryDescription .price_search div ul li a span:nth-child(2) { width:30px;}
.sysCategoryDescription .price_search div ul li a span:nth-child(3) { width:100px;}

.layout_content .system_content .price_search { display: block; width: 100%; min-height: 320px; text-align: center; margin-top: 40px;}
.layout_content .system_content .price_search div { display: block; width:50%; min-width: 300px; text-align: center;}
.layout_content .system_content .price_search div:first-child { float:left;}
.layout_content .system_content .price_search div:last-child { float:right;}
.layout_content .system_content .price_search div:last-child::after { clear: both;}
.layout_content .system_content .price_search div > span { color: #666; border: solid 1px #666; width: 50%; border-radius: 20px; padding: 5px 20px;}
.layout_content .system_content .price_search div ul{ width:100%; text-align: center; margin-top: 30px;}
.layout_content .system_content .price_search div ul li { list-style: none; background: #eee; border-radius: 5px; margin: 15px 10px; padding: 6px;}
.layout_content .system_content .price_search div ul li a { text-decoration: none; display: block; color:#666; width: 100%;}
.layout_content .system_content .price_search div ul li a span { display:inline-block;}
.layout_content .system_content .price_search div ul li a span:nth-child(1) { width:100px;}
.layout_content .system_content .price_search div ul li a span:nth-child(2) { width:30px;}
.layout_content .system_content .price_search div ul li a span:nth-child(3) { width:100px;}


/* 4-1-9-8 カラーで選ぶポスト一覧 */
.sysCategoryDescription .post_color_search { width: 100%; max-width: 650px; min-height: 880px; text-align: center; margin: 40px auto 0;}
.sysCategoryDescription .post_color_search div { display: block; width:50%; min-width: 300px; text-align: center;}
.sysCategoryDescription .post_color_search div:first-child { float:left;}
.sysCategoryDescription .post_color_search div:last-child { float:right;}
.sysCategoryDescription .post_color_search div:last-child::after { clear: both;}
.sysCategoryDescription .post_color_search div ul{ width:100%; text-align: center; margin-top: 30px;}
.sysCategoryDescription .post_color_search div ul li { list-style: none; margin: 10px; padding: 6px;}

.layout_content .system_content .post_color_search { width: 100%; max-width: 650px; min-height: 880px; text-align: center; margin: 40px auto 0;}
.layout_content .system_content .post_color_search div { display: block; width:50%; min-width: 300px; text-align: center;}
.layout_content .system_content .post_color_search div:first-child { float:left;}
.layout_content .system_content .post_color_search div:last-child { float:right;}
.layout_content .system_content .post_color_search div:last-child::after { clear: both;}
.layout_content .system_content .post_color_search div ul{ width:100%; text-align: center; margin-top: 30px;}
.layout_content .system_content .post_color_search div ul li { list-style: none; margin: 10px; padding: 6px;}

/* 4-1-9-9 カテゴリー内カテゴリー一覧 */
#category_list {}
#category_list:after {
    content: '';
    display: block;
    clear: both;
}
#category_list section {
    width: 49%;
}
#category_list section:nth-child(1n) {
    float: left;
}
#category_list section:nth-child(2n) {
    float: right;
}
#category_list .content h2 {
    font-size: 18px;
}
#category_list .content p {
    font-size: 14px;
    line-height: 2;
}

/* 4-1-9-10 ガーデンカテゴリーバナー */
#gardens_banner a {
    display:inline-block;
    width:50%;
   text-align:center;
}

/* 4-1-9-11 プランター・ポット・鉢カテゴリーバナー */
#gardens-pot0_banner {
    text-align:center;
}
#gardens-pot0_banner a {
    display:inline-block;
    width:90%;
}

/* 4-1-9-12 おしゃれ物置・屋外収納カテゴリー 5つのポイント */
#shed_point div {
    width:90%;
    margin: 0 auto;
}
#shed_point div p:first-child {
    width:70%;
    font-size:larger;
    font-weight:bold;
    text-align:center;
    color:#fff;
    background:#ffcc00;
    margin:30px auto;
    padding:10px;
}
#shed_point div p:nth-child(n+2) {
    font-size:large;
    color:#87c800;
}
#shed_point div p:nth-child(n+2) span {
    display:block;
    font-size:medium;
    color:#666;
    margin-top:10px;
}

/* 4-1-9-13 ユーロ物置 */
#euro_shed_size section {
    text-align:center;
    margin-top:30px;
}
#euro_shed_size ul {
    max-width:600px;
    margin:0 auto;
}
#euro_shed_size ul li.euro {
    list-style-type: none;
    display: table-cell;
    margin: 0;
    padding: 0;
}
#euro_shed_set section {
    text-align:center;
    margin-top:30px;
}
#euro_shed_set section a {
    display:inline-block;
    width:90%;
    margin-bottom:20px;
}
#euro_shed_price .price_search { 
    margin-top: 0;
    min-height: 230px;
}
#euro_shed_price .price_search div:last-child {
    float: none;
    margin: 0 auto;
}

/* 4-1-9-14 ハローキティ ガーデンコレクション */
.kitty_next_btn a {
    font-size: 11px;
    text-decoration: none;
    background-color: #ffa0a4;
    padding: 3px 20px 3px 12px;
    border-radius: 12px;
    display: inline-block;
    background-image: url(/img/icon/icon_arrow_w.png);
    background-repeat: no-repeat;
    background-position: 90%;
    border: 1px solid #ffa0a4;
    color: #fff;
    line-height: 1.6em;
}
.kitty_next_btn a:hover {
    opacity: 0.8;
    color:#fff!important;
}

#kitty_post section {
    margin-bottom: 20px;
}
#kitty_post section:after {
    content: '';
    display: block;
    clear: both;
}
#kitty_post .image {
    width: 50%;
    float: left;
}
#kitty_post .content {
    width: 50%;
    float: left;
}
#kitty_post .content h2 {
    font-size: 20px;
}
#kitty_post .content p {
    font-size: 14px;
    line-height: 2;
}
#kitty_faucet {}
#kitty_faucet:after {
    content: '';
    display: block;
    clear: both;
}
#kitty_faucet section {
    width: 49%;
}
#kitty_faucet section:nth-child(1n) {
    float: right;
}
#kitty_faucet section:nth-child(2n) {
    float: left;
}
#kitty_faucet .content h2 {
    font-size: 20px;
}
#kitty_faucet .content p {
    font-size: 14px;
    line-height: 2;
}
#kitty_tile section ul li{
    width:20%;
    min-height: 230px;
    font-size:12px;
    padding:10px;
    float:left;
}
#kitty_tile section ul li::after {
    content: “.”;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#kitty_tile section ul li a {
    display: block;
    height:100%;
    border:solid 1px #ffa0a4;
    text-decoration: none;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
}
#kitty_tile section ul li a span:first-child{
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    background: #ffa0a4;
    padding: 5px;
}

#kitty_tile section ul li a img{
    width:85%;
    margin:10px auto 0;
}
#kitty_tile section ul li a span:last-child{
    display: block;
    width: 85%;
    color: #666;
    text-align: left;
    margin: 5px auto;
}
#kitty_other {}
#kitty_other section {
    margin-bottom: 20px;
}
#kitty_other section:after {
    content: '';
    display: block;
    clear: both;
}
#kitty_other .image {
    float: right;
    width: 50%;
    text-align: right;
}
#kitty_other .content {
    float: left;
    width: 50%;
}
#kitty_other .content h2 {
    font-size: 20px;
}
#kitty_other .content p {
    font-size: 14px;
    line-height: 2;
}
#kitty_about div {
    display:inline-block;
    width:100%;
    border-radius:20px;
    border:dotted 1px #ffa0a4;
    padding:30px;
}
#kitty_about div img {
    float:left;
}
#kitty_about div span {
    display:block;
    max-width:60%;
    margin-left:20px;
    float:right;
}
#kitty_about div span::after {
    clear:both;
    display:block;
}

.kitty_intro {
	box-sizing: border-box;
	width: 100%;
	margin: 35px 0px;
	border: 1px solid #ccc;
	padding: 20px;
}
.kitty_intro::after {
	content: "";
	display: block;
	clear: both;
}
.kitty_intro img {
	float: left;
}
.kitty_intro div {
	display: block;
	width: calc(100% - 270px);
	margin-left: 20px;
	float: left;
}

/* 4-1-9-15 表札カテゴリーバナー */
#hyosatsu_banner {
    text-align:center;
}
#hyosatsu_banner a {
    display:inline-block;
    width:90%;
}

/* 4-1-9-16 アイアン表札カテゴリーバナー */
#sign-i0_banner {
    text-align:center;
}
#sign-i0_banner a {
    display:inline-block;
    width:90%;
}

/* 4-1-9-17 素材で選ぶポストカテゴリー */
#post_material section ul li{
    width:20%;
    min-height: 190px;
    font-size:12px;
    padding:10px;
    float:left;
}
#post_material section ul li::after {
    content: “.”;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#post_material section ul li a {
    display: block;
    height:100%;
    border:solid 1px #ddd;
    text-decoration: none;
    text-align: center;
}
#post_material section ul li a span:first-child{
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    background: #ffa0a4;
    padding: 5px;
}
#post_material section ul li a img{
    width:85%;
    margin:10px auto 0;
}
#post_material section ul li a span:last-child{
    display: block;
    width: 85%;
    color: #666;
    text-align: center;
    margin: 5px auto;
}

/* 4-1-9-18 ポストブランドリスト */
#pb_category {}
#pb_category ul:after {
    content: '';
    display: block;
    clear: both;
}
#pb_category ul li {
    width: 33%;
    float: left;
    margin-bottom: 10px;
}
#pb_category ul li a {
    text-decoration: none;
    display: table;
    width: 100%;
    /*background-image: url(../img/icon/icon_arrow.gif);*/
    background-repeat: no-repeat;
    background-position: 100%;
}
#pb_category ul li a img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: table-cell;
    margin: auto;
}
#pb_category ul li a span {
    color: #0986ba;
    font-size: 12px;
    display: table-cell;
    width: 60%;
    vertical-align: middle;
}
#pb_category ul li a span:nth-child(3) {
    /*display: none;*/
}

/* 4-1-9-20 ポスト＆表札セット */
#set_atmosphere section {
    margin-top:40px;
}
#set_atmosphere section > p {
    width:100%;
    text-align: center;
}
#set_atmosphere section > p span {
    display: inline-block;
    width:60%;
    border: solid 1px #ddd;
    border-radius: 20px;
    text-align: center;
    padding: 5px;
}
#set_atmosphere section ul {
    margin-top: 20px;
}
#set_atmosphere section ul li {
    width:25%;
    padding: 10px;
    float: left;
}
#set_atmosphere section ul li a {
    display: block;
    font-size: small;
    text-align: center;
    text-decoration: none;
}

#set_price section {
    margin-top:40px;
}
#set_price section > p {
    width:100%;
    text-align: center;
}
#set_price section > p span {
    position:relative;
    display: inline-block;
    width:100%;
    background: #ddd;
    border: solid 1px #ddd;
    border-radius: 20px;
    text-align: center;
    padding: 5px;
}
#set_price section > p span::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #ddd;
}
#set_price section ul {
    margin-top: 20px;
}
#set_price section ul li {
    width:25%;
    padding: 10px;
    float: left;
}
#set_price section ul li a {
    display: block;
    text-align: center;
    text-decoration: none;
}
#set_price section ul li a span:nth-child(2) {
    display: block;
    font-size: small;
    text-decoration: line-through;
}
#set_price section ul li a span:nth-child(3) {
    color:#f00;
}
#set_post section {
    margin-bottom:20px;
}
#set_post section div p {
    width: 40%;
    text-align: center;
    float: left;
    border-right: dotted 1px #ddd;
    padding: 0 20px;
}
#set_post section div p img {
    border-radius: 50%;
}
#set_post > section > div > p > span:nth-child(2) img {
    border-radius: 0;
    margin: 0 2px;
}
#set_post section div p span:nth-child(3) {
    display: block;
    text-align: center;
    margin-top:10px;
}
#set_post section div ul {
    width: 60%;
    padding:10px;
    float: right;
}
#set_post section div ul li {
    width:50%;
    margin-bottom: 20px;
    padding:10px;
    float: left;
}
#set_post section div ul li a {
    display: block;
    text-decoration: none;
    text-align: center;
}
#set_post section div ul li a span {
    display: block;
}
#set_umekomi section ul li {
    width: 25%;
    padding: 0 10px;
    float: left;
}
#set_sign section {
    margin-bottom:20px;
}
#set_sign section div p {
    width: 40%;
    text-align: center;
    float: left;
    border-right: dotted 1px #ddd;
    padding: 0 20px;
}
#set_sign section div p span {
    display: block;
    text-align: center;
    margin-top:10px;
}
#set_sign section div ul {
    width: 60%;
    padding:10px;
    float: right;
}
#set_sign section div ul li {
    width:50%;
    margin-bottom: 20px;
    padding:10px;
    float: left;
}
#set_sign section div ul li a {
    display: block;
    text-decoration: none;
    text-align: center;
}
#set_sign section div ul li a span {
    display: block;
}

/* 4-1-9-21 郵便ポスト｜スタンド一体型のポスト 一覧 */
#posts-si3_ranking section {
    margin-top:40px;
}
#posts-si3_ranking section > p {
    width:100%;
    text-align: center;
}
#posts-si3_ranking section > p span {
    display: inline-block;
    width:60%;
    border: solid 1px #ddd;
    border-radius: 20px;
    text-align: center;
    padding: 5px;
}
#posts-si3_ranking section ul {
    margin-top: 20px;
}
#posts-si3_ranking section ul li {
    position: relative;
    width:33.3333%;
    padding: 10px;
    float: left;
}
#posts-si3_ranking section ul li a {
    display: block;
    font-size: small;
    text-align: center;
    text-decoration: none;
}
#posts-si3_ranking section ul li:nth-child(1)::after {
    content: '1';
    display: inline-block;
    background: #d4b04f;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 2em;
    color: #fff;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0px;
}
#posts-si3_ranking section ul li:nth-child(2)::after {
    content: '2';
    display: inline-block;
    background: #d3d3d3;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 2em;
    color: #fff;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0px;
}
#posts-si3_ranking section ul li:nth-child(3)::after {
    content: '3';
    display: inline-block;
    background: #996b33;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 2em;
    color: #fff;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0px;
}
#posts-si3_new section {
    margin-top:40px;
}
#posts-si3_new section > p {
    width:100%;
    text-align: center;
}
#posts-si3_new section > p span {
    display: inline-block;
    width:60%;
    border: solid 1px #ddd;
    border-radius: 20px;
    text-align: center;
    padding: 5px;
}
#posts-si3_new section ul {
    margin-top: 20px;
}
#posts-si3_new section ul li {
    width:25%;
    padding: 10px;
    float: left;
}
#posts-si3_new section ul li a {
    display: inline-block;
	width: 100%;
    font-size: small;
    text-align: center;
    text-decoration: none;
}


/* 4-1-9-22 取り付けサービス */
.toritsuke div, .toritsuke p, .toritsuke span, .toritsuke ul, .toritsuke li, .toritsuke a, .toritsuke img { margin: 0; padding: 0;}
.toritsuke { text-align: center; width: 720px;}
.toritsuke .title { max-width: 600px; margin: 60px auto 0;}
.toritsuke .title img { width: 100%;}
.toritsuke .tex1 { font-size: 16px; line-height: 1.5em; margin-top: 40px;}
.toritsuke .tex2 { font-size: 40px; font-weight: bold; color: #de5d50; margin-top: 40px;}
.toritsuke .attention .tex3 { max-width:650px; font-size: 14px; line-height: 1.5em; text-align: left; margin: 20px auto 0;}
.toritsuke .region { max-width: 450px; margin: 10px auto 0;}
.toritsuke .region img { max-width: 100%;}
.toritsuke .reasonable { max-width: 380px; margin: 60px auto 0;}
.toritsuke .reasonable img { width: 100%;}
.toritsuke .oy_guarantee { max-width: 400px; margin: 60px auto 0;}
.toritsuke .oy_guarantee img { width: 100%;}
.toritsuke .please, .toritsuke .flow, .toritsuke .guarantee, .toritsuke .target_item { font-size: 26px; color: #ffa800; margin-top: 60px}
.toritsuke .please_list { display: block; width: 100%; margin: 20px auto 0;}
.toritsuke .please_list ul { list-style-type: none; display: block;}
.toritsuke .please_list ul::after { display: block; content: ""; clear: both;}
.toritsuke .please_list ul li { display: inline-block; box-sizing: border-box; width: 50%; padding:10px; float: left;}
.toritsuke .please_list ul li .list_box { position: relative; display: block; height: 210px; border-radius: 10px; border: 4px dotted #ffedcc; padding: 20px 15px 15px;}
.toritsuke .please_list ul li .list_box .please_list_title { font-size: 22px; color: #468fbe; font-weight: bold;}
.toritsuke .please_list ul li:nth-of-type(5) .list_box .please_list_title { position: relative; top: -5px; line-height: 1.2em;}
.toritsuke .please_list ul li .list_box .please_list_title span{ font-size: 14px;}
.toritsuke .please_list ul li .list_box .please_list_title::after { position: absolute; top:10px; right: 30px;}
.toritsuke .please_list ul li:nth-of-type(1) .list_box .please_list_title::after { display:inline-block; content: ""; width:44px; height:42px;background: url(/img/category/installation/installation-img-photo.png); background-size:contain; vertical-align:middle;}
.toritsuke .please_list ul li:nth-of-type(2) .list_box .please_list_title::after { display:inline-block; content: ""; width:52px; height:45px;background: url(/img/category/installation/installation-img-cal.png); background-size:contain; vertical-align:middle;}
.toritsuke .please_list ul li:nth-of-type(3) .list_box .please_list_title::after { display:inline-block; content: ""; width:46px; height:55px;background: url(/img/category/installation/installation-img-post.png); background-size:contain; vertical-align:middle;}
.toritsuke .please_list ul li:nth-of-type(3) .list_box .sign::after { width:69px; height:32px; background: url(/img/category/installation/installation-img-w-sign.png); background-size:contain;}
.toritsuke .please_list ul li:nth-of-type(4) .list_box .please_list_title::after { display:inline-block; content: ""; width:42px; height:42px;background: url(/img/category/installation/installation-img-choice.png); background-size:contain; vertical-align:middle;}
.toritsuke .please_list ul li:nth-of-type(5) .list_box .please_list_title::after { top: 0; display:inline-block; content: ""; width:48px; height:38px;background: url(/img/category/installation/installation-img-money.png); background-size:contain; vertical-align:middle;}
.toritsuke .please_list ul li:nth-of-type(6) .list_box .please_list_title::after { display:inline-block; content: ""; width:46px; height:40px;background: url(/img/category/installation/installation-img-handshake.png); background-size:contain; vertical-align:middle;}
.toritsuke .please_list ul li:nth-of-type(7) .list_box .please_list_title::after { display:inline-block; content: ""; width:47px; height:61px;background: url(/img/category/installation/installation-img-human.png); background-size:contain; vertical-align:middle;}
.toritsuke .please_list ul li:nth-of-type(8) .list_box .please_list_title::after { display:inline-block; content: ""; width:67px; height:54px;background: url(/img/category/installation/installation-img-sign.png); background-size:contain; vertical-align:middle;}
.toritsuke .please_list .list_box .tex1 { text-align: left; margin: 20px 0 0;}
.toritsuke .flow_img { max-width: 700px; margin: 20px auto 0;}
.toritsuke .flow_img img { width: 100%;}
.toritsuke .order { margin-top: 60px;}
.toritsuke .attention { position: relative; display: block; border-radius: 10px; border: 4px dotted #f00; padding: 0px 15px 20px; margin:15px 10px;} 

.toritsuke .nikkei { max-width: 450px; margin: 30px auto 0;}
.toritsuke .nikkei img { max-width: 100%;}


/* 4-1-9-23 宅配ボックス */
.post-takuhai {}
.post-takuhai nav ul {
    width: 100%;
}
.post-takuhai nav ul::after {
    display: block;
    content: "";
    clear: both;
}
.post-takuhai nav ul li {
    box-sizing: border-box;
    width: 25%;
    border: none;
    padding: 0 8px;
    float: left;
}
.post-takuhai nav ul li:last-child {
    border-right: none;
}
.post-takuhai .takuhai_navi {
    width: 100%;
}
.post-takuhai .takuhai_navi::after {
	display: block;
    content: "";
    clear: both;
}
.post-takuhai .takuhai_navi > div {
    width: 50%;
	padding: 0 8px;
	float: left;
}
.post-takuhai .takuhai_navi div p {
    width: 100%;
	font-size: 23px;
	text-align: center;
	color: #fff;
	background-repeat: no-repeat;
	background-size: 33px auto;
	background-position: 15px 50%;
	padding: 17px;
}
.post-takuhai .takuhai_navi > div p a {
    display: block;
    color: #fff;
    text-decoration: none;
}
.post-takuhai .takuhai_navi div:nth-of-type(1) p:nth-of-type(2),
.post-takuhai .takuhai_navi div:nth-of-type(1) p:nth-of-type(3),
.post-takuhai .takuhai_navi div:nth-of-type(1) p:nth-of-type(4),
.post-takuhai .takuhai_navi div:nth-of-type(1) p:nth-of-type(5),
.post-takuhai .takuhai_navi div:nth-of-type(1) p:nth-of-type(6) {
	font-size: 14px;
	background-repeat: no-repeat;
	background-size: 33px auto;
	background-position: 40px 50%;
	padding: 8px;
}
.post-takuhai .takuhai_navi div:nth-of-type(1) p:nth-of-type(2) a,
.post-takuhai .takuhai_navi div:nth-of-type(1) p:nth-of-type(3) a,
.post-takuhai .takuhai_navi div:nth-of-type(1) p:nth-of-type(4) a,
.post-takuhai .takuhai_navi div:nth-of-type(1) p:nth-of-type(5) a,
.post-takuhai .takuhai_navi div:nth-of-type(1) p:nth-of-type(6) a {
    color: #666;
}
.post-takuhai h2.sysHeadline {
    font-size: 25px;
    margin: 60px 0 30px;
    border: none;
    background: #f1f0ed;
    padding: 15px;
}
.post-takuhai .about_info {
    padding: 0 15px;
}
.post-takuhai .image {
    position: relative;
}
.post-takuhai .image .reserve {
	position: absolute;
	top: -10px;
	left: -10px;
	width: 80px;
}
.post-takuhai .image .s_price1 {
	position: absolute;
	top: -10px;
	left: -10px;
	width: 80px;
}
.post-takuhai .image .s_price2 {
	position: absolute;
	top: 70px;
	left: -10px;
	width: 80px;
}
.post-takuhai .shop_item ul {
    margin-bottom: 20px;
}
.post-takuhai .shop_item ul::after {
    display: block;
	content: "";
	clear: both;
}
.post-takuhai .shop_item ul li {
	height: 80px;
	margin-right: 20px;
    float:left;
}
.post-takuhai .shop_item ul li img {
	height: 100%;
}


/* 4-2 商品詳細ページ */
#sysItemDetail #sysHeader {
    margin-bottom: 40px;
}
.sysExplanation {
    font-size: 85%;
}
#item_shousai p {
    margin-top: 15px;
}

#item_shousai > p#font_title,
#item_shousai > p#check_title,
#item_shousai > p#staff_title,
#item_shousai > p#spec_title,
#item_shousai > p#order_title {
    margin-top:60px;
}
#item_shousai > hr {
    border: 0;
    border-bottom: dotted 1px #666;
    margin: 10px 0;
}

/* item page */
#soldnow_area {
    /*width:100%;*/
    /*max-width:720px;*/
    /*display:block;*/
}
#soldnow_area .soldnow_content {
    margin:0 0 10px 0;
    padding:0;
    height:100px;
    display:table;
}
#soldnow_area .rec_item_image {
    display: table-cell;
}
#soldnow_area .rec_item_staff {
    display: table-cell;
}
#soldnow_area .rec_item_content {
    display: table-cell;
    background:#f2f1ec;
    vertical-align: middle;
    /*margin-top:10px;*/
}
#soldnow_area .rec_item_content > p {
    display: inline-block;
}
#soldnow_area .rec_item_realcounter {

}

/* 4-2-0 Sale Term */ 
.orderArea .sysSaleTerm {
    font-size: small;
    color: #ff0000;
}

/* 4-2-0 Item 詳細 */
div#item_shousai { width: 720px; margin: auto;}
@media screen and (max-width: 767px){
div#item_shousai { width: 95%; margin: auto;}
}

/* 4-2-1 Item IMAGE */
.sysThumbnailImage > span,.sysThumbnailImage > br { display: none;}
.sysItemImages { margin-top: 30px;}
.sysItemImages .sysImageList li{
    display: inline-block;
    vertical-align: top;
    height: auto;
    width: 15%;
    line-height: 1;
    float: none;
    margin: 1% 0;
}

/* 4-2-2 Item Name */ 
.sysItemName h1,
.FS2_body_Goods_GoodsDetail .FS2_additional_image_itemdetail_container_right .itemTitle {
    font-size: 18px;
    /*font-size: 26px;*/
    font-weight: normal;
}
div.sysItemViewId {
    font-size: 14px;
}
div.sysDescription {
    font-size: 14px;
}
/* 4-2-3 Order Area */
.orderArea {
    /*letter-spacing: -.4em;*/
    letter-spacing: normal;
    text-align: center;
    margin-bottom:30px;
}
.orderArea .installation_bnr {
    display: /*none*/block;
    margin-top: 20px;
}

.orderArea > div {
    letter-spacing: normal;
    text-align: left;
    vertical-align: top;
}
.orderArea > div > ul {
    width:95%;
}
.orderArea > .orderArea,
.FS2_additional_image_itemdetail_container_right {
    background: #fcf7f0;
    border-radius: 5px;
    padding: 20px;
    margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.FS2_additional_image_itemdetail_container_right {
	padding: 10px;
}
}

.orderArea > .orderArea > div,
.FS2_additional_image_itemdetail_container_right .itemTitle {
    width: 100%;
    display: block;
}
/*
.orderArea > div {
    width: 100%;
    padding-right: 0;
    float: none;
}*/
.orderArea > .sysItemViewId, .itemNumber { margin-top: 20px; color: #555; font-size: 14px; }


/* 4-2-4 Item Page Titile */
.sysItemName,
.sysExplanation > div > span,
.sysReview > span,
.FS2_additional_image_itemdetail_container_right .itemTitle {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: large;
}
/* 4-2-5 Item Explanation */
.sysExplanation table {
    width: 100%;
    text-align: center;
    border: 1px solid #999;
    line-height: 2;
}
.sysExplanation thead {
    text-align: center;
    color: #fff;
    background: #999;
}
.sysExplanation td {
    font-size: small;
    text-align: left;
    padding-left: 10px;
}

/* 4-2-6 Item BuyForm */
/*.sysRetailPrice::before,*/
.sysBlock.orderArea .sysSuggestedRetailPrice::before {
    display: block;
    content: " ";
    /*content: url(/img/common/icon_3percent_off.png);*/
    width: 100%;
    /*width: 65%;*/
    height: 132px;
    margin: 0 auto 10px;
    background: url(/img/common/icon_3percent_off.png) no-repeat transparent;
    background-size: contain;
    vertical-align: middle;
}
#sysItemDetail .sysRetailPrice,
.FS2_body_Goods_GoodsDetail .FS2_itemPrice_text .FS2_special_price,
.FS2_body_Goods_GoodsDetail .FS2_itemPrice_text .itemPrice,
.FS2_body_Goods_GoodsDetail .FS2_itemPrice_text .FS2_itemPrice_addition {
    font-size: 160%;
    font-weight: bold;
    text-align: left;
    margin-top: 5px;
    color: #ff0000;
}
#sysItemDetail .sysShippingCost {
    font-size: /*120%*/14px;
    text-align: left;
    /*padding-right: 5px;*/
}

#sysItemDetail .sysPr { /*text-align: center;*/ margin-top: 20px;}
#sysItemDetail .sysPr > span { display: inline-block;}

#sysItemDetail .sysForm {
    /*margin:0!important;*/
    /*text-align:right;*/
}
#sysItemDetail .sysForm #sysSelections {
    margin-top:10px;
}
#sysItemDetail .sysForm #sysSelections div select {
    display:block;
    min-width:50%;
    margin-bottom:10px;
}
#sysItemDetail #sysVariation #variation {
    display:block;
    width:50%;
    margin-bottom:10px;
}
#sysItemDetail .sysForm #sysNumber {
    display:block;
    margin-top:20px;
}
#sysItemDetail .sysForm #sysNumber select {
    /*min-width: 190px;*/
    width:100px;
    /*width: 75%;*/
    display: inline-block;
    /*float: right;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.5em;
}
#sysItemDetail #sysVariation {
     overflow: hidden;
     margin: 5px auto;
}
#sysItemDetail #sysVariation >div {
    margin: 10px auto;
    overflow: hidden;
}
#sysItemDetail .sysNumArea {
    position:relative;
    margin-top: 20px;
    padding-top: 5px;
    clear: both;
    text-align: right;
}
#sysItemDetail .sysNumArea button {
    /*position:absolute;*/
    display: inline-block;
    width: 48%;
    /*background: #765;*/
    background: #fff;
    padding: 10px;
    border: 1px solid #999;
    /*border:0;*/
    border-radius: 5px;
    color: #999;
    cursor: pointer;
    letter-spacing: 0.2em;
}
#sysItemDetail .sysNumArea button:first-child {
    /*left: 0;*/
    float: left;
}
#sysItemDetail .sysNumArea button:last-child {
    /*right: 0;*/
}
#sysItemDetail #sysSubmit {
    text-align: center;
    margin-top: 10px;
}
#sysItemDetail #sysSubmit .sysCartButton {
    height:60px;
    font-size: 18px!important;
    font-weight:bold;
    letter-spacing: 0.3em;
    background: url(/img/common/icon_cart.png) 10% center no-repeat #de5d50;
    background-size: 30px;
    margin:0;
}
#sysItemDetail #sysWishlist {
    text-align: center;
    margin-top: 10px;
}
#sysItemDetail #sysWishlist .sysButton {
    letter-spacing: 0.3em;
    margin: 0;
}
#sysWishlist .sysButton,
#sysItemDetail .sysCartButton {
    width: 100%;
    margin-left: 2%;
}
#sysItemDetail .sysShare {
    padding: 0px 0 0 2%;
    margin-top: 10px;
}
#sysItemDetail .sysShare li{
    display: inline-flex;
    width: 25%;
}
#sysItemDetail .sysShare li:nth-child(2) {
    margin-left: 3px;
}
#sysCartInForm { width: 100%;}
.sysBlock.orderArea > div.sysFreeForm {
    margin-top:10px;
}
.sysBlock.orderArea > div.sysFreeForm::after {
    display: block;
    content: " ";
    /* content: url(/img/common/icon_support_tel.png); */
    width: 100%;
    height: 25px;
    margin: 10px 0 10px -5px;
    background: url(/img/common/icon_support_tel.png) right center no-repeat transparent;
    background-size: auto 100%;
    vertical-align: middle;
}

/* 4-2-7 System Button */
.sysLoginButton,
.sysButton {
    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    /*background-color: #525263;*/
    background-color: #fff;
    color: #999;
    border: 1px solid #999;
    cursor: pointer;
}
.sysLoginButton,
.sysButton:hover {
    /*background: #999;*/
    opacity: 0.8;
}
.sysLoginButton{
    display: block;
    width: 50%;
    margin: 10px auto;
    padding: 20px;
}

/* 4-2-8 Item Text */
.sysDescription { /*margin-top:30px;*/ margin-bottom:20px;}
.sysDescription,.sysImageDescription{ font-size: medium;}

/* 4-2-9 Item Gallary */
.sysImageListSimple li { margin-bottom: 10px;}

/* 4-2-10 Review */
.sysReview input{
    background: #666;
    color: #fff;
    text-shadow: none;
    border: 1px solid #999;
    border-radius: 3px;
    display: block;
    padding: 10px;
    margin: 5px auto;
    width: 50%;
}
.sysReview > br {
    display: none;
}
.sysReviewHistoryList {
    padding: 0 10px;
    border: 1px solid lightgray;
}
.sysReviewHistoryList li {
    margin-bottom: 5px;
    border-bottom: 1px dashed lightgray;
    padding: 5px 0;
}
.sysReviewHistoryList li:last-child { border: none;}

.sysNickname,
.sysEvaluation {
    display: inline-block;
    padding: 0 10px 0 0;
}
.sysNickname {
    font-size: large;
    font-weight: bold;
}
.sysReviewDatetime {
    font-size: small;
    text-align: right;
    padding-right: 20px;
}
.sysReviewText { font-size: small;}

/* 4-2-11 旧関連商品 */
#recommend_title{ width:100%; margin-top:30px; display:block;}
#kanren_list, #kanren_list ul, #kanren_list li, #kanren_list img, #kanren_list p { margin:0; padding:0;}
#kanren_list { width:100%; margin-top:30px;}
#kanren_list p { border-style:dotted; border-width:2px; border-color:#999999; background-image:url(/img/common/gray-dots.gif); font-size:80%; letter-spacing:0.2em; text-align:center; padding:8px; display:block;}
#kanren_list li { list-style-type:none; width:18.3%; height:170px; border:#ccc solid 1px; font-size:50%; letter-spacing:0.1em; line-height:1.4em; text-align:center; margin:8px 0 0 10px; padding:8px 8px 8px 8px; float:left;}
#kanren_list li a { text-decoration:none; display: block;}
#kanren_list img { width:100%; margin-bottom:7px; display:block; border:none;}

/* 4-2-12　関連商品 */
.sysFuncItemBlock.item_group {
    margin-top:40px;
}
.sysFuncItemBlock.item_group > div.sysContent > div > ul > li > .sysItemName {
    font-size:small; 
    text-align:left; 
}
.sysFuncItemBlock.item_group > div.sysContent > div > ul > li > .sysItemName a {
    text-decoration:none; 
}

/* あと少しで送料無料なら、コレ！ */

.sysFuncItemBlock.onemore {
    margin-top:40px;
}
.sysFuncItemBlock.onemore > div.sysContent > div > ul > li > .sysItemName {
    font-size:small; 
    text-align:left; 
}
.sysFuncItemBlock.onemore > div.sysContent > div > ul > li > .sysItemName a {
    text-decoration:none; 
}



/* 4-2-13　レビューコンテストページ */
#contest_result {
    width:100%;
    padding: 6 0 0 12;
    letter-spacing: 0.2px;
    border-top: 1px #666 dotted;
    margin: 30px auto;
}
#contest_result .comment {
    width: 100%;
    margin: 11 0 ;
    font-size: 12px;
}
#contest_result .imgs{
    margin: 10px 9px 15px 0;
    width: 30%;
    float: left;
}
#contest_result .radius {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
#contest_result .sho {
    width: 20%;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    max-width: 125px;
    max-height: 124px;
}
#contest_result .title {
    font-size: 20px;
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
#contest_result .staff {
    background: url(/img/item/review_contest_001/img_conteststaff.png) no-repeat;
    background-position: 100% 100%;
    height: 100%;
}
#contest_result .staff p {
    width: 90%;
    margin: inherit;
    background-color: #a1c98f;
    padding: 10px 15px;
    border-radius: 10px;
    color: #fff;
    position: relative;
}
#contest_result .staff p:after {
    content: "";
    position: absolute;
    top: 70%;
    right: -10px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #a1c98f;
}
#contest_result section {
    text-align: center;
    background-color: #faf1e5;
    padding: 10px;
    margin-top: 30px;
    border-radius: 10px;
}
#contest_result section:after {
    content: '';
    display: block;
    clear: both;
}
#contest_result .item_line {
    font-size: 18px;
    color: #555;
}
#contest_result .product {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    padding: 10px;
}
#contest_result .product a {
    color: #555;
}

/* 4-2-14 Item page Title */
#detail_title,
#font_title,
#check_title,
#staff_title,
#spec_title,
#order_title {
    width: 100%;
    margin-bottom: 10px;
}
#detail_title span,
#font_title span,
#check_title span,
#staff_title span,
#spec_title span,
#order_title span {
    display:inline-block;
    width:100%;
    border:solid 1px #666;
    text-align: center;
    padding: 5px 10px;
    /*border-radius: 30px;*/
}

/* 4-2-15 導入実績（イリス） */
.introduction_results,
.introduction_results p,
.introduction_results span {
    margin: 0;
    padding: 0;
}
.introduction_results {
	background: #c5d700;
	color: #fff;
	padding: 10px;
}
.introduction_results p {
	display:table;
	font-size: 12px;
	margin: 0;
	padding: 10px;
}
.introduction_results p:nth-of-type(1) {
	font-size: 14px;
}
.introduction_results p span {
	display: table-cell;
}
.introduction_results p span:nth-of-type(1) {
	display: inline-block;
	width:100px;
	font-weight: bold;
	color: #666;
	margin-right: 10px;
}

/* 4-2-16 happyvoice */
.happyvoice {
display: block;
margin-top: 60px;
}
.happyvoice_rap {
  position: relative;
  width: 100%;
  margin-top: 0;
  padding: calc(290 / 720 * 100%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
}
@media screen and (max-width:767px){
.happyvoice_rap {
  margin-top: 0;
  padding: calc(390 / 720 * 100%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
}
}
.happyvoice_rap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.happyvoice_more {
display: block;
width: 40%;
background: #8eb15c;
color: #fff;
text-decoration: none;
text-align: center;
margin: 20px auto 0;
padding: 10px;
}

/* 4-2-17 説明書DLバナー */
@media screen and (max-width: 767px) {
.manual_dl a img:nth-of-type(n+1) { width: 30%;}
}


/* 4-3 Free Page */
/* 4-3-1 TOP PAGE */
.t-pickupbnr > h2.sysHeadline,
.t-nameplate > h2.sysHeadline,
#newitem h2.sysHeadline,
.p-newItem > h2.sysHeadline,
#ranking h2.sysHeadline,
#ranking_sign h2.sysHeadline,
.p-ranking > h2.sysHeadline,
.t-recommendItem > h2.sysHeadline,
.f-staff > h2.sysHeadline {
    border-bottom: 0;
}

/* 4-3-2 ABOUT & SHOP */
.about_info h3, .shop h3,
.FS2_body_Goods_shop .system_content h3,
.FS2_body_Goods_about .system_content h3 {
    font-size:130%;
}
.about_info dl dt, .shop dl dt,
.FS2_body_Goods_shop .system_content dl dt,
.FS2_body_Goods_about .system_content dl dt {
    font-size:120%;
    margin-top:30px;
}
.about_info dl dd, .shop dl dd,
.FS2_body_Goods_shop .system_content dl dd,
.FS2_body_Goods_about .system_content dl dd {
    margin-top:20px;
}
.about_info hr, .shop hr,
.FS2_body_Goods_shop .system_content hr,
.FS2_body_Goods_about .system_content hr {
    border:0;
    border-bottom:1px
    dotted #666;
    margin:30px 0;
}
.about_info .shop_add span .shop .shop_add span {
    color:#e9339c;
}

/* 4-3-3 CAUTION */
.caution_info h3,
.FS2_body_Goods_caution h3{
    font-size:130%;
}
.caution_info .shop,
.FS2_body_Goods_caution .shop {
    color:#99cc33;
}

/* 4-3-4 FAQ */
.faq_content{ line-height:130%;}
.faq_content h3{ font-size:130%;}
.faq_content h2{ color:#99cc33; margin:60px 0 30px;}
.faq_content p, .faq_content div, .faq_content ul, .faq_content li, .faq_content img, .faq_content a, .faq_content br{margin:0; padding:0;}
.faq_content a{ color:#666; text-decoration:none;}
.faq_content .cat_title{ font-weight:bold; color:#99cc33; margin-top:40px;}
.faq_content .jump_anchor{ display:block;}
.faq_content ul li{ list-style-type:none; text-indent:0; border-bottom:#ccc dotted 1px; margin:7px 0; padding-bottom:6px;}
.faq_content ul li a{ width:100%; display:block;}
.faq_content ul li a:hover{ color:#99cc33;}
.faq_content .faq_a{ width:100%; vertical-align:bottom; margin-top:40px;}
.faq_content .hr_line{ display:block; border-top:1px dotted #beb849; margin:3px 0;}
.faq_content .qa_box{ position:relative; height:47px;}
.faq_content .img_qa{ position:absolute; bottom:0; top:0;}
.faq_content .img_responsive{ margin:10px 0;}
.faq_content .qa_tex{ position:absolute; bottom:0; left:71px; line-height:118%;}
.faq_content .faq_tex{ display:block; width:100%; background:#eee; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:100%; text-align:justify; margin-top:10px;}
.faq_content .faq_btm{ margin-top: 40px; }
.faq_content .faq_tex p{padding:20px;}
.faq_content .faq_tex p a,
.faq_content .faq_top p a,
.faq_content .faq_btm p a{ color:#3F77A0; text-decoration: underline; }
.faq_content .faq_tex p a:hover,
.faq_content .faq_top p a:hover,
.faq_content .faq_btm p a:hover{ color:#99cc33;}
.faq_content .top_btn{ visibility:hidden; width:100%; text-align:right; margin-top:10px;}

/* 4-3-5 INFO */
#info #sysMain .sysFuncText,
.FS2_body_Goods_info .system_content{
    padding: 0 20px;
}
#info hr,
.FS2_body_Goods_info hr {
    border:0;
    border-bottom:1px dotted #666;
    margin:50px auto;
}

.info_navi_content h3,
.FS2_body_Goods_info .system_content h3 { font-size:130%;}
.info_navi_content ul li,
.FS2_body_Goods_info .system_content ul li { list-style-type:none; text-indent:0; border-bottom:#ccc dotted 1px; margin:7px 0; padding-bottom:6px;}
.info_navi_content ul li:after,
.FS2_body_Goods_info .system_content ul li:after { content: ""; color:#99cc33; margin-top: -1.4em; margin-right: 10px; float: right;}
.info_navi_content ul li a,
.FS2_body_Goods_info .system_content ul li a { width:100%; display:block;}
.info_navi_content ul li a:hover,
.FS2_body_Goods_info .system_content ul li a:hover { color:#99cc33;}

.tokusho_content h3 { font-size:130%;}
.tokusho_content p {
    margin-top:15px;
}
.tokusho_content p b {
    font-size: 110%;
    color: #99cc33;
    display: block;
    margin: 15px 0 10px;
}
.return_content h3 { font-size:130%;}
.return_content p{
    margin-top: 15px;
}
.return_content p b {
    font-size: 110%;
    color: #99cc33;
    display: block;
    margin: 15px 0 10px;
}
.payment_content h3 { font-size:130%;}
.payment_content p {
    margin-top:20px;
}
.payment_content p b {
    font-size: 110%;
    color: #99cc33;
    display: block;
    margin:15px 0 10px;
}
.payment_content table {
    font-size:60%;
}
.payment_content table tr td {
    padding:5px;
}
.payment_content table span {
    color:#fff;
}
.voucher_content h3 { font-size:130%;}
.voucher_content p {
    margin-top: 20px;
}
.voucher_content p b {
    color: #99cc33;
    display: block;
    margin: 15px 0 10px;
}
.confirm_content h3 { font-size:130%;}
.confirm_content p {
    margin-top:15px;
}
.confirm_content p b {
    font-size: 110%;
    color: #99cc33;
    display: block;
    margin: 15px 0 10px;
}
.cancel_content h3 { font-size:130%;}
.cancel_content p {
    margin-top:15px;
}
.cancel_content p b {
    font-size: 110%;
    color: #99cc33;
    display: block;
    margin: 15px 0 10px;
}
.flow_content h3 { font-size:130%;}
.flow_content p {
    margin-top:15px;
}
.flow_content p b {
    font-size: 110%;
    color: #99cc33;
    display: block;
    margin: 15px 0 10px;
}
.shipment_content h3 { font-size:130%;}
.shipment_content p {
    margin-top: 15px;
}
.shipment_content p b {
    font-size: 110%;
    color: #99cc33;
    display: block;
    margin: 15px 0 10px;
}
.shipment_content table {
    width: 100%;
    font-size: 80%;
}
.shipment_content table tr td {
    padding: 5px;
}
.shipment_content table span {
    color: #fff;
}
.packing_content h3 { font-size:130%;}
.packing_content p {
    margin-top: 15px;
}
.packing_content p b {
    font-size: 110%;
    color: #99cc33;
    display: block;
    margin: 15px 0 10px;
}
.member_content h3 { font-size:130%;}
.member_content p {
    margin-top: 15px;
}
.member_content p b {
    font-size: 110%;
    color: #99cc33;
    display: block;
    margin: 15px 0 10px;
}

/* 4-3-6 PRIVACY POLICY */
#privacypolicy #sysMain .sysFuncText{
    padding: 0 20px;
}
.FS2_body_Goods_privacypolicy .system_content{
    padding: 5px 25px;
}

#privacypolicy hr,
.FS2_body_Goods_privacypolicy hr {
    border:0;
    border-bottom:1px dotted #666;
    margin:50px auto;
}
.privacy_content h3,
.FS2_body_Goods_privacypolicy h3 { font-size:130%;}
.privacy_content p {
    margin-top: 15px;
}
.privacy_content p b {
    font-size: 110%;
    color: #99cc33;
    display: block;
    margin: 15px 0 10px;
}

/* 4-3-7 DISCLAIMER */
#disclaimer #sysMain .sysFuncText{
    padding: 0 20px;
}
.FS2_body_Goods_disclaimer .system_content{
    padding: 5px 25px;
}

#disclaimer hr,
.FS2_body_Goods_disclaimer hr {
    border:0;
    border-bottom:1px dotted #666;
    margin:50px auto;
}
.disclaimer_content h3,
.FS2_body_Goods_disclaimer .system_content h3 { font-size:130%;}
.disclaimer_content p,
.FS2_body_Goods_disclaimer .system_content p {
    margin-top: 15px;
}
.disclaimer_content p b,
.FS2_body_Goods_disclaimer .system_content p b {
    font-size: 110%;
    color: #99cc33;
    display: block;
    margin: 15px 0 10px;
}

/* 4-4 Form Page */
/* 4-4-1 Cart Button Reset */
.sysCart .sysItemListArea {
    border: 1px solid #999;
    padding: 0 10px;
}
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain input[type=submit],
.sysCart #sysMain button[type=submit],
/*.sysCart #sysMain button,*/
.sysCart #sysMain .opc_back_btn,
.mdl-button--raised.mdl-button--colored {
    /*background: #666;*/
    background: #fff!important;
    /*color: #fff;*/
    color: #666!important;
    text-shadow: none;
    /*border:0;*/
    border:1px solid #666!important;
    padding: 0 5px!important;
}
.sysCart #sysMain .sysDeleteArea input[type=submit],
.sysCart #sysMain input[type=submit].sysBackButton {
    min-width: 5em;
}
.sysCart #sysMain .sysNavImg {
    margin-bottom:20px;
}
.sysCart #sysMain .sysTotal {
    text-align: center;
}.sysCart #sysMain .sysTotal .sysBox {
    display: inline-block;
    text-align: left;
}
.sysCart #sysMain .sysBox {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.sysCart #sysMain .sysItemListArea .sysCartTitle,
.sysCart #sysMain #sysPurchaseAuthMember .sysCartTitle,
.sysCart #sysMain #sysRegisterForm .sysCartTitle,
.sysCart #sysMain #sysPurchaseAuthCustomer .sysCartTitle,
.sysCart #sysMain form:nth-child(2) > .sysCartTitle,
.sysCart #sysMain > .sysCartTitle,
.sysCart #sysMain .sysSelectDeliveryArea .sysCartTitle,
.sysCart #sysMain .sysRemarksArea .sysCartTitle,
.sysCart #sysMain .sysSelectPaymentArea .sysCartTitle,
.sysCart #sysMain .sysOrder .sysCartTitle,
.sysCart #sysMain .sysProduct .sysCartTitle,
.sysCart #sysMain .sysDetail .sysCartTitle,
.sysCart #sysMain > div > .sysCartTitle {
    /*background-color: #8eb15c;*/
    background-color: #fff;
    color: #666;
    font-size: medium;
    border: 1px solid #eee;
    /*border-radius: 10px;*/
    text-align: center;
    letter-spacing: 0.3em;
    padding: inherit;
}
.sysCart #sysMain .sysItemListArea .sysCartTitle {
    border: none;
    border-bottom: 1px solid #ccc;
}
.sysCart #sysMain > div.sysItemListArea div.sysProduct {
    border: 1px solid #ccc;
    margin-bottom: 15px;
    padding: 10px;
}
.sysCart #sysMain .sysItemName {
    font-size: 100%;
}
.sysCart .sysBox hr {
    border: 0;
    border-bottom: 1px dotted #999;
}
.sysCart #sysMain .sysNextSubmitArea {
    width: 70%;
    margin: 0 auto;
}
.sysCart #sysMain > form.opcUseAmazon {
    width: auto;
    text-align: center;
}
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain input.sysNextSubmit,
.sysCart #sysMain > form.opcUseAmazon > input.sysOpcNextSubmit,
.sysCart #sysMain > form.opcUseAmazon > input.sysOpcNextSubmit.lowOpcSubmitButton{
    -webkit-appearance: none;
    width:80%;
    height: 40px;
    background: #de5d50!important;
    color: #fff!important;
    border: none!important;
    border-radius: 5px;
    font-size: 1.3em;
    line-height: normal;
    margin: 1.5em auto!important;
}
/*
.sysCart #sysMain input[type=submit] {
    -webkit-appearance: none;
    background: #de5d50;
    color: #fff;
    border: none;
    border-radius: 5px;
}
*/
.sysCart #sysMain select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width:100px;
    text-indent: 0.5em;
    border-radius: 0;
    background: #eee;
    border: 0;
}
.sysCart #sysMain .sysNumArea .sysBtnPlus,
.sysCart #sysMain .sysNumArea .sysBtnMinus {
    /*background: #765;*/
    background: #fff;
    color:#666;
    border:1px solid #666;
}
.sysCart #sysMain .sysDeleteArea .sysButton,
.sysCart #sysMain > form:nth-child(2) > .sysForm > .sysFormItem.sysZipcode > div > button {
    /*background: #525263;*/
    background: #fff;
    color:#666;
    border:1px solid #666;
}

.sysCart #sysPurchaseAuthMember > div > form > div > div.sysFormItem.sysSubmit input.sysLoginButton {
    background: #de5d50;
}
.sysCart #sysMain > div:nth-child(2) > form > input.sysNextSubmit,
.sysCart #sysMain > div:nth-child(3) > div > div:nth-child(1) > form > input.sysNextSubmit,
.sysCart #sysMain > div:nth-child(3) > div > div:nth-child(2) > form > input.sysNextSubmit,
.sysCart #sysMain > div:nth-child(6) > form > div > div:nth-child(9) > button,
.sysCart #sysMain > div > div:nth-child(2) > form > input.sysNextSubmit,
.sysCart #sysMain > div > div:nth-child(4) > div > div:nth-child(1) > form > input.sysNextSubmit,
.sysCart #sysMain > div > div:nth-child(4) > div > div:nth-child(2) > form > input.sysNextSubmit,
.sysCart #sysMain > div > div:nth-child(6) > form > div > div:nth-child(9) > button {
    background: #de5d50;
    padding: 0 10px;
}
.sysCart #sysMain > div:nth-child(6) > form > div > div.sysFormItem.sysZipcode > div > button,
.sysCart #sysMain > div.sysOrder > ul > li:nth-child(1) > div.sysConfirmButton > form > input.sysButton,
.sysCart #sysMain > div.sysOrder > ul > li:nth-child(2) > div.sysConfirmButton > form > input.sysButton,
.sysCart #sysMain > div.sysOrder > div > div:nth-child(2) > div > form > div.sysUsePointsButton > input.sysButton,
.sysCart #sysMain > div.sysDetail > ul > li:nth-child(1) > div.sysConfirmButton > form > input.sysButton,
.sysCart #sysMain > div.sysDetail > ul > li:nth-child(2) > div.sysConfirmButton > form > input.sysButton,
.sysCart #sysMain > div.sysDetail > ul > li:nth-child(3) > div.sysConfirmButton > form > input.sysButton,
.sysCart #sysMain > div.sysDetail > ul > li:nth-child(4) > div.sysConfirmButton > form > input.sysButton,
.sysCart #sysMain > div.sysDetail > ul > li:nth-child(5) > div.sysConfirmButton > form > input.sysButton,
.sysCart #sysMain > div > div:nth-child(6) > form > div > div.sysFormItem.sysZipcode > div > button {
    background: #525263;
}
.sysCart #sysMain button.mdl-button.full-width {
    font-size: 1.3rem;
}
.sysCart #sysMain button.dlg-close {
    right: 0;
}
.sysCart #sysMain .sysDeleteArea .sysButton:hover {
    opacity: 0.8;
}
.sysCart #sysMain .sysBackButton,
.sysCart #sysMain .sysBackSubmitArea .sysButton {
    /*background: #5cb1b1!important;*/
    background: #fff!important;
    color: #666!important;
    border:1px solid #666!important;
}
.sysCart #sysMain .sysBackButton:hover,
.sysCart #sysMain .sysBackSubmitArea .sysButton:hover {
    opacity: 0.8;
}
.sysCart #sysMain .sysConfirmButton input[type=submit] {
    width: 20%;
}
.sysCart #sysMain .sysConfirmButton input[type=submit]:hover {
    opacity: 0.8;
}
.sysCartInDone{ margin: 0;}

/* 4-4-2 Form Page */
#sysMemberRegisterRegister #sysMain h2,
#sysMemberRegisterConfirm #sysMain h2,
#sysMemberRegisterIndex #sysMain h2,
#sysFormThanks #sysMain h2,
#sysFormConfirm #sysMain h2,
#sysFormIndex #sysMain h2 {
    border-bottom: 1px solid #999;
    background-color: #999;
    color: #ffffff;
    font-size: large;
    padding: 5px;
}
#sysMemberRegisterRegister #sysMain,
#sysMemberRegisterConfirm #sysMain,
#sysMemberRegisterIndex #sysMain,
#sysFormThanks #sysMain,
#sysFormConfirm #sysMain,
#sysFormIndex #sysMain {
    border-color: #999;
    border-style: solid;
    border-radius: 0px;
    border-width: 1px;
    box-shadow: 1px 1px 1px gray;
    margin-bottom: 10px;
    padding: 0;
}

#sysMemberRegisterConfirm  #sysMain > form,
#sysMemberRegisterIndex #sysMain > form,
#sysFormConfirm #sysMain > form,
#sysFormIndex #sysMain > form { padding: 10px;}

#sysMypageReminder #sysMain input,
#sysMemberRegisterIndex #sysMain input,
#sysFormIndex #sysMain input {
    line-height: 15px;
    padding: 5px;
    font-size: small;
    margin: 5px auto;
}

#sysMain input[type="email"], 
#sysMain input[type="number"], 
#sysMain input[type="password"], 
#sysMain input[type="tel"], 
#sysMain input[type="url"], 
#sysMain input[type="text"],
#sysMain textarea {
    width: 100%;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF));*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFEFEFEF', endColorstr='#FFFFFFFF');*/
    /*border-radius: 5px 5px 5px 5px;*/
    border: #999999 1px solid;
    line-height: 3;
}
#sysMain textarea { min-height: 200px;}

.sysZipcode button,
.sysZipcode .sysFormField { display: inline-block;}
.sysZipcode .sysFormLabel { display: block;}
.sysZipcode .sysFormField { width: 200px;}
.sysZipcode br{ display: none;}
.sysBirthday input { width: auto!important;}


/* 4-4-3 Form Confirm Page */
#sysMypageEditConfirm #sysMain .sysFormField,
#sysMemberRegisterConfirm #sysMain .sysFormField,
#sysFormConfirm #sysMain .sysFormField {
    border: 1px solid #999;
    line-height: 2;
    padding-left: 10px;
    font-size: small;
    border-radius: 3px;
    margin: 5px auto;
    min-height: 20px;
}

/* 4-4-4 Item Search Form */
#sysAside > div.sysFuncItemSearch.s-pcsearch > div > form > div.sysItemSearchFormCategory {
    display: none;
}
#sysHeader > div.sysFuncItemSearch.h-spsearch.sysDisplayPcNone.sysDisplayKeitaiNone > div > form > div.sysItemSearchFormCategory {
    display: none;
}

input, select {
    vertical-align: middle;
}
form.sysItemSearchForm {
    text-align: left;
    background: #eee;
    padding: 10px 10px 0;
}
.sysItemSearchForm > div {
    /*margin: 10px auto;*/
    margin: 0 10px 10px 0;
    /*width: 90%;*/
    text-align: left;
}
.sysItemSearchForm > div.sysItemSearchFormWord {
    display:inline-block;
    width: 31%;
    height:30px;
}
.sysItemSearchForm > div.sysItemSearchFormWord > input {
	margin: 0;
    height:30px;
}
.sysItemSearchForm > div.sysItemSearchAndOr {
    display:inline-block;
    width: 33%;
    font-size: small;
}
.sysItemSearchForm > div.sysItemSearchFormRange {
    display:inline-block;
    width: 30%;
    height:30px;
}
.sysItemSearchForm > div.sysItemSearchFormRange > input {
    height: 30px;
}
.sysItemSearchForm > .sysItemSearchFormCategory {
    display:inline-block;
    font-size: small;
    width: 40%;
}
.sysItemSearchForm > .sysItemSearchFormCategory > select {
    display:inline-block;
    width:50%;
    margin-left:20px;
}
.sysItemSearchForm > .sysItemSearchFormSort {
    display:inline-block;
    width: 20%;
}
.sysItemSearchForm > .sysItemSearchFormSort > select {
    width: 100%;
}
.sysItemSearchForm > .sysItemSearchFormLimit {
    display:inline-block;
    width: 20%;
}
.sysItemSearchForm > .sysItemSearchFormLimit > select {
    display:inline-block;
    width: 100%;
}
#sysItemSearch #sysMain .sysItemSearchForm > .sysSearchButton {
    width: 10%;
    height: 30px;
}

/* 4-5 MyPage */
#sysMypageLogin #sysHeader,#sysMypageIndex #sysHeader {
    margin-bottom: 40px;
}
/* 4-5-1 Mypage Index */
.sysMypage #sysMain{
    border-color: #999;
    border-style: solid;
    border-radius: 0px;
    border-width: 1px;
    box-shadow: 1px 1px 1px gray;
    margin-bottom: 10px;
    padding: 0;
}
.sysMypage #sysMain h2{
    border-bottom: 1px solid #999;
    background-color: #999;
    color: #ffffff;
    font-size: large;
    padding: 5px;
}
.sysMypage #sysMain h3{
    margin:10px 10px 0;
}
.sysMypage #sysMain > div.sysLoginForm > form > input.sysLoginButton {
    background-color: #de5d50;
    color: #fff;
    border: none;
}
.sysMypage #sysMain > div.sysLoginForm > form:nth-child(2) {
    text-align: center;
}
.sysMypage #sysMain > form,
.sysMypage #sysMain > div { padding: 5px 10px;}


/* 購入履歴 */
.sysOrderList {
    border: 1px solid rgb(212,212,212);
    padding: 10px;
    max-height: 400px;
    overflow-y: scroll;
}
.sysOrderList li {
    border-bottom: 1px dotted rgb(212,212,212);
    margin-bottom: 5px;
    padding-bottom: 5px;
}

/* マイページボタン */
.sysMypageNav > form {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.sysMypageNav .sysButton {
    width: 100%;
    display: block;
    line-height: 40px;
    font-size: 1rem;
}

/* 4-5-2 Member Profile Editor */
#sysMypageEditDelivery #sysMain > form,
#sysMypageEditMember #sysMain > form{ padding: 10px;}
#sysMypageEditDelivery #sysMain input,
#sysMypageEditMember #sysMain input {
    line-height: 15px;
    padding: 5px;
    font-size: small;
    margin: 5px auto;
}

#sysMypageEditConfirm #sysMain > form { padding: 10px;}

/* 4-5-3 Special Point */
.sysSpecialPoint {
    overflow: hidden;
    letter-spacing: -.4em;
}
.sysSpecialPoint > div:nth-child(2n) {
    width: 60%;
}
.sysSpecialPoint > div {
    display: inline-block;
    letter-spacing: normal;
    padding: 5px 10px;
    border-bottom: 1px solid #d5d5d5;
}
.sysSpecialPoint > div:nth-child(2n+1) {
    width: 40%;
}

/* 4-5-4 Coupon List */
.sysCoupon {
    border: 1px solid #d5d5d5;
    margin: 10px;
}

/* 4-6 News Page */
.news-row {
    border-color: #999;
    border-style: solid;
    border-radius: 0px;
    border-width: 1px;
    box-shadow: 1px 1px 1px gray;
    margin-bottom: 10px;  
}
.news-row > h1 {
    border-bottom: 1px solid #999;
    background-color: #999;
    color: #ffffff;
    font-size: large;
    padding: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(), to());
    background: -webkit-linear-gradient(top, , );
}
.sysNewsDetail { padding: 10px 20px;}

/* マイページ（複数配送先編集画面）*/
.sysSelectAddress a {
    display: block;
    text-decoration: none;
    border: 1px solid;
    padding: 10px;
}

.sysSelectAddress {
    margin: 10px 0;
}

.sysSelectAddress a:hover {
    background: #eee;
}

/* NEW Cart */
.mdl-dialog {
    max-width:600px;
}
#dlg-opc1 > div > button {
    position: absolute;
    top: 11px;
    right: 20px;
    display:inline-block;
    width: 33px!important;
    min-width: 33px!important;
    backgroud: #fff;
    color: #666;
    border: 1px solid #666;    
}
#dlg-opc1 > div > button > span.mdl-button__ripple-container {
    height: initial;
    width: initial;
}
#dlg-opc1 > div > p.user_type,
#dlg-opc2 > div > p.user_type,
#dlg-opc3 > div > p.user_type {
    font-size: 1rem;
    border-bottom: 1px solid #999;
}
.dialog_title,
.mdl-textfield__label,
#opc_member-description,
#opc_customer-description {
    color: #666;
}
/*.mdl_btn_.opcDialog > */#show-dlg-opc1,
/*.mdl_btn_.opcDialog > */#show-dlg-opc1_low,
/*.mdl-button--raised.mdl-button--colored,*/
#sysMain button.mdl-button.opc_next_btn {
    background: #de5d50!important;
    color: #fff!important;
    border: none!important;
    margin-top:20px!important;
    
}
.mdl_btn_ > #show-dlg-opc2 {
    background: #de5d50!important;
    color: #fff!important;
}
.mdl_btn_ > #show-dlg-opc3 {
    background: #525263!important;
    color: #fff!important;
}
.mdl-textfield {
    padding: 0;
    width: 100%;
}
.opcDialogBtnArea {
    margin-top: 40px;
}
.sysOpcProduct{
    border: 1px solid #999;
    padding: 5px;
}
.sysOpcProduct .sysOpcItemName {
    font-size: 1.0em;
}


/* カレンダー */
.calender table{
	clear:both;
}
.calender table, .calender td, .calender tr {
	line-height: 1.25em;
	width: 100%;
	padding:2px;
}
.calender #calendar {
	text-align:center;
	table-layout:fixed;
	border-collapse:collapse;
	border-spacing:2px;
	empty-cells:show;
	caption-side:top;
	padding:3px;
	margin:3px;
}
.calender #week {
	color: #3c3c3c;
	background-position:left top;
	font-style:normal;
	background-color: #e0e0e0;
	text-decoration:none;
	border: solid 1px #e0e0e0;
}
.calender #sun {
	color: #f30000;
	background-position:left top;
	font-style:normal;
	background-color: #DDDDDD;
	text-decoration:none;
	border: solid 1px #d0d0d0;
}
.calender #sat {
	background-position:left top;
	color:#ffffff;
	font-style:normal;
	background-color: #DDDDDD;
	text-decoration:none;
	border: solid 1px #d0d0d0;
}
.calender #title {
	background-color:#ffffff;
	background-position:left top;
	font-style:normal;
	text-decoration:none;
	color:#666;
	border: solid 1px #d0d0d0;
}
.calender #sanday {
	background-color:#ffffff;
	background-position:left top;
	font-style:normal;
	text-decoration:none;
	color:#666;
	border: solid 1px #d0d0d0;
}
.calender #saturday {
	background-color:#ffffff;
	background-position:left top;
	font-style:normal;
	text-decoration:none;
	color:#666;
	border: solid 1px #d0d0d0;
}
.calender #holiday {
	background-color:#a6a6a6;
	background-position:left top;
	font-style:normal;
	text-decoration:none;
	border: solid 1px #d0d0d0;
	color:#ffffff;
}
.calender #weekday {
	background-color:#ffffff;
	background-position:left top;
	font-style:normal;
	text-decoration:none;
	color:#666;
	border: solid 1px #d0d0d0;
	
}

/*!
*  - v1.3
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/.slider-pro{position:relative;margin:0 auto;-moz-box-sizing:content-box;box-sizing:content-box}.sp-slides-container{position:relative}.sp-mask{position:relative;overflow:hidden}.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.sp-slide{position:absolute}.sp-image-container{overflow:hidden}.sp-image{position:relative;display:block;border:none}.sp-no-js{overflow:hidden;max-width:100%}.sp-thumbnails-container{position:relative;overflow:hidden;direction:ltr}.sp-bottom-thumbnails,.sp-top-thumbnails{left:0;margin:0 auto}.sp-top-thumbnails{position:absolute;top:0;margin-bottom:4px}.sp-bottom-thumbnails{margin-top:4px}.sp-left-thumbnails,.sp-right-thumbnails{position:absolute;top:0}.sp-right-thumbnails{right:0;margin-left:4px}.sp-left-thumbnails{left:0;margin-right:4px}.sp-thumbnails{position:relative}.sp-thumbnail{border:none}.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.sp-rtl .sp-thumbnail-container{float:right}.sp-bottom-thumbnails .sp-thumbnail-container,.sp-top-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}.sp-bottom-thumbnails .sp-thumbnail-container:first-child,.sp-top-thumbnails .sp-thumbnail-container:first-child{margin-left:0}.sp-bottom-thumbnails .sp-thumbnail-container:last-child,.sp-top-thumbnails .sp-thumbnail-container:last-child{margin-right:0}.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0!important}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;left:0;top:0;margin-left:13px}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:0;top:50%;margin-top:-8px;border-right:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;right:0;top:0;margin-right:13px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;right:0;top:50%;margin-top:-8px;border-left:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0!important}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;top:0;margin-top:13px}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;top:0;margin-left:-8px;border-bottom:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;bottom:0;margin-bottom:13px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;bottom:0;margin-left:-8px;border-top:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}.sp-black{color:#FFF;background:#000;background:rgba(0,0,0,.7)}.sp-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}.sp-rounded{border-radius:10px}.sp-padding{padding:10px}.sp-grab{cursor:url(images/openhand.cur),move}.sp-grabbing{cursor:url(images/closedhand.cur),move}.sp-selectable{cursor:default}.sp-caption-container{text-align:center;margin-top:10px}.sp-full-screen{margin:0!important;background-color:#000}.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sp-full-screen-button:before{content:'\2195'}.sp-fade-full-screen{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slider-pro:hover .sp-fade-full-screen{opacity:1}.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}.sp-rtl .sp-buttons{direction:rtl}.sp-full-screen .sp-buttons{display:none}/*.sp-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.sp-selected-button{background-color:#000}*/@media only screen and (min-width:768px) and (max-width:1024px){.sp-button{width:14px;height:14px}}@media only screen and (min-width:568px) and (max-width:768px){.sp-button{width:16px;height:16px}}@media only screen and (min-width:320px) and (max-width:568px){.sp-button{width:18px;height:18px}}.sp-arrows{position:absolute}.sp-fade-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-slides-container:hover .sp-fade-arrows{opacity:1}.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}.sp-vertical .sp-arrows{height:100%;left:50%;top:0;margin-left:-10px}.sp-arrow{position:absolute;display:block;width:20px;height:30px;cursor:pointer}.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-horizontal .sp-previous-arrow{left:20px;right:auto}.sp-horizontal .sp-next-arrow,.sp-horizontal.sp-rtl .sp-previous-arrow{right:20px;left:auto}.sp-horizontal.sp-rtl .sp-next-arrow{left:20px;right:auto}.sp-vertical .sp-previous-arrow{top:20px}.sp-vertical .sp-next-arrow{bottom:20px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-horizontal.sp-rtl .sp-previous-arrow,.sp-next-arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sp-horizontal.sp-rtl .sp-next-arrow{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ie7 .sp-arrow,.ie8 .sp-arrow{width:0;height:0}.ie7 .sp-arrow:after,.ie7 .sp-arrow:before,.ie8 .sp-arrow:after,.ie8 .sp-arrow:before{content:none}.ie7.sp-horizontal .sp-previous-arrow,.ie8.sp-horizontal .sp-previous-arrow{border-right:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-horizontal .sp-next-arrow,.ie8.sp-horizontal .sp-next-arrow{border-left:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-vertical .sp-previous-arrow,.ie8.sp-vertical .sp-previous-arrow{border-bottom:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.ie7.sp-vertical .sp-next-arrow,.ie8.sp-vertical .sp-next-arrow{border-top:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.sp-thumbnail-arrows{position:absolute}.sp-fade-thumbnail-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{opacity:1}.sp-bottom-thumbnails .sp-thumbnail-arrows,.sp-top-thumbnails .sp-thumbnail-arrows{width:100%;top:50%;left:0;margin-top:-12px}.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows{height:100%;top:0;left:50%;margin-left:-7px}.sp-thumbnail-arrow{position:absolute;display:block;width:15px;height:25px;cursor:pointer}.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.sp-top-thumbnails .sp-previous-thumbnail-arrow{left:0}.sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow{right:0}.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow{top:0}.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow{bottom:0}.sp-next-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,.sp-previous-thumbnail-arrow:after,.sp-previous-thumbnail-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-thumbnail-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-thumbnail-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-thumbnail-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-thumbnail-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-thumbnail-arrow,.ie8 .sp-thumbnail-arrow{width:0;height:0}.ie7 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,.ie8 .sp-thumbnail-arrow:after,.ie8 .sp-thumbnail-arrow:before{content:none}.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow{border-right:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow{border-left:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow{border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow{border-top:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}a.sp-video{text-decoration:none}a.sp-video img{-webkit-backface-visibility:hidden;border:none}a.sp-video:after{content:'\25B6';position:absolute;width:45px;padding-left:5px;height:50px;border:2px solid #FFF;text-align:center;font-size:30px;border-radius:30px;top:0;color:#FFF;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2);margin:auto;line-height:52px}.slider-pro img.sp-image,.slider-pro img.sp-thumbnail{max-width:none;max-height:none;border:none!important;border-radius:0!important;padding:0!important;-webkit-box-shadow:none!important;-mox-box-shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.slider-pro a{position:static;transition:none!important;-moz-transition:none!important;-webkit-transition:none!important;-o-transition:none!important}.slider-pro canvas,.slider-pro embed,.slider-pro iframe,.slider-pro object,.slider-pro video{max-width:none;max-height:none}.slider-pro p.sp-layer{font-size:14px;line-height:1.4;margin:0}.slider-pro h1.sp-layer{font-size:32px;line-height:1.4;margin:0}.slider-pro h2.sp-layer{font-size:24px;line-height:1.4;margin:0}.slider-pro h3.sp-layer{font-size:19px;line-height:1.4;margin:0}.slider-pro h4.sp-layer{font-size:16px;line-height:1.4;margin:0}.slider-pro h5.sp-layer{font-size:13px;line-height:1.4;margin:0}.slider-pro h6.sp-layer{font-size:11px;line-height:1.4;margin:0}.slider-pro img.sp-layer{border:none}






/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
    padding: 35px /*55px*/10px;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  left: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;

  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}



/* OPEN企画 */
.open_special { width:100%; text-align: center; margin-bottom: 30px;}
.open_special .off_item, .open_special .plus { display: inline-block;}
.open_special .off_item { position: relative; width: 145px; text-align: center;}
.open_special .off_item span { position: absolute; bottom: 20px; left: calc(50% - 1em); color:#fff; font-weight: bold;}
.open_special .off_item:nth-child(5) span {  left: calc(50% - 1.5em);}
.open_special p:nth-child(7) > span { color: #f68c98; font-size: 190%; padding-left: 10px;}
.open_special p:nth-child(9), .open_special p:nth-child(10) { font-size: 70%; color: #525263;}

















/* 以下whyKnot */

/* (wk)商品検索 */
#sysAside > div > div > form > div.sysItemSearchFormCategory {
    display: none;
}

/* (wk)Order Area */
.wk_orderArea {
    letter-spacing: normal;
    text-align: center;
    margin-bottom:30px;
}
.wk_orderArea > div {
    letter-spacing: normal;
    text-align: left;
    vertical-align: top;
}
.wk_orderArea > div > ul {
    width:95%;
}
.wk_orderArea > .wk_orderArea {
    background: #eee;
    border-radius: /*5px*/0;
    padding: 20px;
    margin-top: 30px;
}
.wk_orderArea > .wk_orderArea > div {
    width: 100%;
    display: block;
}
/*
.wk_orderArea > div {
    width: 100%;
    padding-right: 0;
    float: none;
}*/
.wk_orderArea > .sysItemViewId { margin-top: 20px;}
.sysBlock.wk_orderArea > div.sysFreeForm {
    margin-top:10px;
}
.sysBlock.wk_orderArea > div.sysFreeForm::after {
    display: block;
    content: " ";
    width: 100%;
    height: 25px;
    margin: 10px 0 10px -5px;
    background: url(/img/common/icon_support_tel.png) right center no-repeat transparent;
    background-size: auto 100%;
    vertical-align: middle;
}
#wk_orderArea .sysNumArea button {
    background: #8b96aa!important;
    border-radius: 0;
    border: none;
    color: #fff;
}
#wk_orderArea #sysSubmit .sysCartButton {
    border-radius: 0;
}
#wk_orderArea #sysWishlist .sysButton {
    background-color: #525263;
    border-radius: 0;
    border: none;
    color: #fff;
}
#wk_orderArea > div.sysBlock.wk_orderArea > div.sysFreeForm > form > input.sysNextSubmit {
    background: #abbeaa!important;
    border-radius: 0;
    border: none;
    color: #fff;
}

/* (wk)商品詳細 */
#wk_item_shousai hr {
    border: 0;
    border-bottom: dotted 1px #666;
    margin: 10px 0;
}
#wk_item_shousai > .intro {
    margin-top:0;
}
#wk_item_shousai > .detail,
#wk_item_shousai > .spec,
#wk_item_shousai > #kanren_list,
#wk_item_shousai > #order_title {
    margin-top:60px;
}
#wk_item_shousai > .intro > p,
#wk_item_shousai > .detail > p,
#wk_item_shousai > .spec > p {
    text-align: justify;
}
#wk_item_shousai > .intro > p.wk_item_image,
#wk_item_shousai > .detail > p.wk_item_image,
#wk_item_shousai > .spec > p.wk_item_image {
    width:100%;
    margin:40px 0 0;
}
#wk_item_shousai > .intro > p.wk_item_image:first-of-type,
#wk_item_shousai > .detail > p.wk_item_image:nth-child(2) {
    margin:0;
}


/* (wk)TOPページ */
body#whyknot,
body.FS2_body_Goods_whyknot {
    background-color: inherit;
}
#whyknot #sysAll,
.FS2_body_Goods_whyknot .layout_body {
    max-width: 1150px;
    margin: auto;
}

/* (wk)ヘッダー */
.wk-intro {
    background-color: #c8c8c8;
    color:#000;
    position: relative;
    padding: 10px;
}
.wk-intro::after {
    content: "";
	clear: both;
	display: block;
}
.wk-intro .sysContent {
    padding: 0;
}
.wk-intro h1 {
    font-size: 10px;
    float:left;
}
.wk-intro p {
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    margin: 0;
}
.wk-header {
    background-color: #abbeaa;
    margin-bottom: 5px;
    position: relative;
}
.wk-header .wk_logo {
    text-align: center;
}
.wk-header .wk_logo img {
    margin: 50px auto 30px;
}
.wk-header nav {
    position: absolute;
    top: 30px;
    right: 40px;
}
.wk-header nav ul:after {
    content: '';
    display: block;
    clear: both;
}
.wk-header nav ul li {
    float: left;
    margin-left: 20px;
}
.wk-header nav ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}
.wk-header nav ul li a:hover {
    color: #000
}

/* (wk)メインメニュー */
.wk-mainMenu {
    min-height: 110px;
    padding: 26px 0;
}
.wk-mainMenu nav {
    max-width: 65%;
    text-align: center;
    margin: auto;
}
.wk-mainMenu nav ul:after {
    content: '';
    display: block;
    clear: both;
}
.wk-mainMenu nav ul li {
    float: left;
    width: 16.6666%;
}
.wk-mainMenu nav ul li a {
    text-decoration: none;
    padding: 10px;
    display: block;
    position: relative;
    font-weight: bold;
}
.wk-mainMenu nav ul li a:hover:before, .wk-mainMenu nav ul li a:hover:after {
    content: '';
    display: block;
    width: 50%;
    margin: auto;
}
.wk-mainMenu nav ul li a:hover:before {
    border-top: 1px solid #000;
    position: relative;
    top: -10px;
}
.wk-mainMenu nav ul li a:hover:after {
    border-bottom: 1px solid #000;
    position: relative;
    top: 10px;
}
.wk-mainMenu nav ul li a:before {
    content: '';
    display: block;
    width: 50%;
    margin: auto;
    border-top: 1px solid #fff;
    position: relative;
    top: -10px;
}
.wk-mainMenu nav ul li a:after {
    content: '';
    display: block;
    width: 50%;
    margin: auto;
    border-bottom: 1px solid #fff;
    position: relative;
    top: 10px;
}
.wk-mainMenu nav ul li a:hover span:nth-child(1) {
    display: none;
}
.wk-mainMenu nav ul li a span:nth-child(2) {
    display: none;
}
.wk-mainMenu nav ul li a:hover span:nth-child(2) {
    display: inline;
}

/* (wk)MAINスライダー */
.wk-mainSlider {
    margin-bottom: 60px;
}
.wk-mainSlider .sysContent {
    padding: 0;
}
#sysItemSearch .wk-mainSlider {
    display: none;/* 検索ページは非表示 */
}

/* (wk)MAINピックアップバナー */
.wk-pickupbnr {}
#sysItemSearch .wk-pickupbnr {
    display: none;/* 検索ページは非表示 */
} 
.wk-pickupbnr .sysContent {
    padding: 0;
}
.wk-pickupbnr ul:after {
    content: '';
    display: block;
    clear: both;
}
.wk-pickupbnr ul li {
    width: 24.3%;
    float: left;
    margin-bottom: 5px;
    margin-right: 0.9%;
}
.wk-pickupbnr ul li:nth-child(4n) {
    margin-right: 0;
}
.wk-pickupbnr ul li img {
    width: 100%;
}


/* (wk)アサイド */
/* (wk)アサイド商品検索 */
.s-pc-wk-search {
    margin: 0 0 10px;
}
.s-pc-wk-search .sysContent {
    padding: 0;
}
.s-pc-wk-search form {
    background-color: #c8c8c8;
    padding: 5px;
}
.s-pc-wk-search form:after {
    content: '';
    display: block;
    clear: both;
}
.s-pc-wk-search form .sysItemSearchFormWord {
    width: 85%;
    float: right;
    margin: 0;
}
.s-pc-wk-search form .sysItemSearchFormWord input {
    border: 0;
    background-color: inherit;
    font-size: 14px;
}
.s-pc-wk-search form input.sysSearchButton {
    background-image: url(../img/wk/wk_icon_search01.png);
    background-repeat: no-repeat;
    background-color: inherit;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    position: relative;
    top: 8px;
    left: 10px;
    float: left;
    background-size: cover;
}

/* (wk)ヘッダーバナー */
#sysItemSearch .wk-spheaderbnr {
    display: none;/* SPは非表示 */
}

/* (wk)アサイドカテゴリー */
.wk-asidecategory {
    background-color: #abbeaa;
    /*padding-bottom: 90.5%;*//* ランキング下バナーあり */
    /*padding-bottom: 15.4%;*//* ランキング下バナーなし */
    padding-bottom: 50.4%;/* word press(feed wind) */

}
.wk-asidecategory .sysContent a {
    /*display: block;*/
    line-height: 1;
}
.wk-asidecategory .sysContent a img {
    max-width: 70px;
    padding-top: 20px;
    margin-left: 20px;
    padding-bottom: 20px;
}
.wk-asidecategory nav ul li {
    border-bottom: 1px dashed #7e917e;
}
.wk-asidecategory nav ul li a {
    width:100%;
    text-decoration: none;
    padding: 15px 0 10px 20px;
    display: table;
    font-weight: bold;
    line-height: 1;
}
.wk-asidecategory nav ul li a:hover {
    background-image: url(../img/wk/wk_icon_right-arrow.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 0 50%;
}
.wk-asidecategory nav ul li a span {
    display: table-cell;
}
.wk-asidecategory nav ul li a span:nth-of-type(2) {
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    padding-right: 1.5em;
}
.wk-asidecategory nav ul li a:nth-of-type(2) span,
.wk-asidecategory nav ul li a:nth-of-type(3) span,
.wk-asidecategory nav ul li a:nth-of-type(4) span,
.wk-asidecategory nav ul li a:nth-of-type(5) span,
.wk-asidecategory nav ul li a:nth-of-type(6) span {
    text-indent: 1em;
    font-size: 70%;
}
.wk-asidecategory nav ul li a h2 {
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    padding-right: 1.5em;
}

/* (wk)アサイド新商品 */
.wk-navi_newItem {
    background: #e7d3a4;
}
.wk-navi_newItem .sysContent .sysItemBlock .sysHorizontal li {
    display: inline-block;
    position: relative;
    width: 50%;
    padding: 10px;
}
.wk-navi_newItem .sysContent .sysItemBlock .sysHorizontal li:hover .sysItemName a {
    visibility: visible;
}
.wk-navi_newItem .sysContent .sysItemBlock .sysHorizontal li .sysItemName {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 10px;
}
.wk-navi_newItem .sysContent .sysItemBlock .sysHorizontal li .sysItemName a {
    visibility: hidden;
    display: block;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: 0.8;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    line-height: 16px;
    text-align: left;
    /*margin: 5px 5px 0 0;*/
    padding: 6px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}


/* (wk)メイン共通 */
#whyknot #sysWrap,
.FS2_body_Goods_whyknot .layout_table {
    max-width: 1150px;
    margin-top: 40px!important;
}
#whyknot #sysAside,
.FS2_body_Goods_whyknot #sysAside {
    max-width: 285px;
    width: 25%;
    padding: 0;
    padding-right: 0.3%;
}
#whyknot #sysWrap #sysMain,
.FS2_body_Goods_whyknot #sysMain {
    max-width: 865px;
    width: 75%;
    padding: 0;
}

/* (wk)メイン新商品 */
.wk-newItem {
    margin-bottom: 1%;
    margin-left: 0.5%;
}
.wk-newItem .sysContent {
    padding: 0;
}
.wk-newItem .sysContent .sysItemBlock .sysHorizontal li {
    width: 32.5%;
    padding: 0;
    margin-right: 1.2%;
    position: relative;
}
.wk-newItem .sysContent .sysItemBlock .sysHorizontal li:last-child {
    margin-right: 0;
}
.wk-newItem .sysContent .sysItemBlock .sysHorizontal li .sysItemImage {
    position: relative;
}
.wk-newItem .sysContent .sysItemBlock .sysHorizontal li .sysItemImage:after {
    content: '';
    background-image: url(../img/wk/wk_icon_new01.png);
    width: 52px;/*標準は70px*/
    height: 52px;/*標準は70px*/
    background-size: contain;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.wk-newItem .sysContent .sysItemBlock .sysHorizontal li .sysItemImage a {
    display: block;
    overflow: hidden;
    height: 230px;
    position: relative;
}
.wk-newItem .sysContent .sysItemBlock .sysHorizontal li .sysItemImage a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
.wk-newItem .sysContent .sysHorizontal li .sysItemName {
    width: 100%;
    width: 100%;
    height: 12px;
    position: absolute;
    bottom: 0;
    padding: 0 5px;
}
.wk-newItem .sysContent .sysHorizontal li .sysItemName a {
    font-size: 12px;
    color:#fff;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
    text-align: left;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.wk-newItem .sysContent .sysHorizontal li .sysItemName a:hover {
    color:#fff;
}


/* (wk)メインランキング */
.wk-rankingItem {
    margin-bottom: 1%;
    margin-left: 0.5%;
}
.wk-rankingItem .sysContent {
    padding: 0;
}
.wk-rankingItem .sysContent .sysItemBlock .sysHorizontal li {
    width: 32.5%;
    padding: 0;
    margin-right: 1.2%;
    position: relative;
}
.wk-rankingItem .sysContent .sysItemBlock .sysHorizontal li:last-child {
    margin-right: 0;
}
.wk-rankingItem .sysContent .sysItemBlock .sysHorizontal li .sysItemImage a {
    display: block;
    overflow: hidden;
    height: 230px;
    position: relative;
}
.wk-rankingItem .sysContent .sysItemBlock .sysHorizontal li .sysItemImage a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
.wk-rankingItem .sysContent .sysIconRank {
    position: absolute;
    /*width: 100%;*//*横長バージョンで必要*/
    z-index: 99;
}
.wk-rankingItem .sysContent .sysHorizontal li .sysItemName {
    width: 100%;
    width: 100%;
    height: 12px;
    position: absolute;
    bottom: 0;
    padding: 0 5px;
}
.wk-rankingItem .sysContent .sysHorizontal li .sysItemName a {
    font-size: 12px;
    color:#fff;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
    text-align: left;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.wk-rankingItem .sysContent .sysHorizontal li .sysItemName a:hover {
    color:#fff;
}


/* (wk)メインARTICLE（word press） */
.wk-wp_article .sysContent {
    padding: 0;
    margin-left: 0.5%;
}


/* (wk)メインミニバナー（SALE, SPECIAL） */
.wk-minibnr {
    margin-left: 0.5%;
}
.wk-minibnr .sysContent {}
.wk-minibnr ul:after {
    content: '';
    display: block;
    clear: both;
}
.wk-minibnr ul li {
    width: 49.4%;
    float: left;
}
.wk-minibnr ul li:last-child {
    float: right;
}
.wk-minibnr ul li a {}

/* (wk)MAINバナー（SALE, SPECIAL） */
.wk-bnr {
    margin-bottom: 40px !important;
}
.wk-bnr ul:after {
    content: '';
    display: block;
    clear: both;
}
.wk-bnr ul li {
    width: 49.6%;
    float: left;
}
.wk-bnr ul li:last-child {
    width: 49.6%;
    float: right;
}

/* (wk)MAINスタッフ */
.wk-staff {
    background-color: #8b96aa;
    max-width: 1150px;
    margin: auto;
    padding: 30px 0;
    width: 74.6%;
    float: left;
    min-height: 540px;
}
.wk-staff ul:after {
    content: '';
    display: block;
    clear: both;
}
.wk-staff ul li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 10px 40px;
    font-size: 13px;
}
.wk-staff ul li.title div {
    padding-top: 50px;
}
.wk-staff ul li.title div p {
    font-size: 14px;
    color: #fff;
}
.wk-staff ul li figcaption p {
    color: #fff;
    line-height: 1;
    margin: 5px auto;
}
.wk-staff ul li figcaption span {
    color: #000;
    text-align: justify;
    display: block;
    text-justify: inter-ideograph;
}

/* (wk)MAINカレンダー */
.wk-calender {
    background-color: #c8c8c8;
    color: #000;
    width: 24.6%;
    float: right;
    min-height: 540px;
}
.wk-calender .sysContent {
    padding: 25px;
}
.wk-calender .sysContent > div {
    margin-bottom: 30px;
}
.wk-calender .sysContent > div img {
    float: left;
    margin-right: 10px;
}
.wk-calender .sysContent > div p {
    margin: 0;
    font-size: 13px;
}
.wk-calender .sysContent > div p:before {
    content: 'U+25A0';
    color: #a0a0a0;
}
.wk-calender .sysContent > div span {
    font-size: 11px;
    display: block;
    line-height: 1.5;
    width: 60%;
    float: right;
}
.wk-calender table {
    margin: auto;
    width: 180px;
    line-height: 1.4;
}
.wk-calender table td {
    padding: 2px 1px;
    border: 2px solid #c8c8c8;
    font-size: 14px;
}
.wk-calender table td#holiday {
    background-color: #a0a0a0;
    color: #fff;
}

/* (wk)MAIN外部リンク */
.wk-outerlink {
    max-width: 1150px;
    margin: auto;
    clear: both;
}
.wk-outerlink .sysContent {
    padding: 0;
}
.wk-outerlink ul:after {
    content: '';
    display: block;
    clear: both;
}
.wk-outerlink ul li {
    width: 24.45%;
    float: left;
    text-align: center;
    line-height: 1.3;
    margin-right: 0.7%;
    margin-top: 30px;
}
.wk-outerlink ul li:last-child {
    margin-right: 0;
}
.wk-outerlink ul li.juicy a {
    background-image: url(../img/wk/wk_bnr_tab1_off.png);
}
.wk-outerlink ul li.gang a {
    background-image: url(../img/wk/wk_bnr_tab2_off.png);
}
.wk-outerlink ul li.sotoya a {
    background-image: url(../img/wk/wk_bnr_tab3_off.png);
}
.wk-outerlink ul li.direct a {
    background-image: url(../img/wk/wk_bnr_tab4_off.png);
}
.wk-outerlink ul li.juicy a:hover {
    background-image: url(../img/wk/wk_bnr_tab1_on.png);
}
.wk-outerlink ul li.gang a:hover {
    background-image: url(../img/wk/wk_bnr_tab2_on.png);
}
.wk-outerlink ul li.sotoya a:hover {
    background-image: url(../img/wk/wk_bnr_tab3_on.png);
}
.wk-outerlink ul li.direct a:hover {
    background-image: url(../img/wk/wk_bnr_tab4_on.png);
}
.wk-outerlink ul li a {
    text-decoration: none;
    background-repeat: repeat;
    background-size: cover;
    display: block;
    padding: 8px;
}
.wk-outerlink ul li a strong {
    display: block;
    font-size: 16px;
    color: #000;
}
.wk-outerlink ul li a span {
    font-size: 12px;
    color: #000;
}


/* (wk)フッター */
/* (wk)フッターインフォ */
#whyknot .wk-footer,
.FS2_body_Goods_whyknot .wk-footer {
    margin-top:40px!important;/* TOPだけ */
}
.wk-footerinfo {
    max-width: 1150px;
    margin-top: 30px !important;
}
.wk-footerinfo .sysContent:after {
    content: '';
    display: block;
    clear: both;
}
.wk-footerinfo .fblock {
    width: 25%;
    float: left;
    padding: 0 50px;
}
.wk-footerinfo .fblock h2 {
    background-repeat: no-repeat;
    position: relative;
    margin: 50px auto 40px;
    background-position: 50% 0px;
    padding: 30px 0 0px;
    text-align: center;
    color: #000;
}
.wk-footerinfo .fblock h2.payment {
    background-image: url(../img/wk/wk_icon_payment.png);
}
.wk-footerinfo .fblock h2.delivery {
    background-image: url(../img/wk/wk_icon_postage.png);
}
.wk-footerinfo .fblock h2.return {
    background-image: url(../img/wk/wk_icon_return.png);
}
.wk-footerinfo .fblock h2.delinote {
    background-image: url(../img/wk/wk_icon_invoice.png);
}
.wk-footerinfo .fblock h2:before, .wk-footerinfo .fblock h2:after {
    content: '';
    width: 30%;
    border-bottom: 1px solid #000;
    display: block;
    position: absolute;
    left: 35%;
}
.wk-footerinfo .fblock h2:before {
    top: -20px;
}
.wk-footerinfo .fblock h2:after {
    bottom: -15px;
}
.wk-footerinfo .fblock strong {
    color: #000;
    font-size: 13px;
}
.wk-footerinfo .fblock strong.ub {
    text-decoration: underline;
}
.wk-footerinfo .fblock p {
    font-size: 13px;
}
.wk-footerinfo .fblock .detailBtn {}
.wk-footerinfo .fblock .detailBtn a {
    background-color: #000;
    padding: 8px;
    max-width: 200px;
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
}
.wk-footerinfo .fblock .detailBtn a:hover {
    background-color: #abbeaa
}

/* (wk)フッターSNSリンク */
.wk-snslink {
    max-width: 1150px;
    margin: 0;
    margin-bottom: 50px !important;
}
.wk-snslink h2 {
    border: 0;
    text-align: center;
    position: relative;
    font-size: 16px;
    color: #000;
    line-height: 1;
}
.wk-snslink h2:before {
    content: '';
    width: 60px;
    position: absolute;
    display: block;
    border-top: 1px solid #000;
    left: 50%;
    margin-left: -30px;
    top: -0.5em;
}
.wk-snslink h2:after {
    content: '';
    width: 60px;
    position: absolute;
    display: block;
    border-top: 1px solid #000;
    left: 50%;
    margin-left: -30px;
    top: 1.4em;
}
.wk-snslink ul {
    max-width: 160px;
    margin: auto;
}
.wk-snslink ul:after {
    content: '';
    display: block;
    clear: both;
}
.wk-snslink ul li {
    float: left;
    width: 25%;
    text-align: center;
}
.wk-snslink ul li a img {
    margin: auto 5px;
    vertical-align: middle;
}

/* (wk)フッターコピーライト */
.wk-copyright {
    max-width: 1150px;
    margin: auto;
}
.wk-copyright .sysContent p {
    font-size: 13px;
    text-align: center;
    color: #999;
}

/* (wk)フッターページトップ */
.wk-pagetop .pagetop img {
    position: fixed;
    bottom: 80px;
    right: 10px;
    width: 40px;
}

/* (wk)カテゴリー カテゴリーリスト */
.wk-cat-list {
    font-size: 12px;
}
.wk-cat-list ul li {
    display: inline-block;
    min-width: 70px;
    margin: 0 0 1px 1px;
}
.wk-cat-list ul li a {
    display: block;
    color: #fff;
    background-color: #8b96aa;
    text-decoration: none;
    text-align: center;
    padding: 5px 10px;
}

/* 長期休業案内 */
.wk-sysheader .longoff {
    width: 1150px;
}
.wk-sysheader .longoff .sysContent {
    padding: 0;
}
.wk-sysheader .attention_longoff {
    width: 100%;
    background: #eee;
    letter-spacing: 0.1em;
    margin: 0/*15px*/ auto 0px auto;
    padding: 10px;
}
.wk-sysheader .attention_longoff dt {
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    padding-bottom: 5px;
}

.wk-sysheader .attention_longoff dd {
    font-size: 14px;
    line-height: 160%;
    padding: 0 6px;
}






/* 以下SOTOYA */

/* (SOTOYA)ヘッダー */
.sotoya-header .sysContent { padding: 0;}
.sotoya-header .sotoya_logo { display: block; background: #fef3e7; text-align: center; padding: 10px;}
.sotoya-header .sotoya_logo img { width: 200px;}
.sotoya-header .sotoya_tex { display: block; text-align: center; margin-top: 20px;}
.sotoya-header .sotoya_tex span { font-size: 12px;}
.sotoya-header .sotoya_tex span a { color: #666;}

/* (SOTOYA)フッター */
.sotoya-shop-bnr .sotoya_shoplist { display: block; text-align: center; margin-top: 20px;}
.sotoya-shop-bnr .sotoya_shoplist div { margin-bottom: 20px;}
.sotoya-shop-bnr .sotoya_shoplist div span { font-size: 14px;}
.sotoya-shop-bnr .sotoya_shoplist ul { display: inline-block;}
.sotoya-shop-bnr .sotoya_shoplist ul::before, .sotoya_shoplist ul::after { content: ""; clear: both; display: block;}
.sotoya-shop-bnr .sotoya_shoplist ul li { margin: 0 10px; float: left;}
.sotoya-shop-bnr .sotoya_shoplist ul li a { font-size: 12px; text-decoration: none; color:#666;}
.sotoya-shop-bnr .sotoya_shoplist ul li a img { display: block;}
.sotoya-footer .sotoya_navi { display: block; text-align: center; background: #eee; margin-top: 20px; padding: 10px;}
.sotoya-footer .sotoya_navi ul { display: inline-block;}
.sotoya-footer .sotoya_navi ul li { border-left: 1px solid #999; padding-left: 10px; margin-right: 10px; float: left;}
.sotoya-footer .sotoya_navi ul li:last-of-type { border-right: 1px solid #999; padding-right: 10px; margin-right: 0;}
.sotoya-footer .sotoya_navi ul li a { font-size: 12px; text-decoration: none; color:#666;}




































/* 以下スマホ用 */
@media screen and (max-width:767px){
/* 目次 */

/* 隠れた要素を表示させる */


/* 目次 whyKnot */

/* (wk)商品検索 */
/* (wk)Order Area */
/* (wk)商品詳細 */


/* 目次 共通（SOTOYA） */

/* (SOTOYA)フッター */




/* 3-2-10 長期休業案内 */

.attention_longoff {
    width: 100%;
    background: #eee;
    letter-spacing: 0.1em;
    margin: 0 auto 0px auto;
    padding: 10px;
}

.attention_longoff dt {
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
    padding-bottom: 5px;
}

.attention_longoff dd {
    font-size: 10px;
    line-height: 160%;
    padding: 0 6px;
}

/* 3-3-3 カテゴリー*/
/*
.s-pccategory ul li:nth-child(12)>a,
.s-pccategory ul li:nth-child(17)>a {
    line-height: 1;
    font-size: 10px;
}
*/

/* 4-1-9-22 取り付けサービス */
.toritsuke { width: 100%;}
.toritsuke .title { max-width: 95%;}
.toritsuke .tex1 { font-size: small; margin-top: 20px;}
.toritsuke .tex2 { font-size: x-large;}
.toritsuke .attention .tex3 { max-width:90%; font-size: small;}
.toritsuke .region { max-width: 70%; margin: 10px auto 0;}
.toritsuke .region img { max-width: 100%;}
.toritsuke .reasonable { max-width: 55%; margin: 40px auto 0;}
.toritsuke .reasonable img { width: 100%;}
.toritsuke .oy_guarantee { max-width: 60%; margin: 40px auto 0;}
.toritsuke .oy_guarantee img { width: 100%;}
.toritsuke .please, .toritsuke .flow, .toritsuke .guarantee { font-size: medium; margin-top: 40px}
.toritsuke .please_list ul li { width: 100%; padding:10px;}
.toritsuke .please_list ul li .list_box { height: 160px;}
.toritsuke .please_list ul li:nth-of-type(1) .list_box .please_list_title::after { display:inline-block; content: ""; width:44px; height:42px;background: url(/img/category/installation/installation-img-photo.png); background-size:contain; vertical-align:middle;}
.toritsuke .please_list ul li:nth-of-type(2) .list_box .please_list_title::after { display:inline-block; content: ""; width:52px; height:45px;background: url(/img/category/installation/installation-img-cal.png); background-size:contain; vertical-align:middle;}
.toritsuke .please_list ul li:nth-of-type(3) .list_box .please_list_title::after { display:inline-block; content: ""; width:46px; height:55px;background: url(/img/category/installation/installation-img-post.png); background-size:contain; vertical-align:middle;}
.toritsuke .please_list ul li:nth-of-type(3) .list_box .sign::after { width:69px; height:32px; background: url(/img/category/installation/installation-img-w-sign.png); background-size:contain;}
.toritsuke .please_list ul li:nth-of-type(4) .list_box .please_list_title::after { display:inline-block; content: ""; width:42px; height:42px;background: url(/img/category/installation/installation-img-choice.png); background-size:contain; vertical-align:middle;}
.toritsuke .please_list ul li:nth-of-type(5) .list_box .please_list_title::after { top: 0; display:inline-block; content: ""; width:48px; height:38px;background: url(/img/category/installation/installation-img-money.png); background-size:contain; vertical-align:middle;}
.toritsuke .please_list ul li:nth-of-type(6) .list_box .please_list_title::after { display:inline-block; content: ""; width:46px; height:40px;background: url(/img/category/installation/installation-img-handshake.png); background-size:contain; vertical-align:middle;}
.toritsuke .please_list ul li:nth-of-type(7) .list_box .please_list_title::after { display:inline-block; content: ""; width:47px; height:61px;background: url(/img/category/installation/installation-img-human.png); background-size:contain; vertical-align:middle;}
.toritsuke .please_list ul li:nth-of-type(8) .list_box .please_list_title::after { display:inline-block; content: ""; width:67px; height:54px;background: url(/img/category/installation/installation-img-sign.png); background-size:contain; vertical-align:middle;}
.toritsuke .sysMainImage { display: none;}
.toritsuke .order { width: 60%; margin: 60px auto 0;}

.toritsuke .nikkei { max-width: 70%; margin: 30px auto 0;}
.toritsuke .nikkei img { max-width: 100%;}


/* 4-1-9-23 宅配ボックス */
.post-takuhai nav { margin: 0;}
.post-takuhai nav ul {
    width: 100%;
}
.post-takuhai nav ul::after {
    display: block;
    content: "";
    clear: both;
}
.post-takuhai nav ul li {
    box-sizing: border-box;
    width: 25%!important;
    border: none!important;
    margin: 0!important;
    padding: 5px!important;
    float: left!important;
}
.post-takuhai nav ul li:last-child {
    border-right: none;
}
.post-takuhai .takuhai_navi > div {
    width: 50%;
    padding: 0 5px;
}
.post-takuhai .takuhai_navi div p {
    font-size: 14px;
    background-size: 20px auto;
    background-position: 10px 50%;
    padding: 10px;
}
.post-takuhai .takuhai_navi > div p a {
    margin-left: 25px;
}
.post-takuhai .takuhai_navi div:nth-of-type(1) p:nth-of-type(2),
.post-takuhai .takuhai_navi div:nth-of-type(1) p:nth-of-type(3),
.post-takuhai .takuhai_navi div:nth-of-type(1) p:nth-of-type(4),
.post-takuhai .takuhai_navi div:nth-of-type(1) p:nth-of-type(5),
.post-takuhai .takuhai_navi div:nth-of-type(1) p:nth-of-type(6) {
	font-size: 12px;
	background-size: 20px auto;
	background-position: 20px 50%;
	padding: 1px 8px;
}
.post-takuhai h2.sysHeadline {
    font-size: 18px;
    margin: 60px 0 20px;
}
.post-takuhai h2.sysHeadline span {
    display: block;
    font-size: 12px;
    padding-left: 0;
}
.post-takuhai .image .reserve {
	position: absolute;
	top: -5px;
	left: -5px;
	width: 50px;
}
.post-takuhai .image .s_price1 {
	position: absolute;
	top: -5px;
	left: -5px;
	width: 50px;
}
.post-takuhai .image .s_price2 {
	position: absolute;
	top: 40px;
	left: -5px;
	width: 50px;
}
.post-takuhai .shop_add {
    font-size: 80%;
}
.post-takuhai .shop_add p {
    font-size: 140%!important;
}
.post-takuhai .shop_item ul li {
    height: 40px;
    margin-right: 10px;
    float:left;
}
.post-takuhai .shop_item ul li img {
	height: 100%;
}

/* 4-2-12　関連商品 */

.onemore > .sysContent .sysItemBlock .sysHorizontal li{
    padding: 7px;
    width: 20%;  
}

.onemore > .sysContent .sysItemBlock .sysHorizontal li:last-child {
    display: inline-block;
}


/* 3-4-7 フッター商品一覧 */

/* 8個ずつ商品 */
.footer-bnr-p .sysContent .sysHorizontal li {
    width: 23% !important;
    margin: 1% !important;
}

.sysFuncItemBlock.footer-bnr-p > div.sysContent > div > ul > li > .sysItemName a {
    text-decoration: none;
    display: block;
    max-height: 48px;
    overflow: hidden;
}

.sysFuncItemBlock.footer-bnr-p > div.sysContent > div > ul > li > .sysItemName {
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer-bnr-p > .sysContent .sysItemBlock .sysHorizontal li:last-child {
    display: inline-block;
}


.footer-bnr-h .sysContent .sysHorizontal li {
    width: 23% !important;
    margin: 1% !important;
}

.sysFuncItemBlock.footer-bnr-h > div.sysContent > div > ul > li > .sysItemName a {
    text-decoration: none;
    display: block;
    max-height: 48px;
    overflow: hidden;
}

.sysFuncItemBlock.footer-bnr-h > div.sysContent > div > ul > li > .sysItemName {
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer-bnr-h > .sysContent .sysItemBlock .sysHorizontal li:last-child {
    display: inline-block;
}


.footer-bnr-o .sysContent .sysHorizontal li {
    width: 23% !important;
    margin: 1% !important;
}

.sysFuncItemBlock.footer-bnr-o > div.sysContent > div > ul > li > .sysItemName a {
    text-decoration: none;
    display: block;
    max-height: 48px;
    overflow: hidden;
}

.sysFuncItemBlock.footer-bnr-o > div.sysContent > div > ul > li > .sysItemName {
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer-bnr-o > .sysContent .sysItemBlock .sysHorizontal li:last-child {
    display: inline-block;
}


/* 3-4-8 フッターフラップバナー */
.footer_flap_banner {
    margin-bottom: 30px;
}
.footer_flap_banner a {
    padding: 5px;
}
.footer_flap_banner .size_l {
    width: 100%;
}
.footer_flap_banner .size_m {
    width: 50%;
}
.footer_flap_banner .size_s {
    width: 33.3333%;
}


/* 3-4-9 フッター新生活バナー */
#sysAside .newlife_bnr_pc {
    margin-bottom: 30px;
}
#sysAside .newlife_bnr_pc .sysContent {
    padding: 0 10px;
}
#sysAside .newlife_bnr_pc a img {
    vertical-align: bottom;
    margin-bottom: 10px;
}

/* 3-4-10 取り付けサービスバナー */
.installation {
	width: 100%;
	padding: 10px;
}
.installation p:nth-of-type(1) {
	display: block;
	width: 100%;
	float: none;
}
.installation p:nth-of-type(2) {
	box-sizing: border-box;
	width: 100%;
	border-top: 2px dotted #468fbe;
	border-left: none;
	margin-top: 10px;
	padding-top: 10px;
	float: none;
}
.installation p:nth-of-type(2) a {
	width: 100%;
	margin-top: 10px;
	margin-left: 0;
	float: left;
}
.installation p:nth-of-type(2) a img {
	width: 100%;
}


/* 大バナー */

.footer-bnr-100 li img {
    width: 100%;
    padding: 10px;
}

/* 中バナー */

.footer-bnr-50 li {
    margin-bottom: 1px;
    width: 50%;
    float: left;
}

.footer-bnr-50 li img {
    padding: 10px;
}





/* 4-4-1 Cart Reset */

/* OPEN企画 */




/* 14-1-9-2  カテゴリー */
#category ul li a span > span {
    display:none;
}

/* 4-1-9-7 価格で選ぶポスト一覧 */
.sysCategoryDescription .price_search { min-height: 630px;}
.sysCategoryDescription .price_search div { display: block; width:100%; text-align: center;}
.sysCategoryDescription .price_search div:last-child { margin-top: 40px;}
.sysCategoryDescription .price_search div:last-child:nth-child(2) ul li:nth-child(1) { display: none;}
.sysCategoryDescription .price_search div:last-child:nth-child(2) ul li:nth-child(2) { display: none;}

.sysCategoryDescription .price_search { min-height: 630px;}
.sysCategoryDescription .price_search div { display: block; width:100%; text-align: center;}
.sysCategoryDescription .price_search div:last-child { margin-top: 40px;}
.sysCategoryDescription .price_search div:last-child:nth-child(2) ul li:nth-child(1) { display: none;}
.sysCategoryDescription .price_search div:last-child:nth-child(2) ul li:nth-child(2) { display: none;}

.layout_content .system_content .price_search { min-height: 630px;}
.layout_content .system_content .price_search div { display: block; width:100%; text-align: center;}
.layout_content .system_content .price_search div:last-child { margin-top: 40px;}
.layout_content .system_content .price_search div:last-child:nth-child(2) ul li:nth-child(1) { display: none;}
.layout_content .system_content .price_search div:last-child:nth-child(2) ul li:nth-child(2) { display: none;}

.layout_content .system_content .price_search { min-height: 630px;}
.layout_content .system_content .price_search div { display: block; width:100%; text-align: center;}
.layout_content .system_content .price_search div:last-child { margin-top: 40px;}
.layout_content .system_content .price_search div:last-child:nth-child(2) ul li:nth-child(1) { display: none;}
.layout_content .system_content .price_search div:last-child:nth-child(2) ul li:nth-child(2) { display: none;}

/* 4-1-9-8 カラーで選ぶポスト一覧 */
.sysCategoryDescription .post_color_search { min-height: 850px;}
.sysCategoryDescription .post_color_search div { display: block; width:50%; min-width: 150px; text-align: center;}

.layout_content .system_content  .post_color_search { min-height: 850px;}
.layout_content .system_content  .post_color_search div { display: block; width:50%; min-width: 150px; text-align: center;}

/* 4-1-9-9 ガーデンカテゴリーバナー */
#gardens_banner a img{
    max-width:98%;
}

/* 4-1-9-10 プランター・ポット・鉢カテゴリーバナー */
#gardens-pot0_banner a img{
    max-width:98%;
}

/* 4-1-9-11 おしゃれ物置・屋外収納カテゴリー 5つのポイント */
#shed_point div {
    width:100%;
    background:#f0f0f0;
    padding-bottom:20px;
}
#shed_point div p:first-child {
    width:100%;
    margin:0 auto 30px;
    padding:10px;
}
#shed_point div p:nth-child(n+2) {
    padding:0 20px;
}

/* 4-1-9-13 ユーロ物置 */
#euro_shed_size section {
    width:90%;
    margin:0 auto;
}
#euro_shed_price .price_search {
    min-height: 210px;
}

/* 4-1-9-14 表札カテゴリーバナー */
#hyosatsu_banner a img{
    max-width:98%;
}

/* 4-1-9-15 アイアン表札カテゴリーバナー */
#sign-i0_banner a img{
    max-width:98%;
}

/* 14-1-9-16 ポストブランドリスト */
#pb_category ul li {
    width: 50%;
}
#pb_category ul li a img {
        max-width:none;
}
#pb_category ul li a span {
    width: 50%;
}
#pb_category ul li a span > span {
    display:none;
}

/* 4-2-3 Item Page */
#sysItemDetail #sysHeader {
    margin-bottom: 0;
}
.sysItemImages {
    margin-top:0;
}
.happyvoice {
    width:100%;
    height:370px;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
}

#soldnow_area {

}
#soldnow_area .soldnow_content {
    height:50px;
}
#soldnow_area .rec_item_image {
    width:50px;
    /*display: block;*/
    padding: 0 10px;
    /*float:left;*/
}
#soldnow_area .rec_item_staff {
    width:43px;
    /*display: block;*/
    /*float:left;*/
}
#soldnow_area .rec_item_content {
    /*width:100%;*/
    /*max-width:350px;*/
    /*display: block;*/
    padding:5px;
    font-size:8px;
    color:#666666;
    line-height:100%;
    font-family:"Meiryo","Hiragino Kaku Gothic Pro","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
    letter-spacing:0.05em;
    /*float:left;*/
}
#soldnow_area .rec_item_realcounter {
    /*width:720px;*/
}


/* 4-2-4 Item Page Titile */
.sysItemName,
.sysExplanation > div > span,
.sysReview > span{
    margin-top: 0;
}

/* 4-2-5 Item Name */
.sysItemName h1 {
    font-size: 120%;
}

/* 4-2-6 Item BuyForm */
#sysItemDetail .sysRetailPrice { font-size: 130%; /*font-weight: bold; text-align: right; margin-top: 20px;*/}
/*.sysRetailPrice::before,*/
.sysSuggestedRetailPrice::before {
    width: 100%;
    height: 155px;
}
#sysItemDetail .sysForm #sysSelections div select {
    min-width: 100%;
}
#sysItemDetail #sysVariation #variation {
    min-width: 100%;
}

/* 4-2-11 旧関連商品 */
#kanren_list li{ width:21.5%; height:125px;}

.sysFuncItemBlock.item_group > div.sysContent > div > ul > li > .sysItemName a {
    
}

/* 4-2-13 レビューコンテストページ */
.sysItemName h1 {
    font-size: 18px;
}
#contest_result .title {
    font-size: 14px;
}
#contest_result .staff p {
    width: 80%;
    font-size: 12px;
}
#contest_result .item_line {
    font-size: 14px;
}
#contest_result .product {
    padding: 5px;
    width: 25%;
    vertical-align: top;
}

/* 4-3-2 ABOUT & SHOP */
.about_info .shop_add, .shop .shop_add .shop_add {
    width:100%;
}
.about_info .shop_map, .shop .shop_map{
    width:100%;
}
.about_info .shop_map iframe, .shop .shop_map iframe{
    width:100%;
    height:250px;
    margin-top:30px;
}

/* 4-3-4 FAQ */
.faq_content .img_responsive{ width:100%;}

/* 4-4-4 Item Search Form */
form.sysItemSearchForm {
    padding: 0;
}
.sysItemSearchForm > div.sysItemSearchFormWord {
    width: 100%;
}
.sysItemSearchForm > div.sysItemSearchAndOr {
    width: 100%;
}
.sysItemSearchForm > div.sysItemSearchFormRange {
    width: 100%;
}
.sysItemSearchForm > .sysItemSearchFormCategory {
    width: 100%;
}
.sysItemSearchForm > .sysItemSearchFormCategory > select { 
    width: 100%;
    margin-left: 0;
}
.sysItemSearchForm > .sysItemSearchFormSort {
    width: 100%;
}
.sysItemSearchForm > .sysItemSearchFormLimit {
    width: 100%;
}
#sysItemSearch #sysMain .sysItemSearchForm > .sysSearchButton {
    width: 100%;
    height: 30px;
}

/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
.pc {
    display: none!important;
}
#sysMain,#sysAside{ width: 100%!important;}
#sysMain{ margin-top: 0;}
.grid-col {
	float: none;
	width: 100%!important;
        margin-left: 0;
}
#sysAside {
    margin-bottom: 0;
    clear: both;
}
.opc_next_btn {
    text-align: center;
}
.opc_next_btn a {
    color: #fff;
    padding: 10px 50px 10px 40px;
    border-radius: 3px;
    /*background: linear-gradient(top, #990, #066);*/
    /*background: -moz-linear-gradient(top, #990, #066);*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#5db2b2), to(#6bc6c6));*/
    position: relative;
}
.opc_next_btn a:after {
    content: url(../img/icon/icon_arrow_w.png);
    position: absolute;
    top: 12px;
    right: 15px;
}

/* 10-1 Header */
#sysHeader { 
    margin-bottom: 0;
    position: relative;
}

/* 10-1-1 ヘッダーサブメニュー */
.h-spsubMenu {
    width: 30%;
    float: left;
    position: fixed;
    z-index: 99;
}
.h-spsubMenu ul:after {
    content: '';
    display: block;
    clear: both;
}
.h-spsubMenu ul li {
    background-repeat: no-repeat;
    min-width: 45px !important;
    min-height: 45px;
    background-position: 50% 3px;
    background-size: 35px;
    float: left;
    width: 50% !important;
    text-align: center;
}
.h-spsubMenu ul li:first-child {
    background-image: url(../img/icon/icon_mypage.png);
}
.h-spsubMenu ul li:last-child {
    background-image: url(../img/icon/icon_shop.png);
}
.h-spsubMenu ul li a {
    font-size: 8px;
    display: block;
    min-width: 45px !important;
    min-height: 45px;
    padding: 0 !important;
    padding-top: 40px !important;
}

/* 10-1-2 ヘッダーロゴ */
.h-sitelogo{ height: 53px; }
.h-sitelogo .sysContent {
    width: 120px;
    float: left;
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -60px;
    z-index: 9;
}
.h-sitelogo li img{
    width: auto;
    max-height: 47px;
}


/* 10-1-3 ハンバーガーメニュー */
.h-humbergarMenu {
	position: fixed;
	z-index: 10;
    /*right:0;*/
    /*width: 57px;*/
    width: 100%;
    /*background-color: rgba(255, 255, 255, 0.7);*/
    height: 0;
}
#navToggle {
    position: absolute;
    right: 5px;
    top: 3px;
    width: 47px;
    height: 54px;
    background-color: #fff/*rgba(255, 255, 255, 0.7)*/;
    text-align: center;
    border-radius: 5px;
}
#navToggle > div {
    height: 28px;
    cursor: pointer;
    font-size: 8.5px;
    line-height: 8;
}
#navToggle strong {
    font-size: 8px;
    font-weight: normal;
    line-height: 0;
}
#navToggle span {
    width: 35px;
    display: block;
    position: absolute;
    right: 6px;
    border-bottom: 2px solid #555;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#navToggle span:nth-child(1) {
    top:6px;
}
#navToggle span:nth-child(2) {
    top:17px;
}
#navToggle span:nth-child(3) {
    top:28px;
}
.openNav #navToggle span:nth-child(1) {
    top: 17px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
    top: 17px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
}
.h-spsearch .sysItemSearchForm {
    background: transparent;
}
.h-humbergarMenu .h-spsearch {
    margin-bottom: 10px;
}
.h-humbergarMenu .sysContent {
    padding: 0;
}
.h-humbergarMenu nav {
	left: 100%;
	right: -100%;
    position: absolute;
    z-index: 999;
    top: 57px;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    padding: 15px 20px;
    border: 1px solid #999;
    overflow: scroll;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.openNav {
	overflow: hidden;
}
.openNav .h-humbergarMenu nav {
	left: 0;
	right: 0;
}
.h-humbergarMenu ul li {
    width:50%;
    height: 25px;
    margin: 5px auto 0;
    padding-left: 10px;
    float:left;
}
.h-humbergarMenu ul li {
    display: -webkit-box;
    -webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.h-humbergarMenu ul li a {
    display: block;
    width:90%;
    color: #0986ba;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.6;
    background-image: url(../img/icon/icon_arrow.gif);
    background-repeat: no-repeat;
    background-position: 100%;
}
.h-humbergarMenu h2 {
    position: relative;
    top: 5px;
    display: block;
    max-height: 24px;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    /*background: #99cc33;*/
    background: #8eb15c;
    border-radius: 20px;
    margin-bottom: 7px;
    padding: 1px;
    clear:both;
}
.h-humbergarMenu hr {
    width: 100%;
    margin: 0 auto 10px;
    border: 0;
    border-bottom: dotted 1px #555;
}
.h-humbergarMenu .sns {
    width: 80%;
    margin: 10px auto 40px;
}
.h-humbergarMenu .sns ul:after {
    content: '';
    display: block;
    clear: both;
}
.h-humbergarMenu .sns li {
    float: left;
    width: 25%;
    text-align: center;
}
.h-humbergarMenu .sns li a {
    background: none;
    display: inline-block;
    width: 35px;
}
/*.openNav nav {
    -moz-transform: translateY(351px);
    -webkit-transform: translateY(351px);
    transform: translateY(351px);
}*/

/* 10-1-4 メインスライダー */
.h-mainSlider {
    margin-top: 0;
    margin-bottom: 10px;
}
.sp-button {
    width: 30px;
    height: 5px;
}

/* 10-1-5 商品検索 */
.h-spsearch .sysContent {
    padding: 5px;
    width: 90%;
    margin: auto;
}
.h-spsearch .sysItemSearchFormWord {
    width: 77% !important;
    float: left;
    margin: 0;
}
.h-spsearch .sysItemSearchFormWord input {
    height: 30px;
}
.h-spsearch input[type=submit].sysSearchButton {
	margin: 0 3px;
    width: 20%;
    height: 30px;
    border-radius: 0;
}

/* 10-1-6 アサイドバナー下 */
.s-spbnrBottom {
    margin-top: 40px;
}
.s-spbnrBottom .bnr_two_rows a {
	margin-bottom: 10px;
    width: 50%;
    display: inline-block;
    padding-right: 2px;
    float: left;
}
.s-spbnrBottom .bnr_two_rows a:nth-child(2n) {
    padding-left: 2px;
    padding-right: 0;
}
.s-spbnrBottom .sysContent {
    padding: 0;
}
.s-pcbnrBottom .sysContent {
    padding: 0;
}
.s-pcbnrBottom .letter {
    margin-bottom: 10px;
}
.s-pcbnrBottom .column {
    margin-bottom: 10px;
}

.s-pccategory {
    margin-top: 30px;
}
.s-pccategory ul ul {
    display: none;
}

/* 10-1-7 新着記事読み込み（WordPress）
.t-newArticle ul li {
    width: 100%;
    float: none;
    margin-bottom: 10px;
} */

/* 10-1-7 新着記事読み込み（WordPress）*/
.t-newArticle ul li {
    width: 46.7%;
    float: left;
} 

/* 10-1-8 表札について */
.t-nameplate section#about {
    background-color: #f9f9f9;
    padding: 5px;
}
 
/* 10-1-9 おすすめ商品 */
.t-recommendItem ul li {
    padding: 2px;
}

/* 10-1-10 レビューコンテスト */
.s-spreview .review li {
    padding: 2px;
}
.s-spreview .review li:first-child {
    padding-left: 0px;
}
.s-spreview .review li:last-child {
    padding-right: 0px;
}

/* 10-1-11 商品検索 */
.s-pcsearch .sysContent {
    max-width: 100%;
    margin: auto;
}


/* 11-1 フッター */
/* 11-1-1 メインメニュー */
.f-spmainMenu {
    position: fixed;
    bottom: 0;
    /*background-color: rgba(255, 255, 255, 0.9);*/
    background: #98c25b;
    width: 100%;
    height: 50px;
    z-index:900;
}
.f-spmainMenu .sysContent{
    padding: 0;
}
.f-spmainMenu section p {
    min-width: 45px;
    margin: 0;
    padding: 0;
}
.f-spmainMenu section p a {
    font-size: 8px;
    min-width: 45px;
    min-height: 45px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-size: 40px;
    background-position: 50% 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
}
.f-spmainMenu section#left {
    width: 100%;
    position: fixed;
    bottom: 2px;
}
.f-spmainMenu section#left .mypage {
    float: left;
    width: 20%;
}
.f-spmainMenu section#left .mypage p a {
    background-image: url(../img/icon/icon_mypage.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}
.f-spmainMenu section#left .category {
    float: left;
    width: 20%;
}
.f-spmainMenu section#left .category p a {
    background-image: url(../img/icon/icon_category.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}
.f-spmainMenu section#left .stylebook {
    float: left;
    width: 20%;
}
.f-spmainMenu section#left .tel p a {
    background-image: url(../img/icon/icon_tel.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}
.f-spmainMenu section#left .tel {
    float: left;
    width: 20%;
}
.f-spmainMenu section#left .stylebook p a {
    background-image: url(../img/icon/icon_book.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}
.f-spmainMenu section#left .qa {
    float: left;
    width: 20%;
}
.f-spmainMenu section#left .qa p a {
    background-image: url(../img/icon/icon_qa.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}
.f-spmainMenu section#left .about {
    float: left;
    width: 20%;
}
.f-spmainMenu section#left .about p a {
    background-image: url(../img/icon/icon_shop.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}
.f-spmainMenu section#left .top {
    float: left;
    width: 20%;
}
.f-spmainMenu section#left .top p a {
    background-image: url(../img/icon/icon_home.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}
.f-spmainMenu section#left .showroom {
    float: left;
    width: 20%;
}
.f-spmainMenu section#left .showroom p a {
    background-image: url(../img/icon/icon_showroom.png);
    background-repeat: no-repeat;
    padding-top: 35px;
	position: relative;
	top:0px;
	right: 3px;
	background-size: 46px;
}
.f-spmainMenu section#left .cart {
    float: left;
    width: 20%;
    visibility: hidden;
}
.f-spmainMenu section#left .cart p a {
    background-image: url(../img/icon/icon_go_regi.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}
/*
.f-spmainMenu section#left .cart {
    float: right;
    width: 20%;
    max-width:50px;
    max-height:50px;
    margin-right: 8px;
}
.f-spmainMenu section#left .cart p a {
    background-color: #5cb1b1;
    width: 71%;
    height: 100%;
    max-width:50px;
    max-height:50px;
    margin: auto;
    padding:10px;
}
*/
/*
.f-spmainMenu section#left .cart p a img {
    width: 100%;*/
    /*padding-top: 8px;*//*
}
*/
.f-spmainMenu section#right {
    width: 20%;
    position: fixed;
    right: 0;
    bottom: -0.4px;
}
.f-spmainMenu section#right .qa {
    float: left;
    width: 50%;
}
.f-spmainMenu section#right .qa p a {
    background-image: url(../img/icon/icon_qa.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}
.f-spmainMenu section#right .cart {
    float: left;
    width: 50%;
}
.f-spmainMenu section#right .cart p a {
    background-color: #5cb1b1;
    width: 50px;
    height: 50px;
    margin: auto;
}
.f-spmainMenu section#right .cart p a img {
    width: 40px;
    padding-top: 8px;
}
.f-spmainMenu section#regi .regi p a img{
    position: absolute;
    bottom: -5px;
    right: calc(50% - 30px);
    width: 60px;
}

/* 11-1-2 スタッフ紹介 */
.f-staff {
    background-image: url(../img/common/sp_bg_staff01.jpg);
}
.f-staff ul li {
    margin-bottom: 20px;
    width: inherit;
}
.f-staff ul li:after {
    content: '';
    display: block;
    clear: both;
}
.f-staff ul li figure {
    width: 30%;
    float: left;
}
.f-staff ul li figcaption {
    color: #fff;
    font-size: 13px;
    text-shadow: 0 0 3px black;
    width: 70%;
    float: right;
}

/* 11-1-3 ショップインフォメーション */
.p-shopInfo section p {
    line-height: 1.6;
    font-size: 12px;
}
.p-shopInfo section h2 {
    font-size: 14px;
    margin-bottom: 10px;
}
.p-shopInfo section p.icon {
    height: 40px;
}
.p-shopInfo section p.note {
    margin-top: 40px;
}
.p-shopInfo section p.icon > img {
    max-width: 40px;
    max-height: 40px;
}
.p-shopInfo section p.note > img {
    max-height: 30px;
}
.p-shopInfo section p.card > img {
    width: 235px;
    left: 50%;
    position: relative;
    margin-left: -118px;
}

/* 11-1-4 ページトップに戻る */
.p-pagetop .pagetop img {
    bottom: 113px;
    right: 8px;
    width: 50px;
}

/* 11-1-4x Cart In Btn */
.p-cart_in .cart_in img {
    bottom: 173px;
    right: 8px;
    width: 50px;
}

/* 11-1-5 copyright */
.f-copyright {
    padding: 0;
    background-color: #8eb15c;
    padding-bottom: 50px;
}
.f-copyright p {
    font-size: 11px;
}


/* 12-12 見出し */
.headline-2nd {
    margin-left: 5px;
    
}
.headline-3rd {
    margin-left: 10px;
}

/* 12-14 Responsive Grid System */
.col { float: none;}
.gutters .col { margin-left: 0;}
.span_1,.span_2,.span_3,.span_4,.span_5,.span_6,
.span_7,.span_8,.span_9,.span_10,.span_11,.span_12{
	width: 100%!Important;
	float: none;
}

/* 12-2 Holizontal Item Block */
.sysContent .sysItemBlock .sysHorizontal {
    font-size: small;
}

.sysContent .sysItemBlock .sysHorizontal li{
    padding: 7px;
    width: 33.3333%;
}
.sysContent .sysItemBlock .sysHorizontal li:last-child{
    display: none;
}
.sysFuncItemBlock.item_group > div.sysContent > div > ul > li > .sysItemName {
    font-size: smaller;
}
.sysFuncItemBlock.item_group > div.sysContent > div > ul > li > .sysItemName a {
    display: block;
    max-height: 48px;
    overflow: hidden;
}
.sysItemList ul.sysThumbnail li{ width: 33.333333%;}


/* 13-1 Main*/
/* 13-1-1 新商品*/
.FS2_Recommend2_recommend ul li,
.p-newItem .sysItemBlock .sysHorizontal li {
    width: 33.3333%;
}
.FS2_Recommend2_recommend ul li:nth-child(4),
.p-newItem .sysItemBlock .sysHorizontal li:nth-child(4) {
    display: none;
}
.FS2_Recommend2_recommend ul li:nth-child(5),
.p-newItem .sysItemBlock .sysHorizontal li:nth-child(5) {
    display: none;
}
.p-newItem .sysItemName {
    height: 55px;
    overflow: hidden;
}

/* 13-1-2 ランキング */
#ranking tr,
#ranking_sign tr,
.p-ranking .sysItemBlock .sysHorizontal li {
    width: 33.3333%;
}
#ranking tr:nth-child(4),
#ranking_sign tr:nth-child(4),
.p-ranking .sysItemBlock .sysHorizontal li:nth-child(4) {
    display: none;
}
#ranking tr:nth-child(5),
#ranking_sign tr:nth-child(5),
.p-ranking .sysItemBlock .sysHorizontal li:nth-child(5) {
    display: none;
}
.p-ranking .sysItemName {
    height: 55px;
    overflow: hidden;
}


/* 13-2-3 PICK UP Item */
.p-pickup .sysContent {
    padding: 0 0 5px;
}


/* 13-2-4 */

/* 13-2-5 */



/* 13-4-1 */


/* 13-4-2 Page Top Btn */
.p-pagetop .btn { width: 90%;}

/* 14-1 カテゴリーページ */
/* 14-1-1 Category Pankuzu */
.sysCategoryPankuzu,
.sysItemCategoryPankuzu {
    font-size: xx-small;
}

/* 14-1-2  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail { font-size: small;}
.sysItemList ul.sysThumbnail input { font-size: x-small;}
.sysItemList ul.sysThumbnail li .sysItemName a {
    height: 56px;
    overflow: hidden;
}

/* 14-1-3  ナビゲーション */
.sysCategoryDescription nav ul {
    text-align:center;
}
.sysCategoryDescription nav ul li {
    float: none;
    width: 30%;
    text-align: center;
    border-left: none;
    display: inline-block;
    border: solid 1px #bbb;
    border-radius: 20px;
    margin: 0px 4px 15px;
}
.sysCategoryDescription nav ul li:last-child {
    border-right: 0;
}

/* 14-1-4  カテゴリー */
#category ul li {
    width: 50%;
    margin-bottom: 5px;
    padding: 0 2px;
}
#category ul li a {
    background-image: url(../img/category/icon_arrow_cat.png);
    background-position: 97%;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
}
#category ul li a img {
    margin: inherit;
    max-width: 60px;
    height: 60px;
}
#category ul li a span {
    padding-right: 30px;
    width: 60%;
}

/* 4-1-X カテゴリ newレイアウト */
/* SP 横full縦並びver */
.cat_layout1 section:nth-child(1n) {
    /*float: none;*/
    float: left;
}
.cat_layout1 section:nth-child(2n+1) {
    padding: 20px 0;
    background: #f3f3f3;
}
.cat_layout1 .image {
    width: 90%;
    float: none;
    text-align: center;
    margin: auto;
}
.cat_layout1 .content {
    width: 90%;
    float: none;
    margin: auto;
}
.cat_layout1 .content h2 {
    font-size: 16px;
}
.cat_layout1 .content p {
    font-size: 12px;
    line-height: 1.6em;
}
/* SP 横2列ver */
.cat_layout2 section:nth-child(1n) {
    /*float: none;*/
    float: left;
}
.cat_layout2 section {
    /*width: 90%;*/
    /*margin: 0 auto 30px;*/
    width: 49%;
    height: 370px;
}
.cat_layout2 section:nth-child(2n) {
    /*float: none;*/
    float: right;
}
.cat_layout2 .content h2 {
    font-size: 16px;
}
.cat_layout2 .content p {
    position: relative;
    font-size: 12px;
    line-height: 1.6em;
    height: 6em;
    overflow: hidden;
}

/* 14-1-5  当店セレクト */
#choise section:nth-of-type(even) {
    padding: 20px 0;
    background: #f3f3f3;
}
#choise .image {
    width: 90%;
    float: none;
    text-align: center;
    margin: auto;
}
#choise .content {
    width: 90%;
    float: none;
    margin: auto;
}
#choise .content h2 {
    font-size: 16px;
}
#choise .content p {
    font-size: 12px;
    line-height: 1.6em;
}

/* 14-1-6  ロングセラー */
#seller section:nth-child(1n),
#other section:nth-child(1n){
    /*float: none;*/
    float: left;
}
#seller section,
#other section {
    /*width: 90%;*/
    /*margin: 0 auto 30px;*/
    width: 49%;
    height: 370px;
}
#seller section:nth-child(2n),
#other section:nth-child(2n){
    /*float: none;*/
    float: right;
}
/*
#seller section:nth-child(2n+1),
#other section:nth-child(2n+1) {
    width: 100%;
    padding: 20px;
    background: #f3f3f3;
}
*/
#seller .content h2,
#other .content h2 {
    font-size: 16px;
}
#seller .content p,
#other .content p {
    position: relative;
    font-size: 12px;
    line-height: 1.6em;
    height: 6em;
    overflow: hidden;
}

/* 14-1-7  注目アイテム */
#feature section:nth-child(2n+1) {
    padding: 20px 0;
    background: #f3f3f3;
}
#seller .content p::after {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    content:'…';
    width: 1.5em;
    height: 1em;
    background: #fff;
}
#feature .image {
    float: none;
    width: 90%;
    text-align: center;
    margin: auto;
}
#feature .content {
    float: none;
    width: 90%;
    margin: auto;
}
#feature .content h2 {
    font-size: 16px;
}
#feature .content p {
    font-size: 12px;
    line-height: 1.6em;
}

/* 14-1-8  関連特集 */
#article section {
    border: 1px solid #555;
    padding: 15px;
}
#article .image {
    width: 35%;
    float: left;
    padding-right: 10px;
}
#article .content {
    width: 100%;
    float: none;
    margin-bottom:50px;
}
#article .content p {
    font-size: 12px;
    line-height: 1.6em;
    padding-left: 20px;
    margin-top: 0;
}
#article ul.content_list li {
    width:40%;
    font-size: small;
}

/* 14-1-9 カテゴリー内カテゴリー一覧 */
#category_list section:nth-child(1n) {
    float: none;
}
#category_list section {
    width: 90%;
    margin: 0 auto 30px;
}
#category_list section:nth-child(2n) {
    float: none;
}
#category_list .content h2 {
    font-size: 16px;
}
#category_list .content p {
    font-size: 12px;
    line-height: 1.6em;
}

/* 14-1-10  ハローキティ ガーデンコレクション */
#kitty_post h2.sysHeadline span,
#kitty_faucet h2.sysHeadline span,
#kitty_tile h2.sysHeadline span {
    display: block;
    padding-left: 0;
}

#kitty_post .image {
    width: 90%;
    float: none;
    text-align: center;
    margin: auto;
}
#kitty_post .content {
    width: 90%;
    float: none;
    margin: auto;
}
#kitty_post .content h2 {
    font-size: 16px;
}
#kitty_post .content p {
    font-size: 12px;
    line-height: 1.6em;
}
#kitty_faucet section:nth-child(1n) {
    float: none;
}
#kitty_faucet section {
    width: 90%;
    margin: 0 auto 30px;
}
#kitty_faucet section:nth-child(2n) {
    float: none;
}
#kitty_faucet .image {
    float: none;
    width: 90%;
    text-align: center;
    margin: auto;
}
#kitty_faucet .content h2 {
    font-size: 16px;
}
#kitty_faucet .content p {
    font-size: 12px;
    line-height: 1.6em;
}
#kitty_other .image {
    float: none;
    width: 90%;
    text-align: center;
    margin: auto;
}
#kitty_other .content {
    float: none;
    width: 90%;
    margin: auto;
}
#kitty_other .content h2 {
    font-size: 16px;
}
#kitty_other .content p {
    font-size: 12px;
    line-height: 1.6em;
}
#kitty_tile section ul li {
    width:33.333333%;
    min-height: /*235px*/auto;
    font-size: 10px;
    padding: 10px 5px;
}
#kitty_about div {
    display:block;
    width:90%;
    text-align:center;
    margin:0 auto;
}
#kitty_about div img {
    float:none;
}
#kitty_about div span {
    max-width:100%;
    font-size:12px;
    text-align:left;
    margin:10px auto 0;
    float:none;
}

.kitty_intro {
	border: 1px solid #ccc;
	text-align: center;
	padding: 20px;
}
.kitty_intro::after {
	content: "";
	display: block;
	clear: both;
}
.kitty_intro img {
	float: none;
}
.kitty_intro div {
	width: 100%;
	text-align: left;
	margin: 20px 0 0;
	float: none;
}


/* 14-1-11 素材で選ぶポストカテゴリー */
#post_material section ul li {
    width:33.333333%;
    min-height: /*235px*/auto;
    font-size: 10px;
    padding: 10px 5px;
}

/* 14-1-12 ポスト＆表札セット */
#set_atmosphere section > p span {
    width:75%;
}
#set_post > section > div > p > span:nth-child(2) img {
    width:29%;
}
#set_post section div p span:nth-child(3) {
    font-size:small;
}
#set_post section div ul li a span {
    font-size: small;
}
#set_sign section div ul li a span {
    font-size: small;
}

/* 14-2-3 Order Area */
.orderArea { letter-spacing: normal;}
.orderArea > div {
    width: 100%;
    padding-right: 0;
    display:block;
    float: none;
}
/* 14-5-2 MyPage*/
.sysMypage #sysMain { width:95%!important;}
.sysMypageNav .sysButton{ font-size: 0.75rem;}


/* 4-4-1 Cart Reset */
.sysCart .sysItemListArea {
    margin: auto 10px;
}
.sysCart .sysItemListArea > ul > li > div > div:nth-child(4) > div.sysNumArea {
    text-align:center;
}
.sysCart .sysItemListArea > ul > li > div > div.sysDeleteArea > form {
    text-align:left;
}
.sysCart .sysItemListArea .sysBox select{
    max-width: 100%;
}
.sysCart #sysMain > form input{
    /*margin: 1.5em auto !important;*/
    margin: 1.5em 0 !important;
}
.sysCart #sysMain > form > .sysBackSubmitArea,
.sysCart #sysMain > div.sysOrder > ul > li:nth-child(1) > div.sysConfirmButton > form,
.sysCart #sysMain > div.sysOrder > ul > li:nth-child(2) > div.sysConfirmButton > form,
.sysCart #sysMain > div.sysProduct > ul > li > div > div:nth-child(4) > div.sysNumArea,
.sysCart #sysMain > div.sysProduct > ul > li > div > div.sysDeleteArea > form,
.sysCart #sysMain > div.sysDetail > ul > li:nth-child(1) > div.sysConfirmButton > form,
.sysCart #sysMain > div.sysDetail > ul > li:nth-child(2) > div.sysConfirmButton > form,
.sysCart #sysMain > div.sysDetail > ul > li:nth-child(3) > div.sysConfirmButton > form,
.sysCart #sysMain > div.sysDetail > ul > li:nth-child(4) > div.sysConfirmButton > form,
.sysCart #sysMain > div.sysDetail > ul > li:nth-child(5) > div.sysConfirmButton > form {
    text-align: center;
}
.sysCart #sysPurchaseAuthMember > div > form > div > div.sysFormItem.sysSubmit input.sysLoginButton {
    margin: 0.5em auto!important;
}
.sysCart #sysMain > div:nth-child(2) > form > input.sysNextSubmit,
.sysCart #sysMain > div:nth-child(3) > div > div:nth-child(1) > form > input.sysNextSubmit,
.sysCart #sysMain > div:nth-child(3) > div > div:nth-child(2) > form > input.sysNextSubmit,
.sysCart #sysMain > div:nth-child(6) > form > div > div:nth-child(9) > button,
.sysCart #sysMain > div.sysOrder > ul > li:nth-child(2) > div.sysConfirmButton > form > input.sysButton,
.sysCart #sysMain > div > div:nth-child(2) > form > input.sysNextSubmit,
.sysCart #sysMain > div > div:nth-child(4) > div > div:nth-child(1) > form > input.sysNextSubmit,
.sysCart #sysMain > div > div:nth-child(4) > div > div:nth-child(2) > form > input.sysNextSubmit,
.sysCart #sysMain > div > div:nth-child(6) > form > div > div:nth-child(9) > button {
    margin: 0.5em auto!important;
}
.sysCart #sysMain > form:nth-child(2) > div.sysSelectPaymentArea > ul > li:nth-child(2) > div:nth-child(9) > label:nth-child(1) > select,
.sysCart #sysMain > form:nth-child(2) > div.sysSelectPaymentArea > ul > li:nth-child(2) > div:nth-child(9) > label:nth-child(2) > select {
    display: inline-block!important;
}
.sysCart #sysMain > form:nth-child(2) > div.sysSelectPaymentArea > ul > li:nth-child(2) > div:nth-child(10) > label > select {
    width:100%!important;
}
.sysCart #sysMain > div.sysOrder > div > div:nth-child(2) > div > form > div.sysUsePointsButton {
    display: block;
    text-align: center;
}
.sysCart #sysMain .mdl_btn_{
    text-align: center;
}
.sysCart #sysMain .mdl_btn_.opcDialog {
    text-align: center;
}
.sysCart #sysMain button.mdl-button.full-width {
    height: 50px !important;
    width: 80% !important;
}
.sysCart #sysMain select {
    margin:auto;
}


/* OPEN企画 */
.open_special .off_item { width: 95px;}
.open_special p:nth-child(6) { width:90%; text-align: justify;}
.open_special p { margin: 2px auto;}

/* OPEN企画バナー */
.open_special_bnr_sp {
    position: fixed;
    top: 5px;
    left: 5px;
    width: 98px;
    z-index:9999;
}
.open_special_bnr_sp a {
    display:block;
}


/* 隠れた要素を表示させる1 */
.readmore-button-box {
   text-align: center;
   background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );   /* 上から下へ：[白色半透明]から[白色]へグラデーション */
   padding-top: 4.5em;   /* ボタンの上側でグラデーションを見せる距離(長さ) */
   margin-top: -6.5em;   /* ボックスを上側に重ねる距離(長さ) */
   position: relative;   /* ボックス全体を上に重ねるために必要 */
}
.readmore-button-box a {
   background-color: #cc0000; /* ボタンの色(濃い赤) */
   color: white;              /* ボタンの文字色(白) */
   border-radius: 18px;       /* 角丸の半径 */
   padding: 0.5em 2.5em;;     /* 内側の余白 */
   display: inline-block;     /* ボタン全体をクリック可能に */
   font-weight: bold;         /* ボタンの文字を太字に */
   font-size: 1.25em;         /* ボタンの文字サイズ */
}
.readmore-button-box a:hover {
   background-color: red;     /* ボタンにマウスが乗ったら明るい赤色に変化 */
}

/* 隠れた要素を表示させる2 */
.show-button-grd {
   background: transparent!important;
   background-image: linear-gradient( 180deg, rgba(255,255,255,0), white )!important;   /* 上から下へ：[白色半透明]から[白色]へグラデーション */
   padding-top: 6.5em!important;   /* ボタンの上側でグラデーションを見せる距離(長さ) */
   margin-top: -6.5em!important;   /* ボックスを上側に重ねる距離(長さ) */
   position: relative!important;   /* ボックス全体を上に重ねるために必要 */
}
.show-button {
    width: 90%;
    display: block;
    border: 2px solid #8eb15c;
    border-radius: 5px;
    background: white;
　　text-align: center!important;
    padding: 10px 15px;
    cursor: pointer;
}
.show-button span {
    display: block;
    text-align: center;
}
.hide-area {
    display: none;
}


/* 以下whyKnot */
#whyknot #sysAll,
.FS2_body_Goods_whyknot .layout_body {
    padding-bottom: 40px;
}

/* (wk)Order Area */
.wk_orderArea { letter-spacing: normal;}
.wk_orderArea > div {
    width: 100%;
    padding-right: 0;
    display:block;
    float: none;
}



/* (wk)ヘッダー */
.wk-spheader {
    background-color: #abbeaa;
    position: fixed;
    height: 70px;
    width: 100%;
    z-index: 9;
    top:0;
}
.wk-spheader .sysContent:after {
    content: '';
    display: block;
    clear: both;
}
.wk-spheader ul {
    float: left;
}
.wk-spheader ul:after {
    content: '';
    display: block;
    clear: both;
}
.wk-spheader ul li {
    float: left;
    margin-right: 10px;
    margin-top: 18px;
}
.wk-spheader ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 11px;
}
.wk-spheader .wk_logo {
    max-width: 40px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 15px;
}


/* (wk)ハンバーガーメニュー */
.h-humbergarMenu {
    /* position: fixed; */
    /*right:0;*/
    /*width: 57px;*/
    /* width: 100%; */
    /* z-index: 9; */
    /*background-color: rgba(255, 255, 255, 0.7);*/
    /* height: 53px; */
}
#wk_hambergar #navToggle {
    position: absolute;
    right: 9px;
    top: 10px;
    width: 47px;
    text-align: center;
    border-radius: 5px;
    background-color: #abbeaa;
}
#wk_hambergar #navToggle > div {
    height: 29px;
    cursor: pointer;
    font-size: 8.5px;
    line-height: 8;
}
#wk_hambergar #navToggle strong {
    font-size: 8px;
    font-weight: normal;
    line-height: 0;
    color: #fff;
}
#wk_hambergar #navToggle span {
    width: 34px;
    display: block;
    position: absolute;
    right: 6px;
    border-bottom: 2px solid #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#wk_hambergar #navToggle span:nth-child(1) {
    top:7px;
}
#wk_hambergar #navToggle span:nth-child(2) {
    top:18px;
}
#wk_hambergar #navToggle span:nth-child(3) {
    top:28px;
}
.openNav #wk_hambergar #navToggle span:nth-child(1) {
    top: 17px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.openNav #wk_hambergar #navToggle span:nth-child(2),
.openNav #wk_hambergar #navToggle span:nth-child(3) {
    top: 17px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
}
#wk_hambergar nav {
    position: absolute;
    z-index: 999;
    top: 70px;
    width: 100%;
    background-color: #abbeaa;
    border-top: 1px solid #d5dfd6;
    overflow: scroll;
    left: 0;
}
wk_hambergar
#wk_hambergar ul {
    float: none;
}
#wk_hambergar ul li {
    width: 100%;
    /*float: none;*/
    border-bottom: 1px dotted #7d907d;
    margin: 0;
    padding: 10px;
}
#wk_hambergar ul li:last-child {
    padding: 0;
}
#wk_hambergar ul li a {
    display: block;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.6;
}
#wk_hambergar ul ul {
    font-size: 14px;
    color: #000;
}
#wk_hambergar ul ul li {
    border-bottom: 1px dotted #7d907d;
    margin: 0;
    padding: 10px;
    /*text-indent: 51px;*/
}
#wk_hambergar ul ul li:last-child {
    padding: 10px; 
    border: 0;
}
#wk_hambergar ul ul li a {
    display: inline-block;
}
#wk_hambergar ul ul li.cat {
    padding: 0;
}
#wk_hambergar ul ul li.cat,
#wk_hambergar ul ul li.outer,
#wk_hambergar ul ul li.sns {
    display
    text-indent: 0;
}
#wk_hambergar ul ul li.cat a:first-of-type::before {
    content: 'カテゴリ';
    margin-right: 0;
}
#wk_hambergar ul ul li.outer a:first-of-type::before {
    content: '姉妹店';
    margin-right: 10px;
}
#wk_hambergar ul ul li.sns a:first-of-type::before {
    content: 'SNS';
    margin-right: 22px;
}

/* (wk)ハンバーガーメニュー（検索窓） */
#wk_hambergar .s-pc-wk-search {
    display: block!important;
    background-color: #abbeaa!important;
}
#wk_hambergar .s-pc-wk-search form {
    width: 80%;
    background-color: #abbeaa !important;
    margin: auto;
}
#wk_hambergar .s-pc-wk-search  .sysItemSearchForm > div.sysItemSearchFormWord {
    width: 85%;
}
#wk_hambergar .s-pc-wk-search form .sysItemSearchFormWord input {
    background-color: #fff;
}

/* (wk)メインスライダー */
.wk-mainSlider {
    margin-bottom: 0;
    padding-top: 70px;
}

/* (wk)ヘッダー検索窓 */
#whyknot .s-pc-wk-search,
.FS2_body_Goods_whyknot .s-pc-wk-search {
    background-color: #c8c8c8;
    margin: 0;
}
#sysItemSearch .s-pc-wk-search {
    display: none;
}

#whyknot .s-pc-wk-search .sysContent,
.FS2_body_Goods_whyknot .s-pc-wk-search .sysContent {
    display: block;
    position: relative;
}
#whyknot .s-pc-wk-search form input.sysSearchButton,
.FS2_body_Goods_whyknot .s-pc-wk-search form input.sysSearchButton {
    position: absolute;
    top: 18px;
    left: 18px;
    background-size: cover;
}
#whyknot .s-pc-wk-search form,
.FS2_body_Goods_whyknot .s-pc-wk-search form {
    position: relative;
    max-width: 80%;
    margin: auto;
    background-color: inherit;
}
#whyknot .s-pc-wk-search form .sysItemSearchFormWord,
.FS2_body_Goods_whyknot .s-pc-wk-search form .sysItemSearchFormWord {
    /*width: 85%;*/
    width: 100%;
}
#whyknot .s-pc-wk-search form .sysItemSearchFormWord input,
.FS2_body_Goods_whyknot .s-pc-wk-search form .sysItemSearchFormWord input {
    background-color: #fff;
    text-indent: 24px;
}
#whyknot .s-pc-wk-search form .sysItemSearchFormCategory,
.FS2_body_Goods_whyknot .s-pc-wk-search form .sysItemSearchFormCategory {
    display: none;
}
#whyknot .s-pc-wk-search form .sysItemSearchFormCategory input {
}

/* (wk)ヘッダーバナー（3%OFF・送料無料）、ピックアップバナー */
.wk-spheaderbnr .sysContent {
    padding: 0;
}
.wk-spheaderbnr ul.headerbnr {}
.wk-spheaderbnr ul:after {
    content: '';
    display: block;
    clear: both;
}
.wk-spheaderbnr ul li {
    width: 50%;
    float: left;
    text-align: center;
}
.wk-spheaderbnr ul.pickupbnr {
    padding: 10px;
}
.wk-spheaderbnr ul.pickupbnr li {
    padding: 10px;
}

/* (wk)メイン商品検索 */
#sysItemSearch #sysMain {
    margin-top:80px;
}
#sysItemSearch .h-margin-adjust {
    margin-top:-80px;/* JGのmargin-top:80px;をキャンセル */
}

/* (wk)SPMAIN新商品 */
.wk-spnewItem {
    margin-bottom: 30px;
}
.wk-spnewItem .sysContent {
    padding: 0;
}
.wk-spnewItem .sysContent .sysItemBlock .sysHorizontal {}
.wk-spnewItem ul {}
.wk-spnewItem .sysContent .sysItemBlock .sysHorizontal li {
    padding: 0;
    width: 50%;
}
.wk-spnewItem .sysContent .sysItemBlock .sysHorizontal li:last-child {
    display: inline-block;
}
.wk-spnewItem .sysContent .sysItemBlock .sysHorizontal li .sysItemImage {
    position: relative;
}
.wk-spnewItem .sysContent .sysItemBlock .sysHorizontal li .sysItemImage:after {
    content: '';
    background-image: url(../img/wk/wk_icon_new01_sp.png);
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
}

/* (wk)SPMAIN */
#whyknot #sysWrap,
.FS2_body_Goods_whyknot #sysWrap {
    margin-bottom: 0;
}
#whyknot #sysWrap #sysMain,
.FS2_body_Goods_whyknot #sysWrap #sysMain {
    margin-bottom: 0;
}

/* (wk)SPMAINランキング */
.wk-sprankingItem {}
.wk-sprankingItem .sysContent {
    padding: 0;
}
.wk-sprankingItem .sysContent .sysItemBlock .sysHorizontal {}
.wk-sprankingItem ul {}
.wk-sprankingItem .sysContent .sysItemBlock .sysHorizontal li {
    padding: 0;
    width: 50%;
    position: relative;
}
.wk-sprankingItem .sysContent .sysItemBlock .sysHorizontal li .sysIconRank {
    position: absolute;
    width: 30px;
}
.wk-sprankingItem .sysContent .sysItemBlock .sysHorizontal li:last-child {
    display: inline-block;
}
.wk-sprankingItem .sysContent .sysItemBlock .sysHorizontal li .sysItemImage {}

/* (wk)SPミニバナー */
.wk-minibnr  {
    display: none;
}

/* (wk)メインARTICLE（word press） */
.wk-wp_article .sysContent {
    margin: 30px 0 0;
}

/* (wk)SPアサイド */
#whyknot #sysAside,
#sysItemSearch #sysAside,
.FS2_body_Goods_whyknot #sysAside {
    display: none;
}

/* (wk)SPフッター */
/* (wk)SPフッターバナー */
.wk-bnr {}
.wk-bnr ul li {
    width: 100%;
    float: none;
    padding: 15px 15px 0;
}
.wk-bnr ul li:last-child {
    width: 100%;
    float: none;
}

/* (wk)SPフッタースタッフ紹介 */
.wk-staff {
    width: 100%;
    float: none;
    background-color: #e8d3a4;
}
.wk-staff ul {
    /*text-align: center;*/
}
.wk-staff ul li {
    width: 32.3%;
    float: none;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    padding: 15px;
}
.wk-staff ul li figcaption span {
    font-size: 12px;
}

/* (wk)SPフッター外部リンク */
.wk-outerlink ul {
    margin: 25px;
}
.wk-outerlink ul li {
    width: 49%;
    margin-right: 2%;
    margin-top: 0;
    margin-bottom: 10px;
}
.wk-outerlink ul li:nth-child(2n) {
    margin-right: 0;
}
.wk-outerlink ul li.juicy a {
    overflow: hidden;
    width: 100%;
}
.wk-outerlink ul li a strong {
    font-size: 12px;
}
.wk-outerlink ul li a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 10px;
}

/* (wk)SPフッターインフォー */
.wk-footerinfo .fblock {
    width: 100%;
}
 
/* (wk)SPフッターカレンダー */
.wk-calender {
    width: 100%;
    float: none;
    min-height: 350px;
}
.wk-calender .sysContent > div {
    margin-bottom: 0;
    text-align: center;
}
.wk-calender .sysContent > div p {
    text-align: left;
}
.wk-calender .sysContent > div img {
    float: none;
    margin-right: 0;
}
.wk-calender .sysContent > div span {
    float: none;
    width: 100%;
    text-align: left;
}
.wk-calender div + table {
    width: 100%;
}
.wk-calender div + table br {
    display: none;
}
.wk-calender table#calendar {
    float: left;
    width: 45%;
}
.wk-calender table#calendar:last-child {
    float: right;
}
.wk-calender table td {
    font-size: 12px;
}

/* (wk)SPフッターインフォ */
.wk-spfooterinfo .sysContent:after {
    content: '';
    display: block;
    clear: both;
}
.wk-spfooterinfo .fblock {
    width: 25%;
    float: left;
}
.wk-spfooterinfo .fblock a {
    display: block;
    text-decoration: none;
}
.wk-spfooterinfo .fblock h2 {
    background-repeat: no-repeat;
    position: relative;
    margin: 20px auto 40px;
    background-position: 50% 0px;
    padding: 30px 0 0px;
    text-align: center;
    color: #000;
    font-size: 10px;
}
.wk-spfooterinfo .fblock h2.payment {
    background-image: url(../img/wk/wk_icon_payment.png);
}
.wk-spfooterinfo .fblock h2.delivery {
    background-image: url(../img/wk/wk_icon_postage.png);
}
.wk-spfooterinfo .fblock h2.return {
    background-image: url(../img/wk/wk_icon_return.png);
}
.wk-spfooterinfo .fblock h2.delinote {
    background-image: url(../img/wk/wk_icon_invoice.png);
}
.wk-spfooterinfo .fblock h2:before, .wk-spfooterinfo .fblock h2:after {
    content: '';
    width: 30%;
    border-bottom: 1px solid #000;
    display: block;
    position: absolute;
    left: 35%;
}
.wk-spfooterinfo .fblock h2:before {
    top: -20px;
}
.wk-spfooterinfo .fblock h2:after {
    bottom: -15px;
}

/* (wk)SPフッターSNS */
.wk-snslink {
    margin: 30px auto !important;
}
.wk-snslink  h2.sysHeadline {
    display: none;
}
.wk-snslink ul li img {
    max-height: 20px;
    vertical-align: bottom;
}
.wk-snslink ul li:nth-child(4) img {
    width: 25px;
}

/* (wk)SPフッターコピーライト */
.wk-copyright .sysContent p {
    font-size: 10px;
}

/* (wk)SPフッター固定メニュー */
.wk-spfootermenu {
    background-color: #abbeaa;
    height: 60px;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.wk-spfootermenu .sysContent {
    position: relative;
}
.wk-spfootermenu #navToggle {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 30%;
    background-color: inherit;
    text-align: left;
    right: inherit;
}
.wk-spfootermenu #navToggle strong {
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
.wk-spfootermenu #navToggle span {
    width: 10px;
    display: block;
    position: absolute;
    right: 6px;
    border-bottom: 2px solid #000;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.wk-spfootermenu #navToggle span:nth-child(1) {
    top: 8px;
}
.wk-spfootermenu #navToggle span:nth-child(2) {
    top:8px;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    transform:rotate(-90deg);
}
.wk-spfootermenu.openNav #navToggle span:nth-child(1) {
    top: 8px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.wk-spfootermenu.openNav #navToggle span:nth-child(2) {
    top: 8px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
}
.wk-spfootermenu nav {
    position: absolute;
    z-index: 999;
    width: 100%;
    background-color: #abbeaa;
    overflow: scroll;
    left: 0;
    bottom: 10px;
}
.wk-spfootermenu nav ul {}
.wk-spfootermenu nav ul li {
    border-bottom: 1px dashed #7f927f;
}
.wk-spfootermenu nav ul li::after {
    display: block;
    content: "";
    clear: both;
}
.wk-spfootermenu nav ul li:last-child {
    border-bottom: 1px solid #d5dfd6;
}
.wk-spfootermenu nav ul li a {
    padding: 18px;
    display: block;
    text-decoration: none;

    width: 40%;
    float: left;
}
.wk-spfootermenu nav ul li a h2 {
    font-size: 50%;
}
.wk-spfootermenu nav ul li a:nth-of-type(2) {
    /*padding-top: 6px!important;*/
}
.wk-spfootermenu nav ul li a:nth-of-type(2),
.wk-spfootermenu nav ul li a:nth-of-type(3),
.wk-spfootermenu nav ul li a:nth-of-type(4),
.wk-spfootermenu nav ul li a:nth-of-type(5) {
    width: 30%;
    font-size: 25%;
    /*padding: 0 0 4px 0;*/
    padding: 15px 0 0;
}
.wk-spfootermenu nav ul li a:nth-of-type(2) h2,
.wk-spfootermenu nav ul li a:nth-of-type(3) h2,
.wk-spfootermenu nav ul li a:nth-of-type(4) h2,
.wk-spfootermenu nav ul li a:nth-of-type(5) h2 {
    display: inline-block;
    text-indent: 1em;
}
.wk-spfootermenu p.cart {
    width: 25px;
    position: absolute;
    right: 20px;
    top: 8px;
}


/* 長期休業案内 */
.wk-sysheader .longoff {
    width: 100%;
    margin: 70px auto -70px auto;
}


/* (SOTOYA)フッター */
.sotoya-footer .sotoya_navi { padding: 0;}
.sotoya-footer .sotoya_navi ul { display: block;}
.sotoya-footer .sotoya_navi ul li { border-left: none; border-bottom: 1px dotted #999; padding-left: 0; margin-right: 0; float: none;}
.sotoya-footer .sotoya_navi ul li a { display: block; padding: 10px}
.sotoya-footer .sotoya_navi ul li:last-of-type { border-right: none; padding-right: 0; border-bottom: none;}
}
@media screen and (min-width:768px) and (max-width:1023px){
/* 目次 whyKnot */

/* (wk)商品検索 */
/* (wk)Order Area */
/* (wk)商品詳細 */


/* NEW Cart */
.sysCart .sysItemListArea {
    width: 80%;
    margin: auto;
}


/* 3-2-10 長期休業案内 */

.attention_longoff {
    width: 100%;
    background: #eee;
    letter-spacing: 0.1em;
    margin: 0 auto 0px auto;
    padding: 10px;
}

.attention_longoff dt {
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    padding-bottom: 5px;
}

.attention_longoff dd {
    font-size: 14px;
    line-height: 160%;
    padding: 0 6px;
}


/* 3-4-7 フッター商品一覧 */

.footer-bnr-p .sysContent .sysHorizontal li {
    width: 23% !important;
    margin: 1% !important;
}

.sysFuncItemBlock.footer-bnr-p > div.sysContent > div > ul > li > .sysItemName a {
    text-decoration: none;
    display: block;
    max-height: 48px;
    overflow: hidden;
}

.sysFuncItemBlock.footer-bnr-p > div.sysContent > div > ul > li > .sysItemName {
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.footer-bnr-h .sysContent .sysHorizontal li {
    width: 23% !important;
    margin: 1% !important;
}

.sysFuncItemBlock.footer-bnr-h > div.sysContent > div > ul > li > .sysItemName a {
    text-decoration: none;
    display: block;
    max-height: 48px;
    overflow: hidden;
}

.sysFuncItemBlock.footer-bnr-h > div.sysContent > div > ul > li > .sysItemName {
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.footer-bnr-o .sysContent .sysHorizontal li {
    width: 23% !important;
    margin: 1% !important;
}

.sysFuncItemBlock.footer-bnr-o > div.sysContent > div > ul > li > .sysItemName a {
    text-decoration: none;
    display: block;
    max-height: 48px;
    overflow: hidden;
}

.sysFuncItemBlock.footer-bnr-o > div.sysContent > div > ul > li > .sysItemName {
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 3-4-8 フッターフラップバナー */
#sysAside .footer_flap_banner {
    display: none;
}
.footer_flap_banner .sp {
    display: none!important;
}
.footer_flap_banner .pc {
    display: inline-block!important;
}


/* 3-4-10 取り付けサービスバナー */
.installation p:nth-of-type(1) {
    width: 33%;
}
.installation p:nth-of-type(2) {
    width: 66%;
}
.installation p:nth-of-type(2) a {
    width: 45%;
}
.installation p:nth-of-type(1) span:nth-of-type(2) {
    font-size: 23px;
}


/* 4-1-9-1 Item Page */
.orderArea > div {
    width: 100%;
    /*width: 50%;*/
    display:block;
    padding-right: 0;
    /*padding-right: 20px;*/
    float: none;
}
/* Item BuyForm */
#sysItemDetail .sysForm #sysSelections div {
    width: 50%;
    float: left;
}
#sysItemDetail .sysForm #sysSelections div select {
    display: block;
    min-width: 90%;
    max-width: 90%;
    margin-bottom: 10px;
}
#sysItemDetail #sysVariation {
    width: 50%;
    margin: 0;
    float: left;
}
#sysItemDetail #sysVariation #variation {
    display: block;
    min-width: 90%;
    max-width: 90%;
    margin-bottom: 10px;
}
div#sysNumber {
    clear:both;
    padding-top: 10px;
}
#soldnow_area {
    
}
#soldnow_area .rec_item_image {
    width:100px;
    /*display: block;*/
    padding: 0 10px;
    /*float:left;*/
}
#soldnow_area .rec_item_staff {
    width:93px;
    /*display: block;*/
    /*float:left;*/
}
#soldnow_area .rec_item_content {
    /*width:100%;*/
    /*max-width:470px;*/
    /*display: block;*/
    padding: 5px 15px;
    font-size:12px;
    color:#666666;
    line-height:130%;
    font-family:"Meiryo","Hiragino Kaku Gothic Pro","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
    letter-spacing:0.05em;
    /*float:left;*/
}
#soldnow_area .rec_item_realcounter {
    /*width:720px;*/
}

/* 4-1-9-2  カテゴリー */
#category ul li a span > span {
    display:none;
}

/* 14-1-2  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail li .sysItemName a {
    height: 56px;
    overflow: hidden;
}

/* 4-1-9-3 当店セレクト */
#choise .image {
    padding-right:20px;
}

/* 4-1-9-4 ロングセラー */
#seller section,
#other section {
    height: 480px;
}

/* 4-1-9-5 注目アイテム */
#feature .image {
    padding-left:20px;
}

/* 4-1-9-X カテゴリ newレイアウト */
/* PC 左画像 右詳細ver */
.cat_layout1 .image {
    padding-right:20px;
}

.cat_layout2 section {
    height: 480px;
}

/* 4-1-9-6 関連特集 */
#article .image {
    padding-right:20px;
}

/* 4-1-9-7 価格で選ぶポスト一覧 */
.sysCategoryDescription .price_search { min-height: 630px;}
.sysCategoryDescription .price_search div { display: block; width:100%; text-align: center;}
.sysCategoryDescription .price_search div:last-child { margin-top: 40px;}
.sysCategoryDescription .price_search div:last-child:nth-child(2) ul li:nth-child(1) { display: none;}
.sysCategoryDescription .price_search div:last-child:nth-child(2) ul li:nth-child(2) { display: none;}

.layout_content .system_content .price_search { min-height: 630px;}
.layout_content .system_content .price_search div { display: block; width:100%; text-align: center;}
.layout_content .system_content .price_search div:last-child { margin-top: 40px;}
.layout_content .system_content .price_search div:last-child:nth-child(2) ul li:nth-child(1) { display: none;}
.layout_content .system_content .price_search div:last-child:nth-child(2) ul li:nth-child(2) { display: none;}

/* 4-1-9-8 カラーで選ぶポスト一覧 */
.sysCategoryDescription .post_color_search { min-height: 850px;}
.sysCategoryDescription .post_color_search div { display: block; width:50%; min-width: 150px; text-align: center;}

.layout_content .system_content .post_color_search { min-height: 850px;}
.layout_content .system_content .post_color_search div { display: block; width:50%; min-width: 150px; text-align: center;}

/* 4-1-9-9 カテゴリー内カテゴリー一覧 */
#category_list section {
    height: 480px;
}

/* 4-1-9-10 ガーデンカテゴリーバナー */
#gardens_banner a img{
    max-width:98%;
}

/* 4-1-9-11 プランター・ポット・鉢カテゴリーバナー */
.sysCategoryDescription gardens-pot0_banner  a img{
    max-width:98%;
}

/* 4-1-9-13 ユーロ物置 */
#euro_shed_price .price_search {
    min-height: 210px;
}

/* 4-1-9-14 ハローキティ ガーデンコレクション */
#kitty_post .image {
    padding-right:20px;
}
#kitty_faucet section {
    height: 480px;
}
#kitty_faucet > section {
    position:relative;
}
#kitty_faucet > section > .content .kitty_next_btn{
    position:absolute;
    right:5px;
    bottom:40px;
}
#kitty_other .image {
    padding-left:20px;
}
#kitty_about div span {
    max-width:43%;
}

/* 4-1-9-15 表札カテゴリーバナー */
#hyosatsu_banner a img{
    max-width:98%;
}

/* 4-1-9-16 アイアン表札カテゴリーバナー */
#sign-i0_banner a img{
    max-width:98%;
}

/* 14-1-9-17 ポストブランドリスト */
#pb_category ul li a img {
        max-width:none;
}
#pb_category ul li a span > span {
    display:none;
}


/* 4-2-11 旧関連商品 */
#kanren_list li{ width:22%; height:155px;}

/* 4-3-2 ABOUT */
.about_info .shop_add, .shop .shop_add{
    width:100%;
}
.about_info .shop_map,{
    width:100%;
}
.about_info .shop_map iframe, .shop .shop_map iframe {
    width:100%;
    height:250px;
    margin-top:30px;
}

/* 4-4-4 Item Search Form */
form.sysItemSearchForm {
    padding: 5px;
}
.sysItemSearchForm > div.sysItemSearchFormWord {
    width: 100%;
}
.sysItemSearchForm > div.sysItemSearchAndOr {
    width: 100%;
}
.sysItemSearchForm > div.sysItemSearchFormRange {
    width: 100%;
}
.sysItemSearchForm > .sysItemSearchFormCategory {
    width: 100%;
}
.sysItemSearchForm > .sysItemSearchFormCategory > select { 
    width: 100%;
    margin-left: 0;
}
.sysItemSearchForm > .sysItemSearchFormSort {
    width: 100%;
}
.sysItemSearchForm > .sysItemSearchFormLimit {
    width: 100%;
}
#sysItemSearch #sysMain .sysItemSearchForm > .sysSearchButton {
    width: 100%;
    height: 30px;
}

/* 20-0 Only Tablet
 *----------------------------------------------------------------------*/
.pc {
    display: none!important;
}

/*div#sysMain,div#sysAside{ width: 100%; float: none;}*/

/* 4-1-9-X カテゴリ newレイアウト */
/* PC 左画像 右詳細ver */
.cat_layout2 > section {
    position:relative;
}
.cat_layout2 > section > .content .opc_next_btn{
    position:absolute;
    right:5px;
    bottom:40px;
}

#seller > section {
    position:relative;
}
#seller > section > .content .opc_next_btn{
    position:absolute;
    right:5px;
    bottom:40px;
}

#category_list > section {
    position:relative;
}
#category_list > section > .content .opc_next_btn{
    position:absolute;
    right:5px;
    bottom:40px;
}

/* 20-1 Header */
/* 20-1-1 ヘッダーサブメニュー */
.h-spsubMenu {
    width: 30%;
    float: left;
    position: fixed;
    z-index: 9;
}
.h-spsubMenu ul:after {
    content: '';
    display: block;
    clear: both;
}
.h-spsubMenu ul li {
    background-repeat: no-repeat;
    min-width: 45px !important;
    min-height: 45px;
    background-position: 50% 0px;
    background-size: 35px;
    float: left;
    width: 50% !important;
    text-align: center;
}
.h-spsubMenu ul li:first-child {
    background-image: url(../img/icon/icon_mypage.png);
}
.h-spsubMenu ul li:last-child {
    background-image: url(../img/icon/icon_shop.png);
}
.h-spsubMenu ul li a {
    font-size: 10px;
    display: block;
    min-width: 45px !important;
    min-height: 45px;
    padding: 0 !important;
    padding-top: 35px !important;
}

/* 20-1-2 ヘッダーロゴ */
.h-sitelogo{ height: 63px;}
.h-sitelogo .sysContent {
    width: 120px;
    float: left;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -60px;
}
.h-sitelogo li img{
    width: auto;
    max-height: 47px;
}

/* 20-1-3 ハンバーガーメニュー */
.h-humbergarMenu {
    position: fixed;
    /*right:0;*/
    /*width: 57px;*/
    width: 100%;
    z-index: 9;
}
#navToggle {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 47px;
    height: 47px;
    background-color: #fff/*rgba(255, 255, 255, 0.7)*/;
    cursor: pointer;
    font-size: 10px;
    line-height: 6.5;
    text-align:center;
    border-radius: 5px;
}
#navToggle div {
    position: relative;
    height: 6px;
    width: 80%;
    margin: 0 auto;
}
#navToggle span {
    display: block;
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #555;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#navToggle span:nth-child(1) {
    top:6px;
}
#navToggle span:nth-child(2) {
    top:17px;
}
#navToggle span:nth-child(3) {
    top:28px;
}
.openNav #navToggle span:nth-child(1) {
    top: 17px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
    top: 17px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
}
.h-spsearch .sysItemSearchForm {
        background: transparent;
}
.h-humbergarMenu .h-spsearch {
    margin-bottom: 10px;
}
.h-humbergarMenu .sysContent {
    padding: 0;
}
.h-humbergarMenu nav {
    position: absolute;
    z-index: 999;
    top: 53px;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    padding: 15px 20px;
    border: 1px solid #999;
    overflow: scroll;
}
.h-humbergarMenu nav {
	left: 100%;
	right: -100%;
    position: absolute;
    z-index: 999;
    top: 53px;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    padding: 15px 20px;
    border: 1px solid #999;
    overflow: scroll;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.openNav {
	overflow: hidden;
}
.openNav .h-humbergarMenu nav {
	left: 0;
	right: 0;
}
.h-humbergarMenu ul li {
    width:50%;
    height: 25px;
    margin: 5px auto 0;
    padding-left: 10px;
    float:left;
}
.h-humbergarMenu ul li a {
    display: block;
    width:90%;
    color: #0986ba;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.6;
    background-image: url(../img/icon/icon_arrow.gif);
    background-repeat: no-repeat;
    background-position: 100%;
}
.h-humbergarMenu h2 {
    position: relative;
    top: 5px;
    display: block;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #99cc33;
    border-radius: 20px;
    margin-bottom: 7px;
    padding: 1px;
    clear:both;
}
.h-humbergarMenu hr {
    width: 100%;
    margin: 0 auto 10px;
    border: 0;
    border-bottom: dotted 1px #555;
}
.h-humbergarMenu .sns {
    width: 80%;
    margin: 10px auto 40px;
}
.h-humbergarMenu .sns ul:after {
    content: '';
    display: block;
    clear: both;
}
.h-humbergarMenu .sns li {
    float: left;
    width: 25%;
    text-align: center;
}
.h-humbergarMenu .sns li a {
    background: none;
    display: inline-block;
    width: 35px;
}
/*.openNav nav {
    -moz-transform: translateY(351px);
    -webkit-transform: translateY(351px);
    transform: translateY(351px);
}*/

/* 20-1-4 メインスライダー */
.h-mainSlider {
    margin-top: 0;
}
.sp-button {
    width: 30px;
    height: 5px;
}

/* 20-1-5 商品検索 */
.h-spsearch .sysContent {
    padding: 5px;
    width: 90%;
    margin: 30px auto;
}
.h-spsearch .sysItemSearchFormWord {
    width: 80% !important;
    float: left;
    margin: 0;
}
.h-spsearch .sysItemSearchFormWord input {
    height: 30px;
}
.h-spsearch input[type=submit].sysSearchButton {
    width: 20%;
    height: 30px;
    border-radius: 0;
}


/* 21-1 Aside */
/* 21-1-1 レビューコンテスト */
.s-spreview {}
.s-spreview .sysContent {
    padding: 0;
}
.s-spreview table {
    width: 100%;
}
.s-spreview td {
    line-height: 0;
    vertical-align: top;
}
.s-spreview .apply a {
    font-size: 10px;
}

/* 21-1-2 アサイドバナー下 */
.s-pcbnrBottom .sysContent {
    padding: 0;
}
.s-pcbnrBottom .letter {
    margin-bottom: 10px;
}
.s-pcbnrBottom .column {
    margin-bottom: 10px;
}


/* 21-1-3 カテゴリー */
.s-pccategory ul li {
    width: 100%;
    float: none;
}
.s-pccategory ul li a {
    background: none !important;
    color: #000;
}
.s-pccategory ul li ul li > a {
    color: #0986ba;
    display: block;
    text-indent: 1em;
    background-image: url(../img/icon/icon_arrow.gif) !important;
    background-repeat: no-repeat !important;
    background-position: 100% !important;
    padding: 0;
    line-height: 2;
}

/* 23-1 Main */
/* 23-1-1 ピックアップバナー下 */
.t-pickupbnrBottom {}
.t-pickupbnrBottom figcaption {
    height: 97%;
}
.t-pickupbnrBottom figcaption h3 {
    color: #fff;
    padding-top: 30px;
    font-size: 18px;
}
.t-pickupbnrBottom figcaption p {
    font-size: 13px;
    color: #fff;
    padding: 0 24px;
}

/* 23-1-2 おすすめ商品 */
.t-recommendItem ul li {
    min-height: 210px;
}

/* 24-1 フッター */
/* 24-1-1 メインメニュー */
.f-spmainMenu {
    position: fixed;
    bottom: 0;
    /*background-color: rgba(255, 255, 255, 0.9);*/
    background: #8eb15c;
    width: 100%;
    height: 50px;
}
.f-spmainMenu .sysContent{
    padding: 0;
    padding: 0;
}
.f-spmainMenu section p {
    min-width: 45px;
    margin: 0;
}
.f-spmainMenu section p a {
    font-size: 10px;
    min-width: 45px;
    min-height: 45px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-size: 40px;
    background-position: 50% 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
}
.f-spmainMenu section#left {
    width: 100%;
    position: fixed;
    bottom: 0;
}
.f-spmainMenu section#left .mypage {
    float: left;
    width: 20%;
}
.f-spmainMenu section#left .mypage p a {
    background-image: url(../img/icon/icon_mypage.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}
.f-spmainMenu section#left .category {
    float: left;
    width: 20%;
}
.f-spmainMenu section#left .category p a {
    background-image: url(../img/icon/icon_category.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}
.f-spmainMenu section#left .stylebook {
    float: left;
    width: 20%;
}
.f-spmainMenu section#left .tel p a {
    background-image: url(../img/icon/icon_tel.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}
.f-spmainMenu section#left .tel {
    float: left;
    width: 20%;
}
.f-spmainMenu section#left .stylebook p a {
    background-image: url(../img/icon/icon_book.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}
.f-spmainMenu section#left .qa {
    float: left;
    width: 20%;
}
.f-spmainMenu section#left .qa p a {
    background-image: url(../img/icon/icon_qa.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}
.f-spmainMenu section#left .about {
    float: left;
    width: 20%;
}
.f-spmainMenu section#left .about p a {
    background-image: url(../img/icon/icon_shop.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}
.f-spmainMenu section#left .cart {
    float: left;
    width: 20%;
    /*max-width:50px;*/
    /*max-height:50px;*/
    /*margin-right: 8px;*/
    visibility: hidden;
}
.f-spmainMenu section#left .cart p a {
    background-color: #5cb1b1;
    width: 71%;
    height: 100%;
    max-width:50px;
    max-height:50px;
    margin: auto;
    padding:10px;
}
.f-spmainMenu section#left .cart p a img {
    width: 100%;
    /*padding-top: 8px;*/
}
.f-spmainMenu section#right {
    width: 30%;
    position: fixed;
    right: 0;
    bottom: 0;
}
.f-spmainMenu section#right .qa {
    float: left;
    width: 50%;
}
.f-spmainMenu section#right .qa p a {
    background-image: url(../img/icon/icon_qa.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}
.f-spmainMenu section#right .cart {
    float: left;
    width: 50%;
}
.f-spmainMenu section#right .cart p a {
    background-color: #5cb1b1;
    width: 50px;
    height: 50px;
    margin: auto;
}
.f-spmainMenu section#right .cart p a img {
    width: 40px;
    padding-top: 8px;
}
.f-spmainMenu section#regi .regi p a img{
    position: absolute;
    bottom: -5px;
    right: calc(50% - 30px);
    width: 60px;
}
.f-spmainMenu section#left .top {
    float: left;
    width: 20%;
}
.f-spmainMenu section#left .top p a {
    background-image: url(../img/icon/icon_home.png);
    background-repeat: no-repeat;
    padding-top: 35px;
}

/* 24-1-2 スタッフ紹介 */
.f-staff ul li {
    min-height: 400px;
}

/* 24-1-3 Page Top Btn */
.p-pagetop .btn { 
    width: 50%;
}
.p-pagetop .pagetop img {
    bottom: 113px;
    right: 8px;
    width: 50px;
}

/* 24-1-3x Cart In Btn */
.p-cart_in .cart_in img {
    bottom: 173px;
    right: 8px;
    width: 50px;
}

/* 25-1 カテゴリーページ */
/* 25-1-1 カテゴリー */
#category ul li {
    width: 50%;
}


/* OPEN企画バナー */
.open_special_bnr_sp {
    position: fixed;
    top: 5px;
    left: 5px;
    width: 98px;
    z-index:9999;
}
.open_special_bnr_sp a {
    display:block;
}



/* 以下whyKnot */

/* (wk)メインメニュー */
.wk-mainMenu nav {
    max-width: 80%;
}
.wk-mainMenu nav ul li {
    font-size:14px;
}

/* (wk)Order Area */
.wk_orderArea > div {
    width: 100%;
    /*width: 50%;*/
    display:block;
    padding-right: 0;
    /*padding-right: 20px;*/
    float: none;
}

/* (wk)アサイド商品検索 */
.s-pc-wk-search .sysItemSearchFormWord {
    width: 87%!important;
}

/* (wk)SPフッターインフォ */
.wk-spfooterinfo {
    margin-top: 60px!important;
}

.wk-spfooterinfo .sysContent {
    width: 60%!important;
    margin: auto;
}

.wk-spfooterinfo .sysContent:after {
    content: '';
    display: block;
    clear: both;
}
.wk-spfooterinfo .fblock {
    width: 25%;
    float: left;
}
.wk-spfooterinfo .fblock a {
    display: block;
    text-decoration: none;
}
.wk-spfooterinfo .fblock h2 {
    background-repeat: no-repeat;
    position: relative;
    margin: 20px auto 40px;
    background-position: 50% 0px;
    padding: 30px 0 0px;
    text-align: center;
    color: #000;
    font-size: 10px;
}
.wk-spfooterinfo .fblock h2.payment {
    background-image: url(../img/wk/wk_icon_payment.png);
}
.wk-spfooterinfo .fblock h2.delivery {
    background-image: url(../img/wk/wk_icon_postage.png);
}
.wk-spfooterinfo .fblock h2.return {
    background-image: url(../img/wk/wk_icon_return.png);
}
.wk-spfooterinfo .fblock h2.delinote {
    background-image: url(../img/wk/wk_icon_invoice.png);
}
.wk-spfooterinfo .fblock h2:before, .wk-spfooterinfo .fblock h2:after {
    content: '';
    width: 30%;
    border-bottom: 1px solid #000;
    display: block;
    position: absolute;
    left: 35%;
}
.wk-spfooterinfo .fblock h2:before {
    top: -20px;
}
.wk-spfooterinfo .fblock h2:after {
    bottom: -15px;
}

/* (wk)SPフッターSNS */
.wk-snslink h2.sysHeadline {
    display: none;
}

/* 長期休業案内 */
.wk-sysheader .longoff {
    width: 100%;
}
}
@media screen and (min-width:1024px){
/* 目次 whyKnot */

/* (wk)商品検索 */
/* (wk)Order Area */
/* (wk)商品詳細 */





/* NEW Cart */
.mdl_btn_.opcDialog {
    margin: 0 auto;
}
.sysCart .sysItemListArea {
    width: 80%;
    margin: auto;
}

/* 2-2 Holizontal Item Block */
.footer-bnr-p {
    margin-top: 80px!important;
}
.footer-bnr-h, .footer-bnr-o {
    margin-top: 40px!important;
}

.footer-bnr-p > .sysContent .sysItemBlock .sysHorizontal,
.footer-bnr-h > .sysContent .sysItemBlock .sysHorizontal,
.footer-bnr-o > .sysContent .sysItemBlock .sysHorizontal {
    letter-spacing: -.4em;
    width: 1050px;
    margin: 0 auto;
    background: #fff5e1;
}


/* 3-2-8 はらっぱギャング */
.t-harappagang { margin-top:60px!important;}
.t-harappagang .sysContent {
    height: 420px;
    padding: 0;
    background-color: #f4f4f4;
    margin-bottom: 100px;
}
.t-harappagang article {
    max-width: 1050px;
    margin: auto;
}
.t-harappagang section:after {
    content: '';
    display: block;
    clear: both;
}
.t-harappagang .image {
    width: 50%;
    float: left;
    height: 420px;
}
.t-harappagang section {
    width: 50%;
    float: right;
    position: inherit;
    max-width: inherit;
    left: inherit;
    top: inherit;
    margin-left: inherit;
    padding: 0;
    background-color: #f4f4f4;
    height: 420px;
}
.t-harappagang section h2 {
    font-size: 33px;
    margin: 15px auto;
    line-height: 1.6em;
}
.t-harappagang section h3 {
    font-size: 24px;
    line-height: 1.6em;
}
.t-harappagang section p {
    font-size: 14px;
    max-width: 320px;
    padding: 0;
    line-height: 1.6em;
}



/* 3-2-11 whyKnot */
.t-whyknot { margin-top:60px!important;}
.t-whyknot .sysContent {
    height: 420px;
    padding: 0;
    background-color: #f4f4f4;
    margin-bottom: 100px;
}
.t-whyknot article {
    max-width: 1050px;
    margin: auto;
}
.t-whyknot section:after {
    content: '';
    display: block;
    clear: both;
}
.t-whyknot .image {
    width: 50%;
    float: right;
    height: 420px;
}
.t-whyknot section {
    width: 50%;
    float: left;
    position: inherit;
    max-width: inherit;
    left: inherit;
    top: inherit;
    margin-left: inherit;
    padding: 0;
    background-color: #f4f4f4;
    height: 420px;
}
.t-whyknot section h2 {
    font-size: 33px;
    margin: 15px auto;
    line-height: 1.6em;
}
.t-whyknot section h3 {
    font-size: 24px;
    line-height: 1.6em;
}
.t-whyknot section p {
    font-size: 14px;
    max-width: 320px;
    padding: 0;
    line-height: 1.6em;
}



/* 3-4-7 フッター商品一覧 */

.footer-bnr-p > .sysHeadline,
.footer-bnr-h > .sysHeadline,
.footer-bnr-o > .sysHeadline {
    position: relative;
    top: 28px;
    width: 1050px;
    height: 112px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    background: url(/img/topMain/img_title_plane_circle.png) no-repeat center;
    margin: 0 auto;
    padding: 38px;
}

.footer-bnr-p .sysContent,
.footer-bnr-h .sysContent,
.footer-bnr-o .sysContent {
    padding: 0;
    background: #eee;
}

.footer-bnr-p .sysContent .sysHorizontal li {
    width: 10% !important;
    padding: 5px;
    margin: 1% !important;
}

.sysFuncItemBlock.footer-bnr-p > div.sysContent > div > ul > li > .sysItemName a {
    text-decoration: none;
}

.sysFuncItemBlock.footer-bnr-p > div.sysContent > div > ul > li > .sysItemName {
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer-bnr-h .sysContent .sysHorizontal li {
    width: 10% !important;
    padding: 5px;
    margin: 1% !important;
}

.sysFuncItemBlock.footer-bnr-h > div.sysContent > div > ul > li > .sysItemName a {
    text-decoration: none;
}

.sysFuncItemBlock.footer-bnr-h > div.sysContent > div > ul > li > .sysItemName {
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer-bnr-o .sysContent .sysHorizontal li {
    width: 10% !important;
    padding: 5px;
    margin: 1% !important;
}

.sysFuncItemBlock.footer-bnr-o > div.sysContent > div > ul > li > .sysItemName a {
    text-decoration: none;
}

.sysFuncItemBlock.footer-bnr-o > div.sysContent > div > ul > li > .sysItemName {
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 3-4-8 フッターフラップバナー */
#sysAside .footer_flap_banner {
    display: none;
}



/* 4-3-1 TOP PAGE */
#top div#sysMain,
.layout_content{
    min-width: 750px;
}

/* 4-3-1 マイページ */
.sysMypage div#sysMain{
    min-width: 750px;
}

/* 14-1-9-2  カテゴリー */
#sysItemCategory #sysMain {
    min-width: 750px;
}
#category ul li {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
#category ul li a {
    margin-bottom:20px;
    padding-right:30px;
}
#category ul li a img {
    width: 100px;
    height: 100px;
}
#category ul li a span {
    color: #0986ba;
    font-size: 16px;
    display: table-cell;
    width: 80%;
    vertical-align: middle;
}
#category ul li a span > span {
    display: block;
    width:100%;
    border-top:dotted 1px #ccc;
    font-size: 12px;
    color: #666;
    margin-top:5px;
    padding-top:5px;
}

/* 14-1-2  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail li .sysItemName a {
    height: 56px;
    overflow: hidden;
}

/* 4-1-9-3 当店セレクト */
#choise .image {
    padding-right:20px;
}

/* 4-1-9-4 ロングセラー */
#seller section,
#other section {
    height: 480px;
}

/* 4-1-9-5 注目アイテム */
#feature .image {
    padding-left:20px;
}

/* 4-1-9-X カテゴリ newレイアウト */
/* PC 左画像 右詳細ver */
.cat_layout1 .image {
    padding-right:20px;
}

.cat_layout2 section {
    height: 480px;
}

/* 4-1-9-6 関連特集 */
#article .image {
    padding-right:20px;
}

/* 4-1-9-7 カテゴリー内カテゴリー一覧 */
#category_list section {
    height: 527px;
}

/* 4-1-9-8 ハローキティ ガーデンコレクション */
#kitty_post .image {
    padding-right:20px;
}
#kitty_faucet section {
    height: 480px;
}
#kitty_faucet > section {
    position:relative;
}
#kitty_faucet > section > .content .kitty_next_btn{
    position:absolute;
    right:5px;
    bottom:40px;
}
#kitty_other .image {
    padding-left:20px;
}

/* 4-1-9-9 ポストブランドリスト */
#pb_category ul li {
    width: 50%;
    height: 213px;
    float: left;
    margin-bottom: 10px;
}
#pb_category ul li a {
    margin-bottom:20px;
    padding-right:5px;
}
#pb_category ul li a img {
    width: 100px;
    height: 100px;
    max-width: none;
}
#pb_category ul li a span {
    color: #0986ba;
    font-size: 16px;
    display: table-cell;
    width: 63%;
    vertical-align: middle;
}
#pb_category ul li a span > span {
    display: block;
    width:100%;
    border-top:dotted 1px #ccc;
    font-size: 12px;
    color: #666;
    margin-top:5px;
    padding-top:5px;
}

/* 4-2 Item Page */
.sysExplanation {
    letter-spacing: 0.1em;
    /*letter-spacing: 0.4em;*/
    line-height: 1.6em;
    font-size: 100%;
}
.orderArea > div {
    width: 49%;
    /*width: 50%;*/
    display: inline-block;
    /*padding-right: 20px;*/
}
.orderArea  > div .sysMainImage {
    width:95%;
}
.orderArea .sysThumbnailImage {
    margin-top:30px;
}
.orderArea .sysThumbnailImage img {
    width:95%;
}
#order_title p{
    text-align: center;
}
#soldnow_area {
    width:100%;
    /*max-width:720px;*/
}
#soldnow_area .rec_item_image {
    width:100px;
    /*display: block;*/
    padding: 0 10px;
    /*float:left;*/
}
#soldnow_area .rec_item_staff {
    width:93px;
    /*display: block;
    /*float:right;*/
}
#soldnow_area .rec_item_content {
    width:550px!important;
    max-width: 550px!important;
    height: 100px!important;
    /*display: block;*/
    padding: 5px 15px;
    font-size: 12px;
    color: #666666;
    line-height: 130%;
    font-family: "Meiryo","Hiragino Kaku Gothic Pro","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
    letter-spacing: 0.05em;
    /*float:left;*/
}
#soldnow_area .rec_item_realcounter {
    /*width:720px;*/
}
#soldnow_area > div:nth-child(20) {
    width:720px;
}

/* 4-2-11 旧関連商品 */
#kanren_list p {
    font-size: 100%;
}
#kanren_list li a{
    font-size: small;
    line-height: 130%;
}

/* Item BuyForm */
#sysItemDetail .sysForm #sysSelections div select {
    min-width: 100%;
}
#sysItemDetail #sysVariation #variation {
    min-width: 100%;
}

/* 4-3-2 ABOUT */
.about_info .shop_add, .shop .shop_add,
.FS2_body_Goods_shop .layout_content .shop_add,
.FS2_body_Goods_about .layout_content .shop_add {
    width:48%;
    float:left;
}
.about_info .shop_map, .shop .shop_map,
.FS2_body_Goods_shop .layout_content .shop_map,
.FS2_body_Goods_about .layout_content .shop_map {
    width:50%;
    float:right;
}
.about_info .shop_map iframe, .shop .shop_map iframe,
.FS2_body_Goods_shop .layout_content .shop_map iframe,
.FS2_body_Goods_about .layout_content .shop_map iframe {
	width:100%;
    height:330px;
}

/* 4-3-4 FAQ */
.faq_content{ letter-spacing:0.3em;}
.faq_content .img_responsive{ display:block;}


/* 30-0 Only PC 
 *----------------------------------------------------------------------*/
.sp {
    display: none!important;
}
#sysMain {
    min-width: 780px;
}

#seller > section {
    position:relative;
}
#seller > section > .content .opc_next_btn{
    position:absolute;
    right:5px;
    bottom:40px;
}

#category_list > section {
    position:relative;
}
#category_list > section > .content .opc_next_btn{
    position:absolute;
    right:5px;
    bottom:40px;
}


/* 30-1 Header */
/* 30-1-1 ヘッダーサイトインフォ */
.h-siteinfo, .h-siteinfo2 {
    margin: 0 auto;
    text-align: left;
}
.h-siteinfo .sysContent, .h-siteinfo2 .sysContent {
    padding: 0;
}
.h-sitelogo .sysContent {
    float: left;
    width: auto;
    max-width: inherit;
    padding-top: 5px;
    padding-bottom: 40px;
    position: relative;
    z-index: 9;
}

/* 30-1-2 ヘッダーサブメニュー */
.h-pcsubMenu {
    margin: auto;
    position: relative;
}
.h-pcsubMenu .sysContent {
    min-width: 500px;
    float: right;
    position: absolute;
    bottom: 23px;
    right: 0;
}
.h-pcsubMenu:after {
    clear: both;
    display: block;
    content: '';
}
.h-pcsubMenu nav ul li {
    width: 16.3% !important;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 30%;
    height: 70px;
    background-size: 40px;
}
.h-pcsubMenu nav ul li a {
    padding: 0 !important;
    color: #000 !important;
    font-size: 11px !important;
    display: inline-block;
    background-image: none;
    height: 80px;
    line-height: 11;
}
.h-pcsubMenu nav ul li:first-child {
    
}
.h-pcsubMenu nav ul li:nth-child(2) {
    /*background-image: url(../img/icon/icon_shop.png);*/
}
.h-pcsubMenu nav ul li:nth-child(3) {
    /*background-image: url(../img/icon/icon_qa.png);*/
}
.h-pcsubMenu nav ul li:nth-child(4) {
    /*background-image: url(../img/icon/icon_mypage.png);*/
}
.h-pcsubMenu nav ul li:last-child {
	position: relative;
    background-image: none;
    /*background-color: #5cb1b1;*/
    background-color: #8eb15c;
}
.h-pcsubMenu nav ul li:last-child a {
    line-height: 4.6;
    display: block;
    max-width: 100%;
}
.h-pcsubMenu nav ul li:last-child a img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 40px;
}

/* 30-1-3 ヘッダーメインメニュー */
.h-pcmainMenu {
    margin: auto;
    padding: 3px 0;
    background: #eee;
}
.h-pcmainMenu .sysContent {
    margin: auto;
    padding: 0;
    max-width: 1050px;
}
.h-pcmainMenu nav ul li {
    display: inline-block;
    width: 16.3%;
    text-align: center;
    padding: 3px;
}
.h-pcmainMenu nav ul li a {
    font-size: 12px;
    text-decoration: none;
    display: block;
    border-left: 1px solid #ddd;
    padding: 5px;
}
.h-pcmainMenu nav ul li a:hover {
    color:#99cc33;
}
.h-pcmainMenu nav ul li:nth-child(6n) a {
    border-right: 1px solid #ddd;
}

/* 30-1-4 メインスライダー */
.h-mainSlider {
    margin-bottom: 40px;
}
.sp-buttons {
    bottom: 30px;
}

/* 32-1 ピックアップバナー下 */
.t-pickupbnrBottom {}
.t-pickupbnrBottom .sysContent {
    padding: 0;
}
.t-pickupbnrBottom ul:after {
    content: '';
    display: block;
    clear: both;
}
.t-pickupbnrBottom ul li {
    width: 240px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.t-pickupbnrBottom ul li:nth-child(3n) {
    margin-right: 0;
}
.t-pickupbnrBottom figcaption h3 {
    text-align: center;
    color: #fff;
    padding-top: 30px;
}
.t-pickupbnrBottom figcaption p {
    color: #fff;
    font-size: 14px;
    padding: 8px;
}
.t-pickupbnrBottom figure {
    position: relative;
    overflow: hidden;
    width: 240px;
    height: 200px
}
.t-pickupbnrBottom figcaption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
}
.t-pickupbnrBottom figure:hover figcaption {
    opacity: 1;
}

/* 32-2 表札について */
.t-nameplate #about ul {
    margin-bottom: 10px;
}
.t-nameplate #about ul:after {
    content: '';
    display: block;
    clear: both;
}
.t-nameplate #about ul.face li {
    width: 50%;
    float: left;
}
.t-nameplate #about ul.face li:last-child {
    width: 50%;
}
.t-nameplate #about ul.balance li {
    width: 50%;
    float: right;
}
.t-nameplate #about ul.balance li:last-child {
    width: 50%;
}
.t-nameplate #thumb ul:after {
    content: '';
    display: block;
    clear: both;
}
.t-nameplate #thumb ul li {
    width: 20%;
    float: left;
    height: 250px;
}
.t-nameplate #thumb ul li a {
    padding: 5px;
    display: block;
}
.t-nameplate #thumb ul li a img {
    width: inherit;
    display: block;
}
.t-nameplate #thumb ul li a p {
    width: inherit;
    padding: 0;
}

/* 32-3 新商品 */
.p-newItem .sysItemName {
    height: 40px;
    overflow: hidden;
}

/* 32-4 ランキング */
.p-ranking .sysItemName {
    height: 40px;
    overflow: hidden;
}



/* 33-1 アサイド */
#sysAside,
.layout_menu {
    /* float: left !important; */
    max-width: 270px;
}
/*タブレット表示崩れ修正用*/
@media screen and (max-width: 1668px) and (min-width: 1024px){
.layout_menu { max-width: 230px;}
div#item_shousai { width: 100%!important;}
}

/* 33-1-1 バナーTOP */
/* 33-1-2 商品検索 */
.s-pcsearch {}

/* 33-1-3 カテゴリー */
.s-pccategory .sysContent {
    margin: 5px;
}
.s-pccategory ul li {
    width: inherit;
    margin-bottom: 0;
    float: none;
}

.s-pccategory ul li:nth-child(1n) {
    width: inherit;
    border-bottom: 1px dotted #eee;
    float: none;
}
.s-pccategory ul li:nth-child(2n) {
    width: inherit;
    float: none;
}
.s-pccategory ul ul {
    diplay: block;
}
.s-pccategory ul li > a {
    text-decoration: none;
    font-size: 14px;
    text-indent: 1em;
    line-height: 2;
    display: block;
    padding: 10px 0;
    background: #8eb15c !important;
    color: #fff;
}
.s-pccategory ul li > a:hover {
    color:#99cc33;
}
.s-pccategory ul li ul li > a {
    color: #666;
    display: block;
    text-indent: 1em;
    background: #fff!important;
    /*background-image: url(../img/icon/icon_arrow.gif) !important;*/
    /*background-repeat: no-repeat !important;*/
    /*background-position: 100% !important;*/
    padding: 5px;
}

/* 33-1-4 バナーBOTTOM */
.s-pcbnrBottom li {
    margin: 20px 0;
}
.s-pcbnrBottom .column {
    border: 2px solid #8eb15c;
    padding: 8px 10px;
}
.s-pcbnrBottom .column h3 {
    line-height: 1.3;
    border-left: 3px solid #8eb15c;
    padding-left: 5px;
}
.s-pcbnrBottom .column h3 span {
    font-size: 14px;
    display: block;
}
.s-pcbnrBottom .column h3 strong {
    font-size: 18px;
}
.s-pcbnrBottom .column ul li {
    margin: 10px 0;
}
.s-pcbnrBottom .column ul li a {
    font-size: 13px;
    text-decoration: none;
    color: #666;
    background-image: url(../img/icon/icon_arrow.gif);
    display: block;
    background-repeat: no-repeat;
    background-position: 100%;
}

/* 34-4-1 スタッフ紹介 */
.f-staff ul li {
    padding: 0;
    height: 290px;
}

/* 34-4-2 ショップインフォメーション */
.p-shopInfo article:after {
    content: '';
    display: block;
    clear: both;
}
.p-shopInfo section {
    float: left;
    padding: 8px;
}
.p-shopInfo section#payment {
    max-width: 280px;
    width: 26.6%;
}
.p-shopInfo section#delivery {
    max-width: 280px;
    width: 26.6%;
}
.p-shopInfo section#return {
    max-width: 280px;
    width: 26.6%;
}
.p-shopInfo section#bnr {
    max-width: 210px;
    width: 20%;
}
.p-shopInfo section .note {
    margin-top: 60px;
}

/* 34-4-3 ソーシャルメニュー */
.f-pcsns ul {
    position: fixed;
    bottom: 10px;
    left: 15px;
}
.f-pcsns ul:after {
    content: '';
    display: block;
    clear: both;
}
.f-pcsns ul li {
    float: left;
    width: 50px;
    text-align: center;
}
.f-pcsns ul li a{
    display:block;
    width:40px;
}

/* 34-4-4 Page Top Btn */
.p-pagetop .sysContent {
    overflow: hidden;
    padding: 0;
    margin: 0 auto;
}
.p-pagetop .btn {
    float: right;
    padding: 10px 20px;
}





/* 以下whyKnot */

/* (wk)header footer syswrap */
.wk-footer,
.wk-syswrap,
.wk-sysheader {
    max-width: 1150px!important;
    margin: auto!important;
}
/* (wk)Main */
#sysItemDetail .wk-syswrap #sysMain,
#sysItemCategory .wk-syswrap #sysMain,
#sysItemSearch .wk-syswrap #sysMain {
    max-width:720px;
    margin-right:20px;
}

/* (wk)Order Area */
.wk_orderArea > div {
    width: 49%;
    /*width: 50%;*/
    display: inline-block;
    /*padding-right: 20px;*/
}
.wk_orderArea  > div .sysMainImage {
    width:95%;
}
.wk_orderArea .sysThumbnailImage {
    margin-top:30px;
}
.wk_orderArea .sysThumbnailImage img {
    width:95%;
}

/* (wk)商品詳細 */
#wk_item_shousai {
    max-width:720px;
}


}

@media only screen and (max-width: 1023px) {
	.FS2_pager_text {
		display: block !important;
	}
}