/*----------------------------------------------------------------------*/
/* 1-0 ALL Setting */
/* ページ全体のサイズ */
#sysAll {
    padding: 0px; max-width: 1100px;
}
#sysAside {
    padding: 0px; width: 25% !important; float: left !important;
}
div#sysMain {
    margin: 0px auto; padding: 0px; width: 74%; float: right;
}



/* h1文字大きさ */
h1 {
    font-size: 12px;
}
/* ヘッダー　ショップ紹介文の大きさ（h1テキスト) */
.h-siteinfo h1 { text-align: left; font-size: small;}



/*----------------------------------------------------------------------*/
/* テキストリンク色、設定 */
a:link {
	color: rgb(0, 0, 188); text-decoration:none;
}
a:visited {
	color: rgb(0, 0, 188); text-decoration:none;
}
a:hover {
	color: rgb(188, 0, 0); text-decoration: underline;
}



/*----------------------------------------------------------------------*/
/* テーブル余白（表）、設定 */
td {
    padding: 5px;
}
.sysExplanation td {
    padding: 5px;
}


/* セレクト余白（都道府県） */
select {
    height: 50px;
}



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



/* 1-2 input Setting */
/* ラジオボタン、大きさ */
input[type="radio"] {
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: baseline;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    border: 5px solid rgb(30,50,180);
    cursor: pointer;
    border-radius: 100%;
}

input[type="radio"]:checked{
    background: #ffbf00;
}



/*----------------------------------------------------------------------*/
/* 2-0 Function Parts */
/* 商品タイトル・価格、文字サイズ(メイン・カテゴリー) */
.sysItemName {
	font-weight: bolder; margin-bottom: 15px; display: block;
}
.sysItemPrice {
	color: #a60000; font-weight: bold; margin-bottom: 20px;
}
.sysRetailPrice {
	color: #a60000; font-weight: bold; margin-bottom: 15px;
}




/* 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-5 Button */
/* 会員登録ボタン */
#sysRegi #sysPurchaseAuthCustomer .sysNextSubmitArea .sysNextSubmit,
#sysRegi #sysRegisterForm .sysNextSubmitArea .sysNextSubmit,
#sysMypageReminder #sysMain input[type=submit],
.sysBackButton,
.sysNextSubmit {
    background: #a60000;
    color: #ffffff;
    font-size: x-large !important;
    display: block;
    padding: 10px 15px;
    text-shadow: none;
    border-color: transparent;
    border-radius: 3px;
    width: 80%;
    height: 50px;
    margin: 0 auto;
}




/* ログインボタン */
.sysCart #sysMain #sysPurchaseAuthMember .sysLoginButton,
#sysMypageLogin #sysAll .sysLoginForm .sysLoginButton {
    background: #a60000 !important;
    margin: 15px auto 5px;
    padding: 10px !important;
    border:1px solid #003366;
    border-radius: 5px;
    border-image: none !important;
    width: 95% !important;
    height: auto !important;
    color: #ffffff;
    font-size: xx-large !important;
    display: block;
    cursor: pointer;
    text-shadow: none;
}




/* 削除ボタン・戻るボタン */
.sysButton,
.sysBackButton {
    background: #666 !important;
    margin: 0px auto;
    padding: 10px !important;
    border-radius: 5px;
    border: currentColor !important;
    border-image: none !important;
    width: auto  !important;
    height: auto !important;
    color: #ffffff;
    font-size: large !important;
    display: block;
    cursor: pointer;
    text-shadow: none;
}



/* 2-6 商品カテゴリ（アンダーラインをつける） */
.s-categ-kani a {
    border-bottom: 1px dotted #666;
}
.s-categ-kani a:hover {
    background: #eee;
}

.s-categ-gyokai a {
    border-bottom: 1px dotted #666;
}
.s-categ-gyokai a:hover {
    background: #eee;
}

.s-categ-nosan a {
    border-bottom: 1px dotted #666;
}
.s-categ-nosan a:hover {
    background: #eee;
}

.s-categ-tokusan a {
    border-bottom: 1px dotted #666;
}
.s-categ-tokusan a:hover {
    background: #eee;
}

.s-categ-set a {
    border-bottom: 1px dotted #666;
}
.s-categ-set a:hover {
    background: #eee;
}

.s-categ-event a {
    border-bottom: 1px dotted #666;
}
.s-categ-event a:hover {
    background: #eee;
}

.s-info-01 a {
    border-bottom: 1px dotted #666;
}
.s-info-01 a:hover {
    background: #eee;
}

.s-info-02 a {
    border-bottom: 1px dotted #666;
}
.s-info-02 a:hover {
    background: #eee;
}






/* 2-13 ボタン 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}




/*----------------------------------------------------------------------*/
/* 3-0 Module */
/* 3-1-6 ヘッダー検索フォーム */
.h-search .sysItemSearchForm {
    display: table;
}
.h-search .sysItemSearchFormWord {
    width: 100%;
    padding-right: 20px;
    vertical-align: top;
    display: table-cell;
}
.h-search .sysItemSearchFormWord input {
    padding: 5px; border: 1px solid #000000;
    border-image: none;
    height: 40px;
    vertical-align: bottom;
}
.h-search .sysSearchButton {
    margin: 0px auto;
    padding: 6px; border-radius: 3px; border: 1px solid #000000;
    font-size: large !important;
    color: #000000;
    border-image: none;
    width: 100px; height: 40px;
    background-color: #ffffff;
}
.h-search .sysSearchButton:hover {
    background: #FF6702;
}




/* 3-2 Main */
/* 検索フォーム（メイン部カテゴリー） */
.sysItemSearchFormWord input {
    padding: 5px; border: 1px solid #000000;
    border-image: none;
    height: 40px;
    vertical-align: bottom;
}
.sysSearchButton {
    border: none;
    border-radius: 5px;
    padding: 10px;
    background: #a60000;
    color: #ffffff; font-size: large !important;
    width: 95%;
    display: block;
    margin: 10px auto;
}






/* 3-2-4 新着情報 & SNS（段落余白） */
.p-news .sysContent { line-height: 1.5;}
.p-news li { padding-left: 10px;}





/* 3-2-5 ショップインフォメーション（フッター） */
.p-shopInfo .sysContent{ text-align :center;}
.shopinfo-inner {
    display: inline-block;
    width: 48%;
    width: -webkit-calc(50% - 10px);
    width: calc(48% - 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 p {
    font-size: 150%;
    border-bottom: 1px dotted #666;
    padding: 0 0 5px 0px;
    margin-bottom: 10px;
    font-weight:bold;
}
.shopinfo-inner .btn{
    float: right;
    margin-right: 20px;
}




/* 3-3-2 左サイド　ログイン */
.s-login {
    line-height: 1.75;
}
.s-login ul {
    text-align: center;
}
.s-login li {
    display: inline-block;
    width: 46%;
    line-height: 1.5;
    vertical-align: top;
    background: #666;
    border-radius: 5px;
}
.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: #a60000;
    color: #fff;
    margin: 10px auto;
    border-radius: 5px;
}
.s-login a {
    text-decoration: none;
    display: inline-block;
    background: #666;
    text-align: center;
    padding: 5px 15px;
    margin: 5px;
    color: #fff;
    border-radius: 3px;
}
input[type=email] {
    background: #ffffff;
    padding: 10px !important; border-radius: 0px; border: 1px solid #000000;
    border-image: none;
    width: 100%; line-height: 2; -webkit-appearance: none;
}
input[type=password] {
    background: #ffffff;
    padding: 10px !important; border-radius: 0px; border: 1px solid #000000;
    border-image: none;
    width: 100%; line-height: 2; -webkit-appearance: none;
}


/* 左サイド 検索フォーム */
.s-search input[type=search] {
    padding: 5px ;
}
.s-search input[type=text] {
    padding: 5px ;
}
.s-search .sysSearchButton {
    background: #a60000;
    margin: 10px auto; padding: 10px; border: currentColor;
    border-image: none; width: 95%;
    color: #ffffff; font-size: large !important;
    display: block;
}



/* 3-4-2 トップページに戻るボタン */
.p-pagetop .btn {
    text-decoration: none;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 20px;
}






/*----------------------------------------------------------------------*/
/* 4-0 Page-Content */
/* 4-1-2 Pankuzu List*/
.sysCategoryPankuzu,
.sysItemCategoryPankuzu {
    font-size: small !important;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    background: #666;
    color: #fff;
    padding: 0 5px;
}
.sysCategoryPankuzu a,
.sysItemCategoryPankuzu a {
    display: inline-block;
    background: #666;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
}
.sysCategoryPankuzu a:hover,
.sysItemCategoryPankuzu a:hover {
    background: #999;
}


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


/* 4-1-4 商品　PR設定 */
.sysItemPr {
    padding: 10px 26px; border-radius: 3px; border: 1px solid #000000;
    border-image: none; color: #ffffff;
    font-size: x-large !important;
    font-weight: bold;
    display: inline-block;
    background: #0000ff;
}



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


/* 4-1-6  Archive List Item */
.sysItemList ul.sysList li .sysThumbnailImage {
    width: 40%;
    max-width: 200px;
}




/* 商品の数量の増減ボタン */
#sysItemDetail .sysNumArea button {
    display: inline-block;
    width: 48%;
    background: #666;
    font-size: 20px;
    padding: 10px;
    border: 1px solid #999;
    height: 60px;
    border-radius: 5px;
    color: #fff;
}







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




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

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

#sysItemDetail #sysVariation {
     overflow: hidden;
     margin: 5px auto;
}
#sysItemDetail #sysVariation >div {
    margin: 10px auto;
    overflow: hidden;
}
#sysItemDetail .sysNumArea button {
    display: inline-block;
    width: 48%;
    background: #666;
    padding: 10px;
    border: 1px solid #999;
    border-radius: 5px;
    color: #fff;
}
#sysItemDetail .sysNumArea {
    padding-top: 5px;
    clear: both;
    text-align: right;
}
#sysWishlist .sysButton {
    width: 98%;
    margin-left: 2%;
}
#sysItemDetail .sysCartButton {
    width: 98%;
    height: 100px;
    margin-left: 2%;
}
#sysItemDetail .sysShare { padding: 5px 0 0 2%;}
#sysCartInForm { width: 100%;}

#sysItemDetail select {
    background: #F9FDCA !important; border: 1px solid: #000000 !important;
    border-image: none !important; height: 4em; color: #000000;
    display: inline-block;
    position: relative;
    min-width: 50%;
}





/* 4-4 Form Page */
/* 4-4-1 Cart Button Reset */
.sysCart .sysTotal .sysBox {
    background-color: #F9FDCA;
    padding: 10px;
}
.sysCart .sysTotalTxt {
    font-size: large !important;
    text-shadow: none;
}

.sysCart #sysMain button[type=submit],
.sysCart #sysMain button {
    background: #666;
    color: #fff;
    text-shadow: none;
}
.sysCartInDone{ margin: 0;}


.sysButton {
    background: #666;
    color: #fff;
    text-shadow: none;
}

.sysCart .sysItemListArea .sysBox select {
    background: #F9FDCA !important; border: 1px solid: #000000 !important;
    border-image: none !important; height: 4em; color: #000000;
    display: inline-block;
    position: relative;
    min-width: 50%;
}

.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
    background: #a60000;
    color: #ffffff;
    font-size: xx-large !important;
    text-shadow: none;
}

#sysBasket .sysNextSubmitArea .sysNextSubmit {
    background: #a60000 !important;
    margin: 15px auto 5px;
    padding: 10px !important;
    border:1px solid #003366;
    border-radius: 5px;
    border-image: none !important;
    width: 95% !important;
    height: auto !important;
    color: #ffffff;
    font-size: xx-large !important;
    display: block;
    cursor: pointer;
    text-shadow: none;
}

.sysCart .sysCartAttention {
    color: #a60000;
    font-weight: bolder;
    font-size: x-large !important;
}



/* 上記のお届け先に変更するボタン */
.sysNextSubmit{
    background: #a60000 !important;
    margin: 15px auto 5px;
    padding: 10px !important;
    border:1px solid #003366;
    border-radius: 5px;
    border-image: none !important;
    width: 95% !important;
    height: auto !important;
    color: #ffffff;
    font-size: x-large !important;
    display: block;
    cursor: pointer;
    text-shadow: none;
    border: currentColor !important;
}


/* 別の住所を入力するボタン */
.sysSubTitle{
    background: #a60000 !important;
    margin: 15px auto 5px;
    padding: 10px !important;
    border:1px solid #003366;
    border-radius: 5px;
    border-image: none !important;
    width: 95% !important;
    height: auto !important;
    color: #ffffff;
    font-size: large !important;
    display: block;
    cursor: pointer;
    text-shadow: none;
    border: currentColor !important;
}



/* お支払方法を変更するボタン */
.sysBtnChange{
    background: #a60000 !important;
    margin: 15px auto 5px;
    padding: 10px !important;
    border:1px solid #003366;
    border-radius: 5px;
    border-image: none !important;
    width: 95% !important;
    height: auto !important;
    color: #ffffff;
    font-size: x-large !important;
    display: block;
    cursor: pointer;
    text-shadow: none;
    border: currentColor !important;
}




/* クレジットカード情報入力ボタン */
.show-dlg_web_col_credit{
    background: #a60000 !important;
    margin: 15px auto 5px;
    padding: 10px !important;
    border:1px solid #003366;
    border-radius: 5px;
    border-image: none !important;
    width: 95% !important;
    height: auto !important;
    color: #ffffff;
    font-size: x-large !important;
    display: block;
    cursor: pointer;
    text-shadow: none;
    border: currentColor !important;
}



/* クロネコペイカード情報入力ボタン */
.mdl_dlg_show{
    background: #a60000 !important;
    margin: 15px auto 5px;
    padding: 10px !important;
    border:1px solid #003366;
    border-radius: 5px;
    border-image: none !important;
    width: 95% !important;
    height: auto !important;
    color: #ffffff;
    font-size: x-large !important;
    display: block;
    cursor: pointer;
    text-shadow: none;
    border: currentColor !important;
}







/* 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 !important;
    padding: 5px;
}
#sysMemberRegisterRegister #sysMain,
#sysMemberRegisterConfirm #sysMain,
#sysMemberRegisterIndex #sysMain,
#sysFormThanks #sysMain,
#sysFormConfirm #sysMain,
#sysFormIndex #sysMain {
    border-color: #999;
    border-style: solid;
    border-radius: 0px;
    border-width: 1px;
    box-shadow: 1px 1px 1px gray;
    margin-bottom: 10px;
    padding: 0;
}

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

#sysMypageReminder #sysMain input,
#sysMemberRegisterIndex #sysMain input,
#sysFormIndex #sysMain input {
    line-height: 15px;
    padding: 5px;
    font-size: large !important;
    margin: 5px auto;
}


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


input[type='text'] {
    border-radius: 5px; border: 1px solid #000000; height: 3.5em;
    border-image: none; font-size: 0.8rem; font-weight: normal; box-shadow: inset 0px 0px 1px #ffffff;
-webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-box-shadow: 0 0 1px #FFFFFF inset; -ms-box-shadow: 0 0 1px #FFFFFF inset; -moz-box-shadow: 0 0 1px #FFFFFF inset; -webkit-box-shadow: 0 0 1px #FFFFFF inset; -webkit-appearance: none;
}
input[type='text'] {
    background: -ms-linear-gradient(rgb(210, 210, 210), rgb(255, 255, 255)); padding: 0.7em; width: 100%;
}


input[type='tel'] {
    border-radius: 5px; border: 1px solid #000000; height: 3.5em;
    border-image: none; font-size: 0.8rem; font-weight: normal; box-shadow: inset 0px 0px 1px #ffffff;
-webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-box-shadow: 0 0 1px #FFFFFF inset; -ms-box-shadow: 0 0 1px #FFFFFF inset; -moz-box-shadow: 0 0 1px #FFFFFF inset; -webkit-box-shadow: 0 0 1px #FFFFFF inset; -webkit-appearance: none;
}
input[type='tel'] {
    background: -ms-linear-gradient(rgb(210, 210, 210), rgb(255, 255, 255)); padding: 0.7em; width: 100%;
}


input[type='password'] {
    border-radius: 5px; border: 1px solid #000000; height: 3.5em;
    border-image: none; font-size: 0.8rem; font-weight: normal; box-shadow: inset 0px 0px 1px #ffffff;
    -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-box-shadow: 0 0 1px #FFFFFF inset; -ms-box-shadow: 0 0 1px #FFFFFF inset; -moz-box-shadow: 0 0 1px #FFFFFF inset; -webkit-box-shadow: 0 0 1px #FFFFFF inset; -webkit-appearance: none;
}
input[type='password'] {
    background: -ms-linear-gradient(rgb(210, 210, 210), rgb(255, 255, 255)); padding: 0.7em; width: 100%;
}


input[type='email'] {
    border-radius: 5px; border: 1px solid #000000; height: 3.5em;
    border-image: none; font-size: 0.8rem; font-weight: normal; box-shadow: inset 0px 0px 1px #ffffff;
    -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-box-shadow: 0 0 1px #FFFFFF inset; -ms-box-shadow: 0 0 1px #FFFFFF inset; -moz-box-shadow: 0 0 1px #FFFFFF inset; -webkit-box-shadow: 0 0 1px #FFFFFF inset; -webkit-appearance: none;
}
input[type='email'] {
    background: -ms-linear-gradient(rgb(210, 210, 210), rgb(255, 255, 255)); padding: 0.7em; width: 100%;
}


input[type='number'] {
    border-radius: 5px; border: 1px solid #000000; height: 3.5em;
    border-image: none; font-size: 0.8rem; font-weight: normal; box-shadow: inset 0px 0px 1px #ffffff;
    -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-box-shadow: 0 0 1px #FFFFFF inset; -ms-box-shadow: 0 0 1px #FFFFFF inset; -moz-box-shadow: 0 0 1px #FFFFFF inset; -webkit-box-shadow: 0 0 1px #FFFFFF inset; -webkit-appearance: none;
}
input[type='number'] {
    background: -ms-linear-gradient(rgb(210, 210, 210), rgb(255, 255, 255)); padding: 0.7em; width: 100%;
}


input[type="url"] {
    border-radius: 5px; border: 1px solid #000000; height: 3.5em;
    border-image: none; font-size: 0.8rem; font-weight: normal; box-shadow: inset 0px 0px 1px #ffffff;
    -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-box-shadow: 0 0 1px #FFFFFF inset; -ms-box-shadow: 0 0 1px #FFFFFF inset; -moz-box-shadow: 0 0 1px #FFFFFF inset; -webkit-box-shadow: 0 0 1px #FFFFFF inset; -webkit-appearance: none;
}
input[type='url'] {
    background: -ms-linear-gradient(rgb(210, 210, 210), rgb(255, 255, 255)); padding: 0.7em; width: 100%;
}


input[type='search'] {
    border-radius: 5px; border: 1px solid #000000;
    border-image: none; font-size: 0.8rem; font-weight: normal; box-shadow: inset 0px 0px 1px #ffffff;
    -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-box-shadow: 0 0 1px #FFFFFF inset; -ms-box-shadow: 0 0 1px #FFFFFF inset; -moz-box-shadow: 0 0 1px #FFFFFF inset; -webkit-box-shadow: 0 0 1px #FFFFFF inset; -webkit-appearance: none;
}
input[type='search'] {
    background: -ms-linear-gradient(rgb(210, 210, 210), rgb(255, 255, 255)); padding: 0.7em; width: 100%;
}

.sysFormItem {
    width: 100%; padding-bottom: 2em; position: relative;
}



/* カート内の文字大きさ「必須」 */
.sysRequired {
    font-size: x-large !important; font-weight: bold;
}
.sysCartNote {
    margin: 0px;
    font-size: large !important;
}
/* カート内の文字大きさ「支払方法」 */
.sysSelectPayment {
    font-size: large !important;

}

/* カート内の文字大きさ「支払方法」 */
.sysSelectDelivery {
    font-size: large !important;
}





/* 4-5 マイページ */
/* 4-5-1 Mypage Index */
.sysMypage #sysMain{
    border-color: #999;
    border-style: solid;
    border-radius: 0px;
    border-width: 1px;
    box-shadow: 1px 1px 1px gray;
    margin-bottom: 10px;
    padding: 0;
}
.sysMypage #sysMain h2{
    border-bottom: 1px solid #999;
    background-color: #999;
    color: #ffffff;
    font-size: large;
    padding: 5px;
}
.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 .sysButton {
    width: 100%;
    display: block;
    line-height: 40px;
    font-size: 1rem;
    margin: 10px 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-2-10 レビュー（商品ページ、レビュー一覧ボタン） */
.sysReview input{
    background: #666;
    color: #fff;
    text-shadow: none;
    border: 1px solid #999;
    border-radius: 3px;
    display: block;
    padding: 14px;
    margin: 5px auto;
    width: 50%;
}



/* 4-4-2 レビュー（書き込み用サイズ） */
#sysMain input[type="review_text"],
#sysMain textarea {
    width: 100%;
    height: 10em;
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF));
    border-radius: 5px 5px 5px 5px;
    border: #999999 1px solid;
    line-height: 1.5;
}







/*----------------------------------------------------------------------*/
/* PCで複数のバナーを等間隔で配置 (widthで画像枚数、変更可能) */
.banner-2mai {
	overflow: hidden;
}
.banner-3mai {
	overflow: hidden;
}
.banner-4mai {
	overflow: hidden;
}
.banner-2mai li {
	margin: 0px 0px 10px;
	display: flex;
	width: 49%; /* 画像枚数、2枚 */
	vertical-align: top; float: none !important; display: inline-block;
}
.banner-3mai li {
	margin: 0px 0px 10px;
	display: flex;
	width: 32%; /* 画像枚数、3枚 */
	vertical-align: top; float: none !important; display: inline-block;
}
.banner-4mai li {
	margin: 0px 0px 10px;
	display: flex;
	width: 24%; /* 画像枚数、4枚 */
	vertical-align: top; float: none !important; display: inline-block;
}
.banner-2mai li img  {
	width: 100%;
}
.banner-3mai li img {
	width: 100%;
}
.banner-4mai li img {
	width: 100%;
}
@media screen and (max-width:600px)/* 画面サイズが、スマートフォンになった場合、画像分割*/
{
.sysDisplayMobileNone {
	display: none !important;
    }
.banner-2mai {
	overflow: hidden;
    }
    .banner-3mai {
	overflow: hidden;
    }
.banner-4mai {
	overflow: hidden;
    }
/* 画像が2・3枚の場合、画像サイズ100%で表示 */
.banner-2mai li {
	width: 100%; position: relative; z-index: 10;
    }
.banner-3mai li {
	width: 100%; position: relative; z-index: 10;
    }
/* 画像が4枚の場合、画像サイズ50%で、横並び2枚で表示(1列目) */
.banner-4mai li {
	width: 49%; position: relative; z-index: 10;
    }
/* 画像が4枚の場合、画像サイズ50%で、横並び2枚で表示(2列目) */
.banner-4mai li:nth-child(1) {
	width: 49%; position: relative; z-index: 10;
    }
}



/*----------------------------------------------------------------------*/
/* スライドバナー */
.slick-slide img{
  max-width: 100%;
}
.slick-prev{
  left: 20px;
  z-index: 9;
  width: 25px;
  height: 33px;
  background : url(https://www.kanitaro.net/img/java/slick/controls.png) 0px 0px / auto auto no-repeat scroll padding-box border-box transparent;
}
.slick-prev:hover, 
.slick-prev:focus{
  background : url(https://www.kanitaro.net/img/java/slick/controls.png) 0px -33px / auto auto no-repeat scroll padding-box border-box transparent;
}
.slick-next{
  right: 20px;
  z-index: 9;
  width: 25px;
  height: 33px;
  background : url(https://www.kanitaro.net/img/java/slick/controls.png) 100% 0px / auto auto no-repeat scroll padding-box border-box transparent;
}
.slick-next:hover, 
.slick-next:focus{
  background : url(https://www.kanitaro.net/img/java/slick/controls.png) 100% -33px / auto auto no-repeat scroll padding-box border-box transparent;
}
.slick-prev::before, 
.slick-next::before{
  display: none;
}
.main-banner-nav{
  margin: 0 0 10px;
}
.main-banner-nav .slick-slide{
  cursor: pointer;
}
.main-banner-nav .slick-slide div{
  background: #fff;
  height: 57px;
}
.main-banner-nav .slick-slide div img {
  opacity: .5;
}
.main-banner-nav .slick-slide.slick-current div img {
  opacity: 1;
}



/*----------------------------------------------------------------------*/
/* 20250512 h1修正・追加 */
/* メイン部 h1タグ 文字サイズ */
.h-siteinfo .ex-h1 {
    text-align: left;
    font-size: small;
    font-weight: bold;
}
.add-headline {
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
}



/*----------------------------------------------------------------------*/
/* 20250714 トップページ よくある質問 */
.top_qa-wrapper {
    margin-top: 20px;
}
.top_accordion-wrapper {
    border-bottom: 1px solid #777;
}
.accordion-wrapper-title {
    background-color: #ffcc99; 
    font-weight: bold;
    padding: 10px;
    border-top: 1px solid #777;
    border-left: 1px solid #777;
    border-right: 1px solid #777;
}
.top-accordion{
    padding: 10px;
    border-top: 1px solid #777;
    border-left: 1px solid #777;
    border-right: 1px solid #777;
}
.top-accordion .top-accordion-que {
    color: rgb(0, 0, 188);
    cursor: pointer;
    line-height: 1.5;
    display: block;
    list-style: none;
}
.top-accordion .top-accordion-ans {
    padding-top: 16px;
    font-size: 13px;
}
.top-accordion .top-accordion-ans .orange-text{
    color: #ff3300;
}
.top-accordion .top-accordion-ans .red-text{
    color: #ff0000;
}
.top-accordion .top-accordion-ans .blue-text{
    color: #0000ff;
}
.top_qa-wrapper .other-btn {
    text-align: center;
    border: 1px solid #777;
    border-radius: 6px;
    margin: 20px auto;
    padding: 10px;
    width: 60%;
    max-width: 260px;
}

@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 ヘッダー　ショップ紹介文（h1テキスト) */
#sysHeader{ margin-bottom: 5px;}
.h-siteinfo h1 { font-size: xx-small;}


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


/* 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-6 検索フォーム */
.h-search .sysContent{ padding: 5px;}





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




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



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




/* 13-4-2 トップページに戻るボタン */
.p-pagetop .btn { width: 90%;}


/* 14-1-2 カテゴリー　パンクズリスト */
.sysItemCategoryPankuzu {
    font-size: x-small;
}



/* 左サイド　価格で選ぶ・人数で選ぶ・インフォメーション、2段構え */
.s-categ-kakaku,.s-categ-ninzuu,.s-info-01,.s-info-02{
    width: 49%;
    width: -webkit-calc( 50% - .2em);
    width: calc( 50% - .2em);
    float: none;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

/*----------------------------------------------------------------------*/
/* 20250512 h1修正・追加 */
/* メイン部 h1タグ 文字サイズ */
.h-siteinfo .ex-h1 {
    font-size: xx-small;
}
.add-headline {
    font-size: 14px;
    margin-bottom: 10px;
}
}
@media screen and (min-width:481px) and (max-width:800px){
/* 20-0 Only Tablet
 *----------------------------------------------------------------------*/
div#sysMain,div#sysAside{ width: 100%; float: none;}/* PCレイアウトを維持する場合は削除 */
#sysMain,#sysAside{ width: 100%!important;}



/* トップバナー（大） */
.h-banb{
    width: 40%;
    width: -webkit-calc( 40% - .2em);
    width: calc( 40% - .2em);
    float: none;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;

}
/* トップバナー（小） */
.h-ban{
    width: 60%;
    width: -webkit-calc( 60% - .2em);
    width: calc( 60% - .2em);
    float: none;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}




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




/* 左サイド　ログイン・検索・カテゴリー、2段構え */
.s-login,.s-search,.s-categ-kani,.s-categ-gyokai,.s-categ-nosan,.s-categ-tokusan,.s-categ-set,.s-categ-event,.s-categ-kakaku,.s-categ-ninzuu,.s-info-01,.s-info-02{
    width: 49%;
    width: -webkit-calc( 50% - .2em);
    width: calc( 50% - .2em);
    float: none;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}
.s-login li a{
    font-size: 0.75rem;
    padding: 10px 0;
}
.s-search.asideCnt .sysItemSearchAndOr label{;
    display: block;
}




/* 23-4-2 トップページに戻るボタン */
.p-pagetop .btn { width: 50%;}





/* マイページボタン　2段構え */
.sysMypageNav > form {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
}
@media screen and (min-width:801px){
/* 30-0 Only PC 
 *----------------------------------------------------------------------*/

/* トップバナー（大） */
.h-banb{
    width: 35%;
    width: -webkit-calc( 35% - .2em);
    width: calc( 35% - .2em);
    float: none;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;

}
/* トップバナー（小） */
.h-ban{
    width: 65%;
    width: -webkit-calc( 65% - .2em);
    width: calc( 65% - .2em);
    float: none;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}




/* 33-3-1 左サイド　商品閲覧履歴 */
.s-checklist li > div {
    width: 90%;
    margin: 0 auto;
}
.s-checklist .sysContent .sysVertical .sysItemImage img {
    width: 100%;
    float: none;
    margin: 5px auto;
}



/* 34-4-2 トップページに戻るボタン */
.p-pagetop .sysContent {
    overflow: hidden;
    padding: 0 2px;
    width: 95%;
    margin: 0 auto;
}
.p-pagetop .btn {
    float: right;
    padding: 10px 20px;
}





/* マイページボタン　2段構え */
.sysMypageNav > form {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
}
/* #END_OF_RESOURCE_FILE */