/* 1-0 ALL Setting
 *----------------------------------------------------------------------*/
html {
    line-height: inherit;
}
body {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: inherit;
}
#sysAll{
    max-width: 100%;
    background-color: transparent; 
    padding: 0;
}
#sysHeader, #sysMain, #sysAside, #sysFotoer { padding: 0px;}
#sysWrap {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    clear: both;
}
#sysMain,#sysAside{ background-color: #fff;}
#sysHeader,#sysFooter{ padding: 0; margin: 0;}
#sysHeader{ background: #fff;}
#sysFooter > div{ margin: 0 auto;}
#sysMain{ line-height: 1.5;}
.sysContent { padding: 0 !important;}

/* 1-0 Wrapper Setting */

/* 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;  
    width: 15px;  
    height: 15px;      
    margin-right: 5px;    
    border: 1px solid rgb(212,212,212);
    cursor: pointer;
    border-radius: 100%;
    vertical-align: sub;
}

input[type="radio"]:checked{
    background: #bb8c87;
    border: 1px solid #bb8c87;
}

/* 1-3 Content setting */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
select {    
    height: 30px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 1px solid #dedede;
    margin: 0;
    padding: 0px 10px;
    background: none transparent;
    vertical-align: middle;
    font-size: 14px;
    color: inherit;
    box-sizing: content-box;
    background-image: url(../img/icon/icon_arrow_ub.png);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 98% 50%;
}
p {  margin: 10px auto;}
h1,h2,h3,h4,h5,h6{ font-size: inherit;}
a {
    text-decoration: none;
    font-size: 14px;
}

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


/* 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],
.sysNextSubmit {
    background: #23c0a0;
    color: #fff;
    display: block;
    padding: 10px 15px;
    text-shadow: none;
    border-color: transparent;
    width: 100%;
    height: 50px;
    margin: 0 auto;
    max-width: 300px;
    font-size: 16px;
    letter-spacing: 0.1em;
}

/* 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-11 機能パーツ：テキスト */
#sysMain .sysContent h3 { border-bottom: 1px dashed lightgray;}
#sysMain .sysContent h3:before {
    content: "■";
    padding-right: 10px;
}

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

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

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

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

/* 3-0 Module
 *----------------------------------------------------------------------*/
/* 3-1 Header*/
 #sysHeader section:after {
    content: '';
    display: block;
    clear: both;
}
#sysHeader section {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 30px;
}
#top #sysHeader section {
    border: 0;
    margin-bottom: 0px;
}

/* 3-1-1 h1テキスト */
.h-h1, .h-h2 {
    background-color: #f1e4e2;
}
.h-h1 .sysContent, .h-h2 .sysContent {
    padding: 2px;
}
.h-h1 h1, .h-h2 h2 {
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    text-align: center;
    color: #bb8c87;
    letter-spacing: 0.2em;
    margin: 0;
}

/* 3-1-2 サイトロゴ */
.h-sitelogo {
    width: 80px;
}
.h-sitelogo .sysContent {
    float: left;
    padding: 10px !important;
}

/* 3-1-3 メインメニュー*/
.h-mainMenu{ 
    margin: 0 auto;
}
.h-mainMenu ul li:last-child a {
    border: 0;
}
.h-mainMenu ul {
    display: table;
    width: 100%;
}
.h-mainMenu ul li {
    display: table-cell;
}
.h-mainMenu ul li a {
    line-height: 1;
    border: none;
    white-space: normal;
    margin: 0 auto;
    letter-spacing: 0.3em;
}
.h-mainMenu .sysContent {
    padding: 0;
    width: 60%;
    float: left;
    position: relative;
    top: 30px;
    left: 20px;
}
/* ホバーアクション */
.h-mainMenu ul li a {
    position: relative;
    display: inline-block;
    text-decoration: none;
}
.h-mainMenu ul li a:after {
    position: absolute;
    bottom: -15px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #f1e4e2;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
.h-mainMenu ul li a:hover::after {
    bottom: -10px;
    opacity: 1;
    visibility: visible;
}

/* 3-1-4 カート・マイページボタン */
.h-utilitybtn {
    margin: 0 auto;
}
.h-utilitybtn .sysContent{
    float: right;
    position: relative;
    right: 60px;
    padding: 20px !important;
}
.h-utilitybtn ul {
    line-height: inherit;
}
.h-utilitybtn ul li {
    text-align: center;
    display: inline-block;
}
.h-utilitybtn ul li a {
    display: block;
    width: 60px;
}
.h-utilitybtn ul li a i {
    font-size: 22px;
    line-height: inherit;
}
.h-utilitybtn ul li a span {
    font-size: 8px;
    display: block;
    font-family: 'Cormorant', serif;
    letter-spacing: 0.05em;
}
.h-utilitybtn ul li a:hover {
}

/* 3-1-5 検索フォーム */
.h-search {
    width: 40px;
}
.h-search .sysHeadline {
    text-align: center;
    width: 50px;
    position: absolute;
    top: 37px;
    right: 20px;
}
.sysCart .h-search .sysHeadline {
    top: 34px;
}
.h-search .sysHeadline i {
    font-size: 22px;
}
.h-search .sysHeadline span {
    font-size: 8px;
    display: block;
    font-family: 'Cormorant', serif;
    letter-spacing: 0.05em;
}
.h-search .sysHeadline:after {
    content: none;
}
.h-search .sysContent {
    width: 100%;
    position: absolute;
    top: 80px;
    right: 0;
    max-width: 350px;
}
.h-search .sysItemSearchForm {
    display: table;
    width: 100%;
}
.h-search .sysItemSearchFormWord {
    display: table-cell;
    width: 100%;
    vertical-align: top;
}
.h-search .sysItemSearchFormWord input{
    height: 40px;
    border: 1px solid #525252;
    padding: 5px;
    vertical-align: bottom;
    border-right: 0;
}
.h-search .sysSearchButton {
    width: 60px;
    padding: 6px;
    height: 40px;
    border: 1px solid #525252;
    margin: 0 auto;
    background-color: #f1e4e2;
    background-image: url(../img/icon/icon_search.png);
    font-size: 0;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 50%;
    cursor: pointer;
}

/* 3-1-6 Main Image */
.p-topimg .sysContent{
    margin: 0 auto;
}

/* 3-2 TopMain */
#top #sysMain .sysHeadline {
    width: 30%;
    padding-left: 30px;
}
#top #sysMain .sysHeadline h2 {
    font-size: 30px;
    display: block;
    color: #a98cc2;
    font-family: 'Cormorant Unicase', serif;
    letter-spacing: 0.1em;
}
#top #sysMain .sysHeadline p {
    color: #393939;
    font-size: 16px;
    letter-spacing: 0.2em;
}
#top #sysMain .sysContent {
    width: 70%;
}
#top #sysMain > div {
    margin: 50px auto;
    clear: both;
}
#top #sysMain > div:after {
    content: '';
    display: block;
    clear: both;
}

/* 3-2-1 What's New */
.p-news {
    width: 90%;
    float: right;
}
.p-news .sysHeadline {
    float: left;
}
.p-news .sysContent {
    float: right;
    border: 10px solid #f1e4e2;
    padding: 30px !important;
}
.p-news ul li a {
    letter-spacing: 0.2em;
    padding: 8px;
    display: block;
}
.p-news ul li a:hover {
    text-decoration: underline;
}

/* 3-2-2 Item Category */
.p-itemcategory {
    width: 90%;
    margin: 0 !important;
}
.p-itemcategory .sysHeadline {
    float: right;
}
.p-itemcategory .sysContent {
    background-color: #f1e4e2;
    padding: 30px !important;
}
.p-itemcategory ul:after {
    content: '';
    display: block;
    clear: both;
}
.p-itemcategory ul li {
    line-height: 0;
    width: 25%;
    float: left;
}
.p-itemcategory figure {
    position: relative;
    overflow: hidden;
}
.p-itemcategory figcaption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    color: #fff;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 30px;
    transition: all 0.6s ease;
}
.p-itemcategory figcaption:hover {
    opacity: 1;
}
.p-itemcategory figcaption p {
    color: #fff;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.1em;
}

/* 3-2-3 New Items */
.p-newItem {
    width: 90%;
    float: right;
}
.p-newItem .sysHeadline {
    float: left;
}
.p-newItem .sysContent {
    background-color: #f1e4e2;
    padding: 30px !important;
    float: left;
}

/* 3-2-4 Ranking */
.p-ranking {
    width: 90%;
    margin: 50px 0 !important;
}
.p-ranking .sysHeadline {
    float: right;
}
.p-ranking .sysContent {
    background-color: #f1e4e2;
    padding: 30px !important;
    float: left;
}
.p-ranking .sysContent .sysHorizontal li {
    position: relative;
}
.p-ranking .sysContent .sysIconRank img {
    width: 50px;
    position: absolute;
    top: 0;
    right: 0;
}

/* 3-2-5 Gallery */
.p-gallery {}
.p-gallery h2 {
    color: #bb8c87;
    font-size: 18px;
    background-color: #f1e4e2;
    padding: 5px;
    text-align: center;
    letter-spacing: 0.3em;
    width: 100% !important;
}
.p-gallery .sysContent {
    width: 100% !important;
    margin: auto;
    max-width: 1050px;
    text-align: center;
    padding: 50px !important;
    background-image: url(../img/topMain/bg_gallery.gif);
    background-repeat: no-repeat;
    background-size: 180px;
    background-position: 0 5%;
}
.p-gallery .sysContent:after {
    content: '';
    display: block;
    clear: both;
}
.p-gallery .sysContent > div {
    width: 50%;
    float: left;
}
.p-gallery .youtube2 {
    position: relative;
    width: 100%;
    padding-top: 30%;
}
.p-gallery .youtube2 iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

/* 3-3 Aside*/
#sysAside .side {
    margin-bottom: 50px;
}
#sysAside .side h2.sysHeadline {
    padding: 0;
    font-size: 16px;
    margin-bottom: 10px;
    margin: 0;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: 0.1em;
    font-weight: bold;
}

/* 3-3-1 Login */
.s-login .sysFormItem {
    margin-bottom: 10px;
}
.s-login .sysFormField input {
    width: 100%;
    line-height: 2;
    padding: 3px;
    border: 1px solid #ececec;
}
.s-login input[type="submit"] {
    background-color: #25c0a1;
    padding: 10px 20px;
    color: #fff;
    border-radius: 0;
    width: 100%;
    max-width: 200px;
}
.s-login ul {
    display: table;
    width: 100%;
}
.s-login ul li {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dfdfdf;
}
.s-login ul li:first-child {
    border-right: 0;
}
.s-login ul li a {
    font-size: 12px;
    line-height: 1.4em;
    display: block;
    padding: 8px;
}

/* 3-3-2 パスワード失念 */
.s-password p {
    border: 1px solid #d76464;
    padding: 10px;
    color: #d76464;
}

/* 3-4 Footer*/

/* 3-4-1 ShopInfo */
.p-shopInfo {}
.p-shopInfo h2.sysHeadline {
    color: #bb8c87;
    font-size: 18px;
    background-color: #f1e4e2;
    padding: 5px;
    text-align: center;
    letter-spacing: 0.3em;
    margin: 0;
    line-height: inherit;
}
.p-shopInfo .sysContent {
    max-width: 1050px;
    margin: 20px auto;
}
.p-shopInfo .sysContent:after {
    content: '';
    display: block;
    clear: both;
}
.p-shopInfo section {
    width: 33%;
    float: left;
    line-height: 1.8;
    letter-spacing: 0.1em;
    padding-right: 30px;
}
.p-shopInfo section > div {}
.p-shopInfo h3 {
    font-size: 14px;
    padding: 5px;
    padding-bottom: 10px;
    letter-spacing: 0.3em;
    line-height: inherit;
    margin: 0;
    font-family: inherit;
    font-weight: bold;
}
.p-shopInfo ul {
    padding-left: 1em;
    line-height: inherit;
}
.p-shopInfo ul li {
    position: relative;
}
.p-shopInfo ul li:after {
    display: block;
    content: '';
    position: absolute;
    top: .7em;
    left: -1em;
    width: 3px;
    height: 3px;
    background-color: #666;
    border-radius: 100%;
}
.p-shopInfo p.detail {
    text-align: center;
    padding: 10px;
}
.p-shopInfo p.detail a {
    background-color: #25c0a1;
    padding: 10px 20px;
    color: #fff;
}
.p-shopInfo p {
    line-height: inherit;
}
.p-shopInfo span {
    font-size: 12px;
}

/* 3-4-2 Footer Site Map */
.f-sitemap {
    background-color: #e4e4e4;
    padding-top: 20px;
}
.f-sitemap:after {
    content: '';
    display: block;
    clear: both;
}
.f-sitemap .sysContent {
    max-width: 1050px;
}
.f-sitemap .sitemap {
    width: 40%;
    float: left;
}
.f-sitemap .category {
    width: 40%;
    float: left;
}
.f-sitemap .sns {
    width: 20%;
    float: right;
}
.f-sitemap h2 {
    font-size: 14px;
    padding: 5px;
    padding-bottom: 10px;
    letter-spacing: 0.3em;
    margin: 0;
    font-family: inherit;
    font-weight: bold;
    line-height: inherit;
}
.f-sitemap ul li a {
    font-size: 13px;
}
.f-sitemap ul li a:hover {
    text-decoration: underline;
}
.f-sitemap .sitemap ul {
    width: 50%;
    float: left;
    line-height: inherit;
}
.f-sitemap .sitemap ul li {
    padding: 5px;
}
.f-sitemap .sitemap ul li a {
    letter-spacing: 0.3em;
}
.f-sitemap .category ul {
    width: 50%;
    float: left;
}
.f-sitemap .category ul li {
    padding: 5px;
}
.f-sitemap .category ul li a {
    letter-spacing: 0.3em;
}
.f-sitemap .sns #pageplugin{
    height: 300px;
    overflow: hidden;
}
.f-sitemap .sns ul {
    width: 200px;
    float: right;
    padding: 10px;
    padding-right: 0;
}
.f-sitemap .sns ul li {
    width: 33%;
    float: left;
    text-align: right;
}
.f-sitemap .sns ul li img {
    width: 40px;
}
.f-sitemap .sns .footerLogo {
    width: 150px;
    float: right;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}

/* 3-4-3 Page Top Btn */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 0px;
}
#page-top a {
    width: 50px;
    display: block;
}

/* 3-4-4 CopyRight */
.f-copyright {
    margin: 0 auto;
    text-align: center;
    background-color: #f1e4e2;
    padding: 5px;
}
.f-copyright p {
    color: #bb8c87;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-size: 10px;
    letter-spacing: 0.2em;
    line-height: inherit;
    margin: 0;
}

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

/* 4-1-2 Pankuzu List*/
.sysCategoryPankuzu,
.sysItemCategoryPankuzu {
    font-size: small;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 5px;
}
.sysCategoryPankuzu a,
.sysItemCategoryPankuzu a {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

/* 4-1-3 Category View Mode */
.sysItemCategoryCtl {
    font-size: small;
}
.sysItemCategoryCtl a {
    display: inline-block;
    padding: 2px 4px;
    background: #f1e5e3;
    text-decoration: none;
    margin: 2px 0;
    font-size: 12px;
    color: #bb8c87;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}


/* 4-1-4 Item PR Setting */
.sysItemPr {
    font-size: 12px;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #ca0000;
    color: #ca0000;
    display: inline-block;
    margin-bottom: 10px;
}

/* 4-1-5 Cart Button */
.sysCartButton {
    border: none;
    padding: 20px;
    margin: 10px 0;
    background-color: #23c0a0;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
}



/* 4-1-6  Archive List Item */
.sysItemList ul.sysList li .sysThumbnailImage {
    width: 40%;
    max-width: 200px;
}
/* 4-1-7  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail li {
    display: inline-block;
    float: none;
    vertical-align: top;
    letter-spacing: normal;
}
.sysItemList ul.sysThumbnail {
    letter-spacing: -.4em;
}
.sysItemList ul.sysThumbnail input {
    width: 100%;
    padding: 10px 0;
}

/* 4-1-8 Deliveries Table */
ul.SysDeliveriesTable {
  border-style: solid;
  border-width: 0px;
  list-style: none;
  display: table;
  margin: 0;
  padding: 0;
}
ul.SysDeliveriesTable > li {
  display: table-row;
}
ul.SysDeliveriesTable > li > div {
  border-style: solid;
  border-width: 1px;
  display: table-cell;
  padding:10px;
}

/* 4-2 Item Page */
/* 4-2-1 Item IMAGE */
.sysThumbnailImage > span,.sysThumbnailImage > br { display: none;}
.sysItemImages .sysImageList li{
    display: inline-block;
    vertical-align: top;
    height: auto;
    width: 32%;
    line-height: 1;
    float: none;
    margin: 1% 0;
}
.sysItemImages .sysImageList li.sysCurrent img {
    border: 1px solid #23c09f;
}

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

/* 4-2-3 商品ページレイアウト */
.itemWrap {
    margin: 20px auto;
}
.itemWrap:after {
    content: '';
    display: block;
    clear: both;
}
.imageArea {
    width: 49%;
    float: left;
}
.buyArea {
    width: 49%;
    float: right;
}
.orderArea {
    letter-spacing: -.4em;
    text-align: center;
}
.orderArea > div {
    width: 50%;
    display: inline-block;
    letter-spacing: normal;
    text-align: left;
    vertical-align: top;
    padding-right: 20px;
}
.orderArea > .orderArea > div {
    width: 100%;
    display: block;
}


/* 4-2-4 Item Page Titile, Price */
.sysItemName,
.sysExplanation > div > span,
.sysReview > span{
    display: block;
    font-size: large;
    text-align: left;
    letter-spacing: 0.1em;
}
.sysItemPrice {
    color: #bb8c87;
    text-align: left;
    letter-spacing: 0.1em;
}

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

/* 4-2-6 Item BuyForm */
#sysItemDetail .sysRetailPrice {
    font-weight: bold;
    margin-bottom: 10px;
}
#sysItemDetail .sysPr { text-align: left;}
#sysItemDetail .sysPr > span { display: inline-block;}

#sysItemDetail .sysForm #sysNumber {
    line-height: 2.5;
}
#sysItemDetail .sysForm select {
    min-width: 150px;
    width: 60%;
    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: 49%;
    padding: 5px;
    border: 1px solid #dedede;
    color: #767676;
}
#sysItemDetail .sysNumArea {
    padding-top: 5px;
    clear: both;
    text-align: right;
}
#sysWishlist .sysButton,
#sysItemDetail .sysCartButton {
    width: 100%;
}
#sysWishlist .sysButton {
    background-color: #efdf2c;
}
#sysItemDetail .sysCartButton {}
#sysItemDetail .sysShare { padding: 5px 0 0 2%;}
#sysCartInForm { width: 100%;}

/* 4-2-7 System Button */
.sysButton {
    border: none !important;
    margin: 0 !important;
    margin-top: 0 !important;
    color: #fff !important;
    cursor: pointer !important;
    font-size: 13px;
    background-color: #bb8c87 !important;
    border-radius: 0 !important;
    height: 30px !important;
    vertical-align: inherit;
    padding: 0 10px;
    min-width: auto !important;
}
.sysLoginButton{
    display: block;
    width: 50%;
    margin: 10px auto;
    padding: 20px;
    background-color: #23c0a0;
    color: #fff;
    border: 0;
    font-size: 14px;
    cursor: pointer;
}

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

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

/* 4-2-10 Review */
.sysReview input{
    background: #666;
    color: #fff;
    text-shadow: none;
    border: 1px solid #999;
    border-radius: 3px;
    display: block;
    padding: 10px;
    margin: 5px auto;
    width: 50%;
}
.sysReview > br {
    display: none;
}
.sysReviewHistoryList {
    padding: 0 10px;
    border: 1px solid lightgray;
}
.sysReviewHistoryList li {
    margin-bottom: 5px;
    border-bottom: 1px dashed lightgray;
    padding: 5px 0;
}
.sysReviewHistoryList li:last-child { border: none;}

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

/* 4-3 Free Page */
/* 4-3-1 Common */
.sysFormItem input, .sysFormItem input {
    max-width: 500px;
}


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

/* カートボタン、ログインボタン */
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit, .sysCart #sysMain input.sysLoginButton {
    background-color: #25c0a1;
    padding: 10px 20px;
    color: #fff;
    border-radius: 0;
    width: 100%;
    max-width: 280px;
    border: 0;
    font-size: 18px;
    font-weight: normal;
    height: auto;
    margin: 20px auto;
}
/* 削除・戻るボタン */
.sysCart #sysMain input[type=submit].sysBackButton, .sysCart #sysMain input[type=submit].sysDeleteArea {
    background: #f1e5e3;
    border: 0;
    border-radius: 0;
    color: #bb8c86;
    height: 30px;
    min-width: auto;
    width: 80px;
    font-size: 12px;
}
/* 数量ボタン */
.sysCart #sysMain .sysNumArea button {
    background: #fff;
    border-radius: 0;
    border: 1px solid #dedede;
    color: #5f5f5f;
}

/* 4-4-2 Form Page */
#sysMain > form .sysFormItem {
    margin-bottom: 10px;
}

#sysMemberRegisterRegister #sysMain h2,
#sysMemberRegisterConfirm #sysMain h2,
#sysMemberRegisterIndex #sysMain h2,
#sysFormThanks #sysMain h2,
#sysFormConfirm #sysMain h2,
#sysFormIndex #sysMain h2 {
    color: #000;
    font-size: 18px;
    padding: 5px;
    letter-spacing: 0.2em;
}
#sysMemberRegisterRegister #sysMain,
#sysMemberRegisterConfirm #sysMain,
#sysMemberRegisterIndex #sysMain,
#sysFormThanks #sysMain,
#sysFormConfirm #sysMain,
#sysFormIndex #sysMain {
    margin-bottom: 10px;
    padding: 0;
}

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

#sysMypageReminder #sysMain input[type="text"],
#sysMemberRegisterIndex #sysMain input[type="text"],
#sysFormIndex #sysMain input[type="text"] {
    line-height: 15px;
    padding: 5px;
    font-size: small;
    margin: 5px auto;
    height: 30px;
    border-radius: 0;
    background: #fff;
    border: 1px solid #dedede;
}

#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%;
    line-height: 15px;
    padding: 5px;
    font-size: small;
    margin: 5px auto;
    height: 30px;
    border-radius: 0;
    background: #fff;
    border: 1px solid #dedede;
}
#sysMain textarea { 
    min-height: 75px;
    background: #fff;
    border-radius: 0;
    border: 1px solid #dedede;
    line-height: 1.6;
}

.sysZipcode .sysFormField { display: inline-block;}
.sysZipcode .sysFormLabel { display: block;}
.sysZipcode .sysFormField { width: 200px;}
.sysZipcode br{ display: none;}
.sysBirthday input { width: auto!important;}
/* フリーフォーム：お問い合わせの住所検索ボタン */
#sysFormIndex #sysMain > form .sysFormItem.sys5 .sysFormField input {
    width: 200px;
}
/* マイページ：お届け先情報を編集するの住所検索ボタン */
#sysMypageEditDelivery #sysMain .sysZipcode .sysFormField {
    width: 300px;
}
#sysMypageEditDelivery #sysMain .sysZipcode .sysFormField input {
    width: 200px;
}
#sysMypageEditDelivery #sysMain .sysZipcode button {
    margin-top: 0;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    background-color: #bb8c87;
    border-radius: 0;
    height: 30px;
    vertical-align: inherit;
    padding: 0 10px;
}

/* マイページ：パスワードの変更 */
.sysMemberPassword .sysFormField {
    margin-bottom: 10px;
}

/* 4-4-3 Form Confirm Page */
#sysMypageEditConfirm #sysMain .sysFormField,
#sysMemberRegisterConfirm #sysMain .sysFormField,
#sysFormConfirm #sysMain .sysFormField {
    border: 1px solid #dedede;
    line-height: 2;
    padding-left: 10px;
    font-size: small;
    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-4-5 ショッピングカート（basket.html、regi.html、confirm.html） */
.sysTotal .sysBox {
    border: 0;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: center;
}
.sysTotal .sysTotalTxt {
    text-shadow: none;
    -o-text-shadow: none;
    -ms-text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    font-size: 18px;
    color: #5e5e5e;
}
.sysTotal .sysTotalTxt .sysCartAttention {
    font-size: 26px;
}
.sysCartAttention {
    color: #de6c62;
}
.sysCartTitle {
    background-color: #fff;
    color: #000000;
    font-size: 18px;
    font-family: inherit;
    border-bottom: 1px solid #000;
    padding: 0;
}
.sysBox {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 1em auto;
    padding: 0.5em;
}
#sysRegi #sysMain .sysFormItem {
    max-width: 60%;
    margin: auto;
}
#sysRegi #sysMain input[type=email], #sysRegi #sysMain input[type=password] {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 0;
}
/* ショッピングカート：注文確認画面（数量選択） */
.sysCart #sysMain select {
    width: 80px;
}
/* ショッピングカート：注文確認画面（変更ボタン位置） */
.sysCart #sysMain .sysConfirmButton form {
    text-align: center;
}
.sysCart #sysMain .sysConfirmButton input[type=submit] {
    max-width: 280px;
}

/* 4-5 MyPage */
/* 4-5-1 Mypage Index */
.sysMypage #sysMain{
    margin-bottom: 10px;
    padding: 0;
}
.sysMypage #sysMain h2{
    color: #000;
    font-size: 18px;
    padding: 5px;
    letter-spacing: 0.2em;
}
.sysMypage #sysMain > form,
.sysMypage #sysMain > div { padding: 5px 10px;}

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

/* マイページボタン */
.sysMypageNav > form {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    padding-bottom: 1%;
}
.sysMypageNav .sysButton {
    width: 100%;
    display: block;
    line-height: 40px;
    font-size: 1rem;
    height: auto;
}

/* 4-5-2 Member Profile Editor */
#sysMypageEditDelivery #sysMain > form,
#sysMypageEditMember #sysMain > form{ padding: 10px;}
#sysMypageEditDelivery #sysMain input,
#sysMypageEditMember #sysMain input {
    line-height: 15px;
    padding: 5px;
    font-size: small;
    margin: 5px auto;
}

#sysMypageEditConfirm #sysMain > form { padding: 10px;}

/* 4-5-3 Special Point */
.sysSpecialPoint {
    overflow: hidden;
    letter-spacing: -.4em;
}
.sysSpecialPoint > div:nth-child(2n) {
    width: 60%;
}
.sysSpecialPoint > div {
    display: inline-block;
    letter-spacing: normal;
    padding: 5px 10px;
    border-bottom: 1px solid #d5d5d5;
}
.sysSpecialPoint > div:nth-child(2n+1) {
    width: 40%;
}

/* 4-5-4 Coupon List */
.sysCoupon {
    border: 1px solid #d5d5d5;
    margin: 10px;
}

/* 4-6 News Page */
.news-row {
    border-color: #999;
    border-style: solid;
    border-radius: 0px;
    border-width: 1px;
    box-shadow: 1px 1px 1px gray;
    margin-bottom: 10px;  
}
.news-row > h1 {
    border-bottom: 1px solid #999;
    background-color: #999;
    color: #ffffff;
    font-size: large;
    padding: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(), to());
    background: -webkit-linear-gradient(top, , );
}
.sysNewsDetail { padding: 10px 20px;}

/* マイページ（複数配送先編集画面）*/
.sysSelectAddress a {
    display: block;
    text-decoration: none;
    border: 1px solid;
    padding: 10px;
}

.sysSelectAddress {
    margin: 10px 0;
}

.sysSelectAddress a:hover {
    background: #eee;
}

@media screen and (max-width:480px){
/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
#sysMain,#sysAside{ width: 100%!important;}
#sysMain{ margin-top: 0;}
.grid-col {
	float: none;
	width: 100%!important;
        margin-left: 0;
}

/* 10-1 Header */
#sysHeader{ margin-bottom: 5px;}
.h-h1 h1, .h-h2 h2 {
    white-space: nowrap;
    overflow: scroll;
    font-size: 8px;
}
.h-sitelogo{ height: 52px; margin: auto;}
.h-sitelogo li img{
    width: auto;
    max-height: 47px;
}
.drawer-hamburger {
    top: 18px;
}
.drawer-nav {
    background-color: #f0f0f0;
}
.drawer-nav p {
    text-align: center;
}
.drawer-nav p img {
    width: 80px;
}
.drawer-nav span {
    text-align: center;
    display: block;
    font-size: 10px;
    margin-bottom: 20px;
}
.drawer-menu-item {
    font-size: 14px;
}
.drawer-menu-item i {
    font-size: 18px;
    margin-right: 5px;
}
.h-search .sysHeadline {
    top: 32px;
}
.h-utilitybtn{ position: relative;}
.h-utilitybtn .sysContent {
    width: 32%;
    float: none;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 15%;
}
.h-utilitybtn ul li.sysText a {
    line-height: 17px;
    height: 47px;
    font-size: x-small;
}
.h-utilitybtn ul li {
    height: 47px;
}
.h-utilitybtn ul li.sysText a:before {
    content: "";
    width: 20px;
    margin: 5px auto 0;
    height: 20px;
    display: block;
}
.h-utilitybtn ul li.sysText:nth-child(1) a:before {
    background: url(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%;
}



/* 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 TopMain */
#sysMain > div {
    padding: 10px;
}
#top #sysMain .sysHeadline {
    width: 100%;
    padding-left: 0;
}
#top #sysMain .sysContent {
    width: 100%;
}
.p-news {
    width: 100%;
    float: none;
}
.p-news .sysHeadline {
    float: none;
}
.p-news .sysContent {
    float: none;
    padding: 10px !important;
}
.p-itemcategory {
    width: 100%;
}
.p-itemcategory .sysHeadline {
    float: none;
}
.p-itemcategory .sysContent {
    padding: 10px !important;
}
.p-itemcategory ul li {
    width: 50%;
}
.p-itemcategory figcaption {
    opacity: 1;
    background: rgba(0, 0, 0, 0.5);
}
.p-newItem {
    width: 100%;
    float: none;
}
.p-newItem .sysHeadline {
    float: none;
}
.p-newItem .sysContent {
    padding: 10px !important;
    float: none;
}
.p-ranking {
    width: 100%;
}
.p-gallery .sysContent {
    background-size: 80px;
}
.p-gallery .sysContent > div {
    width: 100%;
    float: none;
}
.p-gallery .youtube2 {
    padding-top: 56.25%;
}


/* 13-4 Footer */
/* 13-4-1 Footer Site Map */
.p-shopInfo .sysContent {
    margin: 20px 10px;
}
.p-shopInfo section {
    width: 100%;
    float: none;
    padding-right: 0;
}
.f-sitemap {
    padding: 20px 10px;
}
.f-sitemap .sitemap {
    width: 100%;
    float: none;
    margin-bottom: 20px;
}
.f-sitemap .sitemap:after {
    content: '';
    display: block;
    clear: both;
}
.f-sitemap .category {
    width: 100%;
    float: none;
    margin-bottom: 20px;
}
.f-sitemap .category:after {
    content: '';
    display: block;
    clear: both;
}
.f-sitemap .sns {
    width: 100%;
    float: none;
}
.f-sitemap .sns #pageplugin {
    height: auto;
    overflow: visible;
}
.f-sitemap .sns .footerLogo {
    width: 120px;
    float: left;
}
.f-sitemap .sns ul {
    width: 180px;
    padding: 20px;
}

/* 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 商品ページレイアウト */
.imageArea {
    width: 100%;
    float: none;
}
.buyArea {
    width: 100%;
    float: none;
}
.orderArea { letter-spacing: normal;}
.orderArea > div {
    width: 100%;
    padding-right: 0;
    float: none;
}
/* 14-5-2 MyPage*/
.sysMypageNav .sysButton{ font-size: 0.75rem;}



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


/* 20-1 Header */
.h-sitelogo {
    margin: auto;
}
.drawer-hamburger {
    top: 22px;
}
.drawer-nav {
    background-color: #f0f0f0;
}
.drawer-nav p {
    text-align: center;
}
.drawer-nav p img {
    width: 80px;
}
.drawer-nav span {
    text-align: center;
    display: block;
    font-size: 10px;
    margin-bottom: 20px;
}
.drawer-menu-item i {
    font-size: 18px;
    margin-right: 5px;
}
.h-utilitybtn {
    margin:0 5px;
}


/* 23-1-5 メインメニュー*/

/* 23-1-6 検索フォーム */
.h-search .sysContent{ padding: 5px;}


/* 23-4-2 Page Top Btn */
.p-pagetop .btn { width: 50%;}
}
@media screen and (min-width:801px){
/* 30-0 Only PC 
 *----------------------------------------------------------------------*/
/* 30-1 Header */




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