/*
 *
 * Templat BASIC form aishipR
 *
 * クラス値命名規則
 * h:ヘッダー用  m:メイン用 s:サイドバー用 f:フッター用 p:汎用
 *
 * Table Of Content
 *
 * 1-0 ALL Setting
 *   1-1 Webkit appearance 
 *   1-2 Layout Setting 
 * 2-0 Function Parts
 *   2-1 Clearfix 
 *   2-2 Holizontal Item Block 
 *   2-3 Vertical Item Block 
 *   2-4 Facebook 
 *   2-5 Button 
 *   2-6 機能パーツ：商品カテゴリ 
 *   2-7 グリッドナビ（スタイル:gridnav） 
 *   2-8 非表示コンテンツ(FB/タグマネージャ等用) 
 *   2-9 トグル機能アニメーション 
 *   2-10 カテゴリ・商品詳細ページ 見出し部下線 
 *   2-11 機能パーツ：テキスト 
 *   2-12 見出し
 *   2-13 Bootstrap Buttons UI kit
 *   2-14 Responsive Grid System
 * 3-0 Module
 *   3-1 Header
 *     3-1-1 サイトロゴ 
 *     3-1-2 カート・マイページボタン 
 *     3-1-3 ドロップダウンメニュー 
 *     3-1-4 カート・ログインボタン 
 *     3-1-5 メインメニュー
 *     3-1-6 検索フォーム 
 *   3-2 Main
 *     3-2-1 Main IMAGE 
 *     3-2-2 Half Banner 
 *     3-2-3 PICK UP Item 
 *     3-2-4 News & SNS 
 *     3-2-5 ShopInformation 
 *     3-2-6 Notice 
 *   3-3 Aside
 *     3-3-1 Aside Check List 
 *     3-3-2 Aside Login Form & Search Form 
 *     3-3-3 Aside Banner 
 *     3-3-4 Aside Login Form 
 *   3-4 Footer
 *     3-4-1 Footer Site Map 
 *     3-4-2 Page Top Btn 
 *     3-4-3 CopyRight 
 * 4-0 Page-Content
 *   4-1 Archive Page 
 *     4-1-1 Free Area 
 *     4-1-2 Pankuzu List
 *     4-1-3 Category View Mode 
 *     4-1-4 Item PR Setting 
 *     4-1-5 Cart Button 
 *     4-1-6  Archive List Item 
 *     4-1-7  Archive Thumbnail Item 
 *   4-2 Item Page 
 *     4-2-1 Item IMAGE 
 *     4-2-2 Item Name  
 *     4-2-3 Order Area 
 *     4-2-4 Item Page Titile 
 *     4-2-5 Item Explanation 
 *     4-2-6 Item BuyForm 
 *     4-2-7 System Button 
 *     4-2-8 Item Text 
 *     4-2-9 Item Gallary 
 *     4-2-10 Review 
 *   4-3 Free Page 
 *     4-3-1 TOP PAGE 
 *   4-4 Form Page 
 *     4-4-1 Cart Button Reset 
 *     4-4-2 Form Page 
 *     4-4-3 Form Confirm Page 
 *     4-4-4 Item Search Form
 *   4-5 MyPage 
 *     4-5-1 Mypage Index 
 *     4-5-2 Member Profile Editor 
 *     4-5-3 Special Point 
 *   4-6 News
 * 10-0 ALL Setting[ For SmartPhone ]
 *   10-1 Header 
 *     10-1-3 ドロップダウンメニュー 
 *   12-2 Holizontal Item Block 
 *     13-1-5 メインメニュー
 *     13-2-2 Half Banner 
 *     13-2-4 News & SNS 
 *     13-2-5 ShopInformation 
 *     13-4-1 Footer Site Map 
 *     13-4-2 Page Top Btn 
 *     14-1-2 Category Pankuzu 
 *     14-1-7  Archive Thumbnail Item 
 *     14-2-3 Order Area 
 * 20-0 ALL Setting[ For Tablet ]
 *   20-1 Header 
 *     20-1-3 ドロップダウンメニュー 
 *     23-3-3 Aside Banner 
 *     23-4-2 Page Top Btn 
 * 30-0 ALL Setting[ For PC ]
 *   30-1 Header 
 *     30-1-3 ドロップダウンメニュー 
 *   32-9 トグル機能アニメーション 
 *     33-3-1 Aside Check List 
 *     34-4-1 Footer Site Map 
 *     34-4-2 Page Top Btn
 */
/* 1-0 ALL Setting
 *----------------------------------------------------------------------*/
/*
body {
  background-color: #000;
}
body,
a,
a:visited {
  color: #fff;
}
a:hover {
  color: #ddd;
}
#sysAll {
  background-color: #000;
  padding: 0;
}
*/
#sysHeader,
#sysMain,
#sysAside,
#sysFotoer {
  padding: 0 5px;
}
#sysWrap {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
#sysMain,
#sysAside {
  background-color: #fff;/*2019 #000*/
}
/*201802 fff*/
#sysHeader,
#sysFooter {
  padding: 0;
  margin: 0;
}
 /*
#sysHeader {
 background: #000;
}
*/
#sysMain {
  line-height: 1.5;
}
/* 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: 960px;*/
}
/* 1-1 Webkit appearance */
input[type=search],
input[type=submit] {
  -webkit-appearance: none;
}
/* 1-2 input Setting */
input[type=search] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  line-height: 2.5;
  padding-left: 5px;
}
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 #d4d4d4;
  cursor: pointer;
  border-radius: 100%;
}
input[type="radio"]:checked {
  background: #666;
}
/* 1-3 Content setting */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
select {
  height: 30px;
}
p {
  margin: 10px auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
}
/* 1-2 Layout Setting */
/* Responsive Grid system */
.grid-row:after {
  content: "";
  display: table;
  clear: both;
}
.grid-row {
  padding-bottom: 0em;
}
/* DEFAULT COLUMN STYLES */
.grid-col {
  display: block;
  float: left;
  margin-left: 2%;
}
.grid-col:first-child {
  margin-left: 0;
}
.grid-col.col-span6:nth-child(2n+1) {
  margin-left: 0;
}
.col-span1 {
  width: 8.33333333333%;
}
.col-span2 {
  width: 16.6666666667%;
}
.col-span3 {
  width: 25%;
}
.col-span4 {
  width: 33.3333333333%;
}
.col-span5 {
  width: 41.6666666667%;
}
.col-span6 {
  width: 50%;
}
.col-span7 {
  width: 58.3333333333%;
}
.col-span8 {
  width: 66.6666666667%;
}
.col-span9 {
  width: 75%;
}
.col-span10 {
  width: 83.3333333333%;
}
.col-span11 {
  width: 91.6666666667%;
}
.col-span12 {
  width: 100%;
}
.grid-col.col-span1 {
  width: 6.5%;
}
.grid-col.col-span2 {
  width: 15.0%;
}
.grid-col.col-span3 {
  width: 23.5%;
}
.grid-col.col-span4 {
  width: 32.0%;
}
.grid-col.col-span5 {
  width: 40.5%;
}
.grid-col.col-span6 {
  width: 49.0%;
}
.grid-col.col-span7 {
  width: 57.5%;
}
.grid-col.col-span8 {
  width: 66.0%;
}
.grid-col.col-span9 {
  width: 74.5%;
}
.grid-col.col-span10 {
  width: 83.0%;
}
.grid-col.col-span11 {
  width: 91.5%;
}
.grid-col.col-span12 {
  width: 100%;
}
/* 2-0 Function Parts
 *----------------------------------------------------------------------*/
/* 2-1 Clearfix */
.p-clearfix:after,
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
/* 2-2 Holizontal Item Block */
.sysContent .sysItemBlock .sysHorizontal {
  letter-spacing: -0.4em;
  text-align: center;
}
.sysContent .sysItemBlock .sysHorizontal li {
  width: 25%;
  float: none;
  display: inline-block;
  letter-spacing: normal;
  margin: 0;
  text-align: center;
  vertical-align: top;
}
/* 2-3 Vertical Item Block */
/* 2-4 Facebook */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span,
.widget_facebook_likebox iframe {
  width: 100% !important;
}
/* 2-5 Button */
.btn {
  padding: 10px 20px;
  display: inline-block;
  margin-top: 10px;
}
.btn-info {
  background: #666;
  color: #000;
  /*201802 fff*/
}
.btn-info:hover {
  background: #999;
}
#sysMypageReminder #sysMain input[type=submit],
.sysBackButton,
.sysNextSubmit {
  background: #666;
  color: #fff;
  display: block;
  padding: 10px 15px;
  text-shadow: none;
  border-color: transparent;
  border-radius: 3px;
  width: 80%;
  height: 50px;
  margin: 0 auto;
}
/* 2-6 機能パーツ：商品カテゴリ */
.sysFuncItemCategory a {
  line-height: 1.75;
  border-bottom: 1px dotted #999;
}
.sysFuncItemCategory a:hover {
  background: #eee;
}
/* 2-7 グリッドナビ（スタイル:gridnav） */
.gridnav ul li:last-child {
  border-right: 0;
}
/* 2-8 非表示コンテンツ(FB/タグマネージャ等用) */
.h-code {
  display: none;
}
/* 2-9 トグル機能アニメーション */
.h-subMenu .sysAccordionInitialHide {
  display: block!Important;
  position: relative;
  opacity: 0;
  z-index: -1;
}
.h-subMenu .sysAccordionInitialHide.active {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 1;
  z-index: 999;
}
/* 2-10 カテゴリ・商品詳細ページ 見出し部下線 */
#sysItemDetail #sysMain .sysItemName,
.sysExplanation > div > span,
.sysRetailPrice,
.sysReview > span {
  border-bottom: 1px dashed lightgray;
}
/* 2-11 機能パーツ：テキスト */
#sysMain .sysContent h3 {
  border-bottom: 1px dashed lightgray;
    margin-top:3em;/*2019追加*/
}
#sysMain .sysContent h3:first-child{/*2019追加*/
    margin-top:0;
}
#sysMain .sysContent h3:before {
  content: "■";
  padding-right: 10px;
}
/* 2-12 見出し */
.headline-1st {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px dotted #d4d4d4;
  padding: 5px;
}
.headline-2nd {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px dotted #d4d4d4;
  padding: 5px;
  margin-left: 15px;
}
.headline-3rd {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px dotted #d4d4d4;
  padding: 5px;
  margin-left: 30px;
}
/* 2-13 Bootstrap Buttons UI kit */
.btn {
  text-decoration: none;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*
.btn.active:focus,
.btn:active:focus,
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
*/
.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none;
}
.btn.active,
.btn:active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 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: #cccccc;
}
.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: #cccccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333333;
}
.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: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
}
.btn-link {
  color: #428bca;
  font-weight: 400;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
  border-color: transparent;
}
.btn-link:focus,
.btn-link:hover {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
  color: #999;
  text-decoration: none;
}
.btn-group-lg > .btn,
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group-sm > .btn,
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn,
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
/* 2-14 Responsive Grid System */
/*	12 COLUMN : RESPONSIVE GRID SYSTEM
	DEVELOPER : DENIS LEBLANC
	URL : http://responsive.gs
	VERSION : 3.0
	LICENSE : GPL & MIT */
.row:after,
.col:after {
  content: "";
  display: table;
  clear: both;
}
.row {
  padding-bottom: 0em;
}
/* DEFAULT COLUMN STYLES */
.col {
  display: block;
  float: left;
}
.span_1 {
  width: 8.33333333333%;
}
.span_2 {
  width: 16.6666666667%;
}
.span_3 {
  width: 25%;
}
.span_4 {
  width: 33.3333333333%;
}
.span_5 {
  width: 41.6666666667%;
}
.span_6 {
  width: 50%;
}
.span_7 {
  width: 58.3333333333%;
}
.span_8 {
  width: 66.6666666667%;
}
.span_9 {
  width: 75%;
}
.span_10 {
  width: 83.3333333333%;
}
.span_11 {
  width: 91.6666666667%;
}
.span_12 {
  width: 100%;
}
.gutters .col {
  margin-left: 2%;
}
.gutters .col:first-child {
  margin-left: 0;
}
.gutters .span_1 {
  width: 6.5%;
}
.gutters .span_2 {
  width: 15.0%;
}
.gutters .span_3 {
  width: 23.5%;
}
.gutters .span_4 {
  width: 32.0%;
}
.gutters .span_5 {
  width: 40.5%;
}
.gutters .span_6 {
  width: 49.0%;
}
.gutters .span_7 {
  width: 57.5%;
}
.gutters .span_8 {
  width: 66.0%;
}
.gutters .span_9 {
  width: 74.5%;
}
.gutters .span_10 {
  width: 83.0%;
}
.gutters .span_11 {
  width: 91.5%;
}
.gutters .span_12 {
  width: 100%;
}
/* 3-0 Module
 *----------------------------------------------------------------------*/
/* 3-1 Header*/
.h-siteinfo {
  height: 40px;
  background-color: #000;
  /*201802 fff*/
}
.h-siteinfo h1 {
  color: #000;
}
/* 3-1-1 サイトロゴ */
.h-sitelogo {
  margin: 0 auto;
  background: #000;
  /*201802 fff*/
  padding-bottom: 5px;
  padding-left: 5px;
}
.h-sitelogo .sysContent {
  width: 200px;
  max-width: 50%;
}
/* 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: #000000;
  background: rgba(0, 0, 0, 0.5);
  right: 0;
  padding: 9px 10px;
  width: 100%;
}
.h-subMenu ul li {
  margin: 10px auto;
}
.h-subMenu .sysHeadline {
  color: #e5e5e5;
  line-height: 60px;
  text-align: center;
  background: #666;
}
.h-subMenu .sysAccordion:after {
  content: "";
}
/* 3-1-4 カート・ログインボタン */
.h-utilitybtn ul li {
  margin-right: 2%;
  width: 48%!important;
  height: 40px;
  line-height: 40px;
  margin-bottom: 0;
}
.h-utilitybtn ul li.sysText a {
  border: 1px solid #d4d4d4;
  line-height: 36px;
  height: 36px;
  font-size: 14px;
  margin-top: 1px;
}
.h-utilitybtn ul li.sysText a:hover {
  background: #d4d4d4;
}
.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(/img/icon/icon-mypage.png);
  background-size: 100%;
}
.h-utilitybtn ul li.sysText:nth-child(2) a:before {
  background: url(/img/icon/icon-cart.png);
  background-size: 100%;
}
/* 3-1-5 メインメニュー*/
.h-mainMenu {
  margin: 0 auto;
  background: #999;
}
.h-mainMenu ul li:last-child a {
  border: 0;
}
.h-mainMenu ul {
  display: table;
  width: 100%;
}
.h-mainMenu ul li {
  display: table-cell;
  float: none;
  height: 50px;
  border-right: 1px solid;
}
.h-mainMenu ul li.sysText a {
  line-height: 1;
  border: none;
  white-space: normal;
  padding: 20px 0;
  margin: 0 auto;
}
.h-mainMenu .sysContent {
  margin: 0 auto;
  background: #000;
  /*201802 fff*/
}
/* 3-1-6 検索フォーム */
.h-search {
  margin: 0 auto;
  position: relative;
  padding: 0 5px 0;
}
.h-search .sysItemSearchForm {
  display: table;
  width: 100%;
}
.h-search .sysItemSearchFormWord {
  display: table-cell;
  padding-right: 10px;
  width: 100%;
  vertical-align: top;
}
.h-search .sysItemSearchFormWord input {
  height: 40px;
  border: 1px solid #c9c9c9;
  padding: 5px;
  vertical-align: bottom;
}
.h-search .sysSearchButton {
  width: 100px;
  padding: 6px;
  height: 40px;
  border: 1px solid #999;
  border-radius: 3px;
  margin: 0 auto;
  background-color: #999;
}
/* 3-1-7 Main Image */
.p-topimg {
  background-color: #ddd;
}
.p-topimg .sysContent {
  margin: 0 auto;
  padding: 5px;
}
/* 3-2 Main*/
/* 3-2-1  */
/* 3-2-2 Half Banner */
.p-banner ul {
  text-align: center;
  clear: both;
  margin: 10px auto;
}
.p-banner li {
  width: 49%;
  display: inline-block;
}
/* 3-2-3 PICK UP Item */
.p-pickup .sysContent {
  padding: 5px 0;
}
.p-pickup .sysContent .sysHorizontal li {
  padding: 0 2.5px;
}
/* 3-2-4 News & SNS */
.p-news .sysContent {
  line-height: 1.5;
}
.p-news li {
  padding-left: 10px;
}
/* 3-2-5 ShopInformation */
.p-shopInfo .sysContent {
  text-align: center;
}
.shopinfo-inner {
  display: inline-block;
  width: 48%;
  width: -webkit-calc(40%);
  width: calc(40%);
  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 {
  display: inline-block;
  width: 46%;
  line-height: 1.5;
  vertical-align: top;
  background: #666;
}
.s-login li a {
  color: #fff;
  text-decoration: none;
  padding: 10px;
  display: block;
}
.s-login input {
  width: 95%;
  margin: 5px auto;
  line-height: 1.5;
  display: block;
}
.s-login .sysLoginButton {
  border: none;
  padding: 5px;
  background: #666;
  color: #fff;
  margin: 10px auto;
  border-radius: 0;
}
.s-login a {
  text-decoration: none;
  display: inline-block;
  background: #666;
  text-align: center;
  padding: 5px 15px;
  margin: 5px;
  color: #fff;
  border-radius: 3px;
}
/* 3-3-3 Aside Banner */
.s-banner {
  margin-bottom: 10px;
}
.s-banner li {
  margin: 5px auto;
}
/* 3-3-4 Aside Login Form */
.s-search {
  line-height: 1.75;
}
.s-search ul {
  text-align: center;
}
.s-search input[type=search] {
  width: 95%!important;
  margin: 5px auto;
  line-height: 2.5;
  display: block;
}
.s-search .sysItemSearchAndOr,
.s-search .sysItemSearchFormCategory {
  text-align: center;
}
.sysSearchButton {
  border: none;
  padding: 10px;
  background: #666;
  color: #fff;
  width: 95%;
  display: block;
  margin: 10px auto;
}
/* 3-4 Footer*/
/* 3-4-1 Footer Site Map */
.f-sitemap ul li.sysText a {
  color: #fff;
  padding: 0;
  background: #666;
  display: block;
  border: 1px solid #ddd;
  text-align: center;
}
.f-sitemap ul li.sysText a:hover {
  background: #999;
}
/* 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: 14px;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
    /*2019
  background: #666;
  color: #fff;
    */
  padding: 0 5px;
}
.sysCategoryPankuzu a,
.sysItemCategoryPankuzu a {
  display: inline-block;
    /*2019
  background: #666;
  padding: 5px 10px;
  color: #fff;
    */
  text-decoration: none;
}
.sysCategoryPankuzu a:hover,
.sysItemCategoryPankuzu a:hover {
    /*2019
  background: #999;
    */
}

.sysItemCategoryPankuzu a:first-child{
display:none;
}

/* 4-1-3 Category View Mode */
.sysItemCategoryCtl {
  font-size: 14px;
}
.sysItemCategoryCtl a {
  display: inline-block;
  padding: 2px 4px;
    /*2019
  background: #ddd;
  border: 1px solid #999;
  border-radius: 3px;
    */
  text-decoration: none;
  margin: 2px 0;
}
/* 4-1-4 Item PR Setting */
.sysItemPr {
  font-size: 14px;
  padding: 0 5px;
  background: #fff;
  border: 1px solid #666;
  border-radius: 3px;
  display: inline-block;
  font-weight: bold;
}
/* 4-1-5 Cart Button */
.sysCartButton {
  border: none;
  padding: 10px;
  margin: 5px 0;
  border-radius: 5px;
  background-color: #666;
  color: #fff;
  cursor: pointer;
}
.sysCartButton:hover {
  background: #999;
}
/* 4-1-6  Archive List Item */
.sysItemList ul.sysList li .sysThumbnailImage {
  width: 40%;
  max-width: 200px;
}
/* 4-1-7  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail li {
  display: inline-block;
  float: none;
  vertical-align: top;
  letter-spacing: normal;
}
.sysItemList ul.sysThumbnail {
  letter-spacing: -0.4em;
}
.sysItemList ul.sysThumbnail input {
  width: 100%;
  padding: 10px 0;
}
/* 4-1-8 Deliveries Table */
ul.SysDeliveriesTable {
  border-style: solid;
  border-width: 0px;
  list-style: none;
  display: table;
  margin: 0;
  padding: 0;
}
ul.SysDeliveriesTable > li {
  display: table-row;
}
ul.SysDeliveriesTable > li > div {
  border-style: solid;
  border-width: 1px;
  display: table-cell;
  padding: 10px;
}
/* 4-2 Item Page */
/* 4-2-1 Item IMAGE */
.sysThumbnailImage > span,
.sysThumbnailImage > br {
  display: none;
}
.sysItemImages .sysImageList li {
  display: inline-block;
  vertical-align: top;
  height: auto;
  width: 32%;
  line-height: 1;
  float: none;
  margin: 1% 0;
}
/* 4-2-2 Item Name */
.sysItemName h1 {
  font-size: 24px;
}
/* 4-2-3 Order Area */
.orderArea {
  letter-spacing: -0.4em;
  text-align: center;
}
.orderArea > div {
  width: 50%;
  display: inline-block;
  letter-spacing: normal;
  text-align: left;
  vertical-align: top;
  padding-right: 20px;
}
.orderArea > .orderArea > div {
  width: 100%;
  display: block;
}
/* 4-2-4 Item Page Titile */
.sysItemName,
.sysExplanation > div > span,
.sysReview > span {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
}
/* 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: 14px;
  text-align: left;
  padding-left: 10px;
}
/* 4-2-6 Item BuyForm */
#sysItemDetail .sysRetailPrice {
  font-weight: bold;
}
#sysItemDetail .sysPr {
  text-align: center;
}
#sysItemDetail .sysPr > span {
  display: inline-block;
}
#sysItemDetail .sysForm select {
  min-width: 190px;
  width: 75%;
  display: inline-block;
  float: right;
}
#sysItemDetail #sysVariation {
  overflow: hidden;
  margin: 5px auto;
}
#sysItemDetail #sysVariation > div {
  margin: 10px auto;
  overflow: hidden;
}
#sysItemDetail .sysNumArea button {
  display: inline-block;
  width: 48%;
  background: #666;
  padding: 10px;
  border: 1px solid #999;
  border-radius: 5px;
  color: #fff;
}
#sysItemDetail .sysNumArea {
  padding-top: 5px;
  clear: both;
  text-align: right;
}
#sysWishlist .sysButton,
#sysItemDetail .sysCartButton {
  width: 98%;
  margin-left: 2%;
}
#sysItemDetail .sysShare {
  padding: 5px 0 0 2%;
}
#sysCartInForm {
  width: 100%;
}
/* 4-2-7 System Button */
.sysLoginButton,
.sysButton {
  border: none;
  padding: 10px;
  margin: 5px 0;
  border-radius: 5px;
  background-color: #666;
  color: #fff;
  cursor: pointer;
}
.sysLoginButton,
.sysButton:hover {
  background: #999;
}
.sysLoginButton {
  display: block;
  width: 50%;
  margin: 10px auto;
  padding: 20px;
}
/* 4-2-8 Item Text */
.sysDescription,
.sysImageDescription {
  font-size:12px; /*0.75rem; 2019*/
}
/* 4-2-9 Item Gallary */
.sysImageListSimple li {
  margin-bottom: 10px;
}
/* 4-2-10 Review */
.sysReview input {
  background: #666;
  color: #fff;
  text-shadow: none;
  border: 1px solid #999;
  border-radius: 3px;
  display: block;
  padding: 10px;
  margin: 5px auto;
  width: 50%;
}
.sysReview > br {
  display: none;
}
.sysReviewHistoryList {
  padding: 0 10px;
  border: 1px solid lightgray;
}
.sysReviewHistoryList li {
  margin-bottom: 5px;
  border-bottom: 1px dashed lightgray;
  padding: 5px 0;
}
.sysReviewHistoryList li:last-child {
  border: none;
}
.sysNickname,
.sysEvaluation {
  display: inline-block;
  padding: 0 10px 0 0;
}
.sysNickname {
  font-size: 20px;
  font-weight: bold;
}
.sysReviewDatetime {
  font-size: 14px;
  text-align: right;
  padding-right: 20px;
}
.sysReviewText {
  font-size: 14px;
}
/* 4-3 Free Page */
/* 4-3-1 TOP PAGE */
/* 4-4 Form Page */
/* 4-4-1 Cart Button Reset */
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain input[type=submit],
.sysCart #sysMain button[type=submit],
.sysCart #sysMain button {
  background: #666;
  color: #fff;
  text-shadow: none;
}
.sysCartInDone {
  margin: 0;
}
/* 4-4-2 Form Page */
#sysMemberRegisterRegister #sysMain h2,
#sysMemberRegisterConfirm #sysMain h2,
#sysMemberRegisterIndex #sysMain h2,
#sysFormThanks #sysMain h2,
#sysFormConfirm #sysMain h2,
#sysFormIndex #sysMain h2 {
  border-bottom: 1px solid #999;
  background-color: #999;
  color: #ffffff;
  font-size: 20px;
  padding: 5px;
}
#sysMemberRegisterRegister #sysMain,
#sysMemberRegisterConfirm #sysMain,
#sysMemberRegisterIndex #sysMain,
#sysFormThanks #sysMain,
#sysFormConfirm #sysMain,
#sysFormIndex #sysMain {
  border-color: #999;
  border-style: solid;
  border-radius: 0px;
  border-width: 1px;
  box-shadow: 1px 1px 1px gray;
  margin-bottom: 10px;
  padding: 0;
}
#sysMemberRegisterConfirm #sysMain > form,
#sysMemberRegisterIndex #sysMain > form,
#sysFormConfirm #sysMain > form,
#sysFormIndex #sysMain > form {
  padding: 10px;
}

/* 2024.5.10 */
#sysMemberRegisterIndex #sysMain input.sysButton {
    display: flex;
    justify-content: center;
}

#sysMypageReminder #sysMain input,
#sysMemberRegisterIndex #sysMain input,
#sysFormIndex #sysMain input {
  line-height: 15px;
  padding: 10px;
  font-size: 14px;
  margin: 5px auto;
}
#sysMain input[type="email"],
#sysMain input[type="number"],
#sysMain input[type="password"],
#sysMain input[type="tel"],
#sysMain input[type="url"],
#sysMain input[type="text"],
#sysMain input[type="search"],
#sysMain textarea {
  /*width: 100%;*/
    /*
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFEFEFEF', endColorstr='#FFFFFFFF');
    */
  border-radius: 5px 5px 5px 5px;
  border: #999999 1px solid;
  line-height: 100%;
  padding: 10px;
    margin-bottom: 1em;/*2019*/
}
#sysMain textarea {
  min-height: 75px;
}
.sysZipcode button,
.sysZipcode .sysFormField {
  display: inline-block;
}
.sysZipcode .sysFormLabel {
  display: block;
}
.sysZipcode .sysFormField {
  width: 200px;
}
.sysZipcode br {
  display: none;
}
.sysBirthday input {
  width: auto!important;
}
/* 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: 14px;
  border-radius: 3px;
  margin: 5px auto;
  min-height: 20px;
}
/* 4-4-4 Item Search Form */
.sysItemSearchForm > div {
  margin: 10px auto;
  width: 90%;
  text-align: left;
}
form.sysItemSearchForm {
  text-align: center;
}
.sysItemSearchForm > div.sysItemSearchFormWord {
  width: 95%;
}
/* 4-5 MyPage */
/* 4-5-1 Mypage Index */
.sysMypage #sysMain {
  border-color: #999;
  border-style: solid;
  border-radius: 0px;
  border-width: 1px;
  box-shadow: 1px 1px 1px gray;
  margin-bottom: 10px;
  padding: 0;
}
.sysMypage #sysMain h2 {
  border-bottom: 1px solid #999;
  background-color: #999;
  color: #ffffff;
  font-size: 20px;
  padding: 5px;
}
.sysMypage #sysMain > form,
.sysMypage #sysMain > div {
  padding: 5px 10px;
}
/* 購入履歴 */
.sysOrderList {
  border: 1px solid #d4d4d4;
  padding: 10px;
  max-height: 400px;
  overflow-y: scroll;
}
.sysOrderList li {
  border-bottom: 1px dotted #d4d4d4;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
/* マイページボタン 
.sysMypageNav > form {
  display: inline-block;
  width: 49%;
  vertical-align: top;
}
*/
.sysMypageNav .sysButton {
  width: 100%;
  display: block;
  line-height: 40px;
    font-size:16px;/*2019*/
    
}
/* 4-5-2 Member Profile Editor */
#sysMypageEditDelivery #sysMain > form,
#sysMypageEditMember #sysMain > form {
  padding: 10px;
}
#sysMypageEditDelivery #sysMain input,
#sysMypageEditMember #sysMain input {
  line-height: 15px;
  padding: 10px;
  font-size: 14px;
  margin: 5px auto 16px;
}
#sysMypageEditConfirm #sysMain > form {
  padding: 10px;
}
/* 4-5-3 Special Point */
.sysSpecialPoint {
  overflow: hidden;
  letter-spacing: -0.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: 20px;
  padding: 5px;
}
.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;
}


.sysCart .mdl-textfield__input {
    margin: 30px auto !important
}

body.sysMypage .sysAcceptMailmagazine label.sysFormLabel span.sysRequired{
 display:none;
}

/*
body.sysMemberRegister .sysAcceptMailmagazine{
 display:none;
}
*/

/* マイページ（21.09.29追加）*/
.sysMypage .sysAcceptMailmagazine, sysMemberRegister .sysAcceptMailmagazine{
display:none;
}

body.sysMypage .sysAcceptMailmagazine label.sysFormLabel:after{
display:inline-block;
content:"(解除する場合はチェックを外してください)";
}

.p-freeitem .sysItemSuggestedPrice:before{
    content: "希望小売価格";
    width:100%;
    display: block;
}


.p-freeitem .sysItemPrice:before{
    content: "販売価格";
    width:100%;
    display: block;
}

/* 希望小売価格の色変更*/
#sysItemDetail .sysSuggestedRetailPrice{
 color:#FFFF00;
}

#sysItemDetail .sysRetailPrice {
    font-size: 24px;/*2019 1.5rem;*/
    color: #ffffff;
}

/* グローバルナビゲーション修正*/
.sysAccordion:after{
display: none;
}

/*料金表を縦並びに*/
#sysItemDetail #sysVariation { font-size: 14px; margin-bottom: 10px;
width: 100%; }
#sysItemDetail .sysFormVariationTable { display: block; border: none;
margin: 0; }
#sysItemDetail .sysFormVariationTable tbody { display: block;
overflow: hidden; }
#sysItemDetail .sysFormVariationTable tr { display: block; float:
left; font-size: 1em; }
#sysItemDetail .sysFormVariationTable tr:first-child { width: 40%; }
#sysItemDetail .sysFormVariationTable tr:last-child { width: 60%; }
#sysItemDetail .sysFormVariationTable th, #sysItemDetail
.sysFormVariationTable td { text-align: center; display: block;
border-top: none;  height:60px;  }
#sysItemDetail .sysFormVariationTable th {line-height: 160%;}
#sysItemDetail .sysFormVariationTable th:first-child, #sysItemDetail
.sysFormVariationTable td:first-child { padding: 0; height: 0; }
#sysItemDetail .sysFormVariation input[type="radio"] { margin: 0px; border: 1px solid #000000;}

/*シャツ用バナーをカテゴリページに表示するため、下記を設定*/
.new2019_other_shirts{display:none; }
@media screen and (max-width:700px){

}
@media screen and (min-width:701px) and (max-width:1200px){

}
@media screen and (min-width:1201px){
.sysCart #sysMain .sysFormItem label+div,.sysCart #sysMain .sysSelectHopeDelivery div label+div {
       width: 30% !important;
    }
.sysCart #sysMain .sysFormItem label, .sysCart #sysMain .sysSelectHopeDelivery div label{
       padding-right:0 !important;
}
}
/* #END_OF_RESOURCE_FILE */