/*
 *
 * Templat BASIC form aishipR
 *
 * クラス値命名規則
 * h:ヘッダー用  m:メイン用 s:サイドバー用 f:フッター用 p:汎用
 *
 * Table Of Content
 *
 * 1-0 ALL Setting
 *   1-1 Webkit appearance 
 *   1-2 Layout Setting 
 * 2-0 Function Parts
 *   2-1 Clearfix 
 *   2-2 Holizontal Item Block 
 *   2-3 Vertical Item Block 
 *   2-4 Facebook 
 *   2-5 Button 
 *   2-6 機能パーツ：商品カテゴリ 
 *   2-7 グリッドナビ（スタイル:gridnav） 
 *   2-8 非表示コンテンツ(FB/タグマネージャ等用) 
 *   2-9 トグル機能アニメーション 
 *   2-10 カテゴリ・商品詳細ページ 見出し部下線 
 *   2-11 機能パーツ：テキスト 
 * 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-5 MyPage 
 *     4-5-1 Mypage Index 
 *     4-5-2 Member Profile Editor 
 *   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: #ffffff;}
#sysAll, #sysHeader, #sysMain, #sysAside, #sysFotoer { padding: 0 5px;font-family: meiryo, sans-serif;}
#sysMain{ line-height: 1.5;}
h1,h2,h3,h4,h5,h6{ font-size: inherit;}

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

input[type=search] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    line-height: 2.5
}

input[type=search]::-webkit-search-decoration {
    display: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
select{    height: 30px;}
p {  margin: 10px auto;}

/* 1-2 Layout Setting */
#sysMain .mainCnt .sysContent {
    width: 100%;
    margin: 0 auto;
}

/* 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: left;
}
.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;  
    padding: 10px 15px;  
    text-shadow: none;
    border-color: transparent;
    border-radius: 3px;
    width: 80%;
    height: 50px;
    margin: 0 auto;
}

/* 2-6 機能パーツ：商品カテゴリ */
.sysFuncItemCategory a {
    line-height: 1.75;
    border-bottom: 1px dotted #999;
}
.sysFuncItemCategory a:hover {
    background: #eee;
}

/* 2-7 グリッドナビ（スタイル:gridnav） */
.gridnav ul li:last-child { border-right: 0;}

/* 2-8 非表示コンテンツ(FB/タグマネージャ等用) */
.h-code{ display: none;}


.sysAccordionInitialHide.active{
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    opacity: 1;
    z-index: 999;
}

/* 2-10 カテゴリ・商品詳細ページ 見出し部下線 */
.sysCategoryPankuzu,
.sysItemCategoryPankuzu,
#sysItemDetail #sysMain .sysItemName,
.sysExplanation > div > span,
.sysRetailPrice,
.sysItemImages > span,
.sysReview > span
{ border-bottom: 1px dashed lightgray;}

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

/* 3-0 Module
 *----------------------------------------------------------------------*/
/* 3-1 Header*/
/* 3-1-1 サイトロゴ */
.h-sitelogo {
    max-width: 200px;
    float: left;
}
.h-sitelogo2 {
    max-width: 200px;
    float: left;
}
.h-sitelogo3 {
    max-width: 200px;
    float: left;
}
/* 3-1-2 カート・マイページボタン */
.h-utilitybtn {
    width: 120px;
    float: right;
}
/* 3-1-3 ドロップダウンメニュー */
.h-subMenu {
    width: 60px;
    float: right;
}
.h-subMenu .sysAccordionInitialHide {
    position: absolute;
    background: #fff;
    right: 0;
    padding: 9px 10px;
    width: 100%;
}
.h-subMenu ul li { margin: 1px auto;}
.h-subMenu .sysHeadline{
    color: #e5e5e5;
    line-height: 60px;
    text-align: center;
    background: #666;
    border-radius: 5px;
}
.h-subMenu .sysAccordion:after{
    content:"";
}
/* 3-1-4 カート・ログインボタン */
.h-utilitybtn ul li{
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 2%;
    width: 48%!important;
}

/* 3-1-5 メインメニュー*/
.h-mainMenu{ margin: 5px auto;}
.h-mainMenu ul li:last-child a {
    border: 0;
}
.h-mainMenu ul {
    display: table;
    width: 100%;
}
.h-mainMenu ul li {
    display: table-cell;
    float: none;
    height: 50px;
    border-right: 1px solid;
}
.h-mainMenu ul li.sysText a {
    line-height: 1;
    border: none;
    white-space: normal;
    padding: 20px 0;
    margin: 0 auto;
}


/* 3-1-6 検索フォーム */
.h-search .sysContent{ padding: 5px 10px;}
.h-search .sysItemSearchForm {
    display: table;
    width: 100%;
}
.h-search .sysItemSearchFormWord {
    display: table-cell;
    padding-right: 10px;
    width: 100%;
}
.h-search .sysItemSearchFormWord input{
    height: 40px;
    border: 1px solid #c9c9c9;
    padding: 5px;
}
.h-search .sysSearchButton {
    width: 100px;
    padding: 6px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #ddd;
}

/* 3-2 Main*/

/* 3-2-1 Main IMAGE */

/* 3-2-2 Half Banner */
.p-banner ul {
    text-align: center;
    clear: both;
    margin: 10px auto;
}
.p-banner li ,.top_nanner_meyer_linkmetal li ,.beginner_item_ichiran_image li ,.sumaho_meyer4mm li ,.sumaho_link_metal li ,.saxmen_meyer li ,.selmer_ichiran_image li ,.sumaho_link_rubber li ,.sumaho_lakey li  ,.sumaho_v16 li ,.sumaho_yanagisawa_classic li ,.gottsu_ichiran li ,.bullseye_list_image li ,.marmaduke_ichiran_image li ,.saxz_ichiran_image li ,.woodstone_ichiran_image li ,.mp_tsuhan_woostone_image li ,.mp_tsuhan_gottsu_image li ,.mp_tsuhan_saxz_image li ,.mp_tsuhan_bullseye_image li ,.mp_tsuhan_marmaduke_image li ,.mp_tsuhan_meyer_image li ,.mp_tsuhan_selmer_image li ,.mp_tsuhan_linkmetal_image li ,.mp_tsuhan_linkrubber_image li ,.mp_tsuhan_vandorenv16_image li ,.mp_tsuhan_lakey_image li ,.mp_tsuhan_yanagisawa_image li ,.sc_tsuhan_wiseman_image li ,.sc_tsuhan_marcomagi_image li ,.sr_tsuhan_bullseye_image li ,.sr_tsuhan_woodstone_image li ,.link_ligature_image li ,.beginner_teiban_image li ,.cla_top_banner li ,.sax_top_banner li ,.sumaho_dukoff li ,.larsen_ichiran li ,.top_sax_banner li,.cla_top2_banner li,.p-banner_cla li,.jodyjazz_ichiran li ,.sumahoBerglarse li ,.sumahoYanagisawa li
{
    width: 49%;
    display: inline-block;




}


/* 3-2-3 PICK UP Item */
.p-pickup .sysContent .sysHorizontal li{
    width: 33%;
}

/* 3-2-4 News */
.p-news {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

/* 3-2-4  SNS */
.p-sns {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}



.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: 120%;
    border-bottom: 1px dotted #666;
    padding: 0 0 5px 0px;
    margin-bottom: 10px;
}
.shopinfo-inner .btn{
    float: right;
    margin-right: 20px;
}

/* 3-2-6 Notice */
.p-notice .sysHeadline {
    background: #e60054;
    border-color: #e60054;
    text-align: center;
    font-weight: bold;
}


/* 3-3 Aside*/
/* 3-3-1 Aside Check List */
.s-checklist li {
    margin: 5px auto;
    padding-bottom: 10px;
    border-bottom: 1px dotted;
}
/* 3-3-2 Aside Login Form & Search Form */
.s-login {
    line-height: 1.75;
}
.s-login ul {
    text-align: center;
}
.s-login li {
    display: inline-block;
    width: 46%;
    line-height: 1.5;
    vertical-align: top;
    background: #666;
}
.s-login li a {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: block;
}
.s-login input {
    width: 95%;
    margin: 5px auto;
    line-height: 2;
    display: block;
}
.s-login .sysLoginButton {
    border: none;
    padding: 5px;
    background: #666;
    color: #fff;
    margin: 10px auto;
}


/* 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;
    display: block;
}
.s-search .sysItemSearchAndOr,
.s-search .sysItemSearchFormCategory {
    text-align: center;
}
.s-search .sysSearchButton {
    border: none;
    padding: 10px;
    background: #666;
    color: #fff;
    width: 95%;
    display: block;
    margin: 10px auto;
}

/* 3-4 Footer*/

/* 3-4-1 Footer Site Map */

.f-sitemap ul li.sysText a {
    color: #808080;
    padding:  0;
    background: #FFFF;
    display: block;
    border: 0px solid #ddd;
    font-size: 13px;
    text-align: center;
}
.f-sitemap ul li.sysText a:hover {
    background: #F5F5F5;
}

/* 3-4-2 Page Top Btn */
.p-pagetop .btn {
    text-decoration: none;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 20px;
background: url('../img/common/head_menue_bag2.jpg');
width:150px ;
height:10px ;
font-size:11px;
line-height:6px;
}

/* 3-4-3 CopyRight */
.f-copyright {
    border-top: 1px solid #666;
    margin: 20px auto;
    text-align: center;
    padding-top: 5px;
}

/* 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;
    padding: 0 0 5px 5px;
    white-space: nowrap;
    overflow: hidden;
}
.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;
}
.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-radius: 3px;
    display: inline-block;
    font-weight: bold;
}

/* 4-1-5 Cart Button */

.sysCartButton {
    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    background-repeat: no-repeat;
background-color: #8A0808;
}
.sysCartButton:hover {
}

/* 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-2 Item Page */
/* 4-2-1 Item IMAGE */
.sysThumbnailImage > span,.sysThumbnailImage > br { display: none;}

/* 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;
}
.orderArea > .orderArea > div {
    width: 100%;
    display: block;
}


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

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

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

#sysItemDetail .sysForm select {
    min-width: 190px;
    width: 75%;
    display: inline-block;
    float: right;
}
#sysItemDetail #sysVariation {
     overflow: hidden;
     margin: 5px auto;
}
#sysItemDetail #sysVariation >div {
    margin: 10px auto;
    overflow: hidden;
}
#sysItemDetail .sysNumArea button {
    display: inline-block;
    width: 48%;
    background: #666;
    padding: 10px;
    border: 1px solid #999;
    border-radius: 5px;
    color: #fff;

}
#sysItemDetail .sysNumArea {
    padding-top: 5px;
    clear: both;
    text-align: right;
}
#sysItemDetail .sysCartButton {
    width: 98%;
    margin-left: 2%;
}
#sysItemDetail .sysCartButton {
    width: 98%;
    margin-left: 2%;
}

#sysItemDetail .sysShare { padding: 5px 0 0 2%;}
#sysCartInForm { width: 100%;}

/* 4-2-7 System Button */
.sysButton {
    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    background-color: #666;
    color: #fff;
    cursor: pointer;
}
.sysButton:hover {
    background: #999;
}

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

/* 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,
#sysFormIndex #sysMain input {
    line-height: 15px;
    padding: 5px;
    font-size: small;
    margin: 5px auto;
}

#sysMain input[type="email"], 
#sysMain input[type="number"], 
#sysMain input[type="password"], 
#sysMain input[type="tel"], 
#sysMain input[type="url"], 
#sysMain input[type="text"],
#sysMain textarea {
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFEFEFEF', endColorstr='#FFFFFFFF');
    border-radius: 5px 5px 5px 5px;
    border: #999999 1px solid;
}
#sysMain textarea { min-height: 75px;}

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


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

/* 4-5 MyPage */
/* 4-5-1 Mypage Index */
.sysMypage #sysMain{
    border-color: #999;
    border-style: solid;
    border-radius: 0px;
    border-width: 1px;
    box-shadow: 1px 1px 1px gray;
    margin-bottom: 10px;
    padding: 0;
}
.sysMypage #sysMain h2{
    border-bottom: 1px solid #999;
    background-color: #999;
    color: #ffffff;
    font-size: large;
    padding: 5px;
}
.sysMypage #sysMain > form,
.sysMypage #sysMain > div { padding: 5px 10px;}

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




.general-header {
margin-top: 5px;
margin-bottom: 5px;
padding-bottom: 3px;
letter-spacing: normal;
}

#topics_wrap {
height: 110px;
overflow: auto;
margin-top: 0px;
}


.general-header .border {
border-bottom: 1px dotted #474747;
margi: 3px 0;
padding-bottom: 0px;
letter-spacing: normal;
}

#topics_wrap hr {
border: 0;
border-bottom: 1px dashed #ccc;
clear: both;
}

#topics_wrap .topics {
font-size: 12px;
margin-bottom: 5px;
clear: both;
width: 100%;
letter-spacing: 1.1px;
line-height: 1.5;
border-color: inherit;
}



.g-nav .sysContent {
	padding: 0;
}
.g-nav ul {
	display: block;
	width: 100%;
	background-color: black;
}
.g-nav ul li {
	position: relative;
	display: block;
	float: left;
}

.g-nav ul li.open {
	background: url("../img/common/bg_gnav_hover.png") repeat-x left center;
}
.g-nav ul li + li {
	background: url("../img/common/img_gnav-border-pc.png") no-repeat left center;
}
.g-nav ul li a {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	/* text-indent: -9999px; */
	overflow: hidden;
	color: white;
	font-size: x-small;
	text-decoration: none;
}


.g-nav .slidenav,
.g-nav .slidenav2 {
	display: none;
	background: #FFFFFF;
}
.g-nav .slidenav dl {}
.g-nav .slidenav dl dt,
.g-nav .slidenav2 dl dt {
	background: #EEEEEE url("../img/common/icon_gnav-plus.png") no-repeat 98% center;
	border: #CCCCCC solid;
	border-width: 0 1px 1px 1px;
	font-weight: bold;
}
.g-nav .slidenav dl dt.show,
.g-nav .slidenav2 dl dt.show {
	background-image: url("../img/common/icon_gnav-minus.png");
}
.g-nav .slidenav dl dd,
.g-nav .slidenav2 dl dd {
	display: none;
}
.g-nav .slidenav dl dd ul,
.g-nav .slidenav2 dl dd ul {
	background: none;
	height: auto;
	border-left: 1px #CCCCCC solid;
	overflow: hidden;
}
.g-nav .slidenav dl dd ul li,
.g-nav .slidenav2 dl dd ul li {
	background: none;
	height: auto;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
}
.g-nav .slidenav dl dd ul li a,
.g-nav .slidenav2 dl dd ul li a {
	display: table-cell;
	vertical-align: middle;
	height: 4.2em;
	background: none;
	background: url("../img/common/icon_linkarrow01.png") no-repeat 10px center;
	color: #000000;
	text-align: left;
	text-indent: 0;
	padding: 0.5em 0 0.5em 20px;
	font-size: small;
}


.YoutubeWrapper{
position: relative ;
margin-top: 1.2em ;
margin-bottom: 1.2em ;
padding-top: 69px ;
padding-bottom: 50% ;
overflow: hidden ;
}

.YoutubeWrapper iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}
div.aaa {
    float: left;
    margin: 5px;
    width: 57%;
}
div.aaa2 {
    float: left;
    margin: 5px;
    width: 67%;
}
div.bbb {
    float: right;
    margin: 5px;
    width: 38%;
}
div.bbb2 {
    float: right;
    margin: 5px;
    width: 28%;
}
div.bbb3 {
    float: right;
    margin: 5px;
}

div.ccc {
    float: left;
    margin: 5px;
    width: 30%;
}
div.ddd {
    float: right;
    margin: 5px;
    width: 65%;
}

div.eee {
    float: left;
    margin: 5px;
    width: 45%;
}
div.fff {
    float: right;
    margin: 5px;
    width: 45%;
}


div.ggg {
    float: left;
    margin: 5px;
    width: 15%;
}
div.hhh {
    float: right;
    margin: 5px;
    width: 80%;
}

div.iii {
    margin: 5px;
}
div.jjj {
    float: right;
    margin: 5px;
    width: 60%;
}
div.jjj2 {
    float: right;
    margin: 5px;
}

div.kkk {
    float: right;
    margin: 5px;
}




div.sysFuncBanner.denwa {
float: right;
width: 73%;
}

.asideCnt .sysHeadline ,
.mainCnt .sysHeadline {
    background: url('../img/common/head_menue_bag2.jpg');
}
.white .sysHeadline {
    background: url('../img/common/white_back.jpg');
font-family: メイリオ;
}


  .table2 {
 color: #333;
 font-family: meiryo, sans-serif;
 font-size:12px;
 font-weight: normal;
 background-color:#F8F8FF;
 line-height: 1.5;
 }

 .table {
 color: #333;
 font-family: meiryo, sans-serif;
 font-size:12px;
 font-weight: normal;
 line-height: 1.5;
 }

 .table6 {
 color: #333;
 font-family: meiryo, sans-serif;
 font-size:14px;
 font-weight: normal;
 line-height: 1.5;
 }

.under-movie {
float: left;
width: 100%;
font-size: 13px;
margin-top: 0;
text-align: right;
}


.mainCnt .sysHeadline {font-size: 14px;
}

.yohakunasi{
margin: 0px;
padding : 0px;
}

.g-nav ul a {
    background: url('../img/common/head_menue_bag2.jpg')
}
.g-nav2 ul a {
    background: url('../img/common/head_menue_bag2.jpg')
}

ul {list-style: none;}
ul.toc {list-style: dice;}


.topfacing_setsumei_image .sysHeadline{ background: url('../img/common/midashi_back2.jpg');}


.mainCnt .sysHeadline {
font-size: 16px;
margin-top: 80px;
}


.begimidashi .sysHeadline {
margin-top: 30px;
}

.textonly .sysHeadline {
margin-top: 30px;
}

#beginners_gottsu_sepiatone .sysCartButton{
width: 200px;
height: 45px;
}


div.sysDescription {
margin-top: 50px;
}
div.sysItemImages {
margin-top: 50px;
}

#bullseye_strap .sysSelectVariationButton {
	background: url(/img/cart-selectButton_size.png) left no-repeat;
	text-indent: -9999px;
	max-width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.mainCnt .sysHeadline {
font-size: 14px;
margin-top: 30px;
}

}
#beginner_saxz .sysSelectVariationButton {
	background: url(/img/cart-selectButton_size.png) left no-repeat;
	text-indent: -9999px;
	max-width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

#beginners_gottsu_sepiatone .sysSelectVariationButton {
	background: url(/img/cart-selectButton_size.png) left no-repeat;
	text-indent: -9999px;
	max-width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

#bullseye_ligature_list .sysSelectVariationButton {
	background: url(/img/cart-selectButton_bullsEX.png) left no-repeat;
	text-indent: -9999px;
	max-width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}


#alexander_reeds .sysSelectVariationButton {
	background: url(/img/cart-selectButton_arex.fw.png) left no-repeat;
	text-indent: -9999px;
	max-width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}


#beginner_bullseye-ligature .sysSelectVariationButton {
	background: url(/img/cart-selectButton_bullsEX.png) left no-repeat;
	text-indent: -9999px;
	max-width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

#ligature_list .sysSelectVariationButton {
	background: url(/img/cart-selectButton_wood.png) left no-repeat;
	text-indent: -9999px;
	max-width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}


#shisou_saxophone .sysSelectVariationButton {
	background: url(/img/cart-selectButton_wood.png) left no-repeat;
	text-indent: -9999px;
	max-width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.sysSelectVariationButton {
	background: url(/img/cart-selectButton.png) left no-repeat;
	text-indent: -9999px;
	max-width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
width: 200px;
height: 45px;
}



.sysCartInButton {
	background: url(/img/cart-inButton.png) left no-repeat;
	text-indent: -9999px;
	max-width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
width: 200px;
height: 45px;
}


.sysGoCartButton {
	background: url(/img/cart-goButton.png) left no-repeat;
	text-indent: -9999px;
	max-width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
width: 200px;
height: 45px;
}



#sysItemDetail .sysForm {
    width: 50%;
    margin-left: 50%;
    text-align: right;
}


#sysItemDetail .sysSelectVariationButton {
width: 200px;
height: 45px;
}

#sysItemDetail .sysCartButton{
height: 45px;
width: 200px;
}

#sysItemDetail .sysGoCartButton {
width: 200px;
height: 45px;
}

.naka{
  text-align: center;
}

 .sysSelectVariationButton {
	background: url(/img/cart-selectButton_size.png) left no-repeat;
	text-indent: -9999px;
	max-width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

#bullseye_ligature_list .sysSelectVariationButton {
	background: url(/img/cart-selectButton_bullsEX.png) left no-repeat;
	text-indent: -9999px;
	max-width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

#ligature_list .sysSelectVariationButton {
	background: url(/img/cart-selectButton_wood.png) left no-repeat;
	text-indent: -9999px;
	max-width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.sysSelectVariationButton {
	background: url(/img/cart-selectButton.png) left no-repeat;
	text-indent: -9999px;
	max-width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
width: 200px;
height: 45px;
}



.sysCartInButton {
	background: url(/img/cart-inButton.png) left no-repeat;
	text-indent: -9999px;
	max-width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
width: 200px;
height: 45px;
}


.sysGoCartButton {
	background: url(/img/cart-goButton.png) left no-repeat;
	text-indent: -9999px;
	max-width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
width: 200px;
height: 45px;
}



#sysItemDetail .sysForm {
    width: 50%;
    margin-left: 50%;
    text-align: right;
}


#sysItemDetail .sysSelectVariationButton {
width: 200px;
height: 45px;
}

#sysItemDetail .sysCartButton{
height: 45px;
width: 200px;
}

#sysItemDetail .sysGoCartButton {
width: 200px;
height: 45px;
}

.naka{
  text-align: center;
}

.marmaduke_ichiran_image li {
width: calc( 50% - .2em);
}

div#sysSelections {
font-size: small;
}
div#sysSelections {
overflow: hidden;
}

#sysPayment .sysSelectOptionArea .sysCartTitle {display:none;}

#sysSubmit input[type="submit"]:disabled { background: #B22222;

}

#sysSubmit input[type="submit"]:disabled { text-indent: 0px;}


.g-nav2 .sysContent {
	padding: 0;
}
.g-nav2 ul {
	display: block;
	width: 100%;
	background-color: black;
}

.open {
	background: url("../img/common/bg_gnav_hover.png") repeat-x left center;
}
 + li {
	background: url("../img/common/img_gnav-border-pc.png") no-repeat left center;
}
 


.g-nav2 .sysContent {
	padding: 0;
}
.g-nav2 ul {
	display: block;
	width: 100%;
	background-color: black;
}
.g-nav2 ul li {
	position: relative;
	display: block;
	float: left;
}

.g-nav2 ul li.open {
	background: url("../img/common/bg_gnav_hover.png") repeat-x left center;
}
.g-nav2 ul li + li {
	background: url("../img/common/img_gnav-border-pc.png") no-repeat left center;
}
.g-nav2 ul li a {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	/* text-indent: -9999px; */
	overflow: hidden;
	color: white;
	font-size: x-small;
	text-decoration: none;
}

.open {
	background: url("../img/common/bg_gnav_hover.png") repeat-x left center;
}
 + li {
	background: url("../img/common/img_gnav-border-pc.png") no-repeat left center;
}
 


.g-nav2 ul li {
	position: relative;
	display: block;
	float: left;
}

.g-nav ul li a p {
	margin: 0 auto;
}

.g-nav ul li#gnav-list01 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav ul li#gnav-list02 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav ul li#gnav-list03 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav ul li#gnav-list04 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav ul li#gnav-list05 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav ul li#gnav-list06 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav ul li#gnav-list07 a p {
	margin-top: 17px;
	font-size: small;
}

.g-nav .slidenav,
.g-nav .slidenav2 {
	position: absolute;
	left: 0;
	top: 52px;
	width: 85%;
	z-index: +1;
}
.g-nav .slidenav dl dt,
.g-nav .slidenav2 dl dt {
	font-size: 13px;
	padding: 10px 20px;
	cursor: pointer;
}

.g-nav .slidenav dl dd ul li,
.g-nav .slidenav2 dl dd ul li {
	width: 25%;
}

.g-nav3 .sysContent {
	padding: 0;
}

.g-nav3 ul {
	display: block;
	width: 100%;
	background-color: black;
}

.g-nav3 ul li {
	position: relative;
	display: block;
	float: left;
}
.g-nav3 ul li {
	position: relative;
	display: block;
	float: left;
}
.g-nav3 ul li {
	position: relative;
	display: block;
	float: left;

}

.g-nav3 ul li a {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	/* text-indent: -9999px; */
	overflow: hidden;
	color: white;
	font-size: x-small;
	text-decoration: none;
}

.g-nav3 .slidenav,
.g-nav3 .slidenav2 {
	display: none;
	background: #FFFFFF;
}
.g-nav3 .slidenav dl {}
.g-nav3 .slidenav dl dt,
.g-nav3 .slidenav2 dl dt {
	background: #EEEEEE url("../img/common/icon_gnav-plus.png") no-repeat 98% center;
	border: #CCCCCC solid;
	border-width: 0 1px 1px 1px;
	font-weight: bold;
}
.g-nav3 .slidenav dl dt.show,
.g-nav3 .slidenav2 dl dt.show {
	background-image: url("../img/common/icon_gnav-minus.png");
}
.g-nav3 .slidenav dl dd,
.g-nav3 .slidenav2 dl dd {
	display: none;
}
.g-nav3 .slidenav dl dd ul,
.g-nav3 .slidenav2 dl dd ul {
	background: none;
	height: auto;
	border-left: 1px #CCCCCC solid;
	overflow: hidden;
}
.g-nav3 .slidenav dl dd ul li,
.g-nav3 .slidenav2 dl dd ul li {
	background: none;
	height: auto;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
}
.g-nav3 .slidenav dl dd ul li a,
.g-nav3 .slidenav2 dl dd ul li a {
	display: table-cell;
	vertical-align: middle;
	height: 4.2em;
	background: none;
	background: url("../img/common/icon_linkarrow01.png") no-repeat 10px center;
	color: #000000;
	text-align: left;
	text-indent: 0;
	padding: 0.5em 0 0.5em 20px;
	font-size: small;
}

.g-nav3 ul a {
    background: url('../img/common/head_menue_bag2.jpg')
}

body#sysMypageIndex .sysOrderHistory a {
    pointer-events: none;
    text-decoration: none;
    color: black;
}

.menuTab {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 0 5px;
	border-color: #b91d3a;
	border-style:solid;
	background:#000000;
	color:#f1f2ed;
	line-height:140%;
	font-weight:bold;
}
@media screen and (max-width:480px){
/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
#sysMain,#sysAside{ width: 100%!important;}
/* 10-1 Header */
#sysHeader{ margin-bottom: 5px;}
.h-siteinfo h1 { font-size: xx-small;}
.classicH1 h1 { font-size: xx-small;}

.h-sitelogo {
    width: 50%;
}
.h-sitelogo2 {
    width: 50%;
}
.h-utilitybtn {
    width: 96px;
    position: absolute;
    right: 60px;
    background: #fff;
    z-index: 999;
}
.h-subMenu {
    max-width: 70px;
    width: 40px;
}

/* 10-1-3 ドロップダウンメニュー */
.h-subMenu { width: 46px;}
.h-subMenu .sysHeadline{ line-height: 46px;}
.h-subMenu ul li a {
    line-height: 40px;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid;
}

/* 12-2 Holizontal Item Block */
.sysContent .sysItemBlock .sysHorizontal {
    font-size: xx-small;
}

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

/* 13-2-2 Half Banner */
.p-banner li {
   width: 100%;
   margin-bottom: 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 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;
}


.general-header__heading {
width: 100%;
margin: 4px 0px;
padding: 2px 0px;
}

.g-nav  ul {
	height: 40px;
}
.g-nav  ul li {
	width: 25%;
	height: 40px;
}
.g-nav  ul li a p {
	/* background: url("../img/common/btn_gnav-mob3.png") no-repeat; */
}
.g-nav  ul li#gnav-list01 a p {
	/* width: 54px; */
	/* height: 28px; */
	/* background-position: 0 -3px; */
	margin: 14px auto 0;
}
.g-nav  ul li#gnav-list02 a p {
	margin: 14px auto 0;
}
.g-nav  ul li#gnav-list03 a p {
	margin: 14px auto 0;
}
.g-nav  ul li#gnav-list04 a p {
	margin: 14px auto 0;
}
.g-nav  ul li#gnav-list07,
.g-nav  ul li#gnav-list05,
.g-nav  ul li#gnav-list06 {
	display: none;
}


.g-nav .slidenav,
.g-nav .slidenav2  {
	width: 100%;
}
.g-nav .slidenav dl dt,
.g-nav .slidenav2 dl dt {
	font-size: 15px;
	font-size: 0.8rem;
	padding: 10px 20px;
}
.g-nav .slidenav dl dd ul li,
.g-nav .slidenav2 dl dd ul li {
	width: 50%;
}
div.aaa {
    float: left;
    margin: 5px;
    width: 57%;
}
div.bbb {
    float: left;
    margin: 5px;
    width: 38%;
}

div.aaa {
    float: left;
    margin: 5px;
    width: 100%;
}
div.bbb {
    float: left;
    margin: 5px;
    width: 100%;
}

div.ccc {
    float: left;
    margin: 5px;
    width: 100%;
}
div.ddd {
    float: left;
    margin: 5px;
    width: 100%;
}

div.eee {
    float: left;
    margin: 5px;
    width: 100%;
}
div.fff {
    float: left;
    margin: 5px;
    width: 100%;
}

a{
  color:blue;
}



#top div.sysFuncBanner.top_sax_banner li {
width: 100%;
}
#top div.sysFuncBanner.top_nanner_meyer_linkmetal li {
width: 100%;
}
#meyer_ichiran div.sysFuncBanner.sumaho_meyer4mm li {
width: 100%;
}
#ottolink-tenor-metal div.sysFuncBanner.sumaho_link_metal li {
width: 100%;
}
#saxmen_mouthpiece div.sysFuncBanner.saxmen_meyer li {
width: 100%;
}
#beginners div.sysFuncBanner.beginner_item_ichiran_image li {
width: 100%;
}
#facing_ottolink_rubber div.sysFuncBanner.sumaho_link_rubber li {
width: 100%;
}
#facing_Claude_Lakey div.sysFuncBanner.sumaho_lakey li {
width: 100%;
}
#facing_yanagisawa div.sysFuncBanner.sumaho_yanagisawa_classic li {
width: 100%;
}
#facing_vandoren_v16 div.sysFuncBanner.sumaho_v16 li {
width: 100%;
}
#gottusmouthpiece div.sysFuncBanner.gottsu_ichiran li {
width: 100%;
}
#bullseye_list div.sysFuncBanner.bullseye_list_image li {
width: 100%;
}
#wiseman_case_list div.sysFuncBanner.wisaeman_ex_image li {
width: 100%;
}

#marmaduke_mouthpiece_list div.sysFuncBanner.marmaduke_ichiran_image li {
width: 100%;
}

#saxzmouthpiece_list div.sysFuncBanner.saxz_ichiran_image li {
width: 100%;
}

#saxmouthpiece_list div.sysFuncBanner.woodstone_ichiran_image li {
width: 100%;
}

#special_saxmouthpiece div.sysFuncBanner.mp_tsuhan_woostone_image li {
width: 100%;
}

#special_saxmouthpiece div.sysFuncBanner.mp_tsuhan_gottsu_image li {
width: 100%;
}

#special_saxmouthpiece div.sysFuncBanner.mp_tsuhan_saxz_image li {
width: 100%;
}

#special_saxmouthpiece div.sysFuncBanner.mp_tsuhan_bullseye_image li {
width: 100%;
}

#special_saxmouthpiece div.sysFuncBanner.mp_tsuhan_marmaduke_image li {
width: 100%;
}

#special_saxmouthpiece div.sysFuncBanner.mp_tsuhan_meyer_image li {
width: 100%;
}

#special_saxmouthpiece div.sysFuncBanner.mp_tsuhan_selmer_image li {
width: 100%;
}

#special_saxmouthpiece div.sysFuncBanner.mp_tsuhan_linkmetal_image li {
width: 100%;
}

#special_saxmouthpiece div.sysFuncBanner.mp_tsuhan_linkrubber_image li {
width: 100%;
}

#special_saxmouthpiece div.sysFuncBanner.mp_tsuhan_vandorenv16_image li {
width: 100%;
}

#special_saxmouthpiece div.sysFuncBanner.mp_tsuhan_lakey_image li {
width: 100%;
}

#special_saxmouthpiece div.sysFuncBanner.mp_tsuhan_yanagisawa_image li {
width: 100%;
}

#special_saxcases div.sysFuncBanner.sc_tsuhan_marcomagi_image li {
width: 100%;
}

#special_saxcases div.sysFuncBanner.sc_tsuhan_wiseman_image li {
width: 100%;
}

#special_ligature div.sysFuncBanner.sr_tsuhan_bullseye_image li {
width: 100%;
}

#special_ligature div.sysFuncBanner.sr_tsuhan_woodstone_image li {
width: 100%;
}

#ottolink_ligature div.sysFuncBanner.link_ligature_image li {
width: 100%;
}

#facing_selmer div.sysFuncBanner.selmer_ichiran_image li {
width: 100%;
}

#beginner_mouthpiece_sellect div.sysFuncBanner.beginner_teiban_image li {
width: 100%;
}

#classic div.sysFuncBanner.cla_top_banner li {
width: 100%;
}

#classic div.sysFuncBanner.cla_top2_banner li {
width: 100%;
}

#berg_larsen div.sysFuncBanner.larsen_ichiran li {
width: 100%;
}

#facing_dukoff div.sysFuncBanner.sumaho_dukoff li {
width: 100%;
}

#classic div.sysFuncBanner.sax_top_banner li {
width: 100%;
}

#classic div.sysFuncBanner.p-banner_cla li {
width: 100%;
}

#sysItemDetail .sysForm {
    width: 100%;
    margin: 0;
}

div.kkk {
    float: right;
    margin: 5px;
    width: 60%;
}


.g-nav2 ul {
display: block;
width: 100%;
background-color: black;
height: 40px;
}

.g-nav2 ul li {
width: 25%;
height: 40px;
}

.g-nav2 ul a {
background: url('../img/common/head_menue_bag2.jpg');
}

.g-nav2 ul li#gnav-list07, .g-nav2 ul li#gnav-list05, .g-nav2 ul li#gnav-list06 {
display: none;
}


.p-banner li, .top_nanner_meyer_linkmetal li, .beginner_item_ichiran_image li, .sumaho_meyer4mm li, .sumaho_link_metal li, .saxmen_meyer li, .selmer_ichiran_image li, .sumaho_link_rubber li, .sumaho_lakey li, .sumaho_v16 li, .sumaho_yanagisawa_classic li, .gottsu_ichiran li, .bullseye_list_image li, .marmaduke_ichiran_image li, .saxz_ichiran_image li, .woodstone_ichiran_image li, .mp_tsuhan_woostone_image li, .mp_tsuhan_gottsu_image li, .mp_tsuhan_saxz_image li, .mp_tsuhan_bullseye_image li, .mp_tsuhan_marmaduke_image li, .mp_tsuhan_meyer_image li, .mp_tsuhan_selmer_image li, .mp_tsuhan_linkmetal_image li, .mp_tsuhan_linkrubber_image li, .mp_tsuhan_vandorenv16_image li, .mp_tsuhan_lakey_image li, .mp_tsuhan_yanagisawa_image li, .sc_tsuhan_wiseman_image li, .sc_tsuhan_marcomagi_image li, .sr_tsuhan_bullseye_image li, .sr_tsuhan_woodstone_image li, .link_ligature_image li, .beginner_teiban_image li, .cla_top_banner li, .sax_top_banner li, .sumaho_dukoff li, .larsen_ichiran li, .top_sax_banner li, .cla_top2_banner li, .p-banner_cla li {
    width: 100%;
}

.f-sitemap ul li {width: 100%!important;}
}
@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 10px;
}
/* 20-1-3 ドロップダウンメニュー */
.h-subMenu ul li a {
    line-height: 40px;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid;
}
/* 23-3-3 Aside Banner */
.s-banner li {
    margin: 0 1%;
    width: 48%;
    float: left;
}
.s-banner {
    overflow: hidden;
}

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




















.g-nav  ul {
	height: 44px;
}
.g-nav  ul li {
	width: 14.28571%;
	height: 44px;
}


.g-nav  ul li#gnav-list01 a p {
	margin: 14px auto 0;
	font-size: x-small;
}
.g-nav  ul li#gnav-list02 a p {
	margin: 14px auto 0;
	font-size: x-small;
}
.g-nav  ul li#gnav-list03 a p {
	margin: 14px auto 0;
	font-size: x-small;
}
.g-nav  ul li#gnav-list04 a p {
	margin: 14px auto 0;
	font-size: x-small;
}
.g-nav  ul li#gnav-list05 a p {
	margin: 14px auto 0;
	font-size: x-small;
}
.g-nav  ul li#gnav-list06 a p {
	margin: 14px auto 0;
	font-size: x-small;
}
.g-nav  ul li#gnav-list07 a p {
	margin: 14px auto 0;
	font-size: x-small;
}

.g-nav .slidenav,
.g-nav .slidenav2 {
	width: 100%;
}
.g-nav .slidenav dl dt,
.g-nav .slidenav2 dl dt {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px 20px;
}
.g-nav .slidenav dl dd ul li,
.g-nav .slidenav2 dl dd ul li {
	width: 50%;
}







.g-nav2 .sysContent {
	padding: 0;
}
.g-nav2 ul {
	display: block;
	width: 100%;
	background-color: black;
}


.g-nav2 .sysContent {
	padding: 0;
}
.g-nav2 ul {
	display: block;
	width: 100%;
	background-color: black;
}
.g-nav2 ul li {
	position: relative;
	display: block;
	float: left;
}
.g-nav2 ul li.open {
	background: url("../img/common/bg_gnav_hover.png") repeat-x left center;
}
.g-nav2 ul li + li {
	background: url("../img/common/img_gnav-border-pc.png") no-repeat left center;
}
.g-nav2 ul li a {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	/* text-indent: -9999px; */
	overflow: hidden;
	color: white;
	font-size: x-small;
	text-decoration: none;
}


.g-nav2 ul {
display: block;
width: 100%;
background-color: black;
height: 40px;
}

.g-nav2 ul li {
width: 25%;
height: 40px;
}

.g-nav2 ul a {
background: url('../img/common/head_menue_bag2.jpg');
}

.g-nav2 ul li#gnav-list07, .g-nav2 ul li#gnav-list05, .g-nav2 ul li#gnav-list06 {
    display: none;
}

}
@media screen and (min-width:801px){
/* 30-0 Only PC 
 *----------------------------------------------------------------------*/
/* 30-1 Header */
.h-siteinfo,
.classicH1,
.h-subMenu {
    width: 70%;
    float: right;
}
.h-siteinfo { text-align: left;}
.classicH1 { text-align: left;}
/* 30-1-3 ドロップダウンメニュー */
.h-subMenu > .sysContent {  display: block!important;}
.h-subMenu > .sysHeadline { display: none;}
.h-subMenu .sysAccordionInitialHide {
    position: static;
}
.h-subMenu ul {
    display: table;
    width: 100%;
}
.h-subMenu ul li {
    display: table-cell;
    width: auto!important;
    float: none;
}
.h-mainMenu {
    width: 70%;
    float: left;
    margin-top: 10px;
}
.h-search {
    width: 30%;
    float: left;
    margin-top: 10px;
}
/* 32-9 トグル機能アニメーション */
.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 {
    width: 95%;
    margin: 0 auto;
}
/* 34-4-2 Page Top Btn */
.p-pagetop .sysContent {
    overflow: hidden;
    padding: 0 5px 5px;
}
.p-pagetop .btn {
    float: right;
    margin: 0 2% 0 0;
    padding: 10px 20px;
}



#sysAll {
max-width: 900px;
}



.g-nav .sysContent {
	position: relative;
}

.g-nav ul a {
    background: url('../img/common/head_menue_bag2.jpg');
}




.g-nav ul li {
	width: 14.28571%;
	height: 52px;
}
.g-nav ul li a {
	display: block;
	width: 100%;
	height: 52px;
}
.g-nav ul li a:hover {
	background-image: url("../img/common/bg_gnav_hover.png");
}
.g-nav ul li a p {
	margin: 0 auto;
}
.g-nav ul li#gnav-list01 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav ul li#gnav-list02 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav ul li#gnav-list03 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav ul li#gnav-list04 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav ul li#gnav-list05 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav ul li#gnav-list06 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav ul li#gnav-list07 a p {
	margin-top: 17px;
	font-size: small;
}

.g-nav .slidenav,
.g-nav .slidenav2 {
	position: absolute;
	left: 0;
	top: 52px;
	width: 85%;
	z-index: +1;
}
.g-nav .slidenav dl dt,
.g-nav .slidenav2 dl dt {
	font-size: 13px;
	padding: 10px 20px;
	cursor: pointer;
}
.g-nav .slidenav dl dd ul li,
.g-nav .slidenav2 dl dd ul li {
	width: 25%;
}

a{
  color:blue;
}


.f-sitemap ul li.sysText a {
    color: #2E2E2E;
    padding: 0;
    background: #FFFFFF;
    display: block;
    border: 1px solid #FFFFFF;
    text-align: center;
}

.f-sitemap { border-top: 1px solid #2E2E2E;
width: 100%;
}
.f-copyright {
border-top: 0px solid #FFFFFF;
margin: 0px auto;
text-align: center;
padding-top: 0px;
}


div #sysAside{padding-right: 20px;}

#selmerrefarence_shisou .sysBtnPlus,
#selmerrefarence_shisou .sysBtnMinus{display:none;}

#alexander_reeds .sysBtnPlus,
#alexander_reeds .sysBtnMinus{display:none;}

#beginners_gottsu_sepiatone .sysBtnPlus,
#beginners_gottsu_sepiatone .sysBtnMinus{display:none;}

#shisou_saxophone .sysBtnPlus,
#shisou_saxophone .sysBtnMinus{display:none;}

#selmer130limited_edition .sysBtnPlus,
#selmer130limited_edition .sysBtnMinus{display:none;}

#selmer_newvaleur2 .sysBtnPlus,
#selmer_newvaleur2 .sysBtnMinus{display:none;}

#vgv_saxcase .sysBtnPlus,
#vgv_saxcase .sysBtnMinus{display:none;}

#cuir_strap .sysBtnPlus,
#cuir_strap .sysBtnMinus{display:none;}

#beginner_saxz .sysBtnPlus,
#beginner_saxz .sysBtnMinus{display:none;}

#beginner_bullseye-ligature .sysBtnPlus,
#beginner_bullseye-ligature .sysBtnMinus{display:none;}

#bullseye_shisou_bird .sysBtnPlus,
#bullseye_shisou_bird .sysBtnMinus{display:none;}

#bullseye_ligature_rook .sysBtnPlus,
#bullseye_ligature_rook .sysBtnMinus{display:none;}

#bullseye_ligature_list .sysBtnPlus,
#bullseye_ligature_list .sysBtnMinus{display:none;}

#ligature_list .sysBtnPlus,
#ligature_list .sysBtnMinus{display:none;}

#bullseye_strap .sysBtnPlus,
#bullseye_strap .sysBtnMinus{display:none;}

#wiseman_bell_bags .sysBtnPlus,
#wiseman_bell_bags .sysBtnMinus{display:none;}

#bamboo_sax .sysBtnPlus,
#bamboo_sax .sysBtnMinus{display:none;}

#facing_check .sysBtnPlus,
#facing_check .sysBtnMinus{display:none;}

#selmer_saxophone .sysBtnPlus,
#selmer_saxophone .sysBtnMinus{display:none;}

#sysItemDetail .sysNumArea button {display:none;}

.beginner_cla ul li,
.beginner_cate ul li,
.sax_cate ul li,
.mouthepiece_cate ul li,
.handmade_cate ul li,
.ligature_cate ul li,
.saxcase_cate ul li,
.strap_cate ul li,
.other_cate ul li,
.present_cate ul li{
background-image: -moz-linear-gradient(top, #e7e7e7, #f6f6f6);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#f6f6f6', GradientType=0)"; 
background: linear-gradient(to bottom, #e7e7e7, #f6f6f6); 
}

#wiseman_reedcases .sysBtnPlus,
#wiseman_reedcases .sysBtnMinus{display:none;}


.g-nav2 ul li#gnav-list10 a p {
	margin-top: 17px;
	font-size: small;
}.g-nav2 ul li#gnav-list02 a p {
	margin-top: 17px;
	font-size: small;
}.g-nav2 ul li#gnav-list03 a p {
	margin-top: 17px;
	font-size: small;
}.g-nav2 ul li#gnav-list05 a p {
	margin-top: 17px;
	font-size: small;
}.g-nav2 ul li#gnav-list06 a p {
	margin-top: 17px;
	font-size: small;
}.g-nav2 ul li#gnav-list07 a p {
	margin-top: 17px;
	font-size: small;
}


.g-nav2 .sysContent {
	position: relative;
}

.g-nav2 ul a {
    background: url('../img/common/head_menue_bag2.jpg')
}




.g-nav2 ul li {
	width: 14.28%;
	height: 52px;
}
.g-nav2 ul li a {
	display: block;
	width: 100%;
	height: 52px;
}
.g-nav2 ul li a:hover {
	background-image: url("../img/common/bg_gnav_hover.png");
}
.g-nav2 ul li a p {
	margin: 0 auto;
}

.g-nav3 ul li#gnav-list01 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav3 ul li#gnav-list02 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav3 ul li#gnav-list03 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav3 ul li#gnav-list04 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav3 ul li#gnav-list05 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav3 ul li#gnav-list06 a p {
	margin-top: 17px;
	font-size: small;
}
.g-nav3 ul li#gnav-list07 a p {
	margin-top: 17px;
	font-size: small;
}

}
/* #END_OF_RESOURCE_FILE */