/*【シーピース】CSSBasic2023/1/6
*
* Templat BASIC form aishipR sysCartc
* クラス値命名規則
* h:ヘッダー用  m:メイン用 s:サイドバー用 f:フッター用 p:汎用f
* Table Of Content
*ItemSearch
* 1-0 ALL Setting[SP/TAB/PC]
* 10-0 ALL Setting[ For SmartPhone ]
* 20-0 ALL Setting[ For Tablet ]
* 30-0 ALL Setting[ For PC ]
*/

/* notoフォント読み込み
*----------------------------------------------------------------------*/
/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300&display=swap');
body,body *,th,td{font-family: 'Noto Sans JP', sans-serif !important;font-weight: 300;font-size: 16px;}
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200&display=swap');
body,body *,th,td{font-family: 'Noto Sans JP', sans-serif !important;font-weight: 200;font-size: 16px;}

/* 配色セット
*----------------------------------------------------------------------*/
:root {
 --b0: rgba(255, 0, 0, 0.5);/*50%b1*/
 --b1: #fbf9f4;
 --b2: #98857e;
 --g2: #a4cbc1;/*50%g3*/
 --g3: #e4eee8;
 --g4: #a4cbc1;
 --g5: #3b9085;
 --g6: #286560;
 --txt-dark: #4a4a4a;
 --txt-def: #333;
 --txt-bk: #000;
 --gray0: #eee;
}

/* デフォルト解除
*----------------------------------------------------------------------*/
div{margin:0;}
body{margin: 0;padding: 0;}
/*
.btn_w
--------------------------------------------------------------*/
.btn_w{display: block;text-align:center !important;display:block;background: var(--g6) !important;color:#fff !important;transition: opacity .3s ease !important;text-decoration: none !important;}
.btn_w:hover{opacity: .5;}
.btn_w.upper{margin-bottom: 40px}
.btn_w.bottom{margin-top: 40px}
footer p.credit{font-size: 16px;background: #fff !important;}
/*
.sysErrorMessage{margin-bottom: 0px;padding: 0.3em 0 0;display:none;}
.sysErrorFormField{}*/

/* 1-0 ALL Setting
*----------------------------------------------------------------------*/
/* ★サイズ指定・背景色変更済み★ */
/*body {background-color: #ffff; font-size:16px;}*/
body {margin: 0px;padding: 0px;}
#sysAll{max-width: 100%;background-color: transparent;padding: 0;}
#sysHeader, #sysMain, #sysAside, #sysFotoer { padding: 0 5px;}
#sysWrap {margin: 0 auto;padding: 0;overflow: hidden;width:100%;margin:0 auto;}
#sysMain,#sysAside{ background-color: #fff;}
#sysHeader,#sysFooter{ padding: 0; margin: 0;}
#sysHeader{ background: #fff;}
#sysFooter{ background-color: transparent;}
#sysFooter > div{ background-color: transparent; margin: 0 auto; padding-bottom: 5px;}
#sysMain{/*line-height: 1.5;*/font-size:16px;}


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


/* 1-1 Webkit appearance */
input[type=search],
input[type=submit] {-webkit-appearance: none;padding: 0 !important;/*padding: 0 0.5rem !important;*/}
input:matches([type="button"], [type="submit"], [type="reset"]) {-webkit-appearance: none;}

/* 1-2 input Setting */
input[type=search] {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;padding-left: 5px;}

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

input[type="radio"]:checked{background: #666;}
input{padding-left:10px !important;}


/* 1-3 Content setting */
table {border-collapse: collapse;border-spacing: 0;}
select{-moz-appearance: none;-webkit-appearance: none;appearance: none;}
p {margin: 10px auto;}
h1,h2,h3,h4,h5,h6{ font-size: inherit;}
ul, ol{font-size: 16px;}

/* 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: 183px;float: none;display: inline-block;letter-spacing: normal;margin-left: 10px;margin-right:10px;text-align: left;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: transparent;/*#e4dbc9*/color: #333;
}
/* ★色変更済み★ */
.btn-info:hover{ background: #ffe9ec;}
#sysMypageReminder #sysMain input[type=submit],
.sysBackButton,
.sysNextSubmit {display: block;padding: 10px 15px;text-shadow: none;border-color: transparent;/*border-radius: 3px;*/width: 80%;height: 50px;margin: 0 auto;}
.sysBackButton{max-width: 6rem;margin: 0;transition: opacity 0.3s ease;}
.sysBackButton:hover,
input[type=search]:hover,
input[type=submit]:hover{opacity: 0.5;}


/* 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 .sysItemName,.sysExplanation > div > span,.sysRetailPrice,Num
.sysReview > span{ border-bottom: 1px dashed lightgray;margin-bottom:10px;/*color:#575757;*/color:var(--txt-def);}

/* 2-11 機能パーツ：テキスト */
/* ★フォントサイズ変更★ */
#sysMain .sysContent h3 { border-bottom: 1px dashed lightgray;font-size:1.2rem;}
/*#sysMain .sysContent h3:before {content: "■";padding-right: 10px;}*/

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

/* 2-13 Bootstrap Buttons UI kit */
.btn{text-decoration:none;display:inline-block;margin-bottom:0;font-weight:200;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 : https://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: 40px;background-color: #fff;}
.h-siteinfo h1 {  color: #000;}

/* 3-1-1 サイトロゴ */
.h-sitelogo {margin: 0 auto;background: #fff;padding-bottom: 5px;padding-left: 5px;}
.h-sitelogo .sysContent {width: 350px;max-width: 60%;}
/* 3-1-2 カート・マイページボタン */
.h-utilitybtn {margin: 0 auto;}
.h-utilitybtn .sysContent{width: 30%;float: right;position: relative;bottom: 40px;height: 40px;}
/* 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{text-align: left;font-size: 15px;font-weight: bold;color: var(--g6);line-height: 24px;height: 24px;margin: -20 0 10px;padding: 0 0 0 34px;background: url("<#サイトURL>img/side/bg-logo.jpg") no-repeat left center;}


.h-subMenu .sysAccordion:after{content:"";}
/* 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 {border: 1px solid rgb(212,212,212);line-height: 36px;height: 36px;font-size: small;margin-top: 1px;}
.h-utilitybtn ul li.sysText a:hover {background: rgb(212,212,212);}
.h-utilitybtn ul li.sysText a:before {content: "";width: 15px;height: 15px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.h-utilitybtn ul li.sysText:nth-child(1) a:before {background: url(https://template-advance.aispr.jp/img/icon/icon-mypage.png);background-size: 100%;}
.h-utilitybtn ul li.sysText:nth-child(2) a:before {background: url(https://template-advance.aispr.jp/img/icon/icon-cart.png);background-size: 100%;}

/* 3-1-5 メインメニュー*/
/* ★色変更済み★ */
.h-mainMenu{margin: 0 auto;background: transparent;/*#e4dbc9*/}
.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: 40px;border-right: 0px 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: middle !important;}
.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: #e4dbc9;}
/* 3-1-7 Main Image */
/* ★背景色変更済み★ */ubmit

.p-topimg{background-color: #e4dbc9;}
.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 .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;border-bottom: 1px dotted;}
/* 3-3-2 Aside Login Form & Search Form */
.s-login {line-height: 1.75;}
.s-login ul {text-align: center;}
.s-login li {line-height: 1.5;vertical-align: top;background-color: #ffffff !important;}
.s-login li a {color: #333;text-decoration: none;padding: 10px;display: block;}
.s-login input {width: 95%;margin: 5px auto;line-height: 2;display: block;}
.s-login .sysLoginButton {border: none;padding: 5px;background: transparent;/*#e4dbc9*/color: #333;margin: 15px auto;border-radius: 0;}
.s-login a {text-decoration: none;display: inline-block;background: transparent;/*#e4dbc9*/text-align: center;padding: 5px 15px;margin: 5px;color: #333;border-radius: 0px;}

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

/* 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;width:100%;}
.sysSearchButton {border: none;padding: 10px;background: transparent;/*#e4dbc9*/color: #333;width: 95%;display: block;margin: 10px auto;}
/* 3-4 Footer*/

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

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

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

/* 4-1-2 Pankuzu List*/
.sysCategoryPankuzu,
.sysItemCategoryPankuzu {font-size: small;margin: 20px 0 20px -15px;white-space: nomal;overflow: hidden;background: #fff;color: #868686;padding: 0 5px;margin: 0 auto;max-width: 1200px;
width: 100%;}
.sysCategoryPankuzu a,
.sysItemCategoryPankuzu a {display: inline-block;background: fff;padding: 7px 10px;color: #868686;text-decoration: none;font-size:14px;}
.sysCategoryPankuzu a:hover,
.sysItemCategoryPankuzu a:hover {background: var(--g3);}

/* 4-1-3 Category View Mode */
.sysItemCategoryCtl {font-size: small;}
.sysItemCategoryCtl a {display: inline-block;padding: 6px 8px;background: transparent;/*#e4dbc9*/border: 1px solid #ccc;text-decoration: none;margin: 2px 0;font-size:14px;}/*#e4dbc9*/
.sysItemCategoryCtl .sysCurrent{font-weight: 200 !important;background: var(--g3);}


/* 4-1-4 Item PR Setting */
.sysItemPr {font-size: small;padding: 0 5px;background: #fff;/*border-radius: 3px;*/display: inline-block;font-weight: bold;}

/* 4-1-5 Cart Button */
.sysCartButton {border: none;padding: 10px;margin: 5px 0;/*border-radius: 5px;*/background-color: var(--g6);color: #fff;font-weight:normal;cursor: pointer;}
.sysCartButton:hover {background:#ffe9ec;}


/* 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: 19．6%;line-height: 1;float: none;margin: 1% 0;}
.sysItemImages .sysImageList{display: flex;flex-flow: row wrap;align-items: center;}
.sysItemImages .sysImageList li{flex-basis: calc(20% - 3.2px);max-width:calc(20% - 3.2px);align-self :flex-start;margin-right:4px;cursor: pointer;}
.sysItemImages .sysImageList li:nth-of-type(5n){margin-right:0}
.sysImageList{border:none !important;padding-bottom:60px;}
/*.sysImageList:before{content:"■フィッティング・カラー・仕上げなど";display:block;font-size:14px;padding:10px 0 5px;width: 100%;}
.sysImageList:after{content:"※画像をクリックしてください。" !important;display:block;font-size:14px;padding:3px 0 0;width: 100%;}*/


/* 4-2-2 Item Name */
.sysItemName h1, .sysItemName h1 span{ font-size: 24px !important;}
 

/* 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{display: block;margin-bottom: 10px;font-size: 20px;margin-top: 1rem;}
.sysExplanation > div > span{display: block;margin-bottom: 10px;font-size: 20px;margin-top: 1rem;}

.sysItemName + div{margin-bottom:0.5rem;font-size: 16px;}
.sysItemName + div + div{margin-bottom: 1rem;font-size: 16px;}
.sysProduct + hr + div  select {background: #fff url(https://sheepeace.com/_img/common/arrowB.svg) no-repeat right center ;padding: 0 0 0 1rem !important;border: 1px solid #707070 !important;border-radius: 0px !important;color: #666 !important;/*outline: none;*/cursor: pointer;color: #333;font-size: 16px !important;margin: 0 !important;display: inline-block !important;}
.sysProduct + hr + div{margin-bottom: 0.5rem;/*width: 11rem;*/display: block;}
.sysSubTotalArea{margin-bottom: 0.5rem;/*width: 15rem;*/display:block;}

.sysBox{margin-bottom: 2rem !important;border: none !important;border-radius: 0;box-shadow: none;padding: 0;}
.sysOpcProduct .sysOpcItemName{font-size: 1rem !important;margin-bottom:0.5rem !important;}
.opc_variation{font-size: 0.8rem !important;}

/* review ttl */
.sysReview > span {float: left;font-size: 15px;font-weight: bold;color: #ffa9b4;padding-left: 35px;margin-top:5px;margin-left:15px;margin-bottom;15px;background: url("/img/side/bg-logo.jpg") no-repeat left center;}


/* review name */
.sysReview div span{font-size: 14px;font-weight: bold;color: #ffa9b4;padding-left: 0px;border-bottom:none;margin-top:0px;margin-left:15px;margin-bottom;5px;}


/* review count */
span.sysReviewHistoryCount {background: none;margin-left: 0;padding-left: 0;}
ul.sysReviewHistoryList {clear: both;}


/* 4-2-5 Item Explanation */
.sysExplanation table {width: 100%;text-align: center;border: 1px solid #999;line-height: 2;}
.sysExplanation thead {text-align: center;color: #fff;background: #999;}
.sysExplanation td {font-size: small;text-align: left;padding-left: 10px;}

/* 4-2-6 Item BuyForm */
#sysItemDetail .sysRetailPrice { font-weight: bold;}

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

#sysItemDetail .sysForm select {width: 47%;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: transparent;/*#e4dbc9*/padding: 10px;border: 1px solid #999;border-radius: 0;color: #868686;}

#sysItemDetail .sysNumArea button a:hover{background-color: #fff/*bgPink*/;}

#sysNumber {/*text-align: center;*/ line-height: 32px;font-size: 16px;}

#sysItemDetail .sysNumArea {padding-top: 5px;clear: both;text-align: right;}
#sysWishlist .sysButton,
#sysItemDetail .sysCartButton {width: 100%;margin: 0 0 1.5em 0;}
#sysItemDetail .sysShare { padding: 5px 0 5px 2%;}
#sysCartInForm { width: 100%;}

/* 4-2-7 System Button */
.sysLoginButton,
.sysButton {border: none;padding: 0;margin: 0;/*border-radius: 5px;*/background-color: var(--g6);color: #868686;cursor: pointer;width: 100%;}

.sysButton{text-align: center;display: inline-block;height: 2rem;border: 1px solid #707070;/*border-radius: 4px;*/background: #fff !important;color: #707070;opacity: 1;height: 40px;padding: 0 1rem;transition: opacity 0.3s ease;}

.sysLoginButton/*,
.sysButton:hover*/{text-align: center;display: inline-block;height: 2rem;/*border: 1px solid #707070;border-radius: 4px;*/background: #fff !important;color: #707070;opacity: 1;height: 40px;padding: 0 1rem;/*font-size: 0.8rem;border: none;*/}

.sysLoginButton{display: block;width: 50%;margin: 10px auto;padding: 20px;/*max-width: 300px;*/}

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

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

/* 4-2-10 Review */
.sysReview input{text-align:center;font-size: 15px;color: #666;padding: 15px;background-color:#e4dbc9;margin: 25px auto;text-shadow: none;width: 50%;display: block;-webkit-appearance:none;border:none;}

/* 4-2-11 +メルマガ購読 */
.sysFormItem.sysAcceptMailmagazine input{display:inline !important;height:1em !important;}

.sysReview > br {display: none;font-size: 15px;font-weight: bold;color: #ffa9b4;line-height: 24px;height: 40px;padding-left: 40px;background: url("/img/side/bg-logo.jpg") no-repeat left center;border-bottom:3px solid #e4dbc9;margin-top:15px;/*margin-bottom;-5px;*/}

.sysReviewHistoryList li {margin-bottom: 5px;padding: 5px 0;}

.sysReviewHistoryList li:last-child{border: none;}

.sysNickname,
.sysEvaluation {display: inline-block;padding: 0 10px 0 0;color: var(--g5);}
.sysNickname {font-size: large;font-weight: bold;}
.sysReviewDatetime {font-size: small;text-align: right;padding-right: 20px;}
.sysReviewText{ font-size: small;margin-left:15px;margin-right:15px;}

/*/sdgsレビュー一覧*/
.SysAllReviewMailTitle{margin-bottom: 40px;}
.SysAllReviewMailTitle + form{width: calc(100% - 40px);}
.sysReviewItemName{padding: 20px 0;}
.sysReviewItemList ul.sysReviewList{margin: 24px 0;padding: 0 20px;}
.sysReviewItemList ul.sysReviewList li{padding: 10px 0 20px;position: relative;}
.sysReviewText{ font-size: 16px;line-height:2;margin:24px 0 16px;}
.sysReviewItemName a + a{border: 1px solid #999;padding: 5px 10px;font-size: 14px;}
.sysReviewDatetime + form{width: 100% !important;}
.sysReviewDatetime + form input[value="不適切なレビューの報告"]{font-size: 14px;border: 1px solid #999;padding: 0 10px !important;}

/* 4-3 Free Page */
/* 4-3-1 TOP PAGE */

/* 4-4 Form Page */
/* 4-4-1 Cart Button Reset */
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,[type=submit],.sysCart #sysMain button[type=submit],.sysCart #sysMain button {background: transparent;color: #000;text-shadow: none;width: 100%;font-weight: 200;border-radius: 0;border:none;}
.sysCartInDone{ margin: 0;}

/* 4-4-2 Form Page */
/*〜h2*/
#sysMemberRegisterRegister #sysMain h2,
#sysMemberRegisterConfirm #sysMain h2,
#sysMemberRegisterIndex #sysMain h2,
#sysFormThanks #sysMain h2,
#sysFormConfirm #sysMain h2,
#sysFormIndex #sysMain h2 {font-size: 26px;/*font-weight: bold;*/color: #666;line-height: 26px;margin: 0 0 2px;padding: 0 0 0 34px;text-align: left;background-color: #fff !important;/*background: url("https://sheepeace.com/img/style/bg-logo.jpg") no-repeat left center;border-bottom:3px dotted #ffa9b4;*/margin-top:15px;margin-bottom:15px;text-align: center;}
/*〜#sysMain*/
#sysMemberRegisterRegister #sysMain,
#sysMemberRegisterConfirm #sysMain,
#sysMemberRegisterIndex #sysMain,
#sysFormThanks #sysMain,
#sysFormConfirm #sysMain,
#sysFormIndex #sysMain {margin-bottom: 10px;/*padding: 16px 60px 0 60px; padding-left: 60px;padding-right: 60px;line-height:2.2em;*/}

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

#sysMypageReminder #sysMain input,
#sysMemberRegisterIndex #sysMain input,
#sysFormIndex #sysMain input {padding:0 .6em !important;}

#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: 0;border: #707070 1px solid;line-height: 40px;box-shadow: none;/*margin-bottom: 0.5rem*/}
#sysMain textarea { min-height: 75px;}
.sysFormLabel{padding-top: 15px;padding-bottom: 5px;display: block;}
.sysZipcode button,
.sysZipcode .sysFormField { display: inline-block;vertical-align: middle;}
.sysZipcode .sysFormLabel { display: block;}
.sysZipcode .sysFormField {/*width: 350px;*/}
#sysMypageEditMember .sysZipcode .sysFormField { width: 100px;}
.sysZipcode input{/*padding: 0.5rem 5px !important*/;}
#sysMypageEditMember .sysZipcode input{/*padding: 5px !important;*/}
.sysZipcode br{ display: none;}
.sysBirthday input { width: auto!important;max-width:6em !important;text-align: center;}
.sysGender *{vertical-align: middle !important;display: inline-block !important;}
.sysZipcode button{border: 1px solid #6767;background: #fff;padding: 0 12px;height: 27px;border:none;}
.sysMypage #sysMain .sysZipcode .input-append input[type="text"]{width: 50% !important;height: 1.35rem;line-height: 1;}
.sysMypage .sysFormItem.sysName{margin-top: 1rem;}

/* 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: 16px;/*border-radius: 3px;*/margin: 0 auto 0.75rem;min-height: 20px;}

/* 4-4-4 Item Search Form */
.sysItemSearchForm > div {margin: 10px auto;width: 90%;text-align: left;margin:0 auto;}
form.sysItemSearchForm {text-align: center;}
.sysItemSearchForm > div.sysItemSearchFormWord {width: 95%;vertical-align: middle !important;top: -2px;position: relative;}

/* 4-5 MyPage */
/* 4-5-1 Mypage Index */
.sysMypage #sysMain{margin-bottom: 10px;padding-left: 1.5em;padding-right: 1.5em;line-height:2em;width: 100% !important;
 margin: 0 auto !important;}
.sysMypage #sysMain h2{font-size: 26px;color: var(--txt-def);line-height: 26px;margin: 0 0 2px;/*padding: 0 0 0 34px;text-align: left;*/margin:15px 0;background: tranceparent;}

.sysMypage #sysMain > form,
.sysMypage #sysMain > div {padding: 20px 10px 0;}
.sysMypage.sysMypage #sysMain > div{padding: 0.5rem 0 0;}

/* 購入履歴 */
.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: 32.7% !important;padding: 0.5rem !important;vertical-align: top;transition: opacity 0.3s ease;}
.sysMypageNav > form:hover{opacity: 0.5;}
.sysMypageNav > form imput{padding: 0 !important;}

/*.sysMypageNav .sysButton {width: 100%;display: block;line-height: 40px;font-size: 1rem;}*/
.sysMypageNav .sysButton{width: 100%;display: block;line-height: 2rem;height: 2rem;border: 1px solid #707070;/*border-radius: 4px !important;*/background: #fff  !important;color: #707070 !important;font-size: .7rem;opacity: 1;}

/* 4-5-2 Member Profile Editor */
#sysMypageEditDelivery #sysMain > form,
#sysMypageEditMember #sysMain > form{ padding: 0 10px;}
#sysMypageEditDelivery #sysMain input,
#sysMypageEditMember #sysMain input {line-height: 40px;/*padding: 0.87rem 5px;*/font-size:16px;margin: 5px auto 0.5rem;background: #fff;}

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

/* 追加CSS*/
.sysItemPrice　.sysItemSuggestedPrice {font-size: small;}


/* 2-7 グリッドナビ（スタイル:gridnav2） */
.gridnav2 ul li:last-child { border-right: 0;}
.h-kodawari {max-width: 960px;margin: 0 auto;}
.h-kodawari ul li {height: 40px;border-right: 0px solid;}
.h-tel {max-width: 960px;margin: 0 auto;float:right;}

/* 森田記述ここから */
/* 全体 */
ol,
{list-style: none;}
#sysHeader ul li {display: inline-block;}

/* -----------------------------------------------
スライダー
----------------------------------------------- */
/*スライダーCSS*/

/**
* BxSlider v4.1.2 - Fully loaded, responsive content slider
* https://bxslider.com
*
* Written by: Steven Wanderski, 2014
* https://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* https://bxcreative.com
*/


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {position: relative;margin: 0 auto 60px;padding: 0;*zoom: 1;}

.bx-wrapper img {max-width: 100%;display: block;margin: 0 auto;}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {-moz-box-shadow: 0 0 5px #ccc;-webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc;border: none;
 background: #fff;
 /*fix other elements on the page moving (on Chrome)*/
 -webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}

/* LOADER */

.bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}

/* PAGER */

.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}

.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;/*-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;*/}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {left: 10px;background: url(images/controls.png) no-repeat 0 -32px;}

.bx-wrapper .bx-next {right: 10px;background: url(images/controls.png) no-repeat -43px -32px;}

.bx-wrapper .bx-prev:hover {background-position: 0 0;}

.bx-wrapper .bx-next:hover {background-position: -43px 0;}

.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9999;}

.bx-wrapper .bx-controls-direction a.disabled {display: none;}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {text-align: center;}

.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(images/controls.png) -86px -11px no-repeat;margin: 0 3px;}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}

.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(images/controls.png) -86px -44px no-repeat;margin: 0 3px;}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75);width: 100%;}

.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;}




/* -----------------------------------------------
基本
----------------------------------------------- */

/* 基本 */
a:link,
a:visited {color: #ff8c9c;color:var(--txt-def);text-decoration: none;}
a:link:hover,
a[href]:hover {color: #ff5469;color:var(--txt-def);text-decoration: underline;}

p{text-align:left;}


/* -----------------------------------------------
センタリング
----------------------------------------------- */



#main
{margin-left:auto;    /* 左側マージンを自動的に空ける */
 margin-right:auto;   /* 右側マージンを自動的に空ける */
 text-align:left;     /* 中身を左側表示に戻す */
 width:1040px;         /* 幅を決定する */
}


/* -----------------------------------------------
フッター
----------------------------------------------- */
.ft_ttl {background: #683c26;font-size: 20px;font-weight: bold;color: #fff;text-align: center;margin: 0 0 px;padding: 10px;text-align:left;}
.ft_ttl span {font-size: 13px;font-weight: normal;margin: 0 0 0 10px;text-align:left;}
.ft_subttl {border-left: 10px solid #683c26;font-size: 16px;font-weight: bold;color: #ff8c9c;margin: 15px 0 0;padding: 5px 0 5px 10px;text-align:left;}
.ft_subttl span {display: block;font-size: 12px;font-weight: normal;color: #888;margin: 3px 0 0;text-align:left;}

/* -----------------------------------------------
テーブル
----------------------------------------------- */
.ft_bloc {margin: 15px 0 30px;padding: 0 10px;}
.tbl {width: 100%;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-collapse : collapse ;border-spacing: 0;empty-cells: show;margin: 0;padding: 0;margin-bottom:15px;
}
.tbl th {background: #ffa9b4;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;color: #666;font-weight: normal;text-align: center;padding: 1%;color: #888;font-size: 13px;line-height: 150%;letter-spacing: 0.1em;text-align:left;
}
.tbl td {border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 2%;color: #888;font-size: 13px;line-height: 150%;letter-spacing: 0.1em;text-align:left;
}


/* --------------------------------------------------------------
配送について
--------------------------------------------------------------*/

.ft_bg02,
.ft_bg03,
.ft_bg04,
.ft_bg05,
.ft_bg06,
.ft_bg07,
.ft_bg08 {font-size: 15px;font-weight: bold;color: #ffa9b4;line-height: 24px;height: 24px;margin: 0 0 10px;padding: 0 0 0 34px;text-align:left;}
.ft_bg02 {background: url("../img/bg-tokei.jpg") no-repeat left center;}
.ft_bg03 {background: url("../img/bg-nomail.jpg") no-repeat left center;}
.ft_bg04 {background: url("../img/bg-nomail.jpg") no-repeat left center;}
.ft_bg05 {background: url("../img/bg-hako.jpg") no-repeat left center;}
.ft_bg06 {background: url("../img/bg-chui.jpg") no-repeat left center;}
.ft_bg07 {background: url("../img/bg-card.jpg") no-repeat left center;}
.ft_bg08 {background: url("../img/bg-toiawase.jpg") no-repeat left center;}

/* --------------------------------------------------------------
注意書きエリア
--------------------------------------------------------------*/
.area01 {margin: 10px;padding: 10px;width: 90%;border: 1px solid #ccc;margin-bottom:15px;text-align:left;}

.area02 {margin: 15 10 15 10;padding: 0px;width: 90%;border: none;margin-bottom:15px;text-align:left;}

/* --------------------------------------------------------------
リスト
--------------------------------------------------------------*/
/* 上下余白あり */
.list01 li {padding-left: 1em;text-indent: -1em;margin: 0.5% 0 0;text-align:left;}
.list01 li:before {content: "・";}
.list01 li.ttl:before {content: "";padding-left: 0;text-indent: 0;}
/* 下余白あり */
.list02 li {padding-left: 1em;text-indent: -1em;margin: 0 0 0.5%;text-align:left;}
.list02 li:last-child {margin: 0;}
.list02 li:before {content: "・";}
.list02 li.ttl:before {content: "";padding-left: 0;text-indent: 0;}
/* 注意文 */
.list03 li {padding-left: 1em;text-indent: -1em;margin: 0 0 0.5%;text-align:left;}
.list03 li:last-child {margin: 0;}
.list03 li:before {content: "※";}
.list03 li.ttl:before {content: "";padding-left: 0;text-indent: 0;}


/* -----------------------------------------------
プルダウンメニュー
----------------------------------------------- */


#nav{width:1000px;position:relative;
}

#nav,#nav>ul,#nav>ul>li{}
/*親子共*/
#nav ul{
}
#nav li{width: 166px;font-size:14px;font-weight:bold;}


#nav ul li a img{margin:0px;padding:0px;}



/*親だけ*/
#nav>ul{width:100%;z-index:10;position:absolute;
}

#nav> ul> li{height:36px;line-height:0;/*firefoxのプルダウン下隙間なくす*/
 text-align:center;margin:0;padding:0;font-family: "メイリオ",san-selif;font-size: 100%;float:left;cursor:pointer;width:166px;
}
#nav> ul> .nav{padding-left:0px;width:166px;}

#nav>ul>li:hover {
}

/*子だけ*/
#nav ul li ul{width:166px;height:40px;margin:0;padding:0;visibility:hidden;
}

#nav ul li:hover ul{width:166px;visibility:visible;
}


#nav ul li ul li{width:166px;margin:0;padding:0;line-height:30px;text-align:center;background:#fff;color:#333;border-bottom:dotted 1px #b22e7e;position:relative;
}
#nav ul li ul li:hover{background:#f2f2f2;}
.head{ margin:0;padding:0;}

/* -----------------------------------------------
トップナビ
----------------------------------------------- */

#nav-head ul li {isplay: inline-block;}
}

/* -----------------------------------------------
縦位置そろえ
--------------------------------------------- */

.case01 img {vertical-align: middle;}


/* ------------------------------------------------------
サイドメニュー
---------------------------------------------------------- */
/* バナー */
.left_column_bn {width: 200px;border: 1px solid #ccc;text-align: center;margin: 0 0 15px;padding: 1px;}
/* メニュー */
.left_column_nav {width: 200px;overflow: hidden;border: 1px solid #ccc;margin: 0 0 15px;}
.left_column_ttl01 {width: 200px;background-color: #683c26;border: none;margin: 0 0 0px;font-size: 12px;font-weight: bold;color: #ff8c9c;text-decoration: none;padding: 8px 5px 8px 12px;}
.left_column_nav ul {margin: 0 0 -1px;}
.left_column_nav ul li a {background: url("img/side/nav_bg01.gif") no-repeat 7px 9px;display: block;border-bottom: 1px dotted #ccc;padding: 5px 5px 5px 21px;}
.left_column_nav ul li a span {font-size: 11px;color: #999;}
.left_column_nav ul li a:hover {background: url("img/side//nav_bg01.gif") no-repeat -193px 9px #683c26;color: #ff8c9c;text-decoration: none;width:200px;}
.left_column_nav ul li a:hover span {color: #fff;}


/* メニュー内タイトル */

.ft_subttl {border-left: 10px solid #683c26;font-size: 12px;font-weight: bold;color: #ff8c9c;margin: 0px 0 0;padding: 5px 0 5px 10px;border-bottom: 1px dotted #ccc;}
.ft_subttl span {display: block;font-size: 11px;font-weight: normal;color: #888;margin: 3px 0 0;}


/* サイドシーピースアイコン付
---------------------------------------------------------- */

.side-type1 {font-size: 15px;font-weight: bold;color: #ffa9b4;line-height: 24px;height: 24px;margin: 0 0 10px;padding: 0 0 0 34px;background: url("/img/side/bg-logo.jpg") no-repeat left center;}


/* 枠付きエリアボックス
---------------------------------------------------------- */

.area01 {margin: 0px;padding: 5px;width: 100%;border: 1px solid #ccc;margin-bottom:15px;}nav_bg01.gif") no-repeat 7px 9px;display: block;border-bottom: 1px dotted #ccc;padding: 5px 5px 5px 21px;}
.left_column_nav ul li a span {font-size: 11px;color: #999;}
.left_column_nav ul li a:hover {background: url("/img/side/nav_bg01.gif") no-repeat -193px 9px #683c26;color: #ff8c9c;text-decoration: none;}
.left_column_nav ul li a:hover span {color: #fff;}
div#sysAside {width: 20%;float:left;}
div#sysMain {padding:0 /*1em*/;max-width: initial !important;width: 100%;margin: 0 auto 60px;}

.sysHeadline {font-size: 15px;font-weight: bold;color: #ffa9b4;line-height: 24px;height: 24px;padding-left: 40px;background: url("/img/side/bg-logo.jpg") no-repeat left center;border-bottom:3px dotted #e4dbc9;margin-top:15px;/*margin-bottom;-5px;*/max-width:1280px;margin: 0 auto 2.25rem;}
.sysCartTitle {background-color: #fff;color: var(--txt-def) !important;font-size: 28px;padding: 0.5em 0;margin: 2em 0 2em 0;}/*40px*/

/* -----------------------------------------------
ヘッダー茶バック
----------------------------------------------- */
.header_ttl_brown,.header_ttl_brown-icon{background: #683c26;font-size: 20px;font-weight: bold;color: #fff;}
.header_ttl_brown span {font-size: 13px;font-weight: normal;padding-top: 2px;padding-left: 20px;
 background: url("https://www.rakuten.ne.jp/gold/outworld/header/img/btn-yajirushi.png") no-repeat left center;}

.header_ttl_brown span a:link,
.header_ttl_brown span a:visited {color: #fff;}
.header_ttl_brown span a:link:hover,
.header_ttl_brown span a[href]:hover {color: #ff5469;text-decoration: none;}


.header_ttl_brown-icon span {font-size: 13px;font-weight: normal;padding-top: 2px;padding-left: 20px;
}

.header_ttl_brown-icon span a:link,
.header_ttl_brown-icon span a:visited {color: #fff;}
.header_ttl_brown-icon span a:link:hover,
.header_ttl_brown-icon span a[href]:hover {color: #ff5469;text-decoration: none;}

.header_ttl_brown-icon1 span {
 background: url("https://sheepeace.com/img/sp/sp-first2.png") no-repeat left center;}

.header_ttl_brown-icon2 span {
 background: url("https://sheepeace.com/img/sp/sp-login1.png") no-repeat left center;}

.header_ttl_brown-icon3 span {
 background: url("https://sheepeace.com/img/sp/sp-faq1.png") no-repeat left center;}

.header_ttl_brown-icon4 span {
 background: url("https://sheepeace.com/img/sp/sp-melmaga1.png") no-repeat left center;}

.header_ttl_brown-icon4 span {
 background: url("https://sheepeace.com/img/sp/sp-blog1.png") no-repeat left center;}


/* -----------------------------------------------
ページ内タイトル
----------------------------------------------- */

.page-ttl{text-align: left;font-size: 2em;font-weight: bold;color: #ffa9b4;line-height: 24px;height: 24px;margin: 0 0 10px;padding: 0 0 0 34px;background: url("/img/side/bg-logo.jpg") no-repeat left center;}
.page-ttl span{size: 2em;font-weight: bold;color: #ffa9b4;line-height: 24px;
}

h2.sysMypageMajorHeadLine{text-align: center;}
/*h2.sysMypageMajorHeadLine {background-color:#e4dbc9!important;font-color:#683c26;}*/



/* -----------------------------------------------
sシーピースオリジナルスタイル
----------------------------------------------- */


/* -----------------------------------------------
タイトルデザイン
----------------------------------------------- */
.shp-ft_ttl {background: #683c26;font-size: 15px;font-weight: bold;color: #fff;text-align: left;margin: 0 0 15px;padding: 10px;}
.shp-ft_ttl span {font-size: 13px;font-weight: normal;margin: 0 0 0 10px;}
.shp-ft_ttl0 {background: #683c26;font-size: 20px;font-weight: bold;color: #fff;text-align: center;margin: 0 0 15px;padding: 10px;}
.shp-ft_ttl0 span {font-size: 13px;font-weight: normal;margin: 0 0 0 10px;text-align:left;}
.shp-ft_ttl1 {background: transparent;/*#e4dbc9*/font-size: 20px;font-weight: bold;color: #683c26;text-align: center;margin: 0 0 15px;padding: 10px;}
.shp-ft_ttl1 span {font-size: 13px;font-weight: normal;margin: 0 0 0 10px;}
.shp-ft_ttl2 {background: #ffa9b4;font-size: 20px;font-weight: bold;color: #683c26;text-align: center;margin: 0 0 15px;padding: 10px;}
.shp-ft_ttl2 span {font-size: 13px;font-weight: normal;margin: 0 0 0 10px;}


.shp-ft_subttl {border-left: 10px solid #683c26;font-size: 15px;font-weight: bold;color: #ff8c9c;margin: 15px 0 0;padding: 5px 0 5px 10px;text-align: left;}
.shp-ft_subttl span {display: block;font-size: 13px;font-weight: normal;color: #888;margin: 3px 0 0;}

/* -----------------------------------------------
テーブル
----------------------------------------------- */
.shp-ft_bloc {margin: 15px 0 30px;padding: 0 10px;color:#333;}
.shp-tbl {width: 100%;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-collapse : collapse ;border-spacing: 0;empty-cells: show;margin: 0;padding: 0;margin-bottom:15px;color:#333;}
.shp-tbl th {background:#ffa9b4;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;color: #666;font-weight: normal;text-align: center;padding: 1%;color: #888;font-size: 13px;line-height: 150%;letter-spacing: 0.1em;color:#333;width:80px;}
.shp-tbl td {border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 2%;color: #888;font-size: 13px;line-height: 150%;letter-spacing: 0.1em;text-align: left;color:#333;}


/* --------------------------------------------------------------
画像アイコン付
--------------------------------------------------------------*/
.shp-ft_bg02,
.shp-ft_bg03,
.shp-ft_bg04,
.shp-ft_bg05,
.shp-ft_bg06,
.shp-ft_bg07,
.shp-ft_bg08,
.shp-ft_bg09 {font-size: 16px;font-weight: bold;color: #ffa9b4;line-height: 24px;margin: 0 0 2px;padding: 0 0 0 34px;text-align: left;background: url("https://sheepeace.com/img/style/bg-logo.jpg") no-repeat left center;}
.shp-ft_bg101 {font-size: 16px;font-weight: bold;color: #683c26;line-height: 24px;height: 24px;margin: 0 0 10px;padding: 0 0 0 0px;text-align: left;}
.shp-ft_bg02 {background: url("https://sheepeace.com/img/style/bg-tokei.jpg") no-repeat left center;}
.shp-ft_bg03 {background: url("https://sheepeace.com/img/style/bg-nomail.jpg") no-repeat left center;}
.shp-ft_bg04 {background: url("https://sheepeace.com/img/style/bg-nomail.jpg") no-repeat left center;}
.shp-ft_bg05 {background: url("https://sheepeace.com/img/style/bg-hako.jpg") no-repeat left center;}
.shp-ft_bg06 {background: url("https://sheepeace.com/img/style/bg-chui.jpg") no-repeat left center;}
.shp-ft_bg07 {background: url("https://sheepeace.com/img/style/bg-card.jpg") no-repeat left center;}
.shp-ft_bg08 {background: url("https://sheepeace.com/img/style/bg-toiawase.jpg") no-repeat left center;}
.ft_bg09 {background: url("https://sheepeace.com/img/style/bg-logo.jpg") no-repeat left center;}

/* --------------------------------------------------------------
※ボックス　しるし等
--------------------------------------------------------------*/
.shp-area01 {margin-top: 10px;margin-bottom: 10px;padding: 10px;width: 98%;border: 1px solid #ccc;margin-bottom:15px;text-align: left;}

.shp-area01-dot {margin-top: 10px;margin-bottom: 10px;padding: 10px;width: 98%;border: 2px dotted #ccc;margin-bottom:15px;text-align: left;}


.shp-area02 {margin-top: 10px;margin-bottom: 10px;padding: 0px;width: 90%;border: none;margin-bottom:15px;text-align: left;}

/* --------------------------------------------------------------
リスト
--------------------------------------------------------------*/
/* 上下余白あり */
.shp-list01 li {padding-left: 1em;text-indent: -1em;margin: 0.5% 0 0;text-align: left;}
.shp-list01 li:before {content: "・";}
.shp-list01 li.ttl:before {content: "";padding-left: 0;text-indent: 0;}
/* 下余白あり */
.shp-list02 li {padding-left: 1em;text-indent: -1em;margin: 0 0 0.5%;text-align: left;}
.shp-list02 li:last-child {margin: 0;}
.shp-list02 li:before {content: "・";}
.shp-list02 li.ttl:before {content: "";padding-left: 0;text-indent: 0;}
/* 注意文 */
.shp-list03 li {padding-left: 1em;text-indent: -1em;margin: 0 0 0.5%;text-align: left;}
.shp-list03 li:last-child {margin: 0;}
.shp-list03 li:before {content: "※";}
.shp-list03 li.ttl:before {content: "";padding-left: 0;text-indent: 0;}


.shp-bdr-bra-line{border-bottom:8px solid #683c26;margin-top:15px;margin-bottom:15px;text-align: left;}


.shp-bdr-bra-dot{border-bottom:3px dotted #683c26;margin-top:15px;margin-bottom:15px;text-align: left;font-size:17px;}

.shp-bdr-usubra-line{border-bottom:8px solid #e4dbc9;margin-top:15px;}


.shp-bdr-usubra-dot{border-bottom:3px dotted #e4dbc9;margin-top:15px;margin-bottom:15px;text-align: left;font-size:17px;}

.shp-bdr-pink-line{border-bottom:8px solid #ffa9b4;margin-top:15px;margin-bottom:15px;}


.shp-bdr-pink-dot{border-bottom:3px dotted #ffa9b4;margin-top:15px;margin-bottom:15px;text-align: left;font-size:17px;}



/* --------------------------------------------------------------
エリアブロック　
--------------------------------------------------------------*/
.con700{width:700px;}
.con700 p{font-size:15px;margin-bottom:15px;}
.con345left{width:345px;margin-right:5px;float:left;}
.con345left p{font-size:15px;margin-bottom:15px;}
.con345right{width:345px;margin-left:5px;float:right;}
.con345right p{font-size:15px;margin-bottom:15px;}

/*20160609本田追加数量追加減らすボタン減らす*/
button.sysBtnPlus, .sysBtnMinus {display: none!important;}
li.sysFacebook {width: 120px;vertical-align: top;}




/*ヘッダー内メニューの余白を消す*/
.header2 .sysContent {padding: 0 0 5px 0;}

#sysItemCategory div#sysMain, #sysItemDetail div#sysMain {}
a img:hover {opacity: 0.6;filter: alpha(opacity=60);-moz-opacity:0.6;}

/*もっと見るボタン*/
.btn-more1{padding:10px;font-size:20px;/*btn-more1*/
 text-align:center;border:1px solid #e4dbc9;width:200px;background-color:#e4dbc9;text-decoration:none;color:#666;/*border-radius:10px;*/}
.btn-more1 a{text-decoration:none;}
.btn-more1 a:visited{text-decoration:none;}
.btn-more1:hover{background-color:#ffe9ec;text-decoration:none;}

/* topコンテンツエリア */
.topcon-l{width:33%;float:left;background-color:#fff;}
/*@media( max-width:700px ){.topcon-l{width:95%;float:none;height:auto;}
}*/
.topcon-l-top{width:310px;height:200px;background-color:#ffffff;}
/*@media( max-width:700px ){.topcon-l-top{width:95%;height:auto;background-color:#ffffff;}
}*/
.topcon-l-under{width:310px;height:200px;
 background-color:#ffffff;margin-top:30px;}
/*@media( max-width:700px ){.topcon-l-under{width:95%;height:auto;background-color:#ffffff;}
}*/




/* topコンテンツ アイコンとキャッチ */
.topcon-icon{color:#683c26 ;font-size:0.8em;font-weight:bold;background-color:#fff;border:2px solid #e4dbc9 ;padding-top:5px;padding-left:5px;padding-bottom:4px;padding-right:4px;float:left;/*border-radius:3px;*/width:30%;}


.topcon-catch{color:#683c26 ;font-size:0.8em;font-weight:bold;padding-top:5px;padding-left:7px;padding-bottom:4px;padding-right:4px;float:right;text-align:left;width:70%;}

/* topカテゴリーエリア */
.topcate{width:230px;float:left;background-color:#fff;margin-left:10px;margin-right:10px;}


.topcate-img{width:100%;height:auto;background-color:#ffe9ec;margin-top:10px;color:#666;padding-top:10px;padding-bottom:10px;}


.topcate-img:hover{background-color:#e4dbc9;}



.sysItemList ul li .sysItemName a {display: inline-block;height: 40px;}


/* --------------------------------------------------------------
スマホスライドメニュー
--------------------------------------------------------------*/
#wrap{width: 80px;height:80px;background-color: #fff;position: relative;}
/*open button start*/
label[for="sample"],div.spMenuButton{position: absolute;top: 10px;right: 10px;
 z-index: 999;font-size: 14px;color: #000;}

input[type="checkbox"]#sample {visibility: hidden;}

/*疑似要素で背景*/
input[type="checkbox"]#sample:checked:before{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.40);content: "";
 position: fixed;top: 0;left: 0;
 visibility: visible;z-index: 2147483645;}

/*疑似要素で閉じるボタン*/
input[type="checkbox"]#sample:checked:after{width: 45px;background: rgba(255, 255, 255, 0.80);content: "\00d7";color: #000;text-align: center;font-size: 40px;line-height: 38px;border-radius: 50%;visibility: visible;display: block;z-index: 2147483647;
 position: fixed;top: 5px;left: 82%;}
/*open button end*/




/*iframe start*/

input[type="checkbox"]#sample + #cover {width: 80%;height: 100%;background:rgba(245, 245, 245, 0.1);transition: 0.1s ease-in-out;
 position:fixed;top:0;left: -80%;}

input[type="checkbox"]#sample:checked + #cover {overflow:scroll;-webkit-overflow-scrolling:touch;
 z-index: 2147483646;left: 0;}

input[type="checkbox"]#sample + #cover > iframe {width: 100%;height: 100%;background:rgba(245, 245, 245, 0.95);border:none;
 z-i
 ndex: 2147483646;}


/* --------------------------------------------------------------
ブログ一覧スタイル
--------------------------------------------------------------*/
li.rss-thumbnail {width: 24%;display: inline-block;vertical-align: top;margin: 0.5%;}
li.rss-thumbnail img{height:100%;max-width:100%;width: 100%;}

li.rss-thumbnail p{padding:0 !important;}


/* ----------------------------------------------------------
スマホヘッドメニュー
--------------------------------------------------------------*/

.sp-menu1 {background-color: #683c26;width:100%;margin-top:-5px;padding-top:10px;z-index: 9999999;}
.sp-fmenu20170507 {background-color: #683c26;width:100%;margin-top:-5px;padding-top:10px;z-index: 9999999;}


.sp-ttl1 {background-color: #e4dbc9;width:100%;
 padding-top:0px;padding-bottom:0px;text-align:center;}


/* ----------------------------------------------------------
SSLステッカー
--------------------------------------------------------------*/
div.sysFuncSslSticker ssl-sticker{text-align:center;}


/* ----------------------------------------------------------
topメイン商材誘導エリア
--------------------------------------------------------------*/

.top-mainitem0{width:100%;margin-top:25px;}

.top-mainitem1{width:40%;border:1px solid #cccccc;padding-top:5px;padding-left:5px;padding-right:5px;float:left;}

.top-mainitem2{width:55%;float:left;margin-left:15px;padding-left:10px;padding-top:5px;padding-bottom:5px;padding-right:5px;}

.top-mainitem-setumei{margin-top:15px;}

.top-mainitem-more{border:1px solid #e4dbc9;;padding:10px;float:right;text-align:center;background-color:#e4dbc9;font-color:#666;font-size:0.9em;background-color:#e4dbc9;color:#666;border-radius:5px;}

.top-mainitem-more a{text-decoration:none;font-color:#666;}

.top-mainitem-more a:visited{text-decoration:none;}

.top-mainitem-more:hover{background-color:#ffe9ec;text-decoration:none;}

.top-mainitem-icon1{border:1px solid #e4dbc9;padding:3px;float:left;font-size:0.5em;text-align:center;border-radius:5px;margin-left:15px;font-weight:bold;vertical-align:middle;background-color:#ffe9ec;}


.top-mainitem-icon1-bw{border:1px solid #e4dbc9;padding:3px;float:left;font-size:0.5em;text-align:center;border-radius:5px;margin-left:15px;font-weight:bold;vertical-align:middle;background-color:#a9987c;color:white;}



.top-mainitem-icon2-pk{border:1px solid #e4dbc9;padding:3px;font-size:0.5em;text-align:center;border-radius:5px;background-color:#ffe9ec;margin-left:15px;font-weight:bold;vertical-align:middle;width:auto;float:right;}


.top-mainitem-icon2-bw{border:1px solid #e4dbc9;padding:3px;font-size:0.5em;text-align:center;border-radius:5px;background-color:#a9987c;margin-left:15px;font-weight:bold;vertical-align:middle;color:#fff;width:auto;}


.top-mainitem-ttl1{font-size:0.9em;float:left;vertical-align:middle;}


/* ----------------------------------------------------------
キャリアドメインの設定注意書き
--------------------------------------------------------------*/

.sysAcceptDomain input
{height:100%}


/* ----------------------------------------------------------
マイページログイン後のサイドボタン修正
--------------------------------------------------------------*/
.sysFuncMemberLogin.s-login a {width: 100%;color:#666;}

.sysFuncMemberLogin.s-login a:hover {back-ground:#ffe9ec;color:#666;text-decoration:none;}


/* ----------------------------------------------------------
中ページ固定ヘッダーバナー下のマージン削除
--------------------------------------------------------------*/
.sysFuncText.pc-eventbnr img {vertical-align: bottom;}


/* ----------------------------------------------------------
シーピースデイバナートップ固定
--------------------------------------------------------------*/
.sysFuncText.sp-sheepeaceday {position: fixed;z-index: 99999;top: 0;}

/* ----------------------------------------------------------
シーピースデイバナーPC背景
--------------------------------------------------------------*/
.sysFuncText.pc-sheepeaceday {width: 100%;background-image: url("https://sheepeace.com/img/header/sheepeaceday-bg.png") x-repeat;height:80px;}

/* ----------------------------------------------------------
SP 送料情報
--------------------------------------------------------------*/
.sp-ttl-souryou {background-color: #e4dbc9;width:100%;
 padding-top:0px;padding-bottom:0px;text-align:center;
 position: fixed;top: 0;}

/* ----------------------------------------------------------
PC シーピースデイ横帯
--------------------------------------------------------------*/
.sysFuncText.pc-sheepeaceday{height:50px !important;}


/* ----------------------------------------------------------
instagram更新エリア
--------------------------------------------------------------*/
.instagram_up0{width:100%;margin-top:25px;}

.instagram_up-more{border:1px solid #e4dbc9;;padding:10px;float:center;text-align:center;background-color:#e4dbc9;font-color:#666;font-size:1.5em;background-color:#e4dbc9;color:#666;/*border-radius:5px;*/}

.instagram_up-more a{text-decoration:none;font-color:#666;}

.instagram_up-more a:visited{text-decoration:none;}

.instagram_up-more:hover{background-color:#ffe9ec;text-decoration:none;}


/* ----------------------------------------------------------
イメージの隙間消し
--------------------------------------------------------------*/
img{vertical-align:bottom;}


/* ----------------------------------------------------------
カレンダ－のタイトル
--------------------------------------------------------------*/

.side-type1 {font-size: 15px;font-weight: bold;color: #ffa9b4;line-height: 24px;height: 24px;padding-left: 40px;background: url(/img/side/bg-logo.jpg) no-repeat left center;border-bottom: 3px dotted #e4dbc9;margin-top: 15px;text-align:left;}


/* ----------------------------------------------------------
闇市　ログインページ
--------------------------------------------------------------*/
.sysYamiForm div input {max-width: 200px;height: 40px;border: none;padding: 10px;background: #ffe9ec;display: block;margin-top: 50px !important;/*border-radius: 3px;*/font-size:1.6em !important;line-height:1.6em !important;letter-spacing:0.1em !important;}



/*
ボタンのセンタリング
-----------------------/
.form-salon #sysAll #sysMain form input.sysNextSubmit {margin: 0 auto;}

/*
卸会員登録　入力エリアサイズ
-----------------------*/
.form-salon input[name="item[3][answer][0]"] {max-width: 150px;}
.form-salon input[name="item[6][answer][0]"] ,
.form-salon input[name="item[7][answer][0]"],
.form-salon input[name="item[0][answer][0]"],
.form-salon input[name="item[1][answer][0]"],
.form-salon input[name="item[2][answer][0]"]
{max-width: 300px;}

/*
フリーフォーム 確認する/送信するボタン
----------------------*/
#sysFormIndex #sysAll #sysMain form input.sysNextSubmit,
#sysFormConfirm #sysAll #sysMain form input.sysNextSubmit
{margin: 0 auto;}
.sysNextSubmit {border: none;padding: 10px;background: var(--g6) !important;color:#fff;/*letter-spacing: 0.1em !important;*/display: block;/*margin-top: 50px !important;margin-bottom: 60px !important;max-width: 300px;*/border-radius: 0;transition: opacity 0.3s ease;}
.sysNextSubmit:hover{opacity: 0.5;}

/*
フリーフォーム コメント  調整
--------------------------------------------------------------*/
#sysFormIndex #sysAll #sysMain p{line-height: 1.5rem ;}


/* ----------------------------------------------------------
スライダーリニューアル2018
--------------------------------------------------------------*/
.slider-renew2018{width:1000px;height:480px;}


.sheepeace-con2{width:1000px;}



/* ----------------------------------------------------------
シーピースショーツリンクボタン
--------------------------------------------------------------*/
.sheshorts-linkbtn{width: 80%;background-color: #a9987c;margin-top: 10px;text-align: center;color: #fff;font-size: 1em;/*er-radius: 5px;*/height: 40px;padding-top: 12px;margin-bottom: 25px;}



/* ----------------------------------------------------------
特別会員価格
--------------------------------------------------------------*/
.sysDiscountedItemPrice {font-size: 20px;font-weight: bold;color: #0000d0;}



#sysHeader ul li{float:none;}


/* ----------------------------------------------------------
送料無料までいくら
--------------------------------------------------------------*/
#sysBasket .sysTotalTxt + div,#sysOnePageConfirm　.sysTotalTxt + div {/*display: none;*/display:inline-block;padding: 0.5em 2em;}

/* ----------------------------------------------------------
商品詳細ページ＞バリエーション選択肢下注釈
--------------------------------------------------------------*/
#sysItemDetail div#sysVariation:after {content: "◯…在庫あり、△…在庫少、×…在庫なし";display: block;font-size: 14px;}

/* ----------------------------------------------------------
レビューページ共通改定20181101
--------------------------------------------------------------*/

/*レビュー本文*/
#sysItemReviewIndex div#sysMain .sysReviewHistoryList .sysNickname,
#sysItemReviewIndex div#sysMain .sysReviewHistoryList .sysNickname + .sysEvaluation {font-size: 14px;/*color: #ffa9b4;*/font-style:bold;}
#sysItemReviewIndex div#sysMain .sysReviewHistoryList .sysNickname + .sysEvaluation + .sysReviewText {margin-left: 0;}
/*商品詳細ボタン*/
#sysItemReviewIndex div#sysMain h2 + div + form .sysButton{/*font-size: 1.4em;*/padding: 10px 30px !important;margin: 1em 0;background: #ffa9b4;background: var(--gray9); color:#fff;color: var(--txt-def);}
/*#sysItemReviewIndex div#sysMain h2 + div + form .sysButton:hover {background: #ffe9ec;color:#666;}*/
/*不適切レビューボタン位置*/
#sysItemReviewIndex div#sysMain .sysReviewHistoryList li div.sysReviewImproperForm{margin-left: calc( 100% - 12.5em);}
#sysItemReviewIndex  input[type=submit] {width: initial;}


/* ----------------------------------------------------------
商品詳細ページ共通改定20181106
--------------------------------------------------------------*/
#sysItemDetail #sysSelections,
#sysItemDetail #sysVariation,
#sysItemDetail .sysRetailPrice,
#sysItemDetail .sysSuggestedRetailPrice{width: 100% !important;margin: 0 auto 1em;}
#sysItemDetail .sysCartInButton{margin: 0 0 1em 0}
#sysItemDetail .orderArea{margin-bottom: 2em}
#sysItemDetail #sysExplanation{margin-top: 4em}
#sysItemDetail #sysSelections div{clear: both;font-size: 16px;}
#sysSelections div select,#sysItemDetail #sysNumber{ font-size: 16px;margin-bottom: 32px;}
#sysItemDetail #sysSelections div select,
#sysItemDetail #sysVariation select{float: none;width: 100% !important;margin-bottom: 1em !important;}
#sysItemDetail div#sysVariation:after{margin:0.5em 0}
#sysNumber select{width: auto !important;font-size: 120%}

.con700{width: 100%;}
.con700 p{padding: 0 10px 1em}
.con700 h3{text-indent: 10px;margin-bottom: 2em;}

/*サイドログインまわり*/
#sysAside .sysContent{padding: 0 !important}
#sysAside .sysItemSearchForm > div.sysItemSearchFormWord{width: 100%}
#sysAside .sysItemSearchForm > div{margin-left: 0;margin-right: 0}
#sysAside .sysFuncMemberLogin.s-login a {width: auto;}
#sysAside .sysSearchButton{width: 100%;}
#sysAside .s-login li a{padding: 10px 0;}
#sysAside .s-login a{margin: 10px 0}
#sysAside .s-login .sysLoginButton{width: 100%;font-size: 110%}
#sysAside .loginPassword{width: 100%;}
#sysAside .loginId{width: 100%;margin-bottom: 10px}
#sysAside .left_column_nav{margin-top: 2em;}
#sysAside .sysFuncMemberLogin .sysContent div{letter-spacing: -1px;}

/**/
a:link:hover, a[href]:hover{text-decoration:none;}
.f-copyright span{display:block;margin:0.5em 0;}
.pc-topimg201711 .sysContent{padding:0 0 1em}
.flex-direction-nav a{height: 40px !important;}
.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev{color: transparent !important;}
.sysItemImage img {display: inline-block !important;margin: 0 !important;margin-bottom: .5em !important;}
.sysHorizontal {text-align: left !important;}
h2.sysHeadline {margin-bottom: 1em;}

/*RSS*/
/*div{text-align: left}*/
.blogCover{height: 370px;width:100%;overflow-y:scroll;margin-bottom:3em}
.ninja-recommend.font-size-large .ninja-recommend-article-content, .ninja-recommend.font-size-large .ninja-recommend-article-date, .ninja-recommend.font-size-large.image-frame .ninja-recommend-article-share-one
{font-size: 12px !important;}
.font-size-large .ninja-recommend-article-title
{font-size: 1.1em !important;margin-bottom: 0.5em}
.ninja-recommend img, .ninja-recommend-articles{max-width: initial;}


/* ----------------------------------------------------------
新SPスライドメニュー20181121
--------------------------------------------------------------*/
#cover a:link,
#cover a:visited {color: #683c26;text-decoration: none;}
#cover a:link:hover,
#cover a[href]:hover {color: #683c26;text-decoration: underline;}

input[type="checkbox"]#sample + #cover {width: 80%;height: 100%;transition: 0.1s ease-in-out;position: fixed;top: 0;left: -80%;}
/*iframeを格納(オープン時)*/
input[type="checkbox"]#sample:checked + #cover {overflow-y: scroll;-webkit-overflow-scrolling: touch z-index: 2147483646;left: 0;}
/*iframe*/
input[type="checkbox"]#sample + #cover > #spMenuframe {width: 100%;height: 100%;border: none;z-index: 2147483646;}
#spMenuframe {padding: 10px 0 2em;height: 100%;}
#cover {height: 100% !important;background: rgba(255, 255, 255, 0.95) !important;}
#SlideMenu {height: 100%;padding-left: 0 !important;}
#SlideMenu li {margin-bottom: 5px;list-style-type: none;border-bottom: 1px dotted #ccc;font-size: 14pxposition: relative;background: url(list-head1.jpg) no-repeat 3px;line-height: 1.2;width: 100%;}
#SlideMenu li.tit {;background: transparent;/*#e4dbc9*/background-image: none;text-indent: 5px;padding: 0.5em 0;border-style: none;text-align: left;}
#SlideMenu li.pink {background: #ffe9ec;;background-image: none;border-style: none;}
#SlideMenu li a {display: block;width: calc(100% - 20px);text-decoration: none;margin-left: 20px;padding: 0.6em 0;text-align: left;}
#SlideMenu li.tit a {margin-left: 0.5em;padding: 0
}
#SlideMenu li.pink a {margin-left: 0.5em
}

/* ----------------------------------------------------------
マイページ20181122
--------------------------------------------------------------*/
#sysMypageReminder #sysMain input[type="text"],
#sysMemberRegisterIndex #sysMain input[type="text"],
#sysFormIndex #sysMain input[type="text"]{margin: 0px /*0 -5px*/;background: none;}
form .sysRequired{color: #3b9085 !important;color: var(--g5 !important);}
.sysErrorMessage.errorMessage li{font-size: 14px;line-height: 20px;}
#sysMemberRegisterIndex #sysMain .sysZipcode input[type="text"]{width:116px;}

/* ----------------------------------------------------------
フリーページ20181126
--------------------------------------------------------------*/
h3.page-ttl {font-size: 16px !important;font-weight: bold;line-height: 24px;height: 28px;margin: 0 0 2px;margin-top: 15px;margin-bottom: 15px;padding: 0 0 0 34px;text-align: left;color: #666;border-bottom: 3px dotted #ffa9b4 !important;background: url('https://sheepeace.com/img/style/bg-logo.jpg') no-repeat left center;background-color: #fff !important;}
#sysItemDetail #sysMain .sysItemName h1 {font-size: 145%;}
#sysItemDetail #sysMain .sysItemName {margin: 1em 0 2em;border-style: none;}
#sysAside .loginPassword {-webkit-appearance: none !important;-moz-appearance: none !important;}
#sysAside .loginId {-webkit-appearance: none !important;-moz-appearance: none !important;margin: 1em 0 2em;}
#sysAside .loginPassword {-webkit-appearance: none !important;-moz-appearance: none !important;}
#sysAside .loginId {-webkit-appearance: none !important;-moz-appearance: none !important;}

#sysFormIndex .sysFormItem.sys3 .sysFormField{line-height: 1.6;}
#sysFormIndex .sysForm input,
.sysMypage #sysMain input[type="password"],
.sysMypage #sysMain input[type="email"]{margin: 0!important;background: #fff;font-size: 16px;padding:0;line-height:40px;}
#sysMypageLogin #sysMain input[type=submit],
#sysMypageReminder #sysMain input[type=submit]{margin: 2em auto 1em;}
#sysFormIndex .sysFormItem.sys3 .sysFormField input{margin: 0.5em 0 1em !important;}

/* ----------------------------------------------------------
商品ページtable
--------------------------------------------------------------*/
.shtable table {width: 100%;text-align: center;border: 0px solid #999;line-height: 2;}
.shtable thead {text-align: center;color: #fff;background: #999;}
.shtable td {font-size: small;text-align: center;padding-left: 0px;}

/* ----------------------------------------------------------
select
--------------------------------------------------------------*/
form select {background: #fff url(https://sheepeace.com/_img/common/arrowB.svg) no-repeat right center !important;line-height: 1 !important;border: 1px solid #707070 !important;border-radius: 0px !important;color: #666 !important;/*outline: none;*/cursor: pointer;padding: 0 2rem 0 0.5rem !important;font-size: 16px;/*margin-bottom: 2rem !important;*/}

/* ----------------------------------------------------------
カートへ入れる・カートを見る
--------------------------------------------------------------*/
.sysCartButton.sysCartInButton, .sysCartButton.sysGoCartButton{height: 40px !important;}.sysCart #sysMain form{position: relative;}
.sysCart #sysMain form[name*="guest_order"],.sysCart #sysMain form.opcUseAmazon
{position: initial !important;}

/* ----------------------------------------------------------
注文確定の削除
--------------------------------------------------------------*/
#sysOnePageConfirm.sysCart #sysMain button{display: inline-block;width: 2.9rem;height: 2.5rem;border: 1px solid #707070 !important;/*border-radius: 4px;*/background: #fff !important;color: #707070 !important;font-size: .8rem;opacity: 1;}

#sysOnePageConfirm  #opcCartInItem li{position: relative;padding-bottom: 3rem;}
#sysOnePageConfirm.sysCart .sysDeleteArea{bottom: 0.5rem; !important}
.sysAcceptDomainArea{margin-top: 1rem;}

.sysCartAttention{color:var(--txt-def) !important;/*font-size: 120%;*/}
#sysOnePageConfirm.sysCart #sysMain .cb + button{width: 14rem;}
#sysOnePageConfirm.sysCart #sysMain .cb  +div select{width: 4rem !important;margin-bottom: 0.5rem !important;}
#sysOnePageConfirm.sysCart #sysMain .cb  +div .sysCartAttention{font-size: 1rem;}
.sysAcceptDomain input{color: #707070;background: #fff;padding: 0;line-height: 1;height: 2.7rem;border-radius: 0;font-size: 0.8rem;color: #575757 !important;border: 1px solid #575757!important;background: #fff !important;max-width: 14rem !important;border-radius: 0 !important;}

.sysAcceptDomainArea{vertical-align: middle;margin-bottom: 3rem;}
.sysAcceptDomainArea .sysAcceptDomain{margin: 0;width: 25%;display: inline-block;height: initial;vertical-align: middle;margin-top: 1rem;}
.sysAcceptDomainArea .sysAcceptDomain:nth-of-type(n+3){padding: 1rem;}
.sysAcceptDomainArea .sysAcceptDomain:nth-of-type(n+3) a:after{content:'>>'}

input{outline:none;}

#sysFooter > div.parts_SNS{text-align: right;max-width: 1280px !important;display: block;margin: 0 auto;}
/*.sysCategoryPankuzu a:nth-of-type(1):before{content:'Category：'}*/
/*.sysCategoryPankuzu  br + a:before{content:"■ "}*/
#sysMypageReminder #sysMain input[type=submit]{background-color:var(--g6);color: #fff;max-width: 200px;}
.sysReview form input:nth-of-type(1){padding: 1rem 0 !important;}
.sysMypage input[type=submit]{/*padding: 0 2rem !important;*/}
h3.sysMypageMinorHeadLine + p{font-size: 0.8rem;}
.sysSelectAddress{padding: 0 0 1rem !important;margin:0;}
.sysSelectAddress form{border: 1px solid #707070;padding: 1rem;}
.sysSelectAddress form button{line-height: 1.4;font-size: 0.8rem;padding: 1rem;cursor: pointer;background:#eeee;/*border-radius: 3px;*/border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;;}
.sysSelectAddress form button:hover{background:var(--g3) !important;}
.sysItemReviewLink a {display: inline-block;width: 6rem;border: 1px solid #707070;/*border-radius: 4px;*/background: #fff;color: #707070;font-size: .7rem;opacity: 1;text-align: center;line-height: 2;margin: 1rem 0 0.5rem;transition: opacity 0.3s ease;}
.sysItemReviewLink a:hover {opacity: 0.5;}
#sysMypageIndex .sysItemName a{font-weight: bold;text-decoration: underline;}
#sysMypageIndex .sysItemName a:hover{text-decoration: none;}
.sysCancel{color: var(--g5);}

/*#sysMypageAshiato.sysMypage .sysItemList input[type=submit]{padding: 0.87rem 2rem !important;}*/
#sysMypageReview.sysMypage .sysItemList input[type=submit]{padding: 0.87rem 2rem !important;}

.sysMypage .sysItemList ul.sysThumbnail li{padding:  0 1rem 2rem;}
.sysMypage .sysThumbnail .sysThumbnailImage + div a{display: block;height: 3rem;}

.sysUsePointsExplanation{line-height: 1.6;font-size: 0.8rem;}
.sysUsePointsExplanation + p{line-height: 1.6;font-size: 0.8rem;}

#sysBasket.sysCart #sysMain .opcUseAmazon input[type=submit]{background: var(--g6) !important;color: #fff !important;border-style: none !important;}
.boxTitN{max-width: calc(1280px + 3rem);padding: 0 1.5rem;margin: 0 auto 0.5rem;}
.opcCommonRequireLabel{color:var(--g5) !important;}


/* ----------------------------------------------------------
2020新着記事
--------------------------------------------------------------*/
#feed{margin: 0 auto 0.75rem;padding: 0 2rem;max-width: 1020px;color:#666;}
li.rss-thumbnail{width: calc(25% - 2.25rem) !important;margin: 0 3rem 2.6rem 0 !important;padding: 0 !important;}
li.rss-thumbnail:nth-of-type(4n){margin-right: 0 !important;}
li.rss-thumbnail img{margin-bottom: 1rem;}
.meta .date{font-size: 0.65rem;color: #ccc;line-height: 1.3;display: inline-block;}
.meta .tit{font-size: 0.8rem;color: #62502C;line-height: 1.6;margin-top: 0.2rem;}

/* ----------------------------------------------------------
カテゴリー別商品一覧ALL
--------------------------------------------------------------*/
section.cat6{display: flex;margin: 0 auto;flex-flow: row wrap;align-items: center;}
section.cat6 a{margin: 0 1.75rem 1.5rem 0;padding: 1.35rem 0;border: 1px solid #62502C;/*border-radius: 4px;*/text-align: center;font-size: 1rem;line-height: 1; flex-basis: calc(33.333% - 1.2rem);max-width:calc(33.333% - 1.2rem);}
section.cat6 a:nth-of-type(3n){margin-right: 0;}
/* .cat6searchBlock
*---------*/
.cat6searchBlock{display: block;margin: 0 auto 1.5rem;/*max-width: 42.5rem*/;background: #fff;vertical-align: bottom;}
.cat6searchBlock .sysItemSearchFormWord{display: inline-block;margin-right: 1.75rem;padding: 1.2rem 0;width: calc(100% - 11.55rem);border: 1px solid #707070;background: #fff;vertical-align: bottom;font-size: 1rem;line-height: 1;}
.cat6searchBlock .sysItemSearchFormWord input{margin: 0 1rem;outline: none;font-size: 1rem;}
.cat6searchBlock .sysSearchButton{display: inline-block;width: 9.5rem;background: #D3B1A5;color: #fff;font-size: 1rem;opacity: 1; transition: opacity 0.3s ease;padding: 1.35rem 0 !important;}
.cat6searchBlock .sysSearchButton:hover{opacity: 0.5;}
.items4 h2{margin-bottom: 5rem;color: #62502C;font-size: 2rem;line-height: 1.25;}
.items4 h2 small{display: block;font-size: 1rem;line-height: 1;}
.fb4 {display: flex;margin: 0 auto 3.45rem;max-width:51rem;flex-flow: row wrap;align-items: center;}
.fb4 > a {display: block;margin:0 3rem 3rem 0;max-width:calc(25% - 2.25rem); flex-basis: calc(25% - 2.25rem);}
.fb4 > a:nth-of-type(4n){margin-right: 0;}
.fb4 > a img{display: block;margin-bottom: 0.5rem;width: 100%;height: auto;}
.fb4 > a .name,.fb4 > a .price{display: block;color: #62502C;font-size: 0.7rem;line-height: 1.4;}
.fb4 > a .price{text-align: right;}
.pickup4{margin-bottom: 4rem;padding: 5.85rem 0 6.6rem;background: #fee;}
.fb4 + p{text-align: center;}
.items h3{margin-bottom: 5rem;padding: 1.5rem 0;border: 1px solid #707070;font-size: 1.4rem;line-height: 1;}
.items h3 span:before,.items h3 span:after{color: #CFBE9B;content: '・';font-size: 1.4rem;}
.btnLink{display: inline-block;margin-right: 2rem;min-width: 12rem;/*border-radius: 4px;*/text-align: center;font-size: 0.9rem;line-height: 3;}
.fb4 + p .btnLink:last-of-type{margin-right: 0;}
.babypink{border: 1px solid #D3B1A5;color: #D3B1A5;}
.lightgray{border: 1px solid #ccc;color: #ccc;}

.btn6cat{margin-bottom: 4rem;}
form.sysItemSearchForm{text-align: left;}
.cat6searchBlock .sysItemSearchFormWord {display: inline-block;margin-right: 1.75rem;padding: 1.2rem 0;width: calc(100% - 11.5rem)  !important;border: 1px solid #707070;background: #fff;vertical-align: bottom;font-size: 1rem;line-height: 1;}
.cat6searchBlock .sysItemSearchFormWord,.cat6searchBlock .sysSearchButton {vertical-align: middle !important;}
.catAll_pickup {margin-bottom: 3.5rem;padding: 3.5rem 0 2rem;background: url(https://sheepeace.com//_img/lineup/bg_picup.jpg) no-repeat;background-size: cover;}
.sysHorizontal {display: flex;margin: 0 auto 3.45rem;/*max-width: 51rem;*/flex-flow: row wrap;align-items: stretch;}
.sysHorizontal li {display: block;margin: 0 1.2rem 0 0 !important;padding: 0 !important;max-width: calc(25% - 0.955rem) !important;flex-basis: calc(25% - 0.955rem) !important;}
.sysHorizontal li:nth-of-type(4n) {margin-right: 0 !important;}
.sysHorizontal li a {display: block;}
.sysItemName {display: block;text-align: left;/*font-size: 0.7rem;color: #62502C;*/}
.sysItemName a{line-height: 1.4;}
.sysItemSuggestedPrice {display: block;color: #62502C;text-align: right;font-size: 0.7rem;line-height: 1.4;}
.boxTitN h2.sysHeadline {margin:0 auto 4rem !important;padding: 1.25rem 0;height: initial !important;;height: auto !important;border: 1px solid #707070 !important;font-size: 1.4rem !important;line-height: 1;}
.boxTitN h2.sysHeadline:before,.boxTitN h2.sysHeadline:after {color: #CFBE9B;content: '・';}
.items4{text-align: center;margin-bottom: 6rem;}
.babypink {border: 1px solid #575757 !important;color: #575757 !important;}
.lightgray {border: 1px solid #575757 !important;color: #575757 !important;}
.catAll_pickup h2{line-height: 1;height: initial !important;height: auto !important;font-size: 2rem !important;padding-left: 0;}
.catAll_pickup h2 small{font-size: 0.9rem;}

.cat6searchBlock{display: block;margin: 0 auto 1.5rem;/*max-width: 42.5rem;*/background: #fff;vertical-align: bottom;}
.cat6searchBlock .sysItemSearchFormWord{display: inline-block;margin-right: 1.75rem;padding: 1.2rem 0;width: calc(100% - 11.55rem);border: 1px solid #707070;background: #fff;vertical-align: bottom;font-size: 1rem;line-height: 1;}
.cat6searchBlock .sysItemSearchFormWord input{margin: 0 1rem;outline: none;font-size: 1rem;}
.cat6searchBlock .sysSearchButton{display: inline-block;width: 9.5rem;background: #D3B1A5;color: #fff;font-size: 1rem;opacity: 1; transition: opacity 0.3s ease;padding: 1.35rem 0 !important;}
.cat6searchBlock .sysSearchButton:hover{opacity: 0.5;}


/*ランキング--*/
.rankingALL {padding-bottom: 2.812rem;}
.rankingALL .sysHeadline{filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.3));}
.sysHeadline {background-image: none !important;border: none !important;color: #fff;text-align: center !important;letter-spacing: 2px !important;font-weight: normal !important;font-size: 1.2rem !important;margin: 0 auto 3rem !important;padding-top: 2.25rem;}
.rankingALL .sysHorizontal {display: flex;max-width: 1280px;width:75vw !important;margin: 0 auto;flex-flow: row nowrap;align-items:stretch;}
.rankingALL .sysHorizontal li {position: relative;display: inline-block !important;margin: 0 0.95rem 0 0 !important;padding: 0.82rem !important;flex-basis: calc((100% - 3.82rem) / 5);max-width: calc((100% - 3.82rem) / 5);/*border-radius: 4px;*/background: #fff !important;font-size: 0.75rem !important;filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));line-height: 1.6;}
.rankingALL .sysHorizontal li a {font-size: 0.7rem;line-height: 1.4;}
.rankingALL .sysHorizontal li:nth-of-type(5) {margin-right: 0 !important;}
.rankingALL .sysItemImage img {margin-bottom: 0 !important;}
.rankingALL .sysContent .sysIconRank img {height: 2rem !important;margin: 0 auto 0 !important;display: block;}
.rankingALL .sysHorizontal .sysItemName {margin-bottom: 0 !important;}


/*ヘッダー--*/
#logo h1 {min-width: 190px;padding: 0.5rem 0 0;}
#sysMenu{top: 0.7rem;}
#top_movie  #sysMenu{top:1.2rem;}

/* ----------------------------------------------------------
購入履歴ALL
--------------------------------------------------------------*/
.sysShopOrderNo{margin-bottom: 0.75rem;}
.sysItemName, .sysExplanation > div > span{margin-top: 0.5rem;font-size: 20px;color:var(--txt-def);}
.SysMypageMinorHeadLine + div{margin-bottom: 0.75rem;font-size: 0.9rem;}

/* ----------------------------------------------------------
会員情報変更ALL
--------------------------------------------------------------*/
.sysMemberPassword h3{text-align: left;margin: 1rem 0 0.5rem;font-weight: bold;font-size: 0.9rem;}
.sysMemberPassword h3:before{content: '※';}
.sysMemberPassword h4{text-align: left;margin: 0 0 0.5rem;}
.sysMemberPassword .sysMemberPasswordDescription{margin-bottom: 0.5rem;}

/* ----------------------------------------------------------
クーポンALL
--------------------------------------------------------------*/
.sysCoupon{padding: 1rem !important;}
.sysCoupon div{margin-bottom: 0.5rem;}
.sysCoupon .sysCouponName{font-size: 115%;font-weight: bold;line-height: 1.4;}
.sysCoupon .sysDiscountRate,
.sysCoupon .sysDateTime,
.sysCoupon .sysCouponCount{display: inline-block;margin-right: 0.25rem;}
.sysCoupon .sysDateTime:before,
.sysCoupon .sysCouponCount:before{content: '/ ';}

/* ----------------------------------------------------------
購入履歴+お気に入りALL
--------------------------------------------------------------*/
.sysItemList .sysThumbnailImage + div form{margin-top: 1rem;}
.sysItemList .sysThumbnailImage + div a{line-height: 1.4;height: auto !important;}
.sysItemList .sysThumbnailImage{margin-top: 1rem;}

.sysItemList ul.sysList li .sysThumbnailImage{margin-right: 20px;}
.sysItemList ul.sysList li .sysThumbnailImage + div{float: left;width: calc(100% - 220px);}
.sysItemList ul.sysList li .sysThumbnailImage + div br{line-height: 2;}
.sysItemList ul.sysList li .sysThumbnailImage + div +form{display: inline-block;margin-top: 0.5rem;}
#sysMypageReview.sysMypage .sysItemList .sysThumbnailImage + div input[type=submit],
#sysMypageReview.sysMypage .sysItemList .sysThumbnailImage + div + div input[type=submit]{padding: 0 !important;width: 200px;height: 58px;}

.sysItemList ul.sysThumbnail li .sysThumbnailImage{margin-bottom: 0.75rem;}
.sysItemList ul.sysThumbnail {display: flex;flex-flow: row wrap;}
/*
レビュー入力ALL
--------------------------------------------------------------*/
#sysItemReviewConfirm .sysForm{margin-bottom: 0.5rem !important;padding: 1.5rem !important;background: #FFFCF7 0% 0% no-repeat padding-box !important;}
#sysItemReviewConfirm .sysForm + form input[type=submit]{float: right;width: 8rem;background: var(--g6) !important;color: #fff  !important;border-style: none;}
#sysItemReviewIndex .sysForm{display: flex;flex-flow: row wrap;}
.sysReviewHistoryList{margin: 0 auto;width: 80%;}
#sysItemReviewIndex .sysErrorMessage.errorMessage{margin: 0 auto;width: 80%;font-size: 0.9rem;padding: 0 0 0.5rem;}
#sysItemReviewIndex .sysErrorMessage.errorMessage li{margin-bottom: 0.25rem;}
#sysItemReviewIndex #sysMain form + form{margin: 0 auto;width: 80%;display:block;position: relative;}

#sysItemReviewIndex .sysForm .sysFormItem.sysNickname{flex-basis:100% !important;max-width:100% !important;height: auto;}
/*#sysItemReviewIndex .sysForm .sysFormItem.sysEvaluation{flex-basis:30% !important;max-width:30% !important;height: auto;margin-bottom: 2rem !important;}*/
/*#sysItemReviewIndex .sysForm .sysFormItem.sysReviewText{flex-basis:70% !important;max-width:70% !important;height: auto;}*/
#sysItemReviewIndex .sysForm .sysFormItem.sysEvaluation{flex-basis:100% !important;max-width:100% !important;height: auto;margin-bottom: 2rem !important;order: 3;}
#sysItemReviewIndex .sysForm .sysFormItem.sysReviewText{flex-basis:100% !important;max-width:100% !important;height: auto;order: 2;color: var(--g6) !important;}
#sysItemReviewIndex div#sysMain > h2{margin: 1em 0 0;}
#sysItemReviewIndex #sysMain form{ffont-size: 0.8rem;display: block;margin: 0 auto;width: 80%;font-weight: normal;}
#sysItemReviewIndex #sysMain form .sysFormItem{display: block;}
#sysItemReviewIndex #sysMain form .sysFormItem label{font-size: 0.8rem;font-weight: normal;color: var(--g6) !important;}
#sysItemReviewIndex #sysMain form input[type="text"]{width: 100%;line-height: 1;font-size: 0.9rem;padding: 1rem 0.5rem;background: #fff;margin-top: 0.5rem;font-weight: normal;}
#sysItemReviewIndex #sysMain form .sysFormItem.sysReviewText{margin: 0 !important;width: 100%  !important;}
#sysItemReviewIndex #sysMain form .sysFormItem.sysReviewText textarea{background: #fff;margin-top: 0.5rem;width: 100%;line-height: 1;padding: 0.5rem;height: 5rem;}
#sysItemReviewIndex #sysMain form + form input{height: 1.5rem;top: 1.25rem;position: absolute;right: 0;bottom: 0;}
#sysItemReviewIndex .sysReviewHistoryList form{width: 100% !important;}
#sysItemReviewIndex div#sysMain .sysReviewHistoryList li div.sysReviewImproperForm{margin-left: calc( 100% - 11em);}
/*
退会 ALL
--------------------------------------------------------------*/
.sysWithdrawal{padding: 0 !important;}
.sysWithdrawal p{line-height: 1.6;margin-bottom: 0.5rem;}
#sysMypageWithdrawalConfirm.sysMypage input[type=submit]{padding: 0 !important}
.sysMyPoint div{margin-bottom: 0.5rem;}
/*
youtube
--------------------------------------------------------------*/
.frame-wrapper__video {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;margin-bottom: 50px;}
.frame-wrapper__video iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
/*
ボタン
--------------------------------------------------------------*/
.btnC {display: block;margin: 0 auto .84rem;padding: .925rem 0;width: 10rem;border: 1px solid #575757;/*border-radius: 4px;*/color: #575757;text-align: center;font-size: .9rem;}


/*
マイページ
--------------------------------------------------------------*/
#sysMypageEditMember button[name*="searchAddress"]{width:6em !important;padding:0 !important;line-height: 56px;}
.sysBirthday .sysFormField input[type="text"]{margin-right: 5px !important;}
button[name*="searchAddress"] {padding: 0;width: 6em !important;background:var(--g6) !important;color: #fff;height: 40px !important;margin-top:0 !important;line-height: 40px !important;vertical-align: top;}
button[name*="searchAddress"]:hover{opacity: 0.5;transition: opacity 0.3s ease;}
.sysCouponName .title,.sysCoupon .sysDateTime{display: block;}
.sysCouponDiscount{font-size: 1.2rem;color: #c00;padding-bottom: 0.6rem;}
#sysMypageLogin .sysButton[value="会員ID・パスワードを忘れた場合"]{width: 100%;max-width: 300px;margin:24px auto!important;display: block;}
#searchBlock{vertical-align: middle;}
input[value='退会する'],input[value='退会しない']{width: 7em;}
/*
戻るボタン
------------------------*/
.sysCart #sysMain input[value*="戻る"]{background: transparent !important;font-weight: normal  !important;border-radius: 0px;border: 1px solid var(--g6) !important;color: var(--g5)!important;}
/*
カートオプション
------------------------*/
.sysCart .sysItemListArea .sysBox select{max-width: 100%;}
.sysTotal .sysTotalTxt{text-shadow: none;border: 10px solid #f1f1f1;padding: 10px 20px 15px;}
.sysTotalAmount{text-shadow: none;}
.sysTotal .sysTotalTxt .sysCartAttention, .sysTotal .sysTotalAmount .sysCartAttention
{font-size: 20px;font-weight: 600;}
.sysCart #sysMain input[value*="削除"]{display: block;margin: 20px auto 40px;border: none;border-radius: 0;background: #eee!important;background: var(--gray0)!important;}
.sysCart #sysMain input[value*="戻る"]{display: block;margin: 24px 0 0;border: none;border: none !important;border-radius: 0;background: #eee!important;background: var(--gray0)!important;color: var(--txt-def) !important;}
.sysCart #sysMain .sysNextSubmitArea input[value="ご注文手続きへ"],.sysCart #sysMain .sysNextSubmitArea input[value="会員情報入力へ"]{color: #fff !important;}
.sysCartButton[value="カートに入れる"]{background: var(--g6) !important;color: #fff !important;}
.sysCart .sysBox hr{clear: both;opacity: 0;}
.sysProduct + hr + div select{margin: 10px 0 0 !important;}
#sysSelections{padding-top: 30px;margin-bottom: 30px;}
.nav li:nth-of-type(n + 1){border-bottom: 1px solid #333;}
.nav li:last-of-type{border-bottom: none;}
/*
ログイン
------------------------*/
.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
{border-radius: 0 !important;background: none;}

.sysMemberPassword{margin-top: 9px}
/*.sysLoginButton{margin: 60px auto 0 !important;border:none !important;border-radius: 0 !important;background: var(--g6) !important;color: #fff !important;}*/
#sysRegi input[value="ログインパスワードを忘れた場合"]{display: block !important;margin: 20px auto 0 !important;width: 280px !important;border: none !important;border-radius: 0 !important;background: var(-- gray0) !important;color: var(--txt-def) !important;padding: 0 !important;}
/*
#sysRegi----------*/
.sysLoginButton{margin: 48px auto 0 !important;border:none !important;border-radius: 0 !important;background: var(--g6) !important;color: #fff !important;}
#sysRegi input[value="ログインパスワードを忘れた場合"],
#sysMypageLogin .sysButton[value="会員ID・パスワードを忘れた場合"]{display: block !important;margin: 24px auto 0 !important;width: 280px !important;border: none !important;border-radius: 0!important;background: var(--gray0) !important;color: var(--txt-def) !important;padding: 0 !important;}
#sysRegi .sysBox{margin-bottom: 80px !important;}
/*
sysCar
------------------------
.sysCart div#sysMain{max-width: 800px !important;}*/
/*
regi
------------------------*/
#sysRegisterForm .sysBox,#sysPurchaseAuthCustomer .sysBox{/*background: #f1f1f1;*/}
#sysRegisterForm .sysBox p,#sysPurchaseAuthCustomer .sysBox p{text-align: center;font-size: 16px;}

/*会員登録-性別メルマガ購読*/
#sysMemberRegisterIndex #sysMain input[type="checkbox"]{line-height: 1;height: 1em !important;margin-bottom: 40px;}
#sysMemberRegisterIndex #sysMain input[type="radio"]{line-height: 1;height: 1em !important;}
.sysGender .sysFormField ul.sysFormField {/*padding-top: 15px;*/}

form select ,
.sysCart #sysMain select
{font-size: 16px;line-height:40px !important;height: 40px !important;}

/*
footer
------------------------*/
footer article:first-of-type{border: none !important;padding-top: 0 !important}
.left_column_bn{border: 0;}
/*#sysFooter{border-top: 1px solid #333;}*/
#sysFooter div:first-of-type{max-width: 100%;padding: 0;}
.secom{position: relative;top: 0;right: 0;display: block;margin: 0 auto;width: 100px;}
/*Green Button
------------------------*/
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,
.sysLoginButton,
input[type="checkbox"]#sample:checked:after,
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
[type=submit],
.sysProduct + hr + div  select,
.sysCart #sysMain button[type=submit],
.sysCart #sysMain button,
.sysCart #sysMain .sysNextSubmitArea input[value="ご注文手続きへ"],
.sysCart #sysMain .sysNextSubmitArea input[value="会員情報入力へ"],
/*.sysCart #sysMain input[value*="削除"],
.sysCart #sysMain input[value*="戻る"],*/
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
#sysMypageReminder #sysMain input,
/*#sysMemberRegisterIndex #sysMain input,*/
#sysFormIndex #sysMain input,
.btn_w,
input[value='確認メールを受け取る']
{font-size: 16px;height: 40px !important;line-height:40px !important; }
/*
グレイ＆ナロー Button
------------------------*/
#sysWishlist .sysButton{background: var(--g3) !important;color: var(--txt-def) !important;border: none !important;}

.sysCart #sysMain input[value*="削除"],
.sysCart #sysMain input[value*="戻る"],
input[value="再入荷リクエスト"],
.sysNextSubmit input[value="再入荷リクエスト"],
.sysBackButton,
#sysRegi input[value="ログインパスワードを忘れた場合"],
#sysMemberRegisterIndex input[value*="戻る"],
#sysWishlist .sysButton,
input.sysButton[value="退会する"],
input.sysButton[value="退会しない"],
input.sysCartButton[value="オプション選択"],
#sysMypageEditDelivery #sysMain input[value="戻る"],
#sysMypageEditSavedelivery #sysMain input[value="戻る"],
#sysMypageEditDeliveryinput #sysMain input[value="戻る"]
{background: var(--gray0) !important;color: var(--txt-def) !important;font-size: 12px !important;border: none !important;line-height:40px !important;height: 40px !important;}

.sysCart #sysMain input[value*="削除"],
.sysCart #sysMain input[value*="戻る"],
#sysMemberRegisterIndex input[value*="戻る"]
{width: 176px !important;}
input.sysButton[value="退会する"]{margin:20px 0 30px !important;}

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

::placeholder { color:#e1e1e1;}
.sysErrorFormField::placeholder { color: red;}

/*basket.html*/
#sysBasket.sysCart input[value="ご注文手続きへ"]{appearance: none !important;background: var(--g6) !important;color: #fff !important;border-radius: 0 !important;;border: none !important;}
img.amazonpay-button-inner-image{max-height: 40px !important;}

opcItem_numAndLabelGroup_edit{vertical-align: middle;}
.opcItem_increaseNumButton_edit,
.opcItem_decreaseNumButton_edit
{padding: 0 !important;width: 60px;height: 34px;border: none;border-radius: 0;background: var(--gray0);text-align: center;font-size: 20px;line-height:32px;cursor: pointer;vertical-align: middle;margin: 8px 0　13px;display: none;}

/*レジ価格*/
.sysSuggestedRetailPrice,.sysRetailPrice{font-size: 16px !important;}
.sysRetailPrice span{display: inline-block;margin-right: 16px;}
.sysSuggestedRetailPrice span{display: inline-block;margin-right: 4px;}
#sysMemberRegisterConfirm .sysGender *{display: block !important;}

/*マイページ住所編集*/
#sysMypageEditDelivery #sysMain input[name='zipcode'],
#sysMypageEditDeliveryinput #sysMain input[name='zipcode']
{margin: 0 !important;width: 116px !important;height:40px;background: #fff;font-size: 16px;line-height: 40px;}
#sysMypageEditDelivery button[name*="searchAddress"]{margin-top: 0 !important;}
#sysMypageEditDelivery #sysMain input, #sysMypageEditMember #sysMain input{margin:  0 !important;}
#sysMypageEditDelivery .sysOtherAddress{margin-bottom: 40px;}
#sysMypageEditDelivery #sysMain input[value="戻る"]{width: 130px;margin: 20px 0 40px !important;}
#sysMypageEditSavedelivery #sysMain input[value="戻る"],
#sysMypageEditDeliveryinput #sysMain input[value="戻る"]{width: 130px;}
.sysSelectAddress form button[value="code"]{height: initial!important;line-height: initial!important;}
.sysOtherAddress + div label{display: block;margin: 20px 0;}

#sysMypageEditMember #sysMain input[value="戻る"]{margin: 20px 0 40px !important;}

#sysMypageEditDeliveryinput #sysMain{margin-bottom: 40px !important;}

#sysFormIndex #sysMain .sysFormField input[type="text"]{font-size:16px;}

/*不適切なレビューの報告*/
.SysAllReviewMailTitle,.SysImproperReviewTitle{font-size: 24px;color: var(--g5);text-align: center;margin-bottom: 40px;}
.SysImproperReviewContent{font-size: 16px;line-height: 2;margin: 24px 0 24px;padding: 20px;background: #f1f1f1;}
.SysImproperReviewContent + form,
.SysImproperReviewContent + form + form{width: 100% !important;}
.SysImpropalReviewTextareaTitle{margin-bottom: 10px;display: inline-block;}
input[value="報告"],
#sysItemReviewIndex.sysItemReview input[value="確認"]{margin: 10px 0;width: 100% !important;background: var(--g6) !important;color: #fff !important;}
#sysItemReviewIndex.sysItemReview input[value="戻る"]{background: var(--gray0) !important;color: var(--txt-def) !important;font-size: 12px !important;border: none !important;line-height:40px !important;height: 40px !important;left: 0;right: initial;width: 176px}
#sysItemReviewIndex.sysItemReview textarea{padding: 10px 20px;line-height: 2;}
.SysImproperReviewTitle + form .SysImproperReviewForm li:last-of-type{border: 1px solid #999; padding: 10px 20px;height: 5em;line-height: 2;}
.SysImproperReviewForm{margin-bottom: 20px;}
#sysItemReviewIndex.sysItemReview input[value="並び替え"]{margin: 10px 0;width: 176px !important;background: var(--g6) !important;color: #fff !important;position: relative;top: -1px;}
#sysItemReviewIndex.sysItemReview .SysAllReviewMailTitle + form{width: 100% !important;text-align: center;}

/*お知らせ管理 h1*/
#sysInformation h1{margin-top: 2rem;margin-bottom: 2rem;color: var(--g5) !important;text-align: center;font-size: 1.2rem !important;line-height: 1.6 !important;padding: 0 1em;}

/*闇市パスワード＆闇市タイトル変更*/
.sysYamiForm{max-width: 800px;margin: 0 auto;width: calc(100% - 2.5rem);}
.sysYamiForm div input[name='yami_password']{width: 100%;background: transparent !important;/*max-width: 100%*/}
.sysYamiForm div input[value='送信']{background: var(--g6);font-size: 16px !important;color: #fff;}
/*商品詳細ページの闇市価格の文言を変える*/
.sysYamiPriceName {font-size: 0!important;}
.sysYamiPriceName:before {font-size: 16px;content: "Pre sale価格";display:none;}
.sysYamiPriceValue{color:#f00;}
.sysYamiPriceValue:before {font-size: 16px;content: "Pre sale価格　";color:#f00;}

/*@supports (not (-webkit-hyphens: none)) and (not (-moz-appearance: none)) {
.opcItem_increaseNumButton_edit,
.opcItem_decreaseNumButton_edit{position: relative;top: -2px;}
}*/



/*画像角丸スタイル*/
#maru {
	border-radius: 10px;
}

/*point*/
.point {
font-weight: bold;
font-size: 1.2em;
padding: 0.4em 0;
}



/*会員のみ表示ページ幅*/

.sysRestrictPage{width: calc(100% - 1.5rem);max-width: 800px;position: relative;margin: 0 auto 6rem;}
.sysRestrictPage ul li{margin-bottom: 0.5rem;line-height:1.6;}
.sysRestrictPage li:last-of-type{margin-bottom: 0;}
.sysRestrictPage ul.noDot li{list-style-type: none;}

/*【シーピース】END ------------------------*/



@media screen and (max-width:480px){
/*SP CSS
 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
/*#sysMain,#sysAside{ width: 100%!important;}*/

#sysBasket div#sysMain,
#sysRegi div#sysMain,
.sysOpcBody div#sysMain,
sysMemberRegisterIndex div#sysMain,
#sysMemberRegisterRegister #sysMain, #sysMemberRegisterConfirm #sysMain, #sysMemberRegisterIndex #sysMain, #sysFormThanks #sysMain, #sysFormConfirm #sysMain, #sysFormIndex #sysMain 
{padding: 0 !important;width: calc(100% - 3rem);}


.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: 56px;}
.h-sitelogo li img{
width:75%;
top: 5px;  
    right: 2%; 
left:2px; 
}
.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 {f
    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(https://template-advance.aispr.jp/img/icon/icon-mypage.png);
    background-size: 100%;
}
.h-utilitybtn ul li.sysText:nth-child(2) a:before {
    background: url(https://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: 40%;*/
padding: 0;
    width: 42%;
}
.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.7rem;}

div#sysAside {width: 100%; }



.sysCart #sysWrap {
/*width:94% !important;
margin:0 auto;*/
}


.s-banner li { margin: 5px auto; width:47%;}

.f-sitemap ul li.sysText a {
    margin-left:25px;
margin-right:25px;
padding-top:-5px;
padding-bottom:-5px;
}

.bx-viewport {
    height: auto;
margin-top:30px;
}

.con700{
width:100%;
}


.con345left{
width:100%;
}


.con345rright{
width:100%;
}
li.sysGoogleplus {
    width: 60px;
}
/* topコンテンツエリア */
.topcon-l {
    width: 100%;
    background-color: #fff;
}


/* topカテゴリーエリア */
.topcate{
text-align:center;
width:90%;
float:right;
margin-left:2px;
}



/* ロールオーバー時のチラつき防止 */
.btn-more {
background: url("/img/top/btn-more.jpg") no-repeat;
} 



.btn-more a {
width: 200px;
height: 60px;
background: url("/img/top/btn-more.jpg") no-repeat;
display: block;
text-indent: -9999px;
}


.btn-more a:hover {
background-image: url("/img/top/btn-mor-he.jpg");
}

/* フッターメニューベージュバックの上マージン */
#sysFooter > div {
    /*padding-top: 30px;*/
}


/* --------------------------------------------------------------
ブログ一覧スタイル
--------------------------------------------------------------*/

li.rss-thumbnail {
    width: 49%;
    padding: 2%;
}
li.rss-thumbnail p{
    margin: 0;
}


/* --------------------------------------------------------------
SPタイトルh1
--------------------------------------------------------------*/


.sp-title {
 background-color: #e4dbc9
 }

/* --------------------------------------------------------------
トップメイン商材誘導
--------------------------------------------------------------*/

.top-mainitem0{
margin-left:5px;
}

.top-mainitem1{
width:95%;
border:1px solid #cccccc;
padding:5px;
float:left;
}

.top-mainitem2{
width:95%;
float:left;
padding:5px;
margin-left:-5px;
}

.top-mainitem-icon1{
margin-top:4px;
}

.sysReview div span,
.sysReview > span,
.sysReviewText {
margin-left:0;
margin-right:0;}


/* --------------------------------------------------------------
スマホメニュー下固定
--------------------------------------------------------------*/
.sysFuncText.sp-menu1 {
    position: fixed;
    bottom: 0;
}

.sp-menu1{
padding-top:1px!important;
padding-bottom:1px !important;
}

.sysFuncText.sp-fmenu20170507 {
    position: fixed;
    bottom: 0;
}

.sp-fmenu20170507{
padding-top:1px!important;
padding-bottom:1px !important;
}



/* マイページログイン等のマージン調整 
--------------------------------------------------------------*/
#sysMemberRegisterRegister #sysMain,
#sysMemberRegisterConfirm #sysMain, 
#sysMemberRegisterIndex #sysMain, 
#sysFormThanks #sysMain, 
#sysFormConfirm #sysMain, 
#sysFormIndex #sysMain {
   /* padding-left: 10px;
    padding-right: 10px;*/
}
/* カート内 クレジットカード「年/月」を一列に 
--------------------------------------------------------------*/
.ccExpire select {
    margin: 0!important;
    display: inline!important;
}


/* TOPスライダーのページャー調整
--------------------------------------------------------------*/
.owl-dots .owl-dot span {
    width: 12px!important;
    height: 12px!important;}
.owl-nav .owl-prev {
    left: 9%!important;
}
.owl-nav .owl-next {
    right: 9%!important;
}


/* ----------------------------------------------------------
instagram更新エリアSP
--------------------------------------------------------------*/

.instagram_up1{
width:100%;
border:1px solid #cccccc;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
margin-bottom:10px;
float:left;
}


/* ----------------------------------------------------------
カート、メニューボタン テキスト
--------------------------------------------------------------*/
.sp-sidolmenu,
.sp-headcart{
font-size:13px;
color:#e4dbc9;
}


/* ----------------------------------------------------------
卸会員登録　送信ボタン
--------------------------------------------------------------*/

.form-salon .sysNextSubmit {
    border: none;
    padding: 10px;
    background: var(--g4);
font-size:1.6em !important;
letter-spacing:0.1em !important;
    display: block;
    margin-top: 50px !important;
    margin-bottom: 60px !important;
    max-width: 200px;
    border-radius: 3px;
}


.form-salon p {
    line-height:1.6em !important;
}


/* ----------------------------------------------------------
スライダーリニューアル2018
--------------------------------------------------------------*/
.slider-renew2018{
width:100%;
height:220px;
}

/* ----------------------------------------------------------
トップコンテンツ出し
--------------------------------------------------------------*/

.sheepeace-con2{
width:100%;
}

.sheepeace-con-half{
font-size:1.2em; 
color:#444;
margin-top:25px;
margin-left:20px;
margin-right:20px;
}


/* ----------------------------------------------------------
もっこふんどしタイトル
--------------------------------------------------------------*/
.top-mokkottl-sp{
width:90%;
}


#sysHeader ul li{
float:left;
}

/* ----------------------------------------------------------
20181115
--------------------------------------------------------------*/
.f-copyright a{letter-spacing: -1px;
}
.f-copyright span{font-size: 85%;}

/*.sp-sidolmenu #cover{overflow:hidden !important;}*/

#sysFooter{padding-bottom: 50px;}


.ninja-recommend li.ninja-recommend-article {width:calc(100% - 10px) !important;height: 72px !important;}
.blogCover{height: 220px;}

/* ----------------------------------------------------------
商品ページ20181126
--------------------------------------------------------------*/
#sysItemDetail .sysItemName + .orderArea,
#sysItemDetail .sysReview {width: 94%;margin-left: 3%;
}
div#sysAside,
#first .sysFuncItemBlock,
#sysItemReviewIndex form,
#sysItemReviewIndex .sysReviewHistoryList,
#sysItemReviewIndex form + h3 {width: 94% !important;margin-right: 0;margin-left: 3%;
}
.con700 {width: 94%;
}
#sysItemDetail #sysMain .sysItemName h1 {/*padding-left: 3%;*/padding-bottom: 1rem !important;
}
#sysItemReviewIndex div#sysMain > h2 {font-size: 145%;margin-bottom: 1em;/*padding-left: 3%;*/
}
#sysAside .s-login form,
#sysItemReviewIndex #sysAside form {width: 100% !important;margin-left: 0;
}
#sysAside .s-search input[type=search] {width: 100% !important;
}
#sysItemReviewIndex div#sysMain .sysReviewHistoryList li div.sysReviewImproperForm {margin-left: calc( 100% - 10em);
}

#sysItemDetail h1{padding: 0 1em 1em;
}
#sysItemDetail .sysItemName{border-style: none;
}
.s-login{margin-bottom:3em;
}

/* ----------------------------------------------------------
スライダー高さ調整SP
--------------------------------------------------------------*/
.ecstation_slider iframe{
	min-height: 45vw;
}

/* ----------------------------------------------------------
マイページSP
--------------------------------------------------------------*/

.sysMypageNav > form{
width:100% !important;
padding: 0.3rem !important;
}

/* ----------------------------------------------------------
2020カートSP
--------------------------------------------------------------*/
.sysCart #sysMain input[type=submit]{/*width: 200px !important;max-width: 200px !important;margin: 1rem auto 0;*/font-weight: normal !important;}
#upperAmazonPayButton img:nth-of-type(1), #lowAmazonPayButton img:nth-of-type(1){display: inline-block;margin-top: 0.75rem;}
.sysDeleteArea{text-align: center;}
#sysOnePageConfirm  #opcCartInItem li{position: relative;padding-bottom: 0;}

.sysAcceptDomainArea .sysAcceptDomain:nth-of-type(2){padding: 1rem 0 0;width:14rem}
.sysAcceptDomainArea .sysAcceptDomain:nth-of-type(n+3){padding: 0;width:100%;height: 1rem;}

.boxTitN{max-width: calc(1280px + 1.5rem);}

/* ----------------------------------------------------------
2020新着記事SP
--------------------------------------------------------------*/
	li.rss-thumbnail{width: calc(50% - 1rem) !important;margin: 0 2rem 1.5rem 0 !important;}
	li.rss-thumbnail:nth-of-type(4n){margin-right: 2rem !important;}
	li.rss-thumbnail:nth-of-type(2n){margin-right: 0 !important;}
	.meta .date{font-size: 0.65rem;}
	.meta .tit{font-size: 0.75rem;}

/* ----------------------------------------------------------
カテゴリー別商品一覧SP
--------------------------------------------------------------*/
   .boxTitN h2.sysHeadline {margin:0 0 1.2rem !important;font-size: 0.9rem !important;padding: 0.9rem 0;}
   .sysHorizontal li {display: block;margin: 0 1.25rem 1.5rem 0 !important;padding: 0 !important;max-width: calc(50% - 0.75rem) !important;flex-basis: calc(50% - 0.75rem) !important;}
   .sysHorizontal li:nth-of-type(2n) {margin-right: 0 !important;}
   .items4 a:nth-of-type(1){margin-right: 1rem;}
   .items4 a:nth-last-of-type(1){margin-right: 0;}
   section.cat6 a{
    margin: 0 1.5rem 1.5rem 0;padding: 1rem 0;flex-basis: calc(50% - 0.75rem);max-width: calc(50% - 0.75rem);font-size: 0.8rem;}
   section.cat6 a:nth-of-type(3n){margin-right: 1.5rem;}
   section.cat6 a:nth-of-type(2n){margin-right: 0;}
   .pickup_sanitaly .btnLink{font-size: 0.85rem;letter-spacing: -1px;}
   .sysItemName,.sysItemSuggestedPrice {font-size: 0.9rem;}
.btnLink{margin-right: 0 !important;min-width:14rem;}
.btnLink + .lightgray{margin-top:0.75rem;}
   .cat6searchBlock .sysItemSearchFormWord {;width: calc(100% - 8rem)  !important;margin: 0 1.15rem 0 0;}
.cat6searchBlock .sysItemSearchFormWord input {
    margin: 0;}
  .catAll_pickup {margin-bottom: 2.2rem;padding: 1.5rem 0 0;background-image: none;background-color: #FFFCF7;}
  .catAll_pickup h2{font-size: 1.1rem !important;}
  .cat6searchBlock .sysSearchButton{width: 6.4rem;font-size: 0.9rem;}

#sysItemDetail .rankingALL{left: -1.5rem;position: relative;}

/* ----------------------------------------------------------
購入履歴SP
--------------------------------------------------------------*/
.sysCancel{position: relative;top: -0.6rem;display:block;}

/* ----------------------------------------------------------
クーポンSP
--------------------------------------------------------------*/
.sysCoupon .sysDiscountRate{display: block;margin-right: 0;}
.sysCoupon .sysDateTime:before{content: '';display:none;}

/* ----------------------------------------------------------
購入履歴+お気に入りSP
--------------------------------------------------------------*/
.sysItemList ul.sysList li .sysThumbnailImage + div{float: left;width: calc(60% - 20px);}
#sysMypageReview.sysMypage .sysItemList  .sysThumbnail .sysThumbnailImage + div input[type=submit],
#sysMypageReview.sysMypage .sysItemList .sysThumbnail .sysThumbnailImage + div + div input[type=submit]{width: 100%;}

/* ----------------------------------------------------------
レビュー入力SP
--------------------------------------------------------------*/
#sysItemReviewIndex #sysMain form + form + h3{margin-top: 2rem;}
/*#sysItemReviewIndex #sysMain form + form input[type="submit"]{height: 1.5rem !important;top: 2.5rem;}*/

/* ----------------------------------------------------------
ランキング5
--------------------------------------------------------------*/
.rankingALL .sysHorizontal li{padding-bottom: 0 !important;}

.sysButton[value="会員ID・パスワードを忘れた場合"]{padding: 0 2rem !important;}

 /*
フッターSP
 ------------------------*/
#sysFooter{border-top: 1px solid #333;}
footer article:first-of-type{border: none !important;padding-top:0 !important}
.footerMenu:first-of-type{margin-bottom:0  !important;border: none;}
.footerMenu:nth-of-type(n+2) div a{border-bottom: 1px solid #62502c !important;}
.secom {position: relative !important;top: 0 !important;}
.footerMenu>div a{border:none;}
 /*
h2tit SP
 ------------------------*/
.sysCartTitle{font-size: 28px;}
.opcItem_increaseNumButton_edit,
.opcItem_decreaseNumButton_edit{position: relative;top: -2px;}
#sysItemDetail #sysExplanation{margin-top: 0}

/*/sdgsレビュー一覧SP*/
.sysReviewItemName a{display: inline-block;margin-bottom: 15px;}
.SysImproperReviewContent{margin: 24px 12px 24px;}

.sysPankuzuUrl:first-of-type{padding:7px 0}

/*SP_CSS_END*/
}
@media screen and (min-width:481px) and (max-width:800px){
/* 30-0 Only PC 
 *----------------------------------------------------------------------*/
/* 30-1 Header */

#sysBasket div#sysMain,
#sysRegi div#sysMain,
.sysOpcBody div#sysMain,
sysMemberRegisterIndex div#sysMain,
#sysMemberRegisterRegister #sysMain, #sysMemberRegisterConfirm #sysMain, #sysMemberRegisterIndex #sysMain, #sysFormThanks #sysMain, #sysFormConfirm #sysMain, #sysFormIndex #sysMain 
{max-width: calc(800px + 2rem) !important;}

div#sysMain {padding:0 !important;}
/*div#sysMain {padding:0 1rem !important;}*/

.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 {
    width: 820px;
    border-right: 1px solid;
}
.h-search .sysContent {
    width: 30%;
    position: absolute;
    top: -50px;
    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;
}
.bx-viewport {
    height: 522px;
}
.bx-wrapper img {
    margin: 0 auto;
}
.bx-viewport {
    width: 1000px!important;
    margin: 0 auto;
}





/* ----------------------------------------------------------
instagram更新エリアPC
--------------------------------------------------------------*/

.instagram_up1{
width:30%;
border:1px solid #cccccc;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
margin-left:3%;
margin-bottom:10px;
float:left;
}


.topimg201711{
width: 100%;
height:350px;
background-image: url('https://sheepeace.com/img/top/topbg201711-10.jpg');
margin-top: -10px;/*-20px*/
}


#sysHeader{
margin-bottom:-5px;
}




.sysHorizontal li{
width:22% !important;
}

/* ----------------------------------------------------------
卸会員登録　送信ボタン
--------------------------------------------------------------*/

.form-salon .sysNextSubmit {
    border: none;
    padding: 10px;
    background: #ffe9ec;
font-size:1.6em !important;
letter-spacing:0.1em !important;
    display: block;
    margin-top: 80px !important;
    margin-bottom: 80px !important;
    width: 20%;
    max-width: 250px;
    min-width: 100px;
    border-radius: 3px;
}


.form-salon p {
    line-height:1.6em !important;
}


.form-salon p {
    line-height:1.6em !important;
}


.sysFuncItemBlock.pc-sp_sheepeaceshorts_item ,
.sysFuncItemBlock.pc-sp_sheepeacemokko_item
,#top .sysFuncItemBlock
 {
    max-width: 1000px;
    margin: 0 auto;
background-color:#fff;
}
#top #sysHeader .sysItemBlock ul li {
    float: left;
}

/* ----------------------------------------------------------
フリーフォーム 最大幅 調整
--------------------------------------------------------------*/
#sysFormIndex #sysAll #sysMain,
#sysFormConfirm #sysAll #sysMain{
    max-width: 850px ;
}



/* ----------------------------------------------------------
トップコンテンツ出しPC
--------------------------------------------------------------*/
.sheepeace-con1{
width::1000px;
}

.sheepeace-con-half{
width:490px;
float:left; 
margin-right:10px;
font-size:1.2em; 
color:#444;
}


/* ----------------------------------------------------------
レビューページPC改定20181101
--------------------------------------------------------------*/
#sysItemReviewIndex div#sysMain{width: 78%;}
#sysItemReviewIndex div#sysMain > h2{font-size: 150%;diaplay:inline-block;padding:1em 0;}
#sysItemReviewIndex div#sysMain > h2 + div img{width:60%}

/* ----------------------------------------------------------
商品詳細ページPC改定20181106
--------------------------------------------------------------*/

	/*#sysItemDetail .sysItemImages .sysImageList li{width: 19.4% !important}*/
	#sysItemDetail #sysSelections{width: 100% !important;}
	#sysItemDetail .orderArea{margin-bottom: 3em}


	#sysItemDetail #sysSelections,
	#sysItemDetail #sysVariation{width: 100% !important;}
	#sysItemDetail .orderArea{margin-bottom: 3em}

/*上へボタン*/
	.SmoothScroll_pageTop{right: calc(-60px + (100vw - 1040px) / 2) !important;bottom: 5em!important;}

/* ----------------------------------------------------------
ヘッダーPC改定20181106
--------------------------------------------------------------*/
.header1 .sysContent,
.header1 + .pc-sheepeaceday + .pc-header2-1 .sysContent,
#index_2C .pc-header2-1 .sysContent {padding: 0 !important;
}
#sysWrap {clear: both;
}
#sysWishlist .sysButton,
#sysItemDetail .sysCartButton {width: 100%;
}
/* ----------------------------------------------------------
マイページPC20181122
--------------------------------------------------------------
#sysMemberRegisterRegister #sysMain,
#sysMemberRegisterConfirm #sysMain,
#sysMemberRegisterIndex #sysMain,
#sysFormThanks #sysMain,
#sysFormConfirm #sysMain,
#sysFormIndex #sysMain,
.sysMypage #sysMain,
#lineup #sysMain,
#haiso #sysMain,
#tokusho #sysMain,
#tukekata #sysMain,
#privacypolicy #sysMain,
#faq #sysMain {width: 75%;/*max-width: initial !important;}

/* ----------------------------------------------------------
マイページPC20181130
--------------------------------------------------------------
.header1{overflow:hidden;}
#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: calc(100% - 20px - 2em);
}*/

/* ----------------------------------------------------------
スライダー高さ調整PC
--------------------------------------------------------------*/
.ecstation_slider_pc{
	height: 380px;
}

/* ----------------------------------------------------------
2020カートPC
--------------------------------------------------------------*/
.sysBox{position: relative;}
.sysDeleteArea{/*display: inline-block;position: absolute;right: 0.3rem;bottom: 0.1rem;*/}

/* ----------------------------------------------------------
マイページ住所選択PC
--------------------------------------------------------------*/
.sysSelectAddress{width: calc(50% - 0.5rem - 3px);display: inline-block;margin-bottom: 0.5rem}
.sysSelectAddress:nth-of-type(2n+1){margin-right:1rem}

 /*
フッターPC
 ------------------------*/
.secom {position: absolute;right: 0;top: -1.5rem;}
#sysFooter{border-top: 1px solid #333;}
footer article:first-of-type{;padding-top:2.5rem !important}

.opcItem_increaseNumButton_edit,
.opcItem_decreaseNumButton_edit{position: relative;top: -2px;}

 /*
商品詳細
 ------------------------*/
/*
.sysImageList{width:100.7% !important;}
#sysItemDetail .sysItemImages .sysImageList li{width: 19.2% !important;}*/
.sysItemName.sysDisplayPcNone{display:none !important;}
.sysImageList{padding-bottom: 0;}

.secom{position: absolute;top: -1.5rem;right: 0;display: block;margin: 0;width: 100px;}

/*/sdgsレビュー一覧Tab*/
.sysReviewItemName a{display: inline-block;margin-bottom: 15px;}
.SysImproperReviewContent{margin: 24px 12px 24px;}

.sysItemSearchForm > div.sysItemSearchFormWord {width: 95%;vertical-align: middle !important;/*top: -2px;*/position: relative;}

/*Tablet_CSS_END*/
}
@media screen and (min-width:801px){
.sysDisplayPcNone{
  display:none !important;
}

/*PC_メガメニュー調整20221004*/
.toggleNav{width: 240px;}
.owl-nav .owl-next{right: 20%;}
.owl-nav .owl-prev{left: 20%;}

/*サブメニューPC*/
   .tab li:nth-of-type(1) .toggleNav{width: 960px;height: auto !important;}
   .tab li:nth-of-type(1) .toggleNav ul{width: 960px;height: auto !important;display: flex;flex-flow: row wrap;align-items: center;}
   .tab li:nth-of-type(1) .toggleNav ul li{flex-basis: 25%;max-width:25%;;align-self :flex-start;border-right: 1px dotted #ccc;}
.tab li:nth-of-type(2) .toggleNav{width: 960px;height: auto !important;}
   .tab li:nth-of-type(2) .toggleNav ul{width: 960px;height: auto !important;display: flex;flex-flow: row wrap;align-items: center;}
   .tab li:nth-of-type(2) .toggleNav ul li{flex-basis: 25%;max-width:25%;;align-self :flex-start;border-right: 1px dotted #ccc;}

/*サブメニュー
   .tab li:nth-of-type(1) .toggleNav{width: 720px;height: auto !important;}
   .tab li:nth-of-type(1) .toggleNav ul{width: 720px;height: auto !important;display: flex;flex-flow: row wrap;align-items: center;}
   .tab li:nth-of-type(1) .toggleNav ul li{flex-basis: 33.33%;max-width:33.33%;;align-self :flex-start;border-right: 1px dotted #ccc;}*/

/*PC表示でヘッダースクロール*/
  .header_wrap{position: absolute;}

/*PCカテゴリーページ*/
#sysItemCategory #sysWrap{margin: 0 auto;}
#search #sysWrap,#sysItemDetail #sysWrap,#news #sysWrap,
#questions #sysWrap,#infomation #sysWrap,#sizeguide #sysWrap,#regulation #sysWrap,#startup #sysWrap,#keysearch #sysWrap,#shopping-guide #sysWrap,#law #sysWrap
{margin: 0 auto;}

footer{border-top: 1px solid #333;padding-top: 2.5rem;}

div#sysMain{border: none !important;}

.secom{position: absolute;top: -1.5rem;right: 0;display: block;margin: 0;width: 100px;}

#sysItemReviewIndex div#sysMain{max-width: 800px !important;}

/*PC_CSS_END*/
}
/* #END_OF_RESOURCE_FILE */