/*
 *
 * Template BASIC form aishipR
 *
 * クラス値命名規則
 * h:ヘッダー用  m:メイン用 s:サイドバー用 f:フッター用 p:汎用
 *
 * Table Of Content
 *
 * 1-0 ALL Setting
 *   1-1 Webkit appearance
 *   1-2 Layout Setting
 * 2-0 Function Parts
 *   2-1 Clearfix
 *   2-2 Holizontal Item Block
 *   2-3 Vertical Item Block
 *   2-4 Facebook
 *   2-5 Button
 *   2-6 機能パーツ：商品カテゴリ
 *   2-7 グリッドナビ（スタイル:gridnav）
 *   2-8 非表示コンテンツ(FB/タグマネージャ等用)
 *   2-9 トグル機能アニメーション
 *   2-10 カテゴリ・商品詳細ページ 見出し部下線
 *   2-11 機能パーツ：テキスト
 *   2-12 見出し
 *   2-13 Bootstrap Buttons UI kit
 *   2-14 Responsive Grid System
 *   2-15 Note - テキスト内強調表現機能
 *   2-16 Appeal連絡先コンテナ
 * 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: #f5f5f5;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important; 
}
#sysAll{
    max-width: 100%;
    background-color: transparent;
    padding: 0;
}
#sysHeader, #sysMain, #sysAside, #sysFooter { 
    padding: 0 10px;
}
#sysWrap {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background: white;
}
#sysMain,#sysAside{ background-color: #fff;}
#sysHeader,#sysFooter{ padding: 0; margin: 0;}
#sysHeader{ background: #fff;}
#sysFooter{ background-image: url("../img/common/appeal-background.jpg");}
#sysFooter > div{ background-color: #ddd; margin: 0 auto; padding-bottom: 5px;}
#sysMain{ line-height: 1.5;}

/* 1-0 Wrapper Setting */
.p-pagetop .sysContent,
.p-topimg .sysContent,
.h-sitelogo,.h-utilitybtn,
.h-siteinfo, .h-subMenu,
.h-mainMenu .sysContent,
.h-search, .global-nav-pc,
#sysWrap {
    max-width: 960px;
}


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

/* 1-2 input Setting */
input[type=search] {
    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 !important;
    height: 20px !important;
    margin-right: 5px;
    border: 1px solid rgb(212,212,212);
    cursor: pointer;
    border-radius: 100% !important;
    padding: 5px !important;
    vertical-align: middle;
}

input[type="radio"]:checked {
    background: #666;
}
input[type="checkbox"] {
    width: auto !important;
}

/* 1-3 Content setting */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

select {
    height: 30px;
    width: -webkit-fill-available;
    margin-bottom: 5px;
    margin-top: 5px;
}

p {margin: 10px auto;}
h1,h2,h3,h4,h5,h6 {font-size: inherit;}


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


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

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


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

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

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

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

/* 2-3 Vertical Item Block */

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

/* 2-5 Button */
.btn {
    padding: 10px 20px;
    display: inline-block;
    margin-top: 10px;
}

.btn-info{
    background: #666;
    color: #fff;
}
.btn-info:hover{ background: #999;}
#sysMypageReminder #sysMain input[type=submit],
.sysBackButton,
.sysNextSubmit {
    background: #666;  color: #fff;
    display: block;
    text-align: center;
    padding: 10px 15px;
    text-shadow: none;
    border-color: transparent;
    border-radius: 3px;
    width: 80%;
    height: 50px;
    margin: 10px auto;
    line-height: 0;
}

/* 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,
.sysReview > span
{ border-bottom: 1px dashed lightgray;}

/* 2-11 機能パーツ：テキスト */
#sysMain .sysContent h3 { border-bottom: 1px dashed lightgray; margin: 2em 0 1em;}
#sysMain .sysContent h3:before {
    content: "■";
    padding-right: 10px;
}
#sysMain .sysContent h4 { margin: 0.5em 0 1em;}
/*変更*/
.SysMypageMinorHeadLine, .sysMypageMinorHeadLine {
    margin: 1em 0;
    font-size: large;
}
/* 2-12 見出し */
.headline-1st {
    font-size: x-large;
    font-weight: bold;
    border-bottom: 1px dotted rgb(212,212,212);
    padding: 5px;
}
.headline-2nd {
    font-size: large;
    font-weight: bold;
    border-bottom: 1px dotted rgb(212,212,212);
    padding: 5px;
    margin-left: 15px;

}
.headline-3rd {
    font-size: medium;
    font-weight: bold;
    border-bottom: 1px dotted rgb(212,212,212);
    padding: 5px;
    margin-left: 30px;
}

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

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

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

/* 2-15 Note - テキスト内強調表現機能 */
.note-right-wrapp {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}

hr.note-line {
  border-style : dotted none none none;
  border-width : 5px;
  border-color : #FF6890;
  margin: 20px 0;
}

h3.note-head {
  margin-top: 2em;
}

/* marker 蛍光ペンのような効果 */
.note-marker-yellow {
  font-weight: bold;
  background: linear-gradient(transparent 60%, #ffff66 60%);
}
.note-marker-pink {
  font-weight: bold;
  background: linear-gradient(transparent 60%, #ffb3ff 60%);
}
.note-marker-blue {
  font-weight: bold;
  background: linear-gradient(transparent 60%, #66e6ff 60%);
}
/* 付箋紙のような表現 */
.note-memo {
  background-color: #ffffcc;
  color: #000;
  margin: 0 5px;
  padding: 1em;
  position: relative;
  box-shadow: 0px 0px 2px;
}
.note-memo::after {
  content: "";
  border-color: #d8d8ad #fff #fff #d8d8ad;
  border-style: solid;
  border-width: 0px 0px 24px 24px;
  bottom: 0;
  right: 0;
  position: absolute;
}

.note-note {
  padding:15px;
  background:#f9f9f9;
  border-radius: 5px;

  border: dashed 2px #81a3ff;      /*ステッチ本体*/
  box-shadow: 0 0 0 5px #f9f9f9;  /*周りの枠*/
}

.note-tag-red {
  position: relative;
  background-color: #ffc1c1;
  padding: 2em 1em 3em;
  margin: 30px 5px 10px;
  box-shadow: 0px 0px 2px;
}

.note-tag-red h5 {
  position: absolute;
  top: -1.0em;
  background-color: rgba(255,0,0,0.4);
  padding: 0.25em 2em;
  color: #222;
  transform: rotate(-4deg);
}

.note-tag-red p {
  font-size: medium;
  font-weight: bold;
}

.note-tag-blue {
  position: relative;
  background-color: #c1e0ff;
  padding: 2em 1em 3em;
  margin: 30px 5px 10px;
  box-shadow: 0px 0px 2px;
}

.note-tag-blue h5 {
  position: absolute;
  top: -1.0em;
  background-color: rgba(0,127,255,0.4);
  padding: 0.25em 2em;
  color: #222;
  transform: rotate(-4deg);
}

.note-tag-blue p {
  font-size: medium;
  font-weight: bold;
}

.note-tag-green {
  position: relative;
  background-color: #c1ffc1;
  padding: 2em 1em 3em;
  margin: 30px 5px 10px;
  box-shadow: 0px 0px 2px;
}

.note-tag-green h5 {
  position: absolute;
  top: -1.0em;
  background-color: rgba(0,153,0,0.4);
  padding: 0.25em 2em;
  color: #222;
  transform: rotate(-4deg);
}

.note-tag-green p {
  font-size: medium;
  font-weight: bold;
}

table.note-round-corner {
  border: 1px solid #aaa;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px;
  overflow: hidden;
  margin: 5px 0px;
}
table.note-round-corner thead th,
table.note-round-corner tbody th,
table.note-round-corner tbody td {
  padding: .4em 1em;
  border-bottom: 1px solid #aaa;
}
table.note-round-corner thead th {
  background-color: #ffc1d2;
}
table.note-round-corner tbody th {
  background-color: #ffe8ee;
}
table.note-round-corner thead th + th,
table.note-round-corner tbody td {
  border-left: 1px solid #aaa;
}
table.note-round-corner tbody tr:last-child th,
table.note-round-corner tbody tr:last-child td {
  border-bottom: none;
}
table.note-round-corner tbody td {
  background-color: white;
}
table.note-round-corner tbody tr:hover {
  background-color: #ffffb7;
}
table.note-round-corner tbody tr:hover th {
  background-color: #ffff8e;
}
table.note-round-corner tbody tr:hover td {
  background-color: #ffff8e;
}

table.note-round-corner-tiny {
  border: 1px solid #aaa;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px;
  overflow: hidden;
  margin: 5px 0px;

  width: 100%;
}
table.note-round-corner-tiny thead th,
table.note-round-corner-tiny tbody th,
table.note-round-corner-tiny tbody td {
  padding: .4em 1em;
  border-bottom: 1px solid #aaa;
}
table.note-round-corner-tiny thead th {
  background-color: #ffc1d2;
}
table.note-round-corner-tiny tbody th {
  background-color: #ffe8ee;
}
table.note-round-corner-tiny thead th + th,
table.note-round-corner-tiny tbody td {
  border-left: 1px solid #aaa;
}
table.note-round-corner-tiny tbody tr:last-child th,
table.note-round-corner-tiny tbody tr:last-child td {
  border-bottom: none;
}
table.note-round-corner-tiny tbody td {
  background-color: white;
}

table.note-round-corner-tiny tbody tr:hover {
  background-color: #ffffb7;
}
table.note-round-corner-tiny tbody tr:hover th {
  background-color: #ffff8e;
}
table.note-round-corner-tiny tbody tr:hover td {
  background-color: #ffff8e;
}

.note-non-under {
  text-decoration: none !important;
  color: black;
}

/* 外部サイトリンクボタン */
.note-jump {
  display: block;
  color: black;
  background: #ffc6b4;
  width: 180px;
  text-align: center;
  margin: 10px;
  padding: 6px 0 5px 0;
  border: solid 1px #b28a7d;
  border-radius: 5px;
  font-size: 16px;
}

/* 2-16 Appeal連絡先コンテナ */
/**appeal 連絡先枠用*/
div.appeal-contact {
  font-family: sans-serif;
  margin: 0 1em;
  padding: 1em;

  background-color: #EEEEEE;
  border: solid 1px #000000;

  line-height: 1.5;
  font-size: medium;
}

/**appeal 連絡先枠用*/
.appeal-color {
  color: #FF6890;
  font-weight: bold;
}

/* 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: 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: rgb(0,0,0);
    background: rgba(0,0,0,0.5);
    right: 0;
    padding: 9px 10px;
    width: 100%;
}
.h-subMenu ul li { margin: 10px auto;}
.h-subMenu .sysHeadline{
    color: #e5e5e5;
    line-height: 60px;
    text-align: center;
    background: #666;
}
.h-subMenu .sysAccordion:after{
    content:"";
}
/* 3-1-4 カート・ログインボタン */
.h-utilitybtn ul li{
    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(../img/icon/header-icon-mypage.png);
    background-size: 100%;
}
.h-utilitybtn ul li.sysText:nth-child(2) a:before {
    background: url(../img/icon/header-icon-cart.png);
    background-size: 100%;
}

/* 3-1-5 メインメニュー*/
.h-mainMenu{
    margin: 0 auto;
    /*background: linear-gradient(#ffffff 0%, #FFDAE4 17%, #ffb4c8 100%);*/
    background: linear-gradient(#ffffff 0%, #ffb4c8 10%, #ffb4c8 85%, #ff99b4 100%);
    padding: 10px 0px;
}
.h-mainMenu ul li:last-child a {
    border-left: 1px dashed white;
}
.h-mainMenu ul {
    display: table;
    width: 100%;
}
.h-mainMenu ul li {
    display: table-cell;
    float: none;
    height: 50px;
    border-left: 1px dashed white;
}
.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;
}



/* 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: #eee;
}
/* 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(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 {
    display: inline-block;
    width: 100%;
    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: 2;
    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-right: 0;
    margin-top: 10px;
    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: solid 2px;
    border-color: #aaa;
    padding: 10px;
    color: #000;
    width: 95%;
    display: block;
    margin: 10px auto;
    background-color: #eee;
}
/* 3-4 Footer*/

/* 3-4-1 Footer Site Map */
.f-sitemap ul li.sysText a {
    padding: 0;
    background: #666;
    display: block;
    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: small;
    margin: 1rem 0 2rem;
    overflow: hidden;
    color: #555;
    padding: 5px 5px 2rem;
    line-height: 1em;
    border-bottom: 1px lightgray dashed;
}
.sysCategoryPankuzu a,
.sysItemCategoryPankuzu a {
    display: inline-block;
    padding: 5px 10px;
    color: #555;
    text-decoration: none;
}
.sysCategoryPankuzu a:hover,
.sysItemCategoryPankuzu a:hover {
    background: #999;
}

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


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

/* 4-1-5 Cart Button */
.sysCartButton {
    border: none;
    padding: 20px;
    margin: 5px 0;
    border-radius: 5px;
    /*background-color: #ff9b38;*/
    color: #000;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
}
/*.sysCartButton:hover {
    background: #ffb366;
}*/


/* 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: middle;
    height: auto;
    width: 32%;
    line-height: 1;
    float: none;
    margin: 1% 0;
    border: 1px dotted #eee;
}

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

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

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

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

#sysItemDetail .sysPr { text-align: center;}
#sysItemDetail .sysPr > span { display: inline-block;}
#sysItemDetail .sysForm {
    padding: 0 0.5em;
}
#sysItemDetail .sysForm select {
    min-width: 180px;
    width: 70%;
}
#sysItemDetail #sysVariation {
    overflow: hidden;
    margin: 5px auto;
}
#sysItemDetail #sysVariation >div {
    margin: 10px auto;
    overflow: hidden;
}
#sysItemDetail .sysNumArea button {
    display: inline-block;
    width: 48%;
    padding: 10px;
    border: 1px solid #999;
    border-radius: 5px;
    color: #fff;
}
button.sysBtnPlus {
    background-color: #ff3838;
}
button.sysBtnMinus {
    background-color: #3838ff;
}
#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;
    text-align: center;
}
.sysLoginButton,
.sysButton:hover {
    background: #999;
}
.sysLoginButton{
    display: block;
    width: 60%;
    margin: 18px auto;
    padding: 10px;
    font-weight: bold;
}

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

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

/* 4-2-10 Review */
.sysReview input{
    background: #666;
    color: #fff;
    text-shadow: none;
    border: 1px solid #999;
    border-radius: 3px;
    display: block;
    padding: 10px;
    margin: 5px auto;
    width: 50%;
}

.sysReview > span {
    display: block;
    float: left;
    margin: 0.75rem 0;
}
.sysReview > br {
    content: "";
    clear: both;
    display: block;
}
.sysReview > span.sysReviewHistoryCount {

}
.sysReviewHistoryList {
    padding: 0 10px;
    border: 1px solid lightgray;
}
.sysReviewHistoryList li {
    margin-bottom: 5px;
    border-bottom: 1px dashed lightgray;
    padding: 5px 0;
}
.sysReviewHistoryList li:last-child { border: none;}

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

/* 購入履歴　レビューを書くリンク */
.sysItemReviewLink {
    padding: 10px 0;
}

.sysItemReviewLink > a {
    padding: 10px;
    background-color: #FFCAD8;
    border-radius: 5px;
    font-size: small;
    text-decoration: none;
}

.sysItemReviewLink :hover {
    background-color: #ff7ea0;
}

/* レビューを書く */
#sysMain input[type="text"] {
    width: 222px;
    height: 35px;
    padding: 10px;
}

#sysMain input[value="確認画面に進む"] {
    width: 98%;
    margin-left: 1%;
}

#sysMain input[value="商品詳細"] {
    width: 50%;
    margin-left: 25%;
}

#sysMain input[value="並び替え"] {
    width: 98%;
    margin-left: 1%;
}

/* 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;
    line-height: 0;
}
.sysCartInDone{ margin: 0;}

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

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

#sysMypageReminder #sysMain input,
#sysMemberRegisterIndex #sysMain input,
#sysMypageEditDeliveryinput #sysMain input,
#sysFormIndex #sysMain input,
#sysMain textarea {
    line-height: 15px;
    padding: 10px;
    font-size: 14px;
    margin: 4px auto 10px auto;
    border-radius: 5px 5px 5px 5px;
    border: #999999 1px solid;
    width: 100%;
}
#sysMain textarea { min-height: 75px;}


#sysMain input[type="submit"] {
    text-align: center;
}
.sysForm input, .sysForm select, .sysForm textarea {
    background: #f5f5f5;
}
/*
#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%;
    padding: 10px !important;
    font-size: 14px;
    margin: 10px auto;
 
}
*/

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


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

/* 4-4-4 Item Search Form */
.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;
    padding: 0;
    width: 712px;
    margin-right: 8px;
}

.sysMypage #sysMain h2{
    border-bottom: 1px solid #999;
    background-color: #999;
    color: #ffffff;
    font-size: large;
    padding: 5px;
}
.sysMypage #sysMain > form,
.sysMypage #sysMain > div { 
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 20px;
}

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

/* マイページボタン */


.sysMypageNav > form {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.sysMypageNav .sysButton {
    width: 100%;
    display: block;
    line-height: 40px;
    font-size: 1rem;
}

/* 4-5-2 Member Profile Editor */
#sysMypageEditDelivery #sysMain > form,
#sysMypageEditMember #sysMain > form{ padding: 20px;}
#sysMypageEditDelivery #sysMain input,
#sysMypageEditMember #sysMain input {
    line-height: 15px;
    padding: 10px;
    font-size: 14px;
    margin: 10px auto;
    border-radius: 5px 5px 5px 5px;
    border: #999999 1px solid;

}

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








/*************************************************************************************/

/*****************
 * 商品ページ
 *****************/

#sysSelections {
    text-align: right;
}

/**商品ページLISTバグ*/
#sysSelections > div {
    min-height: 32px;
}

/** 商品オプションの説明 **/

#sysItemDetail #sysVariation {
    margin: 10px 0 0 0;
    text-align: right;
}
#sysItemDetail #sysVariation >div {
    margin: 0;
}
#sysNumber {
    text-align: right;
}

.sysItemName {
    padding-bottom: 10px;
}

/**小計の色変更*/
span.sysSubtotalPrice {
    font-weight: bold;
    font-size: large;
    color: red;
}

/**小計余白追加*/
div#sysSubtotal {
    margin: 10px auto;
}


/**アサイド罫線削除*/
.asideCnt {
    border-style: none;
}

/**アサイドヘッダにアイコン指定（上書き）*/
.asideCnt .sysHeadline {
    background: url("../img/icon/icon-search.png") no-repeat left center;
    background-size: 20px 20px;
    background-position: 5px 8px;

    height: 37px;

    padding: 5px;
    padding-left: 30px;

    background-color: #ffffff;
    color: #ff66b3;
    font-weight: 600;
}


/**アサイド横幅修正*/
div#sysMain{
    width: 75%;
}
div#sysAside{
    width: 25%;
}


/**メインヘッダ色付け*/
.p-freeitem {
    border-color: #ffb4c8
}
.p-freeitem .sysHeadline {
    background-color: #ffb4c8;
    border-bottom: 1px solid #ffb4c8;
    background-image: url("../img/common/banner-tokka.png");

}

.p-news {
    border-color: #b5c9ff;
}
.p-news .sysHeadline {
    background-color: #b5c9ff;
    border-bottom: 1px solid #b5c9ff;
    background-image: url("../img/common/banner-news.png");
}


.p-newItem .sysHeadline {
    font-family: 'Quicksand' !important;
    font-size: 1.75rem;
    letter-spacing: 0.2rem;
    padding: 0 0 0.5rem 0;
    margin: 1rem 0;
    font-weight: 500;
    position: relative;
}

.p-newItem .sysHeadline::after {
    content: "";
    background-color: #d9528b;
    height: 5px;
    background-image: repeating-linear-gradient(-45deg, #fcf0f5 0, #fcf0f5 1px, transparent 0, transparent 50%);
    background-size: 5px 5px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 2.5rem;
}

.p-ranking .sysHeadline {
    font-family: 'Quicksand' !important;
    font-size: 1.75rem;
    letter-spacing: 0.2rem;
    padding: 0 0 0.5rem 0;
    margin: 1rem 0;
    font-weight: 500;
    position: relative;
}

.p-ranking .sysHeadline::after {
    content: "";
    background-color: #d9528b;
    height: 5px;
    background-image: repeating-linear-gradient(-45deg, #fcf0f5 0, #fcf0f5 1px, transparent 0, transparent 50%);
    background-size: 5px 5px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 2.5rem;
}

.p-all-item .sysHeadline {
    font-family: 'Quicksand' !important;
    font-size: 1.75rem;
    letter-spacing: 0.2rem;
    padding: 0 0 0.5rem 0;
    margin: 1rem 0;
    font-weight: 500;
    position: relative;
}

.p-all-item .sysHeadline::after {
    content: "";
    background-color: #d9528b;
    height: 5px;
    background-image: repeating-linear-gradient(-45deg, #fcf0f5 0, #fcf0f5 1px, transparent 0, transparent 50%);
    background-size: 5px 5px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 2.5rem;
}

.yamiiti-guide h2 {
    font-family: 'Quicksand' !important;
    background: url("../img/common/appeal_hr.jpg") left bottom repeat-x;
    font-size: 1.75rem;
    letter-spacing: 0.2rem;
    padding: 0 0 0.5rem 0;
    margin: 1rem 0;
    font-weight: 500;
}

.p-pickup {
    border-color: #ebb5ff;
}
.p-pickup .sysHeadline {
    background-color: #ebb5ff;
    border-bottom: 1px solid #ebb5ff;
    background-image: url("../img/common/banner-pickup.png");
}



/**余白消去*/
.h-mainMenu ul li {
    margin-bottom: none;
}

/**グリッドナビ枠線消去*/
.h-mainMenu.gridnav {
    border: none;

}

/**商品価格・送料・商品番号等*/
.sysRetailPrice {
    color: red;
    font-weight: bold;
}
.sysRetailPriceValue {
    font-size: 1.5em;
}
.sysShippingCost {
    width: 90%;
    display: block;
    margin: 0.5em auto;
    border-bottom: 1px dashed lightgray;
    border-radius: 5px;
    padding-bottom: 10px;
}
.sysItemViewId {
    font-size: small;
}

/**メニューバーの文字整形*/
.h-mainMenu ul li.sysText a {
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0px 0px 8px black;
    color: #FFF;
}



/**カートに入れるボタンの整形*/
.sysCartButton.sysAddGoCartButton {
    background: url("../img/img/icon-cart-in.png") no-repeat, #ff9b38;
    background-position: 67px 13px;
    background-size: 32px 32px;
    padding-left: 67px;
    border: solid 3px #FFCE9E;
}
.sysCartButton:hover.sysAddGoCartButton:hover {
    background: url("../img/img/icon-cart-in.png") no-repeat, #ffb366;
    background-position: 67px 13px;
    background-size: 32px 32px;
    padding-left: 67px;
}

.sysCartButton.sysGoCartButton {
    padding: 10px;
    font-size: 16px;
    font-weight: normal;

    background: url("../img/img/icon-cart.png") no-repeat, #ffb4c8;
    background-position: 73px 6px;
    background-size: 24px 24px;
    padding-left: 60px;

}
.sysCartButton:hover.sysGoCartButton:hover {
    padding: 10px;
    font-size: 16px;
    font-weight: normal;

    background: url("../img/img/icon-cart.png") no-repeat, #ffccda;
    background-position: 73px 6px;
    background-size: 24px 24px;
    padding-left: 60px;
}



/**サブメニューデザイン*/
.h-subMenu .sysContent nav ul li:nth-child(1) a {
    color: #ff389b;
    padding-left: 50px;
    font-size: 16px;
}
.h-subMenu .sysContent nav ul li:nth-child(2) a {
    color: #ff9b37;
    padding-left: 50px;
    font-size: 16px;
}
.h-subMenu .sysContent nav ul li:nth-child(3) a {
    color: #5eb901;
    padding-left: 50px;
    font-size: 16px;
}
.h-subMenu .sysContent nav ul li:nth-child(4) a {
    color: #298df0;
    padding-left: 50px;
    font-size: 16px;
}
.h-subMenu .sysContent nav ul li:nth-child(5) a {
    color: #aa53ff;
    padding-left: 50px;
    font-size: 16px;
}

.h-subMenu .sysContent nav ul li:nth-child(1) {
    background: url("../img/icon/icon-haisou.png") no-repeat;
    background-size: 48px 48px;
    background-position: 6px 1px;
}
.h-subMenu .sysContent nav ul li:nth-child(2) {
    background: url("../img/icon/icon-kessai.png") no-repeat;
    background-size: 48px 48px;
    background-position: 6px 1px;
}
.h-subMenu .sysContent nav ul li:nth-child(3) {
    background: url("../img/icon/icon-koukan.png") no-repeat;
    background-size: 48px 48px;
    background-position: 6px 1px;
}
.h-subMenu .sysContent nav ul li:nth-child(4) {
    background: url("../img/icon/icon-kaisya.png") no-repeat;
    background-size: 48px 48px;
    background-position: 6px 1px;
}
.h-subMenu .sysContent nav ul li:nth-child(5) {
    background: url("../img/icon/icon-renraku.png") no-repeat;
    background-size: 48px 48px;
    background-position: 6px 1px;
}

/**フッターショップ情報*/
.p-shopInfo .sysHeadline {
    background-color: #ff668f;
}



/**sheetCnt に対してのヘッダー*/
.sheetCnt .sysHeadline {
    background-color: #ffd2de;
    margin: 5px;
    padding: 5px 15px;
    font-size: x-large;
}




/**フッターメニューデザイン*/
.f-sitemap .sysContent nav ul li a {
    background: #FFCAD8;
    border: solid 1px #ff7ea0;
}

.f-sitemap .sysContent nav ul li a:hover {
    background: #ff7ea0;
}





/**ログインアサイド枠修正*/
.sysFuncMemberLogin .sysContent form .sysLoginButton {
  background: #ff9b38;
  border: none;
  color: black;
  border: solid 3px #FFCE9E;
}

.sysFuncMemberLogin .sysContent ul li {
  background: none;
}

.sysFuncMemberLogin .sysContent ul li a {
  border: solid 2px #AAAAAA;
  background: #EEEEEE;
  color: #000;
}

.sysFuncMemberLogin .sysContent div:nth-child(4) a:nth-child(1) {
  background: #ff9b38;
  border: none;
  color: black;
  border: solid 3px #FFCE9E;
}

.sysFuncMemberLogin .sysContent div:nth-child(4) a:nth-child(2) {
  border: solid 2px #AAAAAA;
  background: #EEEEEE;
  color: #000;
}


/**アサイド 会員ログイン　ボタン*/
.s-login a {
  padding: 5px 10px;
}




/**検索カテゴリ*/
.sysFuncItemSearch .sysContent .sysItemSearchForm .sysItemSearchFormCategory select {

}



/**マイページログイン*/
.sysLoginForm form .sysButton {
  display: block;
  margin: 18px auto;
  border-radius: 0;
  border: solid 2px #AAAAAA;
  background: #EEEEEE;
  color: #000;
}



/**お問い合わせ*/
.sysNextSubmit {
    background: #ff9b38;
    border: none;
    color: #000000;
    font-weight: bold;
    border: solid 2px #FFCE9E;
}



/*************************************************************************************/
/**マイページデザイン*/
/**ここだけ、cart.cssが上書きできないので、全部importantするで*/

/**ログイン画面修正*/
.sysLoginForm input.sysLoginButton {
  display: block;
  background: #ff9b38;
  border: none;
  color: black;
  border: solid 3px #FFCE9E;
}

.sysLoginForm form[name='submit'] {
  border: solid 2px #AAAAAA;
  display: block;
  background: #EEEEEE;
  margin: 18px auto;
  color: #000;
}

.sysLoginForm .sysFormField input {
    width: 100%;
    margin: 4px auto 10px auto;
    padding: 10px;
    font-size: 16px;
}
.sysMypageNav form input {
  background-color: #FFCAD8;
  color: black;
}

.sysMypageNav form input:hover {
    background-color: #ff7ea0;
}

#sysMain > h3 {  
   margin-top: 20px;
   margin-left: 20px;
}

/**会員登録*/

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

}

/*#sysMemberRegisterConfirm #sysMain > form, #sysMemberRegisterIndex #sysMain > form, #sysFormConfirm #sysMain > form, #sysFormIndex #sysMain > form, #form_main {
    margin-bottom: -28px;

}*/

#sysMemberRegisterRegister #sysMain, #sysMemberRegisterConfirm #sysMain, #sysMemberRegisterIndex #sysMain, #sysFormThanks #sysMain, #sysFormConfirm #sysMain, #sysFormIndex #sysMain {
    border-color: #999;
    border-style: solid;
    border-radius: 0px;
    padding: 10px;
    width: 712px;
    margin-right: 8px;
}

.sysZipcode button.sysButton {
  border: solid 2px #AAAAAA;
  background: #EEEEEE;
  color: #000;
  height: 38px;
  line-height: 0;
}

.sysForm .sysNextSubmit {
  background: #ff9b38;
  border: none;
  color: black;
  border: solid 3px #FFCE9E;
}

.sysFormField > select {
    height: 38px;
    margin: 4px auto 10px auto;
}

.sysFormField > ul, ol {
    padding: 0;
    margin-bottom: 8px;
}

.sysButton[value="戻る"] {
  border: solid 2px #AAAAAA !important;;
  background: #EEEEEE !important;;
  color: #000 !important;;
  width: 20% !important;;
  margin: 10px auto !important;
  height: 45px !important;
  display: block !important;
}



/*************************************************************************************/
/**カート画面デザイン*/
/**ここだけ、cart.cssが上書きできないので、全部importantするで*/

/**商品合計テキスト*/
.sysTotal .sysTotalTxt {
    text-shadow: none !important;
}

/**カートページナビ「度あり」「1day」「着色直径」のフォントサイズとウェイト*/
.category-search .search-select-box li a {
    font-size: 13px !important;
    font-weight: bold !important;
}

/**注文手続き画面*/
.sysNextSubmitArea form .sysNextSubmit {
    background: #ff9b38 !important;
    border: none !important;
    color: black !important;
    border: solid 3px #FFCE9E !important;
}
.sysNextSubmitArea .sysNextSubmit {
    background: #ff9b38 !important;
    border: none !important;
    color: black !important;
    border: solid 3px #FFCE9E !important;
}

.sysForm .sysFormItem .sysLoginButton {
      background: #ff9b38 !important;
      border: none !important;
      color: black !important;
      border: solid 3px #FFCE9E !important;
      font-size: 1.5rem !important;
      font-weight: bold !important;
      display: block !important;
      height: 55px !important;
      margin: 0.5em auto !important;
      width: 95% !important;
}


/**カート枠*/
.sysItemListArea {
    border-style: solid;
    border-color: #999;
    margin-bottom: 10px;
}

/**カートヘッダ*/
/*.sysItemListArea .sysCartTitle {
    background: url(../img/common/barner-cart.png);
    max-height: 38px;
    padding: 5px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}*/

/**カート枠内余白*/
.sysItemListArea ul {
    padding: 5px;
}

/**カート枠内数量ボタン*/
.sysNumArea button.sysBtnPlus {
    background: #ff9e9e !important;
    color: white !important;
    text-shadow: none !important;
}
.sysNumArea button.sysBtnMinus {
    background: #9eceff !important;
    color: white !important;
    text-shadow: none !important;
}

.sysDeleteArea form .sysDeleteArea {
    color: black !important;
    background: #DDDDDD !important;
}

.sysBackSubmitArea .sysBackSubmitArea {
    color: black !important;
    background: #DDDDDD !important;
}

.sysBackButton {
    color: black !important;
    background: #DDDDDD !important;
}

.sysCart .sysBackButton {
    margin: 10px auto !important;
}

/**確認画面ボタン*/
.sysConfirmButton .sysButton {
    color: black !important;
    background: #DDDDDD !important;
}




/**カート情報入力画面デザイン*/
.sysCartTitle {
    color: #ffffff !important;
    background-color: #999 !important;
    font-size: large !important;
    text-shadow: none !important;
    height: 38px !important;
    margin: 0px !important;
    padding: 5px !important;
    padding-left: 10px !important;
    line-height: 27px !important;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
    font-weight: bold;
}

.sysRequired {
    color: #ff66b3;
    font-weight: bold;
    display: inline-block;
}

.sysBox {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #999999;
    margin: 1em;
    padding: 1em;
    font-size: 14px;
}


/*レジ画面*/
.sysZipcode .sysFormField .btn {
    border: solid 2px #AAAAAA !important;
    background: #EEEEEE !important;
    color: #000 !important;
}

.sysUsePointsButton .sysButton {
    border: solid 2px #AAAAAA !important;
    background: #EEEEEE !important;
    color: #000 !important;
}


.sysUseCouponsButton input[name="use_select_coupon_button"] {
    border: solid 2px #AAAAAA !important;
    background: #EEEEEE !important;
    color: #000 !important;
}


/* カート - 支払選択画面上部プロセス画像デザイン変更(payment.html) */
#sysMain .sysNavImg {
    margin: 1em 0 2em 0;
}


/* ページ全体背景色変更 */
#sysAll {
  background-color: #ffffff !important;
}

/*テキストカラー*/
.text-red {
    color:red;
}

.text-blue {
color:blue;
}

/*jj説明ページ*/
.notice-menu {
    text-align: center;
    padding: 10px;
    margin: 0 auto 1em auto;
}
.notice-menu a {
    text-decoration: none;
}

.notice-need-recept {
    font-size: 1.2em;
    text-align: center;
    padding: 5px 5px 10px 5px;
    border: 1px solid blue;
    margin-bottom: 1em;
}
.notice-need-recept h4 {
    text-align: center;
    padding: 4px;
    background-color: blue;
    color: lightcyan;
    margin: 3px 0px 10px 0px;
}
.notice-no-recept {
    font-size: 1.2em;
    text-align: center;
    padding: 5px 5px 10px 5px;
    border: 1px solid red;
    margin: 1em 0;
}
.notice-no-recept h4 {
    text-align: center;
    padding: 4px;
    background-color: red;
    color: yellow;
    margin: 3px 0px 10px 0px;
}


/*処方箋提出説明ページ*/
.notice-jj h4 {
  font-size: 1.2em;
  margin-bottom: 1em;
  border-top: 1px dashed gray;
  border-bottom: 1px gray dashed;
  padding: 5px 0px 3px 0px;
  text-shadow: none !important;
}
.notice-jj b {
  font-size: 1.2em;
}
.notice-jj table {
  max-width: 80%;
  margin: auto;
}
.notice-jj table th {
  width: 50%;
  border: 3px solid #FFB4C8;
  padding: 24px;
}
.notice-jj table td {
  padding: 16px;
  border: 3px solid #FFB4C8;
}


/*協力医療機関説明ページ*/
.medical-jj table {
  width: 100%;
  border: 1px solid #000;
}
.medical-jj thead {
  background-color: #40E0D0;
}
.medical-jj th,.medical-jj td {
  border: 1px solid #000;
  padding:3px;
}

.text-jump13 {
 font-size:1.3em;
}

.info-header {
 border-bottom: 2px dotted pink;
 margin-left: 1rem;
}
@media screen and (max-width:480px){
/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
#sysMain,#sysAside{ width: 100%!important;}
#sysMain{ margin-top: 0;}
.grid-col {
	float: none;
	width: 100%!important;
        margin-left: 0;
}
/* 10-1 Header */
#sysHeader{ margin-bottom: 0px;}
.h-siteinfo{ height: auto;}
.h-siteinfo h1 { font-size: xx-small;}

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

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

.h-subMenu .sysHeadline{
    line-height: 47px;
    width: 15%;
    float: right;
    position: absolute;
    bottom: 4px;
    right: 0;
}
.h-subMenu ul li:nth-child(2n){
    width: 49%!Important;
    margin-left: 1%;
}
.h-subMenu ul li.sysText a {
    line-height: 40px;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
    padding: 30px 0;
}

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

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

/* 12-2 Holizontal Item Block */
.sysContent .sysItemBlock .sysHorizontal {
    font-size: small;
}
.sysContent .sysItemBlock .sysHorizontal li{
    padding: 2.5px;
    width: 50%;
}
.sysItemList ul.sysThumbnail li{ width: 50%;}

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

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

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


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

/* 13-2-5 ShopInformation */
.p-shopInfo .sysContent,
.shopinfo-inner,
.shopinfo-row { display: block;}
.shopinfo-inner {
    width: 100%;
}


/* 13-4-1 Footer Site Map */
.f-sitemap li {
    width: 100%!important;
}
.f-sitemap ul li.sysText a {
    padding: 10px 20px;
    text-align: left;
}

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

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

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

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

/* footer */

    .p-footer .footer-container {
        width: 100% !important;
    }

    .p-footer .left-col {
        float: none !important;
        width: 100% !important;
    }

    .p-footer .center-col {
        float: none !important;
        width: 100% !important;
    }

    .p-footer .right-col {
        float: none !important;
        width: 100% !important;
    }

/* 商品一覧ページ */
.p-all-item .maker-logo li {
    width: 45% !important;
}

.p-all-item .maker-logo li img {
    padding: 15px 10px !important;
}
.p-all-item .item-lineup-list li {
    width: 45% !important;
}
.p-all-item .item-lineup-list li a {
    height: 20vh !important;
}

/*カートに入れるボタンフローティング*/
.sysCartButton {
    position: fixed;
    bottom: 5px;
    left: 0px;
    width: 96%!important;
}

.sysCartInDone {
    position: fixed;
    bottom: 135px;
    left: 0px;
    opacity: 1;
}

.sysCartInDone span {
    background: #fff;
}

/* カート - 支払い選択画面 クレジットカードダイアログデザイン変更 */
#dlg_web_col_credit.mdl-dialog {
    padding: 0.5em 1em;
}
.mdl-dialog__content {
    padding: 10px;
}
#dlg_web_col_credit .mdl_parts_selectBox, #dlg_web_col_credit .mdl-textfield {
    padding: 18px 0;
}
}
@media screen and (min-width:481px) and (max-width:800px){
/* 20-0 Only Tablet
 *----------------------------------------------------------------------*/
div#sysMain,div#sysAside{ width: 100%; float: none;}/* PCレイアウトを維持する場合は削除 */


/* 20-1 Header */
.h-utilitybtn {
    margin:0 5px;
}
/* 20-1-3 ドロップダウンメニュー */
.h-subMenu .sysHeadline{
    width: 30%;
    float: right;
    position: absolute;
    bottom: 5px;
    right: 5px;
}
.h-subMenu ul li:nth-child(2n){
    width: 49%!Important;
    margin-left: 1%;
}
.h-subMenu ul li.sysText a {
    line-height: 40px;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
    padding: 30px 0;
}

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


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

/* LoginForm & Search Form */
.s-search{
    width: 49%;
    width: -webkit-calc( 50% - .2em);
    width: calc( 50% - .2em);
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}
.s-login li a{
    font-size: 0.75rem;
    padding: 10px 0;
}
.s-search.asideCnt .sysItemSearchAndOr label{;
    display: block;
}

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


/* footer */

    .p-footer .footer-container {
        width: 100% !important;
    }
}
@media screen and (min-width:801px){
/* 30-0 Only PC 
 *----------------------------------------------------------------------*/
/* 30-1 Header */
.h-siteinfo, .global-nav-pc,
.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: 100%*/
    width: 100%;
    border-right: 1px dashed white;
}
.h-search .sysContent {
    width: 30%;
    position: absolute;
    top: -55px;
    height: 50px;
    right: 0;
    padding: 5px;
}

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

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

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