@charset "UTF-8";




/* 見出しサイズ上書き */
@media only screen and (min-width: 769px) {
    .p-panel-live__body {
        padding-bottom: 1rem;
    }
}


@media only screen and (min-width: 1251px) {
    .p-header-products__nav-list__anchor {
font-size: 1rem; 
    }
}

.c-heading-4__heading, h4.p-panel-introduction__name, h4.p-panel-introduction__title, h4.p-link-hdg__hdg-txt {
font-weight: bold;
}

@media only screen and (max-width: 769px) {
.p-media-layout-02:has(.p-media-layout-02__link)
  .p-media-layout-02__hdg
  .c-heading-3__heading {
    font-size: var(--h4-font-size-mobile);
}
}
.p-media-layout-02:has(.p-media-layout-02__link)
  .p-media-layout-02__hdg
  .c-heading-3__heading {
    font-size: var(--h4-font-size-pc);
}

.p-panel-introduction-02__price {
    font-weight: normal;
    margin-bottom: 0.5rem;
}
@media only screen and (max-width: 769px) {
    h4 .p-panel-introduction-02__title-main {
        font-size: var(--h3-font-size-mobile);
    }
}
h4 .p-panel-introduction-02__title-main {
    font-size: var(--h3-font-size-pc);
}


:root {
/* PC */
--h1-font-size-pc: 2.5rem;
--h2-font-size-pc: 1.8rem;
--h3-font-size-pc: 1.5rem;
--h4-font-size-pc: 1.2rem;

/* Mobile */
--h1-font-size-mobile: 1.8rem;
--h2-font-size-mobile: 1.5rem;
--h3-font-size-mobile: 1.2rem;
--h4-font-size-mobile: 1rem;
}

/* /assets/common/css/common.cssの不具合修正*/
@media only screen and (min-width: 769px) {
    .p-table-spec__inner .js-table-spec-row th, .spec-table .c-table-scroll__inner th, .spec-table .c-table-scroll__inner .u-w-20 {
        width: 100px !important;
        min-width: 100px;
    }
}

/* Spec Table 項目列幅調整 comture 2026.9.28 */
@media only screen and (min-width: 769px) {
    .p-table-comparison th {
        word-break: normal !important;
    }
    .p-table-comparison tbody th {
        min-width: 107px;
    }
    .p-table-comparison col:not([class]) {
        min-width: 292px;
    }
}

/* 特長画像、スマホサイズ時にセンタリング*/
@media only screen and (max-width: 768px) {
    .p-media-list[data-col-narrow='auto'] .p-media-list__list {
        justify-content: center!important;
    }
}

/* 製品一覧内でのカテゴリーの非表示*/
.p-panel-introduction-02__category{display: none;}

/* 管楽器アーティストモーダルウィンドウ内設定更新*/
#artists-detail h1 {font-size: 30px; font-weight: bold;}


/* 生産完了品アイコンの背景色追加  okada 2026.5.29*/
.label-discontinued {background-color: #585858;}


/* 新着情報のラベル非表示  okada 2026.5.29*/
.p-panel-news__content .c-label {display: none;}

/* Bootstrap で設定されていた.text-infoカラーの修正  okada 2026.5.29*/
.text-info{color: #333!important;}



/* Bootstrap で設定されていた余白への変更調整  okada 2026.5.26*/
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-xs-12 {margin-bottom: 25px; padding-right: 15px;}

@media only screen and (min-width:479px) and (max-width:768px) {
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-xs-12   {margin-bottom: 20px; padding-right: 5px;}	
}
@media screen and (max-width: 480px) {
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-xs-12  {margin-bottom: 20px; padding-right: 5px;}
}


/* テキストリンクにアンダーラインを追加する okada 2026.5.22*/
.container-fluid a{
text-decoration: underline;
}
.container-fluid a:active,a:hover {
    outline: 0;
	text-decoration: none;
}

/* Bootstrap col系の幅・レスポンシブ調整 okada 2026.5.22*/
.grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
.col-md-6{width: 46%;}
@media only screen and (min-width:479px) and (max-width:768px) { .col-sm-6{width: 50%;}
.col-md-6{width: 100%;}
}
@media screen and (max-width: 478px) {
.col-md-6{width: 100%;}
.col-xs-12{ width: 100%;}
.col-xs-6{ width: 50%;}
}
/* Bootstrap Pで設定されていた幅への変更調整  okada 2026.5.22*/
.container-fluid p {margin: 0 0 9.5px;}

/* V3で設定されていた、フォントへの変更調整  okada 2026.5.22*/
.navbar-global .global-nav, .megamenu .megamenu-items a, .webfont, h2, h3, h4, h5, h6, .highlight-banner figure figcaption dt {
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",sans-serif;
}
/* V3で設定されていた、h2, h3, h4,の文字サイズ調整  okada 2026.5.22*/
.container-fluid h2{
font-size:1.5rem;font-weight: bold;
}
.container-fluid h3{
font-size:1.3rem;font-weight: bold;
}
.container-fluid h4{
font-size:1.1rem;font-weight: bold;
}
@media screen and (max-width: 767px) {
.container-fluid h2{
font-size:1.3rem;font-weight: bold;
}
.container-fluid h3{
font-size:1.1rem;font-weight: bold;
}
.container-fluid h4{
font-size:1rem;font-weight: bold;
}
}

.page-header {
    padding: 0;
    margin: 0 0 19px;
}
.page-header {
padding-bottom: 8.5px;
margin: 38px 0 19px;
border-bottom: 1px solid #eee;
}

/* Bootstrapで指定されていたページ内の横幅指定 okada 2026.5.22*/
.container-fluid {
max-width: 1264px;
padding: 0 32px;
}

@media screen and (max-width: 767px) {
.container-fluid {padding: 0 16px;}	
}


/* V3で設定されていた、ListStyleへの変更のための調整 okada 2026.5.22*/
.container-fluid :is(.free-html-markup, .revert-free-html) :is(ol, ul) {
    list-style: none;
    list-style-position: outside;
    margin-left: 0px;
}
/*:is(.free-html-markup, .revert-free-html) :is(ol, ul) {
    list-style: none;
    list-style-position: outside;
    margin-left: 0px;
}*/