/*
 *
 * 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
 * 3-0 Module
 *   3-1 Header
 *     3-1-1 サイトロゴ 
 *     3-1-2 カート・マイページボタン 
 *     3-1-3 ドロップダウンメニュー 
 *     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-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-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-5 MyPage 
 *     4-5-1 Mypage Index 
 *     4-5-2 Member Profile Editor 
 *     4-5-3 Special Point 
 *   4-6 News
 * 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-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 { background-color:wihte;}
#sysAll{
    max-width: 100%;
    background-color: transparent; 
    padding: 0;
    margin: 0 auto;
}


#sysHeader, #sysMain, #sysAside, #sysFootoer { padding: 0 5px;}
#sysWrap {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}
#sysMain,#sysAside{ background-color: #fff;}
#sysHeader,#sysFooter{ padding: 0; margin: 0;}
#sysHeader{ background: #fff;}
#sysFooter{ background:url(../img/MainTop/f_bg.jpg)}
#sysFooter > div{ url(../img/topMain/f_bg.jpg); margin: 0 auto;padding: 0;
margin-top:100px;}
#sysMain{ line-height: 1.5;}

#sysFooter {
    background-size:cover;
    margin-top: 100px;
    padding: 30px 0;
}
#sysFooter > div {
    margin: 0 auto;
    padding-bottom: 5px;
border-radius: 10px; /* CSS3草案 */ 
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 10px; /* Firefox用 */ 
opacity: 0.8; 
}

.p-shopInfo .sysContent {
    font-size: small;
    padding: 5px;
background: none;
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
}
.p-shopInfo .sysContent h2{
    font-size: x-large;
    padding: 10px 0;
font-weight:bold;
}


/* 1-0 Wrapper Setting */
#sysFooter > div,
.p-pagetop .sysContent,
.p-topimg .sysContent,
.h-sitelogo, .h-utilitybtn,
.h-siteinfo, .h-subMenu, .h-subMenu3,
.h-mainMenu .sysContent,
.h-search,
#sysWrap {
    max-width: 1000px;
}


/* 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;
    font-family: FontAwesome /*FontAwesomeをフォント指定*/;
cursor: pointer;
}

input[type="search"], input[type="submit"] {
    font-family: FontAwesome /*FontAwesomeをフォント指定*/!important;
cursor: pointer;

}

input[type=search]::-webkit-search-decoration {
    display: none;
  font-family: FontAwesome /*FontAwesomeをフォント指定*/;
 cursor: pointer;;
}

input[type="radio"] {  
    -webkit-appearance: none;  
    display: inline-block;  
    vertical-align: baseline;  
    width: 20px;  
    height: 20px;      
    margin-right: 5px;    
    border: 1px solid rgb(0,0,0);
    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-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 {
  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;
}

/* 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 */
.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: #666;  color: #fff;
    display: block;  
    padding: 10px 15px;  
    text-shadow: none;
    border-color: transparent;
    border-radius: 3px;
    width: 80%;
    height: 50px;
    margin: 0 auto;
}

/* 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 非表示コンテンツ(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;
}

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

/* 2-11 機能パーツ：テキスト */
#sysMain .sysContent h3 {/* border-bottom: 1px dashed lightgray;*/margin:10px 0 20px 0 ;
font-size:x-large; color:#333;	font-weight:normal;
}

#sysMain .sysContent h3 .h4{}

#sysMain .sysContent h3:before {
    /* content: "■";
    padding-right: 10px;*/
}
h3.ga01{
font-size:x-large;
color:#fff;	
background:#000;
padding:8px;
margin:0 0 30px 0;
}

#sysMain .sysContent h3




/* 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 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{
    height: auto;
    background-color: #fff;
}
.h-siteinfo .sysContent {
	padding: 0;
}
.h-siteinfo h1 {
	margin: 0;
	padding: 0;
	line-height: 20px;
  color: #000;
  font-weight: bold;
  font-family: inherit;
}

/* 3-1-1 サイトロゴ */
.h-sitelogo {
    margin: 0 auto;
    background: #fff;
}
.h-sitelogo .sysContent {
		width: 687px;
    height: 197px;
    margin-bottom: 5px;
}
/* 3-1-2 カート・マイページボタン */
.h-utilitybtn, .h-subMenu, .h-subMenu3 {
    margin: 0 auto;
    position: relative;
}
.h-utilitybtn .sysContent{
		margin: 0;
		padding: 0;
    width: 298px;
    position: absolute;
    right: 0;
    top: 110px;
}
.h-subMenu3 .sysContent{
		margin: 0;
		padding: 0;
		width: 298px;
    height: 102px;
    position: absolute;
    right: 0;
    top: 0;
}
/* 3-1-3 ドロップダウンメニュー */
.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 10px;
    width: 100%;
}
.h-subMenu ul li { margin: 10px auto;}
.h-subMenu .sysHeadline{
    color: #e5e5e5;
    line-height: 60px;
    text-align: center;
    background: #666;

}
.h-subMenu .sysAccordion:after{
    content:"";
}
/* 3-1-4 カート・ログインボタン */
.h-utilitybtn ul li{
    width: 58px!important;
    height: 50px;
    margin-right: 2px;
    margin-bottom: 0;
}
.h-utilitybtn ul li img:hover {
	opacity: 0.7;
}
.h-utilitybtn ul li:nth-child(5) {
    margin-right: 0;
}

/* 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%;
    height: 80px;
}
.h-mainMenu ul li {
    display: table-cell;
    border-right: 1px solid;
    font-size:14px;
    font-weight: bold;
}
.h-mainMenu ul li:nth-child(1),
.h-mainMenu ul li:nth-child(7) {
    background: url(/img/bnr/mark5.jpg) center top no-repeat;
}
.h-mainMenu ul li:nth-child(2) {
    background: url(/img/bnr/mark01.jpg) center top no-repeat;
}
.h-mainMenu ul li:nth-child(3) {
    background: url(/img/bnr/mark02.jpg) center top no-repeat;
}
.h-mainMenu ul li:nth-child(4) {
    background: url(/img/bnr/mark03.jpg) center top no-repeat;
}
.h-mainMenu ul li:nth-child(5) {
    background: url(/img/bnr/mark04.jpg) center top no-repeat;
}
.h-mainMenu ul li:nth-child(6) {
    background: url(/img/bnr/mark05.jpg) center top no-repeat;
}


.h-mainMenu ul li.sysText a {
    line-height: 1;
    border: none;
    white-space: normal;
    padding: 40px 0 0 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: #fff;
}
.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: 0px 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 .sysContent{ text-align :center;}
.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;
}

/* 3-2-6 Notice */
.p-notice .sysHeadline {
    background: #e60054;
    border-color: #e60054;
    text-align: center;
    font-weight: bold;
}


/* 3-3 Aside*/
/* 3-3-1 Aside Check List */
.s-checklist li {
    margin: 5px auto;
    padding-bottom: 10px;
}
/* 3-3-2 Aside Login Form & Search Form */
.s-login {
    line-height: 1.75;
   border:1px solid #666;
}
.s-login ul {
    text-align: center;
}
.s-login li {
    display: inline-block;
    width: 46%;
    line-height: 1.5;
    vertical-align: top;
    background: #666;
}
.s-login li a {
    color: #fff;
    text-decoration: none;
}
.s-login input {
    width: 95%;
    margin: 5px auto;
    line-height: 2;
    display: block;
}
.s-login .sysLoginButton {
    border: none;
    padding: 5px;
    background: #993300;
    color: #fff;
    margin: 10px auto;
    border-radius: 0;
}
.s-login a {
    text-decoration: none;
    display: inline-block;
    background: #666;
    text-align: center;
    margin: 2px;
    color: #fff;
    border-radius: 3px;
font-size:small;
}

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

/* 3-3-4 Aside Login Form */
.s-search{ line-height: 1.75;}
.s-search ul{ text-align: center;}
.s-search input[type=search]{
    width: 100%!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: #000;
    color: #fff;
    width: 100%;
    display: block;
    margin: 10px auto;
pointer:hand;
font-size:medium;


}

.s-search2 .sysItemSearchAndOr,
.s-search2 .sysItemSearchFormCategory {
    text-align: center;
}

/* 3-4-1 Footer Site Map 
.f-sitemap ul li.sysText a {
    color: #fff;
    padding:  0;
    background: #666;
    display: block;
    border: 1px solid #ddd;
    text-align: center;
}
.f-sitemap ul li.sysText a:hover {
    background: #999;
}*/
.f-menu ul li {
text-decoration: none;
}


/* 3-4-1 Footer Site Map書き換え */

.sysFuncListNav{
    margin: 20px 0;
}

.f-sitemap {
	padding: 10px 0!important;
	background: url(/img/fsitmap2.png);
}
.f-sitemap ul li.sysText a {
    color: #000;
    padding:  0;
    border-right: 1px solid #000;
    text-align: center;
    height: 24px!important;
    line-height: 20px;
    font-size: 11px;
}
.f-sitemap ul li.sysText:nth-child(6) a {
	border: none;
}

.f-sitemap ul li.sysText a:hover {
text-decoration:underline;
}

.f-sitemap ul li {
    float: left;
    text-align: left;
}

.f-sitemap ul li a {
    font-size: small;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fot-logo {
	text-align: center;
}

/* 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;
}
.f-copyright .sysContent{
    border-top: 1px solid #666;
}

.copyright {
	width: 100%;
	height: 36px;
	background: #000;
	font-size: 10px;
	text-align: center;
	color: #FFF;
	line-height: 36px;
}


/* 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: 15px;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    padding: 0 5px;
}
.sysCategoryPankuzu a,
.sysItemCategoryPankuzu a {
    display: inline-block;
    padding: 5px 10px 5px 0;
    color: #666;
    text-decoration: none;
}
.sysCategoryPankuzu a:hover,
.sysItemCategoryPankuzu a:hover {
text-decoration:underline;

}

/* 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: 0 5px;
    background: #fff;
    border: 1px solid #666;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
}

/* 4-1-5 Cart Button */
.sysCartButton {
    border: none;
    padding: 15px;
    margin: 10px 0;
    border-radius: 4px;
    background-color: #F00;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: large;
}
.sysCartButton {
    border: none;
    padding: 15px;
    margin: 10px 0;
    border-radius: 4px;
    background-color: #F00;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: large;
}


}
.sysCartButton:hover{
   background-color:#da555c;
}


/* 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 {
    display: inline-block;
    float: none;
    vertical-align: top;
    letter-spacing: normal;
}
.sysItemList ul.sysThumbnail {
    letter-spacing: -.4em;
}
.sysItemList ul.sysThumbnail 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-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: large;}

/* 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: 10px;
    font-size: medium;
	line-height:1.7;
}
/* 4-2-5 Item Explanation */
.sysExplanation table {
    width: 100%;
    text-align: center;
    line-height: 1.7;
}
.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 */
#sysItemDetail .sysRetailPrice { font-weight: bold;}

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

#sysItemDetail .sysForm select {
    min-width: 100px;
    display: inline-block;
}
#sysItemDetail #sysVariation {
     overflow: hidden;
     margin: 5px auto;
}
#sysItemDetail #sysVariation >div {
    margin: 10px auto;
    overflow: hidden;
}
#sysItemDetail .sysNumArea button {
    display: inline-block;
    width: 48%;
    background: #FFF;
    padding: 10px;
    border: 1px solid #666;
    border-radius: 3px;
    color: #666;
cursor: pointer;
}
#sysItemDetail .sysNumArea {
    padding-top: 5px;
    clear: both;
    text-align: right;
}

#sysItemDetail .sysShare { padding: 5px 0 0 2%;}
#sysCartInForm { width: 100%;}

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

/* 4-2-8 Item Text */
.sysDescription,.sysImageDescription{ font-size: 0.75rem;}

/* 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-3 Free Page */
/* 4-3-1 TOP PAGE */

/* 4-4 Form Page */
/* 4-4-1 Cart Button Reset */
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain button[type=submit],
.sysCart #sysMain button {
    background: #666;
    color: #fff;
    text-shadow: none;
    padding:5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sysCart #sysMain input[type=submit],
.sysCart #sysMain button {
    background: #666;
    color: #fff;
    text-shadow: none;
    padding:5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.sysLoginForm  #sysMain input[type=submit] {
 display: inline-block;
    background-color:#66cc99;
    border: medium none;
    border-radius: 4px;
    color: #fff!important;
    cursor: pointer;
    font-size: medium;
    font-weight: normal;
    margin: 10px 0;
    padding: 10px;}

.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: 2em;
    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: 75px;}

.sysZipcode button,
.sysZipcode .sysFormField { display: inline-block;}
.sysZipcode .sysFormLabel { display: block;}
.sysZipcode .sysFormField { width: 100%;}
.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: 10px auto;
    min-height: 30px;
}

/* 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-5 MyPage */
/* 4-5-1 Mypage Index */
.sysMypage #sysMain{
    border-color: none;
    border-style: none;
    border-radius: 0px;
    border-width: none;
    box-shadow:none;
    margin-bottom: 20px;
    padding: 0;
}
.sysMypage #sysMain h2{
    border-bottom: 1px solid #333;
    background-color: #fff;
    color: #333;
    font-size: large;
    padding: 5px;
margin-bottom:20px;
}
.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;
}

/* オリジナル追加*/
/* ボタントップ*/
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 10px;
}
 
#pageTop a {
 background-color:#000;
  display: block;
  z-index: 999;
  padding: 15px 0 0 0px;
  border-radius: 50px;
  width: 60px;
  height: 60px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  font-size: medium;}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.8;
}

/* オリジナル追加*/
/* 文字*/
.wf-hannari { font-family: "Hannari"; }
.wf-sawarabi { font-family: "Sawarabi Gothic"; }
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
.boder {border-bottom:1px solid #333;
padding:20px 0;
margin:20px 0;}
.center { text-align: center; }
.red{color:#FF0000;}
.x-small{font-size:x-small;}
.small{font-size:small;}
.normal{font-size:13px;}
.medium{font-size:medium;}
.large{font-size:large;
line-height:1.8em;}
.x-large{font-size:x-large;
line-height:1.8em;}
.xx-large{
font-size:xx-large;}
.bold{font-weight:bold;}
.right{text-align:right;}
.under_p{text-decoration:underline;}
.space{line-height:2em;}
.orange{color:#FF9900;}
.kakomi{border:1px solid #666;
padding:10px;}
.underform_com{font-size:x-large;
font-weight:bold;
margin-bottom:20px;}
.teiki{
font-size:large;
line-height:2em;
border:2px solid #F00;
	padding:20px;
	margin:10px 0;
text-align: center; }


.glaybox{background: #eee;
padding:10px;
}

.right_p{text-align: right; }

/* space*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pb10{padding-bottom:20px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pr10{padding-right:10px;}
/* part.css追加*/

p-faq .sysContent {
    padding: 5px;
}
.p-haiso .sysContent {
    font-size: small;
    padding: 10px;
}

/* ページ*/
div.mainCnt_page {
    height: auto;
    max-width: 100%;
    line-height: 1.7;
    padding: 0 5px;
    margin: 5px auto 50px auto;
}
   .top_box {
    height: auto;
    width: 100%;
    line-height: 1.5;
    margin: 5px auto 10px auto;
}

/* グローバルナビ*/
.gridnav {
    background: #fff;
border-style: none;
    border-width:0;
    margin: 10px 0 0 0;


}
.mainCnt_top {
    margin-bottom: 20px;
}

.mainCnt_page h2  {
font-weight:normal;
font-size:xx-large;
margin-bottom:50px;
border-bottom: solid 3px black;
}

.mainCnt_page h3 {
font-size:xx-large;
margin-bottom:20px;
}
#sysMain .sysContent h3.page{
background:#000;
padding:10px;
color:#fff;
margin-bottom:50px;
}

#sysMain .sysContent h2.h3{
background:#000;
padding:10px;
color:#fff;
margin-bottom:50px;
font-size: x-large;
border-bottom:none;
}


#sysMain .sysContent h3.guide{
padding:10px;
color:#000;
margin-bottom:30px;
background:#eee;
}

#hyo table {
  border-collapse: collapse;
  width: 100%;
margin:20px 0;
}

#hyo table th {
  padding: 2px;
  border: 1px solid #999;
  background-color: #eee;
  text-align: center;
	display: table-cell!important;
  width: 14%!important;
}
#hyo table td {
  padding: 2px;
  border: 1px solid #999;
	text-align: right;
	display: table-cell!important;
  width: 14%!important;
}

#hyo02 table {
  border-collapse: collapse;
  width: 80%;
margin:40px auto;
}
#hyo02 table th,
#hyo02 table td {
  padding: 10px;
  border: 1px solid #999;
text-align:left;

}
#hyo02 table th {
  background-color:#eee;
  text-align: left;
  width:60%;
}

#hyo03 table {
  border-collapse: collapse;
  width: 80%;
margin:40px auto;
}
#hyo03 table th,
#hyo03 table td {
  padding: 10px;
  border: 1px solid #999;
text-align:center;

}
#hyo03 table th {
  background-color:#eee;
  text-align: center;
  width:50%;
}

#hyo04 table {
  border-collapse: collapse;
  width: 100%;
margin:20px 0;
}

#hyo04 table th{
  padding: 10px;
  border: 1px solid #999;

}

#hyo04 table td {
  padding: 10px;
  border: 1px solid #999;
}

#hyo04 table td.enkaku {
  padding: 10px;
  border: 1px solid #999;
  width: 30%;
}


.asideCnt {
    border-color: #999;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    box-shadow: none;
    margin-bottom: 20px;

}

.s-category ul li.sysText a {
    padding: 5px;
font-size:small;
}

/* フッター*/
.footerCnt .sysHeadline {
   background:none!important;
    border-bottom: 0;
    color: #333;
    font-size: large;
    font-weight:normal;
    padding: 5px;
text-align:center;
 font-family: "Sawarabi Gothic";
}
.footerCnt.ul {
  list-style: none;
}

}
/* サイドメニュー*/
.asideCnt .sysHeadline {
    background:none;
    border-bottom: 1px solid #999;
    color: #000;
    font-size: medium;
    padding: 5px;
font-family: "Sawarabi Gothic";
font-weight:normal;
margin-bottom:10px;
}

.mainCnt_top .sysHeadline{
border-bottom:2px solid #19812c;
border-top:2px solid #19812c;
margin:10px 0 20px 0;
paddhing-bottom:5px;
color:#19812c;
}
.p-news .sysHeadline{
border-bottom:1px solid #000;
margin:10px 0 20px 0;
paddhing-bottom:5px;
}

.s-category3 ul li.sysText a {
    font-size: small;
    padding: 5px;
}
.s-category3 ul li.sysText a {
    padding: 5px;
}
.s-category3 ul li a:hover {
background:#eee;

}


.s-category3 input[type=checkbox] {
position: absolute;
opacity: 0;
display: none;
}

.s-category3 label,.s-category3 a { /* 第1階層 */
position: relative;
display: block;
padding: 7px 10px;
font-size: small;
}

.s-category3 label:before, .s-category3 label:after, .s-category3 a:after { /* アイコンの位置 */
content: '';
display: inline-block;
width: 16px;
height: 16px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

.s-category3 label { /* 第1階層 */
padding-left:5px;

}

.s-category3 ul label,
.s-category3 ul a { /* 第2階層文字の位置 */
padding-left: 5px;
text-decoration:underline;
}

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


#sysSubmit{
margin:10px 0;
}

#sysSelections{
font-size:small;
margin:20px 0;
padding:10px 0;
}

#sysNumber{
font-size:small;
}

#item table {
 border-collapse: collapse;
  width: 100%;
margin:20px 0;
}

#item table th,
#item table td {
  padding: 10px;
  border-bottom: 1px solid #999;
text-align:left;

}
#item table th {
  background-color: #eee;
  text-align: left;
  width: 20%;
font-size:small;
}
.sysFuncItemBlock .sysCartButton {
    border: none;
    padding: 10px;
    margin: 10px 0;
    border-radius: 4px;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    font-size:small;
}



.sysItemBlock .sysItemName{
font-size:small;
color:#666;
}

/* 商品詳細 */
.sysBlock{
margin:0;
paddhing:0;
}
.sysBlock .sysItemImages {
	width: 380px;
	float: left;
}
.sysBlock .sysItemImages img {
	max-width: 380px;
	max-height: 380px;
}
.sysBlock .sysBlock {
	width:360px;
	float: right;
}
.sysBlock .sysBlock p {
	margin: 0;
}
#sysSelections {
	margin: 0;
}
.sysForm select {
}
.sysSelectionDescription {
	margin-bottom: 15px;
}

.sysBlock .sysBlock #item table {
 border-top: 1px solid #999;
}
.sysReview,
.sysExplanation {
	clear: both;
}

    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-container-v {
        background: #eee;
    }

.p-news{
margin:30px 0;
}

.p-news ul li a {
    display: block;
    font-size: small;
    overflow: hidden;
    padding: 10px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p-banner li {
    margin: 10px 0;

}

/* 商品カテゴリーページ */
.sysItemCategoryCtl {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: lightgray currentcolor;
    border-image: none;
    border-style: dashed none;
    border-width: 1px medium;
    margin: 15px 0;
    padding: 5px 0;

}

.sysItemCategoryCtl a {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #999;
    border-radius: 2px;
    display: inline-block;
    margin: 2px 0;
    padding: 2px 4px;
    text-decoration: none;
}

.sysItemList .sysRetailPrice{
text-align:right;
margin-top:-10px;
}

.sysItemList .sysCartButton {
    background-color: #333;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: small;
    margin: 10px 0;
    padding: 10px;
font-weight:normal;
}

.sysItemList .sysCartButton:hover{
    background-color: #DA555C;
}

.sysItemList ul.sysThumbnail li {
    padding: 5px;
margin-bottom:10px;
    width: 33%;
}

.category_box{
margin:15px 0 30px 0;
line-height:1.7em;
}

.category_p{
	font-size:x-large;
font-family:"Sawarabi Mincho";
line-height:1.5em;
color:#AD8345;
}

/* 商品詳細ページ */

.sysItemName h1 {
    font-size: xx-large;
margin-bottom:20px;
}
#item_num .sysNumArea button {
	font-size: small;
    background: #f7ecb4 none repeat scroll 0 0;
    border: 1px solid #666;
    border-radius: 3px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    padding: 10px;
    width: 48%;
margin:15px 0;
}

#sysExplanation button{
font-size: normal;
    background: #f00 none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 15px;
    width: 98%;
margin:15px 0;
}



#sysItemDetail .sysCartButton {
    margin-left: 2%;
    width: 98%;
}

#sysWishlist .sysButton {
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 3px;
    color: #666;
    cursor: pointer;
    margin: 3px 0 5px 2%;
    padding: 12px;
    width: 98%;
}

.btn-haiso01 {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
    margin:0 0 15px 0!important;
    border-radius: 2px;
    display: inline-block;
    font-size: small;
    font-weight: normal;
    padding:5px 20px;
    text-align: center;
}
.btn-haiso02 {
    background-color: #09F;
    border-color: #4cae4c;
    color: #fff;
    margin:0 0 15px 0!important;
    border-radius: 2px;
    display: inline-block;
    font-size: small;
    font-weight: normal;
    padding:5px 20px;
    text-align: center;
}
.btn-haiso03 {
    background-color: #006;
    border-color: #4cae4c;
    color: #fff;
    margin:0 0 15px 0!important;
    border-radius: 2px;
    display: inline-block;
    font-size: small;
    font-weight: normal;
    padding:5px 20px;
    text-align: center;
}


#sysItemDetail .sysRetailPrice {
    color: #900;
    font-size:x-large;
text-align:right;
}

.item_p{
    font-size:medium;
}

.item_pb{
   font-size:medium; 
   line-height:1.7em;
margin:10px 0;
}

.hiba_box{
background:#ECDEB6;
padding:20px;
 line-height:1.6;
}

.hiba_box ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  border: solid 2px #5c9ee7;
}
.hiba_box ol li{
  position: relative;
  padding: 0.5em 0.5em 0.5em 35px;
  line-height: 1.5em;
}
.hiba_box ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment:li;
  content: counter(li);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #5c9ee7;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;/*円にする*/
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
.hiba_box ol li:after {/*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 20px;/*左からの位置*/
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #5c9ee7;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hiba_box2{
margin:30px 0;
background:#fff;
border:10px #e5e6cf solid;
padding:20px;
line-height:1.7em;
}

.hiba_box3{
margin:30px 0;
border-top:1px #333 solid;
border-bottom:1px #333 solid;
padding:30px 0;
line-height:1.7em;
}

.hiba_midashi{
font-size:20px;
border-bottom:1px solid #333;
margin-bottom:20px;
paddhing-bottom:10px;
}

.hibaButton {
    width: 100%;
}
.hibaButton {
    display: inline-block;
    background-color: #003300;
    border: medium none;
    border-radius: 4px;
    color: #fff!important;
    cursor: pointer;
    font-size: medium;
    font-weight: normal;
    margin: 10px 0;
    padding: 10px;
}
.hibaButton a{
  color: #fff!important;

}


.hibaButton:hover{
    color: #fff;
}
.hibaButton:focus{
    color: #fff;
}

#sysItemDetail .sysExplanation{
paddhing-top:30px:
border-bottom:none;
}


#sysItemDetail #sysMain > div > span, .sysReview > span {
    border-bottom: 1px dashed lightgray;
}

#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 {
    background: rgba(0, 0, 0, 0) scroll 0 0;
    border: 1px solid #999999;
    border-radius: 3px;
    line-height: 3;
    width: 100%;
padding:2px 3px;
}

.sysReview, .sysExplanation {
    clear: both;
margin:20px 0;
}

/* カートCSS */
.sysBox {
box-shadow:none; 
    background-color: #ffffff;
    border: 1px solid #333;
    border-radius: 3px;
    margin: 1em auto;
    padding:2em;
    font-size: medium;
}

.sysTotal .sysTotalTxt {
    text-shadow: none;
}

.sysCartTitle {
    background-color: #ffffff;
    color: #333;
    font-weight:bold;
    font-size: large;
  margin: 0 0 1em;
    padding: 0;
}

#sysMain button.mdl-button.full-width {
    font-size: 1.2rem;
    height: 60px;
    width: 100%;
}

#sysBasket #sysMain .mdl_btn_ button.mdl-button, #sysBasket #sysMain form input.sysOpcNextSubmit[type="submit"][name="submit"], #sysOnePageConfirm #sysMain form input.sysNextSubmit[type="button"][name="action_front_cart_onePageOrder"] {
    background-color: #CB2111;
    border: medium none;
    border-radius: 5px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: large;
    font-weight: bold;
    height: auto;
    line-height: 1.5;
    margin: 1em 0;
    min-width: 11em;
    padding: 12px;
    text-align: center;
    text-shadow: none;
    width: 100%;
 padding: 10px!important;

}
.sysCart #sysMain input[type=submit],
.sysCart #sysMain button[type=submit] {
   background: #666;
    color: #fff;
    text-shadow: none;
    padding:5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
		min-width: 100%;
}

.sysItemListArea .sysCart #sysMain input[type="submit"],  {
   display: inline-block;
    background-color: #66cc99;
    border: medium none;
    border-radius: 4px;
    color: #fff!important;
    cursor: pointer;
    font-size: medium;
    font-weight: normal;
    margin: 10px 0;
    padding: 10px;

}

.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
  background:  red!important;
  border: none!important;
  color: #fff;
  font-size: x-large;
  font-size: 1.5rem;
  display: block;
  height: 55px;
  margin: 0.5em auto;
  min-width: 10em;
  width: 100%;
}

.sysCart .sysDeleteArea{
text-align: right;
}


.sysCart #sysMain input[type="text"], .sysCart #sysMain input[type="password"], .sysCart #sysMain input[type="email"], .sysCart #sysMain input[type="number"], .sysCart #sysMain input[type="tel"], .sysCart #sysMain input[type="search"], .sysCart #sysMain textarea {
    background: none;
    border: 1px solid #999999;
    border-radius: 5px;
    margin: 1em 0 2em 0;
    padding: 0.7em;
    width: 100%;
}

.sysCart #sysMain #dlg-opc1 .mdl-dialog__content button#show-dlg-opc2 {
    background-color: #666;
    font-size: medium;
}

.sysCart #sysMain .mdl-dialog .mdl-dialog__content p.user_type, .sysCart #sysMain .mdl-dialog .mdl-dialog__content .dialog_title {
    font-size: medium;
}
.data-sub-retail-price{font-size:medium;}

.sysCart #sysMain .mdl-dialog button.mdl-button.opc_next_btn {
    background-color: #CB2111;
    color: #fff;
    font-size: medium;
    font-weight: bold;
    height: auto;
    margin: 0;
    width: 100%;
}

.dialog_title{
    font-size: small;
    color: #333;}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: #333;
    font-size: 13px;
    top: 4px;
    visibility: visible;
}


/* ログイン・マイページ */
#sysMemberRegisterRegister #sysMain, #sysMemberRegisterConfirm #sysMain, #sysMemberRegisterIndex #sysMain, #sysFormThanks #sysMain, #sysFormConfirm #sysMain, #sysFormIndex #sysMain {
    border-color:none;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    box-shadow:none;
    margin-bottom: 10px;
    padding: 0;
}

#sysMemberRegisterRegister #sysMain h2, #sysMemberRegisterConfirm #sysMain h2, #sysMemberRegisterIndex #sysMain h2, #sysFormThanks #sysMain h2, #sysFormConfirm #sysMain h2, #sysFormIndex #sysMain h2 {
    background-color: #fff;
    border-bottom: 1px solid #999;
    color: #333;
    font-size: large;
    padding: 5px 0;
margin-bottom:20px;
}

.sysMemberAgreement {
    border: 1px solid #888888;
    height: 250px;
    min-height: 220px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: small;
}

.sysMemberRegister .sysForm div {
    margin-bottom: 20px;
}

.sysMemberRegister .sysNextSubmit {
    background: #515151 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    height: 50px;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    text-shadow: none;
    width: 100%;
}


.sysMypage #sysMain {
    border-color: none;
    border-radius: 0;
    border-style: none;
    border-width: none;
    box-shadow: none;
    margin-bottom: 10px;
    padding: 0;
}

.sysMypage .sysMypageMajorHeadLine {
    font-size: large;
    margin-bottom: 20px;
}

#sysMypageLogin .sysFormField input, #sysMypageLogin .sysMemberPassword input {
    margin-top: 5px;
    padding: 5px;
}

#sysMypageLogin .sysFormField {
    margin-bottom: 10px;
}

#sysMypageLogin .sysButton{
    background: #669966 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    height: 50px;
    margin: 20px auto;
    padding: 10px;
    text-align: center;
    text-shadow: none;
    width: 100%;
font-size:medium;
}

#sysMypageLogin .sysLoginButton{
    background: #cc3300 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    height: 50px;
    margin: 20px auto;
    padding: 10px;
    text-align: center;
    text-shadow: none;
    width: 100%;
font-size:medium;
}


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

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

.sysFuncSslSticker ssl{
    margin: 15px auto;
}

.sasaki_box{
margin:30px 0;
background:#fff;
border:5px #e5e6cf solid;
padding:20px;
line-height:1.7em;
font-size:small;
}

.kuronin_box{
border-top:1px solid #333;
border-bottom:1px solid #333;
margin:30px 0;
background:#fff;
padding:40px 0;
line-height:1.7em;
}

.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


#kodawari dt {
  margin-top: 1em;
padding: 0.8em;
  color: #FFF;
  background-color: #C00;
}
#kodawari dd {
padding: 0.8em;
  margin-left: 0;
  font-size: normal;
  border-width: 0 1px 1px;
  border-style: none solid solid;
  border-color:  #333;
}

/* qaページ */
#qa {margin-top:50px;
	width: 100%;
}

#qa dt {
        border: 1px solid #666;
	padding: 10px;
	border-radius: 2px;
font-size:large;
}
#qa dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
color:#F00;
}
#qa dd {
	margin: 20px 16px 35px 35px;
	line-height: 1.7em;
	text-indent: -24px;
}
#qa dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
color:#333;
}

.boder01{
border-bottom:2px dotted #666;
padding:30px 0;
}

.boder02{
border-right:2px dotted #666;
}

.container{
  width: 100%;
}
.bxslider{
  margin: 0;
  padding: 0;
}

/* slick */
/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
/*スライド画像の横幅可変*/
img {
    max-width: 100%;
     height: auto;
}

.menu01 ul li {
    float: left;
    text-align: left;
margin-bottom:12px;

}

.s-search2 .sysContent {
    font-size: small;
    padding: 0px;
}

 #recipe{
  color: #1e366a;
  border-top: solid #1e366a 1px;
  border-bottom: solid #1e366a 1px;
  padding: 0.5em 0 0.5em 1.5em;
}
 #recipe ul li {
  line-height: 1.5;
  padding: 0.2em 0; 
}

div.recipe01 ol{
counter-reset:number; /* 名前を付けたカウンターをリセット */
list-style:none; /* olが数字を付けることをキャンセル */
margin:0;
padding:0;
}

div.recipe01 li{
line-height: 2;
margin-bottom: 10px;
 padding-left: 30px;
 position: relative;
 padding-left:1em;
}

div.recipe01 ol li:before{
counter-increment: number; 
content: counter(number);
 background-color: #333;
 color: #fff;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  margin-top: 5px;
  text-align: center;
  height:22px;
  width: 22px;
  border-radius: 50%;
}


.s-price ul li a {
    display: block;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
font-size:small;
}


h4.guideline{
border-bottom:1px solid #999;
margin-bottom:15px;
paddhing-bottom:5px;
font-size:large;
font-weight: bold;
}


.voice_nama .sysContent {
    font-size: medium;
    padding: 5px 5px 100px 5px;
}


a:hover img  {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity:0.7;
}

.h-sitelogoSP {
width: 55%!important;
max-width: 280px;
}
.h-Rsp {
float: right;
width: 40%!important;
max-width: 280px;
}
.menu-btn {
height: 40px;
width: 40px;
display: block;
margin: 0 0 8% auto;
background: url(/img/btn-menu.gif) no-repeat left top #000000;
-webkit-background-size: 100%;
background-size: 100%;
z-index: 99;
}

.recipe_voice li img {
    height: auto;
    vertical-align: bottom;
    width: 100%;
margin-bottom:10px;
}

.page_bt li img {
    height: auto;
    vertical-align: bottom;
    width: 100%;
margin-bottom:15px;

}

.company_box2{
background:#fff;
border:10px #e5e6cf solid;
padding:20px;
line-height:1.7em;
}



.cartButton {
    width: 100%;
}
.cartButton {
    display: inline-block;
    background-color: #333;
    border: medium none;
    border-radius: 4px;
    color: #fff!important;
    cursor: pointer;
    font-size: medium;
    font-weight: normal;
    margin: 20px 0;
    padding:12px!important;


}

.cartButton:hover{
    color: #ffff33;
}
.cartButton:focus{
    color: #ffff33;
}

.point{
background:#000;
padding:10px;
color:#fff;
}

.member_box{
border:2px solid red;
 padding:20px;
}


.member_box .hibaButton a { 
color:#fff;
}


.sysAddGoCartButton{
}

.sysErrorMessage{
    color: #red;
font-weight:bold;
font-size:x-large;
}

.sns{
padding-top:60px;
 display: inline-block;
}

.s-login .sysPointUnit{
    font-size: small;
}

.menu01 ul li img{
    width:100%;
    height:auto;
}

.s-login .sysContent {
    padding:0px 5px ;
    font-size:small;
    color:;
    background-color:;
}

.sysCartAttention {
    color: #FF0000;
font-size:medium;
}

.sysCart #sysMain .sysConfirmButton input[type=submit] {
    margin: 0.5em 0 0.5em auto; 
    width:30%!important;
}

.wc_card_exp{
color:#000;
font-size:medium;
}


.wc_card_count{
color:#000;
font-size:medium;
}


.mdl-textfield__label {
    bottom: 0px;
    color: rgba(0, 0, 0, 100);
    font-size: 16px;
    left: 0px;
    right: 0px;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 24px;
    width: 100%;
    white-space: nowrap;
    text-align: left;
    overflow: hidden;
}

.sysSelectPaymentArea ul{
font-size:medium;}

.sysSelectPaymentArea, .sysSelectDeliveryArea, .sysRemarksArea, .sysSelectOptionArea {
margin: 0 0 1em 0; 
font-size:medium;}

#dlg_web_col_credit .mdl-textfield__label{
       color:#000000;
}

#dlg_web_col_credit .mdl_parts_selectBox{
color:#000000;
}

#dlg_web_col_credit .mdl-textfield__input{
border-bottom:1px solid #000000!important;
}

.menu .title{
font-weight:bold;
font-size:1.2em;
padding:7px 3px 7px 5px;
background-color:#003300;
color:white;
}

.menu ul li a:link { 
text-decoration:none;
color:#000000;
}

.menu ul li a:hover {
text-decoration:underline;
}

.asideCnt .sysHeadline {
background-color: #003300;
}

 .category_title {
font-size:30px;
}

.ninnniku_ul {
list-style-type: disc;
margin-left: 24px;
}

.ninnniku_ol {
list-style-type: decimal;
margin-left: 24px;
}

/* CTAボタン全体 */
.cta-container {
  border: 2px solid #000;
  display: inline-block;
  padding: 10px;
  position: relative;
}

/*CTAボタンの背景・文字色*/
.cta-button {
  background: #000;
  color: #fff;
width:200px;
padding:0.5em;
  text-align: center;
}

.user_sitemap .menu{border:unset !important; border-radius: 5px; padding: 0px !important;}
.user_sitemap .col-span4{width: 100% !important;}
.user_sitemap .col-span4 ul{margin: 0 0 40px !important;}
.user_sitemap .col-span4 ul li{list-style: square !important; margin: 0 0 0 40px;}
.user_sitemap .col-span4 ul li a{font-size: 15px;}
.user_sitemap .col-span4 .title{background: #030; color: #fff; padding: 3px 0 0px 20px; margin: 0 0 10px 0;}

.breadcrumbs{font-size: 12px;}
.kuro_h2{border-top: 3px solid #104900; border-bottom: 3px solid #104900 !important; color: #104900; padding: 0.5rem; font-size: 22px !important; font-weight: bold !important; margin-bottom: 50px;}
.kuro_h3{color: #fff; border-left: none; border-right: none; border-top: none; border-bottom: none; font-size: 21px; padding: 10px 20px 6px 10px !important; background: #000; margin-bottom: 20px !important; font-weight: bold !important; font-size: 16px !important;}
.kuro_cta_a{text-decoration: none !important;}
.kuro_cta-button{padding: 15px 0 !important; background: #005f00 !important; width:300px !important;}
.kuro_list_title{font-weight: bold; margin: 20px 0 10px; font-size: 20px;}
.kuro_list{padding: 0 30px;}
.kuro_list li{list-style: disc;}

.kuro-time-content{display: flex; justify-content: flex-end;}
.kuro-time-content .kuro-time span{font-size: 12px; color: #8a8a8a;}
.kuro-time-content .kuro-time span i{font-size: 14px; transform: translate(0px, 3px); padding: 0 3px 0px 0; margin: 0 0 0 5px;}

.kuro_img{display: block; margin: 40px auto; width: 80%;}

#toc{width: 90%; background: #f2f2f2; margin: 0 auto;}
#toc .toc_title{background: #004d2a; margin: 0; text-align: center; padding: 5px; color: #fff;}
#toc .toc-content{padding: 20px;}
#toc ol.toc-list{counter-reset: item; list-style-type: none;}
#toc ol.toc-list li{margin: 1em 0;}
#toc ol.toc-list > li:before{counter-increment: item; content: counter(item) ''; display: inline-block; width: 2em; height: 2em; line-height: 2em; text-align: center; background: #292929; color: white; border-radius: 50%; margin-right: .5em;}
#toc ol.toc-list li a{font-size: 14px;}
#toc ol.toc-list li ol{padding: 0 0 0 40px;}
#toc ol.toc-list li ol li{list-style: decimal-leading-zero;}
#toc .accordion summary{display: flex; justify-content: space-between; align-items: center; position: relative; color: #333333; font-weight: 600; cursor: pointer; background: #004d2a; padding: 5px 20px;}
#toc .accordion summary::after{transform: translateY(-25%) rotate(45deg); width: 7px; height: 7px; margin-left: 10px; border-bottom: 3px solid #fff; border-right: 3px solid #fff; content: ''; transition: transform .3s;}
#toc .accordion[open] summary::after{transform: rotate(225deg);}

.menuFix.fixMenu {
	position: sticky;
	top: 40px;
	max-width: 231px;
}

/*目次*/

.toc {
background:#f4f4f4;
border:1px solid #dcdcdc;
padding:2rem 1rem;
font-size:1.2em;
    width:fit-content;
    min-width:80%;
    margin:0 auto 2em;
}

@media(max-width:768px) {
.toc {
width:92%;
margin-top:2em;
font-size:1.2em;
}
}

.toc > h2.tit {
font-size:1em;
    margin-bottom:1em;
    text-align: center;
    border-color:#666;
}

.toc ol {
padding-left:2em;
}
.toc ol ol {margin-top:1em;}
.toc ol > li:first-child {
    counter-reset: toc;
}

.toc ol li + li {margin-top:0.5em;}

.toc ol > li {
font-size:0.9em;
    position: relative;
}
.toc ol > li::before {
border-right: 1px solid;
  content: counters(toc,"-");
  counter-increment: toc;
  display: block;
  font-family: inherit;
  letter-spacing: -.1px;
  line-height: 1.1;
  padding: 0 .5em 0 0;
  position: absolute;
  right: calc(100% + .5em);
  top: .25em;
  -webkit-transform: scale(.95);
  transform: scale(.95);
  white-space: nowrap;
  width: auto;
}
@media screen and (max-width:480px){
/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
#sysMain,#sysAside{ width: 100%!important;}
#sysMain{ margin-top: 0;}
.grid-col {
	float: none;
	width: 100%!important;
        margin-left: 0;
}
/* 10-1 Header */
#sysHeader{ 
margin-bottom: 5px;
}
.h-siteinfo{ height: auto;}
.h-siteinfo h1 { font-size: xx-small;}

.h-sitelogo{ height: 52px;}
.h-sitelogo li img{
    width: auto;
    max-height: 47px;
}
.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;
}

#sysMain .sysContent h3.page{
 font-size: large;
background:#000;
padding:10px;
color:#fff;
}
.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(http://template-advance.aispr.jp/img/icon/icon-mypage.png);
    background-size: 100%;
}
.h-utilitybtn ul li.sysText:nth-child(2) a:before {
    background: url(http://template-advance.aispr.jp/img/icon/icon-cart.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: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;
}

/* 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%;
}
.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-4-1 Footer Site Map */
.f-sitemap li {
    width: 100%!important;
}
.f-sitemap ul li.sysText a {
    padding: 10px 20px;
    text-align: left;
}

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


@media screen and (max-width: 400px) {
  #hyo table {
    border-top: 1px solid #999;
margin:20px 0;
  }
 #hyo table td {
    display: block;
    text-align: center;
  }
  #hyo table th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}

.h-sitelogoSP {
    width: 280px;
    margin: 5px 0 5px 5px;
}

div.mainCnt_page {
    height: auto;
    max-width: 100%;
}
 .top_box {
    max-width: 100%;
}

#item_num .sysNumArea button {
	font-size: small;
    background: #f7ecb4 none repeat scroll 0 0;
    border: 1px solid #666;
    border-radius: 3px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    padding: 10px;
    width: 48%;
margin:20px 0;
}

#sysItemDetail .sysRetailPrice {
    color: #900;
    font-size:large;
text-align:right;
}

/* オリジナル追加*/
/* 文字*/

.boder {border-bottom:1px solid #333;
padding:10px 0;
margin:10px 0;}
.small{font-size:x-small;}
.large{font-size:medium;
line-height:1.6em;}
.x-large{font-size:large;}
.xx-large{font-size:x-large;
line-height:1.2em;}
.teiki{
font-size:large;
line-height:2em;
border:2px solid #F00;
	padding:20px;
	margin:10px 0;
text-align: center; }

.mainCnt_page h2  {
font-weight:normal;
font-size:x-large;
margin-bottom:30px;
border-bottom: solid 3px black;
}

#hyo02 table {
  border-collapse: collapse;
  width: 100%;
margin:20px auto;
font-size:13px;
}
#hyo02 table th,
#hyo02 table td {
  padding: 10px;
  border: 1px solid #999;
text-align:left;
font-size:13px;

}
#hyo02 table th {
  background-color:#eee;
  text-align: left;
  width:60%;
font-size:13px;
}

#hyo03 table {
  border-collapse: collapse;
  width: 100%;
margin:20px auto;
font-size:13px;
}
#hyo03 table th,
#hyo03 table td {
  padding: 10px;
  border: 1px solid #999;
text-align:center;
font-size:13px;
}
#hyo03 table th {
  background-color:#eee;
  text-align: center;
  width:50%;
font-size:13px;
}

.sysItemName h1 {
 font-size: large;
margin-bottom:10px;
}
#sysFooter > div:has(.fixFooterBanner) {
opacity: 1;
}

	.fixFooterBanner {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
		position: fixed;
		bottom: 0;
		left: 0;
	}
	.fixFooterBannerText {
		background-color: #fff;
		color: #000;
		padding-bottom: 4px;
		width: 100%;
		text-align: center;
margin: 0;
	}
	.fixFooterBannerButton {
		width: 100%;
		background: #ff8e48;
		padding: 8px;
		display: flex;
		flex-direction: column;
		align-items:center;
		text-decoration: none;
		color: #fff;
	}
	.fixFooterBannerButton:hover {
		color: #fff;
	}

.fixFooterBannerButton span:not([class]) {
	font-size: 14px;
	}

.fixFooterBannerButtonTel {
	font-weight: bold;
	font-size: 18px;
	letter-spacing: .05em;
	line-height: 1.6;
	display: flex;
	align-items: center;
	}

.fixFooterBannerButtonTel img{
	width: 24px;
	height: 24px;
	}
.sysFuncText.p-pagetop {
position: relative;
z-index: 1;
}

#pageTop {
bottom: 0;
}
}
@media screen and (min-width:481px) and (max-width:800px){
/* 20-0 Only Tablet
 *----------------------------------------------------------------------*/
div#sysMain,div#sysAside{ width: 100%; float: none;}/* PCレイアウトを維持する場合は削除 */


/* 20-1 Header */
.h-utilitybtn {
    margin:0 5px;
}
/* 20-1-3 ドロップダウンメニュー */
.h-subMenu .sysHeadline{
    width: 30%;
    float: right;
    position: absolute;
    bottom: 5px;
    right: 5px;
}
.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;
}

/* 23-1-5 メインメニュー*/
.h-mainMenu{
border-right: none;
border-left: none;
}
/* 23-1-6 検索フォーム */
.h-search .sysContent{ padding: 5px;}


/* 23-3-3 Aside Banner */
.s-banner li {
    margin: 0 1%;
    width: 48%;
    float: left;
}
.s-banner {
    overflow: hidden;
}

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

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


.h-sitelogoSP {
    width: 50%;
    max-width: 280px;
    margin: 0 0 5px 5px;
}

.h-utilitybtn .sysContent {
	width: 175px;
}
.h-utilitybtn ul li:nth-child(2),
.h-utilitybtn ul li:nth-child(4) {
	display: none;
}
.h-utilitybtn ul li:nth-child(1),
.h-utilitybtn ul li:nth-child(3) {
	border: none;
	margin: 0;
}

 .top_box {
    height: auto;
    max-width:760px;
    line-height: 1.5;
    margin: 5px auto 10px auto;
}

	.fixFooterBanner {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
		position: fixed;
		bottom: 0;
		left: 0;
	}
	.fixFooterBannerText {
		background-color: #fff;
		color: #000;
		padding-bottom: 4px;
		width: 100%;
		text-align: center;
	}
	.fixFooterBannerButton {
		width: 100%;
		background: #ff8e48;
		padding: 8px;
		display: flex;
		flex-direction: column;
		align-items:center;
		text-decoration: none;
		color: #fff;
	}
	.fixFooterBannerButton:hover {
		color: #fff;
	}

.fixFooterBannerButton span:not([class]) {
	font-size: 12px;
	}

.fixFooterBannerButtonTel {
	font-weight: bold;
	font-size: 16px;
	letter-spacing: .05em;
	line-height: 1.6;
	display: flex;
	align-items: center;
	}

.fixFooterBannerButtonTel img{
	width: 24px;
	height: 24px;
	}
}
@media screen and (min-width:801px){
/* 30-0 Only PC 
 *----------------------------------------------------------------------*/
/* 30-1 Header */
.h-siteinfo,
.h-subMenu {
    margin: 0 auto;
}
.h-siteinfo { text-align: left;}
/* 30-1-3 ドロップダウンメニュー */
.h-subMenu > .sysContent {  display: block!important;}
.h-subMenu > .sysHeadline { display: none;}
.h-subMenu .sysAccordionInitialHide {
    position: absolute;
    bottom: 1px;
    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;
}
.h-mainMenu nav {
}
.h-search .sysContent {
    width: 30%;
    position: absolute;
    top: -55px;
    height: 50px;
    right: 0;
    padding: 5px;
}

/* 32-9 トグル機能アニメーション */
.h-subMenu .sysAccordionInitialHide { opacity: 1;}

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

/* 34-4-1 Footer Site Map */
.f-sitemap .sysContent {
    width: 95%;
    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;
}


/*@media screen and (min-width: 481px) {
#sysAll {
    max-width: 1000px;
}*/

.Tmp1col #sysMain {
    height: auto;
    min-height: 400px;
    width: 77%;
    margin: 0 auto;
}

div#sysMain {
    height: auto;
    min-height: 400px;
    width: 77%;
margin-left:3%;
}

div#sysAside {
    width: 20%;
}


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

.top_box {
    height: auto;
    max-width: 1200px;
    line-height: 1.5;
    margin: 5px auto 10px auto;
}

#sysWrap {
	position: relative;
  height: 100%;
	display: flex;
  flex-direction: row-reverse;
  justify-content: stretch;
  align-items: stretch;
overflow: visible;
}


.floatingmenu .sysFuncGridNav.h-mainMenu.gridnav.sysDisplayMobileNone.sysDisplayTabletNone {
height:80px;
}
.floatingmenu .sysFuncGridNav.h-mainMenu.gridnav.sysDisplayMobileNone.sysDisplayTabletNone .sysContent {
position: fixed;
top: 0;
padding-top: 10px;
    background: #fff;
    width: 100%;
    transform: translateX(-50%);
    left: 50%;
    z-index: 999;
}
}
/* #END_OF_RESOURCE_FILE */