/*
 *
 * Templat BASIC form aishipR
 *
 * クラス値命名規則
 * h:ヘッダー用  m:メイン用 s:サイドバー用 f:フッター用 p:汎用
 *
 * Table Of Content
 *
 * 1-0 ALL Setting
 *   1-1 Webkit appearance 
 *   1-2 Layout Setting 
 * 2-0 Function Parts
 *   2-1 Clearfix 
 *   2-2 Holizontal Item Block 
 *   2-3 Vertical Item Block 
 *   2-4 Facebook 
 *   2-5 Button 
 *   2-6 機能パーツ：商品カテゴリ 
 *   2-7 グリッドナビ（スタイル:gridnav） 
 *   2-8 非表示コンテンツ(FB/タグマネージャ等用) 
 *   2-9 トグル機能アニメーション 
 *   2-10 カテゴリ・商品詳細ページ 見出し部下線 
 *   2-11 機能パーツ：テキスト 
 *   2-12 見出し
 *   2-13 Bootstrap Buttons UI kit
 *   2-14 Responsive Grid System
 *   2-15 ページトップ
 * 3-0 Module
 *   3-1 Header
 *     3-1-1 サイトロゴ 
 *     3-1-2 カート・マイページボタン 
 *     3-1-3-1 ドロップダウンメニュー 
 *     3-1-3-2 オーバーメニュー 
 *     3-1-4 カート・ログインボタン 
 *     3-1-5 メインメニュー
 *     3-1-6 検索フォーム 
 *   3-2 Main
 *     3-2-1 Main IMAGE 
 *     3-2-2 Half Banner 
 *     3-2-3 PICK UP Item 
 *     3-2-4 News & SNS 
 *     3-2-5 ShopInformation 
 *     3-2-6 Notice 
 *     3-2-7 Information 
 *     3-2-8 New Item 
 *   3-3 Aside
 *     3-3-1 Aside Check List 
 *     3-3-2 Aside Login Form & Search Form 
 *     3-3-3 Aside Banner 
 *     3-3-4 Aside Login Form 
 *     3-3-5 Aside SNS
 *   3-4 Footer
 *     3-4-1 Footer Site Map 
 *     3-4-2 Page Top Btn 
 *     3-4-3 CopyRight 
 * 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-7  Archive Thumbnail Item 
 *   4-2 Item Page 
 *     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-3 Free Page 
 *     4-3-1 TOP PAGE 
 *   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-4-5 Regi
 *   4-5 MyPage 
 *     4-5-1 Mypage Index 
 *     4-5-2 Member Profile Editor 
 *     4-5-3 Special Point 
 *   4-6 News
 *   4-7 SLIDER PRO
 *   4-8 下層ページ
 *   4-9 獲得予定ポイントの削除
 * 10-0 ALL Setting[ For SmartPhone ]
 *   10-1 Header 
 *     10-1-3 ドロップダウンメニュー 
 *   12-2 Holizontal Item Block 
 *     13-1-5 メインメニュー
 *     13-2-2 Half Banner 
 *     13-2-4 News & SNS 
 *     13-2-5 ShopInformation 
 *     13-2-6 information
 *     13-4-1 Footer Site Map 
 *     13-4-2 Page Top Btn 
 *     14-1-2 Category Pankuzu 
 *     14-1-7  Archive Thumbnail Item 
 *     14-2-3 Order Area 
 * 20-0 ALL Setting[ For Tablet ]
 *   20-1 Header 
 *     20-1-3 ドロップダウンメニュー 
 *     23-3-3 Aside Banner 
 *     23-4-2 Page Top Btn 
 * 30-0 ALL Setting[ For PC ]
 *   30-1 Header 
 *     30-1-3 ドロップダウンメニュー 
 *   32-9 トグル機能アニメーション 
 *     33-3-1 Aside Check List 
 *     34-4-1 Footer Site Map 
 *     34-4-2 Page Top Btn
 */
/* 1-0 ALL Setting
 *----------------------------------------------------------------------*/
body { 
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif;
    background-color: #fff;
    font-size: 14px;
}
#sysAll{
    max-width: 100%;
    background-color: transparent; 
    padding: 0;
}
#sysHeader, #sysMain, #sysAside, #sysFotoer { padding: 0 5px;}
#sysWrap {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    clear: both;
}

#sysMain,#sysAside{ background-color: #fff;}
#sysHeader,#sysFooter{ padding: 0; margin: 0;}
#sysHeader{ background: #fff;}
#sysFooter{ background-color: #fff;}
#sysFooter > div{ background-color: #fff; margin: 0 auto; padding-bottom: 5px; margin-top: 50px;}
#sysMain{ line-height: 1.5;}
a {
    text-decoration: none;
    display: block;
}
a:hover {
    color: #6e7c0c;
    text-decoration: underline;
}
/* 1-0 Wrapper Setting */
/*#sysFooter > div,*/
.p-pagetop .sysContent,
.p-topimg .sysContent,
.h-sitelogo,.h-utilitybtn,
.h-siteinfo, .h-subMenu,
.h-overMenu,
.h-mainMenu .sysContent,
.h-search,
#sysWrap,
.h-information .sysContent,
.h-informationTitle {
    max-width: 1200px;
}


/* 1-1 Webkit appearance */
input[type=search],
input[type=submit] {
    -webkit-appearance: none;
}
#sysMypageWithdrawalConfirm input[type=submit] {
    margin-bottom: 10px;
}
/* 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;
}

input[type=search]::-webkit-search-decoration {
    display: none;
}
input[type="radio"] {  
    -webkit-appearance: none;  
    display: inline-block;  
    width: 15px;  
    height: 15px;      
    margin-right: 5px;    
    border: 1px solid rgb(212,212,212);
    cursor: pointer;
    border-radius: 100%;
    vertical-align: sub;
    position: relative;
    left: 3px;
}

input[type="radio"]:checked{
    background: #df0000;
}

#sysMypageAshiato input[type="radio"] {
    vertical-align: text-bottom;
}
/* 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-2 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%; }

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

/* 2-2 Holizontal Item Block */
.sysContent .sysItemBlock .sysHorizontal {
    letter-spacing: -.4em;
    text-align: center;
}
.sysContent .sysItemBlock .sysHorizontal li {
    width: 25%;
    float: none;
    display: inline-block;
    letter-spacing: normal;
    margin: 0;
    text-align: center;
    vertical-align: top;
    line-height: 1;
    padding: 0px;
}
.p-newItem .sysItemBlock .sysItemImage {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
}
.p-newItem .sysItemBlock .sysItemImage img {
    width: auto !important;
    max-height: 150px;
}
.p-ranking .sysContent .sysHorizontal li {
    position: relative;
}
.p-ranking .sysContent .sysHorizontal .sysItemImage img {
    width: 65%;
}
.p-ranking .sysContent .sysIconRank img {
    position: absolute;
    top: -2px;
    left: 37px;
}
/* 2-3 Vertical Item Block */
#sysMain .sysThumbnailImage {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 150px;
    overflow: hidden;
    text-align: center;
    padding: 0px 10px 0px 10px;
}
#sysMain .sysThumbnailImage img {
    width: auto;
    max-height: 150px;
}
/* 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 */
.btn {
    padding: 10px 20px;
    display: inline-block;
    margin-top: 10px;
}

.btn-info{
    background: #666;
    color: #fff;   
}
.btn-info:hover{ background: #999;}
#sysMypageReminder #sysMain input[type=submit],
.sysBackButton,
.sysNextSubmit {
    background: #eee;
    color: #000;
    border: 1px solid #FFF;
    -moz-box-shadow: 0px 0px 1px rgba(000,000,000,0.6) !important;
    -webkit-box-shadow: 0px 0px 1px rgba(000,000,000,0.6);
    padding: 10px 0 !important;
    width: 40%;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}

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

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

/* 2-8 非表示コンテンツ(FB/タグマネージャ等用) */
.h-code{ display: none;}

/* 2-9 トグル機能アニメーション
.h-subMenu .sysAccordionInitialHide {
    display: block!Important;
    position: relative;
    opacity: 0;
    z-index: -1;
}
.h-subMenu .sysAccordionInitialHide.active{
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    opacity: 1;
    z-index: 999;
}
 */
.h-overMenu .sysAccordionInitialHide {
    display: block!Important;
    position: relative;
    opacity: 0;
    z-index: -1;
}
.h-overMenu .sysAccordionInitialHide.active{
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    opacity: 1;
    z-index: 999;
}

/* 2-10 カテゴリ・商品詳細ページ 見出し部下線 */
#sysItemDetail #sysMain .sysItemName,
.sysExplanation > div > span,
.sysRetailPrice,
.sysReview > span { 
    border-bottom: 1px dashed lightgray;
    margin-bottom: 20px;
    padding: 10px 0px;
}

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

/* 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;
}
h2.sysHeadline {
    text-align: center;
    border-top: 1px dotted #000000;
    border-bottom: 1px dotted #000;
    padding: 10px;
    margin: 10px 0px;
    font-size: inherit;
    clear: both;
}
/* 2-13 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;:#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%; }

/* 2-15 ページトップ */
#pagetop{
    position:fixed;
    right:20px;
    bottom:20px;
    cursor:pointer;
}
#pagetop img {
    width: 60px;
}

/* 3-0 Module
 *----------------------------------------------------------------------*/
/* 3-1 Header*/
.h-siteinfo{
    height: 30px;
    background-color: #fff;
}
.h-siteinfo .sysContent {
    padding: 5px 0px;
}
.h-siteinfo h1 {  
    color: #000;
    font-size: 12px;
margin: 0px;
}

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

/* 3-1-2 カート・マイページボタン */
.h-utilitybtn {
    margin: 0 auto;
}
.h-utilitybtn .sysContent{
    width: 30%;
    float: right;
    position: relative;
    bottom: 30px;
    height: 40px;
}
/* 3-1-3-1 ドロップダウンメニュー
.h-subMenu {
    position: relative;
}
.h-subMenu .sysAccordionInitialHide {
    position: absolute;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.5);
    right: 0;
    padding: 9px 0px;
    width: 100%;
}
.h-subMenu ul li { margin: 3px auto;}
.h-subMenu .sysHeadline{
    color: #e5e5e5;
    line-height: 60px;
    text-align: center;
    background-image: url(../img/patt_bg.png);
}
.h-subMenu .sysAccordion:after{
    content:"";
}
 */

.h-overMenu {
    position: relative;
}
.h-overMenu .sysAccordionInitialHide {
    position: absolute;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.5);
    right: 0;
    padding: 9px 0px;
    width: 100%;
}
.h-overMenu ul li { 
    margin: 0px auto;
}
.h-overMenu .sysHeadline{
    color: #e5e5e5;
    line-height: 60px;
    text-align: center;
    background-image: url(../img/patt_bg.png);
}
.h-overMenu .sysAccordion:after{
    content:"";
}
/* 3-1-3-2 オーバーメニュー */

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  margin: 0px auto;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a {
  display: block;
  margin: 0;
  padding: 12px 0;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  background-image: url(../img/patt_bg.png);
  border-right: 1px solid #fff;
-webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.dropmenu li:last-child a {
  border-right: 0;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 85%;
  left: 0;
  margin: 0;
  padding: 0;
  background-color: #000;
}
.dropmenu li ul li{
    width: 100% !important;
    display: block;
}
.dropmenu li ul li a{
  border-top: 1px solid #7c8c0e;
  background: #000;
  text-align: left;
  border: 0;
    width: 25%;
    float: left;
    padding: 20px 10px;
    position: relative;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
/*
.dropmenu li:hover > a{
  background: #000;
}
*/
.dropmenu li a:hover{
  background: #000;
  color: #fff !important;
}

#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 10px;
    font-size: 18px;
    line-height: 0.7;
}

/* 3-1-4 カート・ログインボタン */
.h-utilitybtn ul li{
    margin-right: 2%;
    width: 48%!important;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
}

.h-utilitybtn ul li.sysText a {
    line-height: 30px;
    height: 26px;
    font-size: small;
    margin-top: 1px;
    color: #fff;
    background-image: url(../img/patt_bg.png);
}

.h-utilitybtn ul li.sysText a:before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px;
    color: #fff;
}
.h-utilitybtn ul li.sysText:nth-child(1) a:before {
    background: url(../img/icon/icon-mypage01.png);
    background-size: 100%;
}
.h-utilitybtn ul li.sysText:nth-child(2) a:before {
    background: url(../img/icon/icon-cart01.png);
    background-size: 100%;
}
.h-utilitybtn ul li.sysText a:hover {
    color: #fff !important;
}
/* 3-1-5 メインメニュー*/
.h-mainMenu{ 
    margin: 0 auto;
    background: #999;}
.h-mainMenu ul li:last-child a {
    border: 0;
}
.h-mainMenu ul {
    display: table;
    width: 100%;
}
.h-mainMenu ul li {
    display: table-cell;
    float: none;
    height: 50px;
    border-right: 1px solid;
}
.h-mainMenu ul li.sysText a {
    line-height: 1;
    border: none;
    white-space: normal;
    padding: 20px 0;
    margin: 0 auto;
}

.h-mainMenu .sysContent {
    margin: 0 auto;
    background: #fff;
}



/* 3-1-6 検索フォーム */
.h-search{
    margin: 0 auto;
    position: relative;
    padding: 0 5px 0 ;
}
.h-search .sysItemSearchForm {
    display: table;
    width: 100%;
}
.h-search .sysItemSearchFormWord {
    display: table-cell;
    padding-right: 10px;
    width: 100%;
    vertical-align: top;
}
.h-search .sysItemSearchFormWord input{
    height: 40px;
    border: 1px solid #c9c9c9;
    padding: 5px;
    vertical-align: bottom;
}
.h-search .sysSearchButton {
    width: 100px;
    padding: 6px;
    height: 40px;
    border: 1px solid #999;
    border-radius: 3px;
    margin: 0 auto;
    background-color: #999;
}
/* 3-1-7 Main Image */
.p-topimg{
    background-color: #ddd;
}
.p-topimg .sysContent{
    margin: 0 auto;
    padding: 5px;
}

/* 3-2 Main*/

/* 3-2-1  */


/* 3-2-2 Half Banner */
.p-banner ul {
    text-align: center;
    clear: both;
    margin: 10px auto;
}
.p-banner li {
    width: 49%;
    display: inline-block;
}


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

/* 3-2-4 News & SNS */
.p-news .sysContent { line-height: 1.5;}
.p-news li { padding-left: 10px;}

/* 3-2-5 ShopInformation */
.p-shopInfo .shop_inner {
    margin-bottom: 50px;
}
.p-shopInfo .sysContent{ text-align :center;}
.p-shopInfo .sysContent h2 {
    font-size: 20px;
    text-align: left;
    font-weight: normal;
}
.shopinfo-inner {
    display: inline-block;
    width: 48%;
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    margin: 5px;
    padding-bottom: 10px;
    line-height: 1.5;
    overflow: hidden;
    vertical-align: top;
    text-align: left;
}
.shopinfo-inner h3 {
    font-size: 150%;
    border-bottom: 1px dotted #666;
    padding: 0 0 5px 0px;
    margin-bottom: 10px;
}
.shopinfo-inner .btn{
    float: right;
    margin-right: 20px;
}
.p-shopInfo .slider-pro {
    margin-bottom: 30px;
}
/* 3-2-6 Notice */
.p-notice .sysHeadline {
    background: #e60054;
    border-color: #e60054;
    text-align: center;
    font-weight: bold;
}

/* 3-2-7 Information */
.h-information {

}
.h-information .sysContent {
    margin: 10px auto 0px;
    padding: 0px;
    display: table;
}
.h-informationTitle {
    margin: 0 auto;
}
.h-informationTitle h2.sysHeadline {
        margin: 30px 0 0px;
}
.h-information ul li {
    width: 24.3%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
}

.h-information ul li .sysRssTitle {
    border-top: 4px solid #6e7c0c;
    padding: 10px;
    position: relative;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.h-information ul li .sysRssTitle:after {
    content: "";
    position: absolute;
    top: 0;
    right: 49%;
    border: 5px solid transparent;
    border-top: 6px solid #6e7c0c;
}
.h-information ul li:nth-child(4n) {
    margin-right: 0px;
}
.h-information ul li a {
    text-decoration: inherit;
    font-size: inherit;
    display: block;
}
.h-information ul li a:hover {
   color: #000;
   text-decoration: underline;
}
.h-information ul li .sysRssPubDate {
    font-size: 12px;
    color: #ccc;
    text-align: -webkit-right;
    padding: 3px 10px;
    margin: 5px 0;
}
.h-information ul li .sysRssDescription {
    font-size: inherit;
}

.h-information ul li .sysRssDescription div {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
}
.h-information ul li .sysRssDescription a img {
    display: block;
    margin: 0px auto;
    position: relative;
    max-height: 150px;
}

/* 3-2-8 New Item */
.p-newItem {

}
.p-newItem .sysContent {
    padding: 0px;
}
.p-newItem .sysContent .sysHorizontal li {
    padding: 10px;
}
/* 3-3 Aside*/
#sysAside .sysFuncItemCategory {
    margin-bottom: 50px;
}
#sysAside .sysFuncItemCategory a:hover {
    color: #fff !important;
}
#sysAside .sysItemImage {
    position: relative;
    width: 100%;

}
#sysAside .sysItemImage img {
    width: auto !important;
    margin: 0 auto;
    display: block;
    max-height: 150px;
}
/* 3-3-1 Aside Check List */
.s-checklist li {
    margin: 5px auto;
    padding-bottom: 10px;
    border-bottom: 1px dotted;
}
.s-checklist li:last-child {
    border-bottom: 0;
}
/* 3-3-2 Aside Login Form & Search Form */
.s-login {
    line-height: 1.75;
}
.s-login ul {
    text-align: center;
    width: 100%;
    margin: auto;
    max-width: 300px;
}
.s-login li {
    display: inline-block;
    width: 46%;
    line-height: 1.5;
}
.s-login li a {
    color: #686868;
    text-decoration: none;
    padding: 10px;
    display: block;
}
.s-login input {
    width: 100%;
    line-height: 2;
    display: block;
    border-radius: 0;
    border: 1px solid #bcbcbc;
    padding: 3px;
    font-size: 1.2em;
}
.s-login .sysLoginButton {
    padding: 5px;
    background: #fff;
    border: 1px solid #000;
    color: #000;
    margin: 10px auto;
    border-radius: 0;
    max-width: 300px;
    background-image: url(../img/icon/header_login.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 90px 50%;
}
.s-login a {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    padding: 5px 15px;
    color: #000;
}

/* 3-3-3 Aside Banner */
.s-banner { margin-bottom: 10px;}
.s-banner li { margin: 5px auto;}

/*.s-brandlist ul li:last-child a {
    border: 0;
}*/
/* 3-3-4 Aside Login Form */
.s-search{ line-height: 1.75;}
.s-search ul{ text-align: center;}
.s-search input[type=search]{
    width: 95%!important;
    margin: 5px auto;
    line-height: 2.5;
    display: block;
}
.s-search .sysItemSearchAndOr,
.s-search .sysItemSearchFormCategory {
    text-align: center;
}
.sysSearchButton {
    border: none;
    padding: 10px;
    background: #666;
    color: #fff;
    width: 95%;
    display: block;
    margin: 10px auto;
}

/* 3-3-5 Aside SNS */
.s-sns {}
.s-sns ul {
    text-align: center;
}
.s-sns ul li {
    display: inline-block;
    width: 42px;
}
.s-sns ul li:nth-child(2) {}
.s-sns ul li a {}
.s-sns ul li a img {}

/* 3-4 Footer*/

/* 3-4-1 Footer Site Map */
.f-sitemap ul {
    display:flex;
}
.f-sitemap ul li {
    -webkit-transform: skewX(150deg);
    -moz-transform: skewX(150deg);
    transform: skewX(150deg);
    border-right: 1px solid #000;
}
.f-sitemap ul li:last-child {
    -webkit-transform: inherit;
    -moz-transform: inherit;
    transform: inherit;
    border-right: 0;
}
.f-sitemap ul li.sysText a {
    text-align: center;
    display: block;
    transform: skewX(-150deg);
    padding: 0 10px;
}
.f-sitemap ul li.sysText:last-child a {
    text-align: center;
    display: block;
    transform: inherit;
    padding: inherit;
}

/* 3-4-2 Page Top Btn */
.p-pagetop .btn {
    text-decoration: none;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 20px;
}

/* 3-4-3 CopyRight */
.f-copyright {
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
}

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

/* 4-1-2 Pankuzu List*/
.sysCategoryPankuzu,
.sysItemCategoryPankuzu {
    font-size: small;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    padding: 0 5px;
}
.sysCategoryPankuzu a,
.sysItemCategoryPankuzu a {
    display: inline-block;
    background: #000;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
}
.sysCategoryPankuzu a:hover,
.sysItemCategoryPankuzu a:hover {
    background: #999;
}
.sysItemCategoryInfo {
    margin: 0 0 20px;
}
.sysCategoryDescription img {
    max-width: 15%;
    display: block;
    margin: 10px auto 0;
}

/* 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 */
.sysThumbnail li {
    position: relative;
}
.sysThumbnail .sysItemPrArea .sysItemPr {
    position: absolute;
    top: 28%;
    max-width: 100px;
    left: 50%;
    margin-left: -50px;
}
.sysThumbnail .pr_new {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 35px;
}
.sysThumbnail .pr_reserve {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 75px;
}
.sysThumbnail .pr_restock {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 115px;
}
.sysThumbnail .pr_sale {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 155px;
}
/* 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 {
    max-width: 950px;
}
.sysItemList ul.sysList li .sysThumbnailImage {
    width: 40%;
    max-width: 200px;
}
/* 4-1-7  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail li {
    display: inline-block;
    float: none;
    vertical-align: top;
    letter-spacing: normal;
    width: 25%;
    line-height: 1;
    padding: 0;
}
.sysItemList ul.sysThumbnail {
    letter-spacing: -.4em;
}
.sysItemList ul.sysThumbnail input {
    width: 100%;
    padding: 10px 0;
}
.sysItemList ul.sysThumbnail input.sysStockTypeVariation {
    display: none;
}
/* 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-2 Item Page */
/* 4-2-1 Item IMAGE */
.sysThumbnailImage > span,.sysThumbnailImage > br { display: none;}
.sysItemImages .sysImageList li{
    display: inline-block;
    vertical-align: top;
    height: auto;
    width: 32%;
    line-height: 1;
    float: none;
    margin: 1% 0;
}

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

/* 4-2-3 Order Area */
.orderArea {
    letter-spacing: -.4em;
    text-align: center;
}
.orderArea > div {
    width: 50%;
    display: inline-block;
    letter-spacing: normal;
    text-align: left;
    vertical-align: top;
    padding-right: 20px;
}
.orderArea > .orderArea > div {
    width: 100%;
    display: block;
}


/* 4-2-4 Item Page Titile */
.sysItemName,
.sysExplanation > div > span,
.sysReview > span{
    display: block;
    margin-bottom: 0;
    font-size: inherit;
    font-weight: bold;
}
/* 4-2-5 Item Explanation */
.sysExplanation table {
    width: 100%;
    text-align: center;
    border: 1px solid #999;
    line-height: 2;
    margin: 20px 0;
    font-size: 0.7rem;
}
.sysExplanation tr {
    border-bottom: 1px solid #999;
}
.sysExplanation th {
    text-align: center;
    color: #000;
    background: #eee;
    border-right: 1px dotted #999;
    padding: 5px 0;
}
.sysExplanation #item_Num th {
    width:30%;
}
.sysExplanation td {
    font-size: small;
    text-align: center;
    border-right: 1px dotted #999;
}
.sysExplanation #size tr:first-child td {
    background: #eee;
}
.sysExplanation td:last-child {
    border-right: 0;
}
.sysExplanation {
    font-size: 0.8rem;
    margin-bottom: 40px;
}
/* 4-2-6 Item BuyForm */
#sysItemDetail .sysRetailPrice { 
    font-weight: bold;
    font-size: 0.9rem;
}

#sysItemDetail .sysPr { 
    text-align: left;
}
#sysItemDetail .sysPr > span { display: inline-block;}

#sysItemDetail #sysNumber {
    margin-bottom: 20px;
    position: relative;
}
#sysItemDetail .sysForm select {
        max-width: 100px;
        width: 75%;
        display: inline-block;
        float: right;
        position: absolute;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(../img/icon/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(../img/icon/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
    top: -5px;
}
#sysItemDetail #sysVariation {
     overflow: hidden;
     margin: 5px auto 30px;
}
#sysItemDetail #sysVariation:after {
    content:'上記COLOR×SIZEを選択してください。';
    color: #ff0000;
    font-weight: bold;
    background-color: yellow;
    padding: 5px;
}
}
}
#sysItemDetail #sysVariation >div {
    margin: 10px auto;
    overflow: hidden;
}
#sysItemDetail .sysNumArea button {
    display: inline-block;
    width: 48%;
    background: #eee;
    padding: 10px 0px;
    border: 1px solid #fff;
    border-radius: 0;
    color: #000;
    cursor: pointer;
    -moz-box-shadow: 0px 0px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 0px 0px 1px rgba(000,000,000,0.3);
    margin: 10px 0;
}
#sysItemDetail .sysNumArea {
    padding-top: 5px;
    clear: both;
    text-align: right;
    display: none;
}
#sysWishlist .sysButton,
#sysItemDetail .sysCartButton {
    width: 98%;
    margin-left: 2%;
    margin-bottom: 10px;
}
#sysItemDetail .sysCartButton {
    background-color: #df0000;
    padding: 20px;
    color: #fff;
    font-size: initial;
    font-weight: bold;
}
#sysItemDetail #sysSubmit input[type="submit"] {
    background-image: url(../img/icon/cart_icon.png);
    background-image: url(../img/icon/cart_icon.png);
    background-repeat: no-repeat;
    background-position: 30% 50%;
}
#sysItemDetail .sysShare { 
    padding: 5px 0 20px 2%;
}
#sysItemDetail .sysShare li {
    display: inline-block;
    width: 70px;
    vertical-align: top;
}
#sysCartInForm { width: 100%;}

#sysItemDetail {}

#sysItemDetail .detailItem {
    width: 48%;
    float: left;
}
#sysItemDetail .detailItem .sysMainImage {}
#sysItemDetail .detailItem .sysMainImage a {
    text-align: center;
}
#sysItemDetail .detailItem .sysMainImage a img {
    max-height: 350px;
}
.sysItemImages .sysImageList li img {
    max-height: 150px;
}
#sysItemDetail .detailText {
    width: 48%;
    float: right;
}

#sysItemDetail .p-recommend {
    clear:both;
}
.p-recommend .sysContent {
    padding: 0;
}
.p-recommend .sysContent .sysHorizontal .sysItemImage {
    height: 150px;
    padding: 0 10px 0 10px;
}
.p-recommend .sysContent .sysHorizontal .sysItemImage img {
    width: auto;
    max-height: 150px;
}
#sysItemDetail #sysMain article {
    margin-bottom: 40px;
    position: relative;
}
#sysItemDetail .sysFreeForm:after {
    content: '商品が完売している場合でもメーカーに在庫があれば、お取り寄せも対応いたしますのでご気軽にお問い合わせください。お問い合わせの際には、ブランド名・アイテム名・サイズ・色をご入力の上、お問い合わせください。';
    width: 80%;
    display: block;
    font-size: 0.6rem;
    margin: 10px auto;
}

#sysItemDetail .sysItemBlock .sysCartButton {
    display: none;
}
#sysItemDetail .sysFormVariationName {
    background-color: #eee;
    font-size: 0.8rem;
}
#sysItemDetail .sysFormVariationTable {
    width: 100%
}
#sysVariation > table > tbody > tr > td > br {
    display: none;
}
/* 4-2-7 System Button */
.sysLoginButton,
.sysButton,
.sysCartButton {
    background: #EEE;
    color: #111;
    border: 1px solid #FFF;
    -moz-box-shadow: 0px 0px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 0px 0px 1px rgba(000,000,000,0.3);
    width: 100px;
    padding: 10px 0;
    cursor: pointer;
    margin: 0;
}
.sysLoginButton,
.sysButton:hover {
    background: #999;
}
.sysLoginButton{
    display: block;
    width: 50%;
    margin: 10px auto;
    padding: 20px;
}
.sysCart a:hover {
    color: #6e7c0c !important;
}
/* 4-2-8 Item Text */
.sysDescription,.sysImageDescription{ 
    font-size: 0.8rem;
}

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

.sysModalItemImages .sysModalMainImage img {
    max-height: 350px;
}
/* 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-3 Free Page */
/* 4-3-1 TOP PAGE */

/* 4-4 Form Page */
.sysBox {
    background-color: #FFFFFF;
    margin: 1em auto;
    padding: 0.5em;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.sysTotal .sysTotalTxt {
    text-align: center;
    font-size: large;
    text-shadow: none;
    -o-text-shadow: none;
    -ms-text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
}
/* 4-4-1 Cart Button Reset */
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain input[type=submit],
.sysCart #sysMain button[type=submit],
.sysCart #sysMain button {
    background: #eee;
    color: #000;
    text-shadow: none;
    border: 1px solid #FFF;
    -moz-box-shadow: 0px 0px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 0px 0px 1px rgba(000,000,000,0.3);
    padding: 10px 0;
    cursor: pointer;
    margin: 0 auto;
    font-size: inherit;
    height: 40px;
}
.sysCartInDone{ margin: 0;}
.sysNextSubmitArea {
    margin-bottom: 10px;
}
/* 4-4-2 Form Page */
#sysMemberRegisterRegister #sysMain h2,
#sysMemberRegisterConfirm #sysMain h2,
#sysMemberRegisterIndex #sysMain h2,
#sysFormThanks #sysMain h2,
#sysFormConfirm #sysMain h2,
#sysFormIndex #sysMain h2,
h2.sysCartTitle,
.sysMypage #sysMain h2 {
    border-bottom: 1px dotted #000;
    color: #000;
    font-size: inherit;
    padding: 10px;
    border-top: 1px dotted #000;
    text-align: center;
}
h2.sysCartTitle {
    background-color: #fff;
    font-size: 18px;
}
#sysMemberRegisterRegister #sysMain,
#sysMemberRegisterConfirm #sysMain,
#sysMemberRegisterIndex #sysMain,
#sysFormThanks #sysMain,
#sysFormConfirm #sysMain,
#sysFormIndex #sysMain,
#sysItemCategory #sysMain,
#sysRegi #sysMain,
.sysMypage #sysMain {
    border-radius: 0px;
    margin-bottom: 10px;
    padding: 0;
    margin: 15px 0px;
}
.sysMypage #sysMain h3 {
    font-size: initial;
    display: none;
    padding: 10px 0;
}
.sysMypage #sysMain form h3 {
    font-size: larger;
    text-decoration: underline;
}
#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: 25px;
    padding: 5px;
    font-size: medium;
    margin: 5px auto;
    vertical-align: middle;
}
#sysMypageReminder #sysMain input {
    margin-bottom: 20px;
}
#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: #999999 1px solid;
    line-height: 3;
}
#sysMain textarea { min-height: 75px;}

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

.sysFormItem {
    margin-bottom: 30px;
}

#sysFormThanks .mailfin {
    margin: 30px 0;
}
#sysFormThanks .mailfin a {
    background: #eee;
    color: #000;
    text-shadow: none;
    border: 1px solid #FFF;
    -moz-box-shadow: 0px 0px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 0px 0px 1px rgba(000,000,000,0.3);
    padding: 10px 0;
    cursor: pointer;
    margin: 0 auto;
    font-size: inherit;
    text-align: center;
    max-width: 150px;
}

/* 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;
}
#sysConfirm #sysMain .sysProduct li .sysBox div:nth-child(3),
#sysConfirm #sysMain .sysProduct li .sysBox div:nth-child(4),
#sysConfirm #sysMain .sysProduct li .sysBox .sysDeleteArea {
    display: none;
}
/*
#sysConfirm #sysMain .sysProduct li .sysBox .sysSubTotalArea {
    float: right;
    width: 68%;
}
*/
#sysConfirm #sysMain .sysDetail {
    clear: both;
}
/* 4-4-4 Item Search Form */
.sysItemSearchForm > div {
    margin: 10px auto;
    width: 90%;
    text-align: left;
}
form.sysItemSearchForm {
    text-align: center;
}
.sysItemSearchForm > div.sysItemSearchFormWord {
    width: 95%;
}
/* 4-4-5 Regi */
#sysRegi #sysMain > div {
    margin-bottom: 100px;
}
#sysRegi #sysMain h2.sysCartTitle {
    color: #df5151;
    font-weight: bold;
    font-size: 18px;
}
/* 4-5 MyPage */
/* 4-5-1 Mypage Index */
.sysMypage #sysMain{
    border-radius: 0px;
    box-shadow: none;
    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 > form,
.sysMypage #sysMain > div { padding: 5px 10px;}
.sysMypage form .sysButton {
    word-wrap: break-word;
}
/* 購入履歴 */
.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;
}


/* 4-7 SLIDER PRO */

/* Core
--------------------------------------------------*/
.top_mainslider {
    clear: both;
    margin-top: 20px;
}
.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%;
}

/* Thumbnails
--------------------------------------------------*/
.sp-thumbnails-container {
	position: relative;
	overflow: hidden;
}

.sp-top-thumbnails,
.sp-bottom-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-selected-thumbnail {
    border: 4px solid #6e7c0c;
}

.sp-thumbnail-container {
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Horizontal thumbnails
------------------------*/
.sp-top-thumbnails .sp-thumbnail-container,
.sp-bottom-thumbnails .sp-thumbnail-container {
	margin-left: 2px;
	margin-right: 2px;
}

.sp-top-thumbnails .sp-thumbnail-container:first-child,
.sp-bottom-thumbnails .sp-thumbnail-container:first-child {
	margin-left: 0;
}

.sp-top-thumbnails .sp-thumbnail-container:last-child,
.sp-bottom-thumbnails .sp-thumbnail-container:last-child {
	margin-right: 0;
}

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

/* Right thumbnails with pointer
--------------------------------*/
.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 #F00;
	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 #F00;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

/* Left thumbnails with pointer
-------------------------------*/
.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 #F00;
	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 #F00;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

/* Bottom thumbnails with pointer
---------------------------------*/
.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 #F00;
	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 #F00;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

/* Top thumbnails with pointer
------------------------------*/
.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 #F00;
	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 #F00;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

/* Layers
--------------------------------------------------*/
.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: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
}

.sp-white {
	color: #000;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.7);
}

.sp-rounded {
	border-radius: 10px;
}

.sp-padding {
	padding: 10px;
}

/* Touch Swipe
--------------------------------------------------*/
.sp-grab {
	cursor: url(images/openhand.cur), move;
}

.sp-grabbing {
	cursor: url(images/closedhand.cur), move;
}

.sp-selectable {
	cursor: default;
}

/* Caption
--------------------------------------------------*/
.sp-caption-container {
	text-align: center;
	margin-top: 10px;
}

/* Full Screen
--------------------------------------------------*/
.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 0.5s;
	transition: opacity 0.5s;
}

.slider-pro:hover .sp-fade-full-screen {
	opacity: 1;
}

/* Buttons
--------------------------------------------------*/
.sp-buttons {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

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

/* Arrows
--------------------------------------------------*/
.sp-arrows {
	position: absolute;
}

.sp-fade-arrows {
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.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;
}

.sp-horizontal .sp-next-arrow {
	right: 20px;
}

.sp-vertical .sp-previous-arrow {
	top: 20px;
}

.sp-vertical .sp-next-arrow {
	bottom: 20px;
}

.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
	content: '';
	position: absolute;
	width: 50%;
	height: 50%;
	background-color: #FFF;
}

.sp-previous-arrow:before {
	left: 30%;
	top: 0;
	-webkit-transform: skew(145deg, 0deg);
	-ms-transform: skew(145deg, 0deg);
	transform: skew(145deg, 0deg);
}

.sp-previous-arrow:after {
	left: 30%;
	top: 50%;
	-webkit-transform: skew(-145deg, 0deg);
	-ms-transform: skew(-145deg, 0deg);
	transform: skew(-145deg, 0deg);
}

.sp-next-arrow:before {
	right: 30%;
	top: 0;
	-webkit-transform: skew(35deg, 0deg);
	-ms-transform: skew(35deg, 0deg);
	transform: skew(35deg, 0deg);
}

.sp-next-arrow:after {
	right: 30%;
	top: 50%;
	-webkit-transform: skew(-35deg, 0deg);
	-ms-transform: skew(-35deg, 0deg);
	transform: skew(-35deg, 0deg);
}

.ie8 .sp-arrow,
.ie7 .sp-arrow {
	width: 0;
	height: 0;
}

.ie8 .sp-arrow:before,
.ie8 .sp-arrow:after,
.ie7 .sp-arrow:before,
.ie7 .sp-arrow:after {
	content: none;
}

.ie8.sp-horizontal .sp-previous-arrow,
.ie7.sp-horizontal .sp-previous-arrow {
	border-right: 20px solid #FFF;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

.ie8.sp-horizontal .sp-next-arrow,
.ie7.sp-horizontal .sp-next-arrow {
	border-left: 20px solid #FFF;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

.ie8.sp-vertical .sp-previous-arrow,
.ie7.sp-vertical .sp-previous-arrow {
	border-bottom: 20px solid #FFF;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

.ie8.sp-vertical .sp-next-arrow,
.ie7.sp-vertical .sp-next-arrow {
	border-top: 20px solid #FFF;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

/* Thumbnail Arrows
--------------------------------------------------*/
.sp-thumbnail-arrows {
	position: absolute;
}

.sp-fade-thumbnail-arrows {
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
	opacity: 1;
}

.sp-top-thumbnails .sp-thumbnail-arrows,
.sp-bottom-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-top-thumbnails .sp-previous-thumbnail-arrow,
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
	left: 0px;
}

.sp-top-thumbnails .sp-next-thumbnail-arrow,
.sp-bottom-thumbnails .sp-next-thumbnail-arrow {
	right: 0px;
}

.sp-left-thumbnails .sp-previous-thumbnail-arrow,
.sp-right-thumbnails .sp-previous-thumbnail-arrow {
	top: 0px;
}

.sp-left-thumbnails .sp-next-thumbnail-arrow,
.sp-right-thumbnails .sp-next-thumbnail-arrow {
	bottom: 0px;
}

.sp-previous-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-next-thumbnail-arrow:after {
	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);
}

.ie8 .sp-thumbnail-arrow,
.ie7 .sp-thumbnail-arrow {
	width: 0;
	height: 0;
}

.ie8 .sp-thumbnail-arrow:before,
.ie8 .sp-thumbnail-arrow:after,
.ie7 .sp-thumbnail-arrow:before,
.ie7 .sp-thumbnail-arrow:after {
	content: none;
}

.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
	border-right: 12px solid #FFF;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow {
	border-left: 12px solid #FFF;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
	border-bottom: 12px solid #FFF;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}

.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow {
	border-top: 12px solid #FFF;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}

/* Video
--------------------------------------------------*/
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, 0.2);
	margin: auto;
	line-height: 52px;
}

/* CSS for preventing styling issues in WordPress
--------------------------------------------------*/
.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 iframe,
.slider-pro object,
.slider-pro video,
.slider-pro embed,
.slider-pro canvas {
	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;
}


/* 4-8 下層ページ */
.p-sitemap ul li {
    width: 24% !important;
    float: none !important;
    display: inline-block;
}
.p-sitemap ul li.sysText a {
    padding: 10px;
    display: block;
    background-color: #eee;
}
#corporate #sysMain table, #shop #sysMain table {
    border: 1px solid #ccc;
    width: 100%;
    margin: 10px 0 30px;
}
#corporate #sysMain th, #shop #sysMain th {
    width: 30%;
    padding: 10px 20px;
    text-align: left;
    border-bottom: 1px dashed #ccc;
    background-color: #eee;
}
#corporate #sysMain td, #shop #sysMain td {
    border-bottom: 1px dashed #ccc;
    padding: 0 20px;
    text-align: left;
}
.ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.ggmap iframe, .ggmap object, .ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#first #sysMain h3, #privacypolicy #sysMain h3 {
    padding: 10px 0;
    border: none !important;
    margin-top: 20px;
}
#first #sysMain h3:first-child, #privacypolicy #sysMain h3:first-child {
    margin: 0;
}
#first #sysMain p, #privacypolicy #sysMain p {
    color: #555;
    margin: 5px 0 10px;
}
#first #sysMain ul {}
#first #sysMain ul li, #privacypolicy #sysMain ul li {
    list-style-type: disc;
    padding: 5px 10px;
    color: #555;
}

/* 4-9 獲得予定ポイントの削除 */
#sysThanks .sysBox div:nth-child(1) {
    display: none;
}

.sysCart .backtop a {
    background: #eee;
    color: #000;
    text-shadow: none;
    border: 1px solid #FFF;
    -moz-box-shadow: 0px 0px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 0px 0px 1px rgba(000,000,000,0.3);
    padding: 10px 0;
    cursor: pointer;
    margin: 0 auto;
    font-size: inherit;
    max-width: 150px;
    text-align: center;
}



.p-ranking2 ul li:before {
    vertical-align: middle;
    margin-top: 29px;
    content: " ";
    height: 30px;
    width: 56%;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    top: 23px;
    left: -53px;
}

.p-ranking2 ul li:nth-child(1):before{
  background: url(/img/icon/ranking01.png);
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
}

.p-ranking2 ul li:nth-child(2):before{
  background: url(/img/icon/ranking02.png);
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
}

.p-ranking2 ul li:nth-child(3):before{
  background: url(/img/icon/ranking03.png);
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
}

.p-ranking2 ul li:nth-child(4):before{
  background: url(/img/icon/ranking04.png);
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
}

.p-ranking2 ul li:nth-child(5):before{
  background: url(/img/icon/ranking05.png);
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
}

.p-ranking2 ul li:nth-child(6):before{
  background: url(/img/icon/ranking06.png);
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
}

.p-ranking2 ul li:nth-child(7):before{
  background: url(/img/icon/ranking07.png);
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
}

.p-ranking2 ul li:nth-child(8):before{
  background: url(/img/icon/ranking08.png);
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
}

.p-ranking2 .sysItemBlock .sysItemImage {
    width: 100%;
    height: 150px;
    overflow: hidden;
    padding: 0 10px 0 10px;
}

.p-ranking2 .sysItemBlock .sysItemImage img {
    width: auto !important;
    max-height: 150px;
}

.p-ranking2 .sysContent {
    padding: 0px;
}

div.s-brandlist ul li:nth-child(25) a {
    color: #ff0000;
}
div.s-brandlist ul li:nth-child(25) {
    font-weight: bold;
}


.feed .sysContent #feed li {
    padding: 10px;
}
li.grid-span6.grid-col.list-holizontal {
    width: 25%;
    float: none;
    display: inline-block;
    letter-spacing: normal;
    margin: 0;
    text-align: center;
    vertical-align: top;
    line-height: 1;
    padding: 0px;
}


li.rss-thumbnail {
    width: 24.3%;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
}

.rss-thumbnail p {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
}
.h-info ul li a {
    text-decoration: inherit;
    font-size: inherit;
    display: block;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

.h-info ul li p img {
    display: block;
    margin: 0px auto;
    position: relative;
    max-height: 150px;
}

.sysAcceptMailmagazine .sysRequired {
   display: none;
}


.sysSelectPayment li label, .sysSelectDelivery li label, .sysRemarks
label, .sysSelectOption li label {
   font-size: 16px;
   font-weight: bold;
   color: #000000;
}


.sysyCart, #sysMain button .show-dlg_web_col_credit, .mdl_dlg_show,
.mdl-button, .mdl-js-button, .mdl-js-ripple-effect{
  padding: 0!important;
}

/* ショッピングカート 20200708追加*/
.sysCart .h-siteinfo {
    text-align: center;
}
.sysCart .h-sitelogo .sysContent {
    margin: auto;
}
.sysCart #sysMain {
    width: 100%;
}
.sysCart #sysAside {
    width: 0;
}
.sysCart #sysMain input.sysLoginButton, .sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
    width: 300px;
    height: 60px;
    background-color: #000;
    color: #fff;
    margin: 20px auto;
}
.sysCart #sysMain .sysConfirmButton input[type=submit] {
    margin: 0.5em 0 0.5em auto;
    height: 50px;
    width: 300px;
    position: relative;
    left: 50%;
    margin-left: -150px;
}
.sysAcceptDomainArea {
    margin-top: 50px;
    border-top: 1px dotted #ccc;
    padding-top: 40px;
}
.sysAcceptDomainArea .sysAcceptDomain {
    height: inherit;
    float: none;
    margin: 0;
    width: 100%;
    max-width: 400px;
}
#sysConfirm #sysMain .sysOrder > div > div > div:nth-child(2) > div:nth-child(4) {
    display: none;
}

/* クレジットカード入力画面 20200708追加*/
.mdl-textfield__label {
    color: #000;
}
.mdl_parts_selectBox {
    color: #000;
}
.mdl-textfield__input {
    border-bottom: 1px solid #000 !important;
}
#dlg_web_col_credit > form > div.mdl-dialog__actions > button {
    width: 300px;
    height: 60px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
}

/* バスケット画面 20200711追加*/
#sysBasket #sysMain .sysItemListArea .nav li {
    margin-bottom: 50px;
    border-bottom: 1px solid #000;
    padding-bottom: 50px;
}
#sysBasket #sysMain .sysItemListArea .nav li .sysBox hr {
    display: none;
}
#sysBasket #sysMain .sysItemListArea .nav li > div > div:nth-child(4) {
    clear: both;
}

/* ボタン 20200711追加*/
.btn_action {
    margin-top: 40px;
    margin-bottom: 40px;
}
.btn_action a {
    background-color: #000;
    max-width: 300px;
    margin: auto;
    color: #fff;
    padding: 15px;
    border-radius: 30px;
}

/* slick 20200715追加*/
.slick-prev {
    left: 0px;
    z-index: 1;
}
.slick-next {
    right: 0px;
}
.slick-prev:before, .slick-next:before {
    color: #000;
}
.slick-slide img {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.h-sitelogo li img{
margin-top:10px;
}

/*20221220　ワンページカート用スタイル追加　西澤*/

.opcOrderSummaryTitle, .opcBillingAddressTitle, .opcItemCommonOptionsTitle, .opcClientTitle, .opcDeliveryAddressTitle, .opcDeliveryMethodTitle, .opcItemTitle, .opcPaymentMethodTitle, .opcRemarksTitle, .opcSubstituteOrderMemoTitle, .opcPointTitle, .opcCouponCodeTitle, .opcCouponTitle, .opcMemberTitle, .opcRepeatTitle, .opcDeliveryAddressAndItemsTitle, .opcSocialGiftItemsTitle, .opcSocialGiftLetterTitle, .opcDeliveryAddressHeader, .opcDeliveryMethodHeader, .opcDeliveryAddressItemHeader, .opcSubstituteShippingMemoHeader, .basketCouponTitle{
  background-color: #fff;
  font-size: 18px;
  border-bottom: 1px dotted #000;
  color: #000;
  padding: 10px;
  border-top: 1px dotted #000;
  text-align: center;
  font-weight: normal;
  margin: 0 0 1em 0;
}

.opcCommonEditModeBlock{
  background: #fff;
}

.opcOrderSummary,.opcBillingAddress,.opcBillingAddress_edit,.opcItemCommonOptionList,.opcClient,.opcClient_edit,.opcDeliveryAddress,.opcDeliveryAddress_edit,.opcDeliveryMethod,.opcDeliveryMethod_edit,.opcDeliveryAddressAndDeliveryMethodGroup,.opcItemList,.opcItem_edit,.opcSocialGiftLetterContentsGroup,.opcSocialGiftLetterContentsGroup_edit,.opcPaymentMethodList,.opcPaymentMethod,.opcRemarks,.opcRemarks_edit,.opcSubstituteOrderMemo,.opcSubstituteOrderMemo_edit,.opcPoint_edit,.opcItemPoint_edit, .opcCouponCode_edit,.opcCoupon_edit,.opcDeliveryAddressSummary,.opcDeliveryAddressAndItemsGroup,.opcSelectDeliveries,.basketCoupon_edit {
  border: none;
}

.opcCommonEditLabel{
  display: block;
  border-left: none;
  padding-left: 5px;
  line-height: 25px;
  font-size: 13px;
  margin-bottom: 5px;
}

#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{
  display: block;
  margin: 0.5em auto;
  background: linear-gradient(top, #EFEFEF, #FFFFFF);
  background: -moz-linear-gradient(top, #EFEFEF, #FFFFFF);
  background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFEFEFEF', endColorstr='#FFFFFFFF');
  border: #999999 1px solid;
  border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  margin: 0.5em 0;
  padding: 0.5em 0.3em;
  width: 100%;
}

.opcCommonButton{
  background: #eee;
  color: #000;
  text-shadow: none;
  border: 1px solid #FFF;
  -moz-box-shadow: 0px 0px 1px rgba(000,000,000,0.3);
  -webkit-box-shadow: 0px 0px 1px rgb(0 0 0 / 30%);
  padding: 10px 0;
  cursor: pointer;
  margin: 0 auto;
  font-size: inherit;
  height: 40px;
  min-width: 11em;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}

.opcCommonInputText, .opcCommonInputSelect, .opcCommonInputRadio, .opcCommonInputCheckbox{
  margin: 0.5em auto;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.opcCommonButtonEdit{
  width: 300px;
  height: 60px;
  background-color: #000;
  color: #fff;
  margin: 20px auto;
}

input.opcBillingAddress_backButton_edit.opcCommonButtonEdit, input.opcItemCommonOption_backButton_edit.opcCommonButtonEdit, input.opcDeliveryAddress_backButton_edit.opcCommonButtonEdit, input.opcDeliveryAddressItem_backButton_edit.opcCommonButtonEdit, input.opcDeliveryMethod_backButton_edit.opcCommonButtonEdit, input.opcPaymentMethod_backButton_edit.opcCommonButtonEdit, input.opcSelectDeliveries_backButton_edit.opcCommonButtonEdit{
  background: #eee;
  color: #000;
  text-shadow: none;
  border: 1px solid #FFF;
  -moz-box-shadow: 0px 0px 1px rgba(000,000,000,0.3);
  -webkit-box-shadow: 0px 0px 1px rgb(0 0 0 / 30%);
  padding: 10px 0;
  cursor: pointer;
  font-size: inherit;
  height: 40px;
}

.opcCommonInputCheckbox{
  width: auto;
}

.opcCommonEditLabel{
  padding-top: 10px;
}

.opcPaymentMethod_paymentMethodLabel_edit{
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

.opcPaymentMethod_fee_edit{
  padding: 0 1em;
}

.opcPaymentMethod_edit{
  border-bottom: #CCCCCC 1px dotted;
  padding: 0 0 0.5em 0;

}
.opcCommonButtonGroup{
  text-align: center;
}
.opcCommonButton{
  margin: 0.5em 0 0.5em auto;
  height: 50px;
  width: 300px;
  position: relative;

}

.opcConfirm_requestOrder{
  width: 300px;
  height: 60px;
  background-color: #000;
  color: #fff;
  margin: 20px auto;
}
.opcOrderBackToBasket_backToBasket{
  text-align: center;
}

.opcPaymentMethod_description_edit{
  line-height: 2;
}

.opcPaymentMethod_webCollectSecurityCodeLabel_edit:after{
white-space: pre;
content: "\A※クレジットカード裏面の署名欄に印字されている、右端の3桁の数字の事です。\A(AMEXの場合は表面の右上の4桁の数字。)";
font-size:9px;
  line-height: 1;
}

.thanks_point1{
font-size:30px;
text-align:center;
}

.thanks_point2{
font-size:15px;
text-align:center;
}

.opcPaymentMethod_webCollectCardNoLabel_edit{
display:block;
}

/*20230607追記*/

.sysButton{
display: block;
    width: 50%;
    margin: 10px auto;
    padding: 20px;
}


/*20230607追記*/

.sysNextSubmitAreaForUseAmazon{

width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
}

#useAmazonSubmitButton{
text-align:center;
padding-right:0;
}

#upperAmazonPayButton, #amazonPayTopLoginButton{
margin:0 auto;
margin-top:20px;
}


sysAmazonNextSubmit{

font-size:15px;
font-weight:bold;
}

#lowAmazonPayButton, #amazonPayBottomLoginButton{
margin:0 auto;
margin-top:20px;
margin-bottom:20px;

}

.s-login a{
color:#000;
}
@media screen and (max-width:767px){
/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
#sysMain,#sysAside{ width: 100%!important;}
#sysMain{ margin-top: 0;}
.grid-col {
	float: none;
	width: 50%!important;
        margin-left: 0;
}
/* 10-1 Header */
.header_wrap {
    position: fixed;
    height: 120px;
    width: 100%;
    z-index: 9;
    background-color: #fff;
    top: 0;
}
#sysHeader{ margin-bottom: 5px;}
.h-siteinfo{ height: auto;}
.h-siteinfo h1 { font-size: xx-small;}

.h-sitelogo { 
    height: 52px;
    width: 40%;
    margin-left: 0;
    position: relative;
    z-index: 99;
}
.h-sitelogo .sysContent {
    max-width: 100%;
}
.h-sitelogo li img{
    width: auto;
    max-height: 47px;
}
.sysCart .h-sitelogo {
    margin: 0 auto;
}
.h-utilitybtn{ position: relative;}
.h-utilitybtn .sysContent {
    width: 32%;
    float: none;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 15%;
}
.h-utilitybtn ul li.sysText a {
    line-height: 17px;
    height: 47px;
    font-size: x-small;
}
.h-utilitybtn ul li {
    height: 47px;
}
.h-utilitybtn ul li.sysText a:before {
    content: "";
    width: 20px;
    margin: 5px auto 0;
    height: 20px;
    display: block;
}
.h-utilitybtn ul li.sysText:nth-child(1) a:before {
    background: url(../img/icon/icon-mypage01.png);
    background-size: 100%;
}
.h-utilitybtn ul li.sysText:nth-child(2) a:before {
    background: url(../img/icon/icon-cart01.png);
    background-size: 100%;
}

/* 10-1-3 ドロップダウンメニュー

.h-subMenu .sysHeadline{
    line-height: 47px;
    width: 15%;
    float: right;
    position: absolute;
    bottom: 4px;
    right: 0;
}
.h-subMenu ul li {
    background-image: url(../img/patt_bg.png);
}
.h-subMenu ul li:nth-child(2n){
    width: 49%!Important;
    margin-left: 1%;
}
.h-subMenu ul li.sysText a {
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
    padding: 30px 0;
    font-size: small;
}
 */
.h-overMenu .sysHeadline{
    line-height: 47px;
    width: 15%;
    float: right;
    position: absolute;
    bottom: 4px;
    right: 0;
}
.h-overMenu ul li {
    background-image: url(../img/patt_bg.png);
}
.h-overMenu ul li:nth-child(2n){
    width: 49%!Important;
    margin-left: 1%;
}
.h-overMenu ul li.sysText a {
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
    padding: 30px 0;
    font-size: small;
}

.h-overMenu ul li {
    background-image: url(../img/patt_bg.png);
    margin: 3px auto;
    width: 50%;
}
.h-overMenu ul li:nth-child(2n){
    width: 49%!Important;
    margin-left: 1%;
}
.h-overMenu ul li.sysText a {
    line-height: 40px;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
    padding: 30px 0;
}
.dropmenu li a {
    line-height: 40px;
    font-size: inherit;
    font-weight: bold;
    text-align: center;
    padding: 30px 0;
    border: 0;
}
.dropmenu li ul li {
    display: none;
}
.dropmenu li a:hover {
    background: none;
}

/* メインスライダーヘッダー位置調整 */
.top_mainslider {
    padding-top: 110px;
}

#sysWrap {
    padding-top: 110px;
}

/* TOPページ */
#top #sysWrap {
    padding-top: 0px;
}

/* 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: 2.5px;
    width: 50%;
    border-bottom: 1px dotted #333;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.sysItemList ul.sysThumbnail li{ width: 50%;}

/* 13-1-5 メインメニュー*/
.h-mainMenu ul li { height: 40px;}
.h-mainMenu ul li.sysText a {
    font-size: 0.5rem;
    padding: 15px 0;
}
/* 13-1-6 検索フォーム */
.h-search .sysContent{ padding: 5px;}

/* 13-2-2 Half Banner */
.p-banner li {
   width: 100%;
   margin-bottom: 5px;
}

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


/* 13-2-4 News & SNS */
.p-news,.p-sns { width: 100%;}

/* 13-2-5 ShopInformation */
.p-shopInfo .sysContent,
.shopinfo-inner,
.shopinfo-row { display: block;}
.shopinfo-inner {
    width: 100%;
}
/* 13-2-6 information */
.h-information {
    width: 100%;
    float: none;
}
.h-information ul li {
    width: 50%;
    display: block;
    margin-bottom: 0px;
    padding-bottom: 0px;
    float: left;
}
.h-information ul li:last-child {
    border-bottom: none;
}
.h-information ul li .sysRssDescription a img {
    margin: 0px auto;
}
.p-newItem {
    float: none;
    width: 100%;
}
.s-brandlist ul li {
    width: 50% !important;
}
.s-ca ul li {
    width: 50% !important;
}
/* 13-4-1 Footer Site Map */
.f-sitemap ul {
    display: inherit;
}
.f-sitemap ul li {
    -webkit-transform: inherit;
    -moz-transform: inherit;
    transform: inherit;
    border-right: inherit;
    width: 50% !important;
    border: 1px solid #000000;
    border-bottom: none;
    border-left: none;
    position: relative;
}
.f-sitemap ul li:nth-child(2n) {
    border-right: none;
}
.f-sitemap ul li:last-child {
    width: 100% !important;
    border-right: none;
    border-bottom: 1px solid #000;
}
.f-sitemap ul li.sysText a {
    padding: 3px 20px !important;
    text-align: left;
    transform: inherit;
}
.f-sitemap ul li.sysText a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    right: 10px;
}

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

/* 14-1-2 Category Pankuzu */
.sysItemCategoryPankuzu {
    font-size: xx-small;
}

/* 14-1-7  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail { font-size: small;}
.sysItemList ul.sysThumbnail input { font-size: x-small;}

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


.sysThumbnail .sysItemPrArea .sysItemPr {
    top: 25%;
}
.sysThumbnail .pr_new {
    left:15px;
}
.sysThumbnail .pr_reserve {
    left: 55px;
}
.sysThumbnail .pr_restock {
    left: 95px;
}
.sysThumbnail .pr_sale {
    left: 135px;
}

/* 14-6 Aside Check List */
.s-checklist li {
    padding-bottom: 10px;
    border-bottom: 1px dotted;
    text-align: center;
}
.s-checklist li:last-child {
    border-bottom: 0;
}
.s-checklist img {
    float: none !important;
    width: 40% !important;
}

/* アサイド会員ログイン */
.s-login li {
    width: 100%;
    line-height: 1;
}

/* アサイド内部リンク調整 */
.s-brandlist, .s-ca {
    padding-top: 100px;
    /* margin-top: -100px; */
}

/* 14-7 Item Detail */
#sysItemDetail .detailItem {
    width: 100%;
    float: none;
}
#sysItemDetail .detailText {
    width: 100%;
    float: none;
}
.p-recommend li .sysItemImage a {
    height: 150px;
    overflow: hidden;
}

/* 14-8 Item Category */
.sysCategoryDescription img {
    max-width: 30%;
    margin: 0px auto;
}
#sysItemDetail #sysSubmit input[type="submit"] {
    background-position: 20% 50%;
}

.p-sitemap ul li {
    width: 49% !important;
}

.p-ranking2 ul li:before {
    left: -40px;
}

.feed .sysContent #feed li {
    padding: 2px;
}
.feed .sysContent {
    padding: 0px;
}

li.rss-thumbnail {
    padding: 2.5px;
    width: 50%;
    border-bottom: 1px dotted #333;
    margin-bottom: 20px;
    padding-bottom: 20px;
}


/* バスケット画面（20200713追加） */
#sysBasket #sysMain select {
    display: inline-block;
}
}
@media screen and (min-width:768px) and (max-width:1200px){
/* 20-0 Only Tablet
 *----------------------------------------------------------------------*/
div#sysMain,div#sysAside{ width: 100%; float: none;}/* PCレイアウトを維持する場合は削除 */


.h-siteinfo{ height: auto;}
.h-siteinfo h1 { font-size: xx-small;}

/* 20-1 Header */
.header_wrap {
    position: fixed;
    height: 120px;
    width: 100%;
    z-index: 9;
    background-color: #fff;
    top: 0;
}
.h-utilitybtn {
    margin:0 5px;
}
.h-utilitybtn .sysContent {
    left: 5px;
}
.h-sitelogo {
    width: 40%;
    margin-left: 0;
}
.sysCart .h-sitelogo {
    width: 40%;
    margin: auto;
}

/* 20-1-3 ドロップダウンメニュー 
.h-subMenu .sysHeadline{
    width: 29%;
    float: right;
    position: absolute;
    bottom: 0px;
    right: 5px;
}
.h-subMenu ul li {
    background-image: url(../img/patt_bg.png);
}
.h-subMenu ul li:nth-child(2n){
    width: 49%!Important;
    margin-left: 1%;
}
.h-subMenu ul li.sysText a {
    line-height: 40px;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
    padding: 30px 0;
}
*/
.h-overMenu .sysHeadline{
    width: 29%;
    float: right;
    position: absolute;
    bottom: 0px;
    right: 5px;
}
.h-overMenu ul li {
    background-image: url(../img/patt_bg.png);
    margin: 3px auto;
    width: 50%;
}
.h-overMenu ul li:nth-child(2n){
    width: 49%!Important;
    margin-left: 1%;
}
.h-overMenu ul li.sysText a {
    line-height: 40px;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
    padding: 30px 0;
}
.dropmenu li a {
    line-height: 40px;
    font-size: inherit;
    font-weight: bold;
    text-align: center;
    padding: 30px 0;
    border: 0;
}
.dropmenu li ul li {
    display: none;
}
.dropmenu li a:hover {
    background: none;
}
/* 23-1-5 メインメニュー*/
.h-mainMenu{
border-right: none;
border-left: none;
}
/* 23-1-6 検索フォーム */
.h-search .sysContent{ padding: 5px;}

/* メインスライダーヘッダー位置調整 */
.top_mainslider {
    padding-top: 110px;
}

#sysWrap {
    padding-top: 110px;
}

/* TOPページ */
#top #sysWrap {
    padding-top: 0px;
}

/* アサイド内部リンク調整 */
.s-brandlist, .s-ca {
    padding-top: 100px;
    margin-top: -100px;
}

/* 23-3-3 Aside Banner */
.s-banner li {
    margin: 0 1%;
    width: 48%;
    float: left;
}
.s-banner {
    overflow: hidden;
}
.s-brandlist ul li {
    width: 50% !important;
}
.s-ca ul li {
    width: 50% !important;
}
/* LoginForm & Search Form */
.s-login,.s-search{
    width: 49%;
    width: -webkit-calc( 50% - .2em);
    width: calc( 50% - .2em);
    float: none;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}
.s-login li a{
    font-size: 0.75rem;
    padding: 10px 0;
}
.s-search.asideCnt .sysItemSearchAndOr label{;
    display: block;
}
.h-information {
    width: 100%;
    float: none;
}
.h-information ul li {
    width: 49.4%;
}
.h-information ul li:nth-child(2n) {
    margin-right:0px;
}
.p-newItem {
    float: none;
    width: 100%;
}

/* 13-4-1 Footer Site Map */
.f-sitemap ul {
    display: inherit;
}
.f-sitemap ul li {
    -webkit-transform: inherit;
    -moz-transform: inherit;
    transform: inherit;
    border-right: inherit;
    width: 50% !important;
    border: 1px solid #000000;
    border-bottom: none;
    border-left: none;
    position: relative;
}
.f-sitemap ul li:nth-child(2n) {
    border-right: none;
}
.f-sitemap ul li:last-child {
    width: 100% !important;
    border-right: none;
    border-bottom: 1px solid #000;
}
.f-sitemap ul li.sysText a {
    padding: 3px 20px !important;
    text-align: left;
    transform: inherit;
}
.f-sitemap ul li.sysText a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    right: 10px;
}

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

.sysThumbnail .sysItemPrArea .sysItemPr {
    top: 20%;
}
.sysThumbnail .pr_new {
    left:15px;
    width: 20%;
}
.sysThumbnail .pr_reserve {
    left: 60px;
    width: 20%;
}
.sysThumbnail .pr_restock {
    left: 105px;
    width: 20%;
}
.sysThumbnail .pr_sale {
    left: 150px;
    width: 20%;
}

#sysItemDetail #sysSubmit input[type="submit"] {
    background-position: 20% 50%;
}

.p-ranking2 ul li:before {
    left: -31px;
}
.feed .sysContent #feed li {
    padding: 2px;
}


/* バスケット画面（20200713追加） */
#sysBasket #sysMain select {
    display: inline-block;
}
}
@media screen and (min-width:1201px){
/* 30-0 Only PC 
 *----------------------------------------------------------------------*/
div#sysAside {
width: 20%;
}
div#sysMain {
width: 80%;
}
/* 30-1 Header */
.h-siteinfo,
.h-subMenu {
    margin: 0 auto;
}
.h-overMenu {
    margin: 0 auto;
}
.h-siteinfo { text-align: left;}

.h-utilitybtn .sysContent {
    left: 8px;
}
/* 30-1-3 ドロップダウンメニュー
.h-subMenu > .sysContent {  display: block!important;}
.h-subMenu > .sysHeadline { display: none;}
.h-subMenu .sysAccordionInitialHide {
    position: absolute;
    bottom: 0px;
    right: 0;
    z-index: 999;
    width: 70%;
    background: transparent;
}
.h-subMenu ul {
    display: table;
    width: 100%;
}
.h-subMenu ul li {
    display: table-cell;
    width: auto!important;
    float: none;
    text-align: center;
    background-image: url(../img/patt_bg.png);
}
 */
.h-overMenu > .sysContent {  display: block!important;}
.h-overMenu > .sysHeadline { display: none;}
.h-overMenu .sysAccordionInitialHide {
    position: absolute;
    bottom: 0px;
    right: 0;
    z-index: 999;
    width: 70%;
    background: transparent;
}
.h-overMenu ul {
    display: table;
    width: 100%;
}
.h-overMenu ul li {
    display: table-cell;
    width: auto!important;
    float: none;
    text-align: center;
    background-image: url(../img/patt_bg.png);
}


.h-mainMenu nav {
    width: 70%;
    border-right: 1px solid;
}
.h-search .sysContent {
    width: 30%;
    position: absolute;
    top: -55px;
    height: 50px;
    right: 0;
    padding: 5px;
}
/*
.h-subMenu ul li.sysText a {
    padding: 5px 0;
    border-right: 1px solid;
    line-height: 18px;
    margin: 5px 0px;
    font-size: inherit;
}
.h-subMenu ul li.sysText:last-child a {
    border-right: 0;
}
*/
.h-overMenu ul li.sysText a {
    padding: 5px 0;
    border-right: 1px solid;
    line-height: 18px;
    margin: 5px 0px;
    font-size: inherit;
}
.h-overMenu ul li.sysText:last-child a {
    border-right: 0;
}
/* 32-9 トグル機能アニメーション 
.h-subMenu .sysAccordionInitialHide { opacity: 1;}*/

.h-overMenu .sysAccordionInitialHide { opacity: 1;}

/* 33-3-1 Aside Check List */
.s-checklist li > div {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.s-checklist .sysContent .sysVertical .sysItemImage img {
    width: 100%;
    float: none;
    margin: 5px auto;
}

/* 34-4-1 Footer Site Map */
.f-sitemap .sysContent {
    max-width: 1200px;
    margin: 0 auto;
}
/* 34-4-2 Page Top Btn */
.p-pagetop .sysContent {
    overflow: hidden;
    padding: 0 2px;
    width: 95%;
    margin: 0 auto;
}
.p-pagetop .btn {
    float: right;
    padding: 10px 20px;
}

/* アサイド */
.s-login .sysLoginButton {
    background-position: 50px 50%;
}
.s-login li {
    width: 100%;
    line-height: 1;
}
}
/* #END_OF_RESOURCE_FILE */