@charset "utf-8";

/************************************************************************
    HEADER
*************************************************************************/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd{
    margin: 0;
    padding: 0;
    font-weight:normal;
    font-size: 100%;
    font-family: HiraKakuPro-W3, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    word-wrap:break-word;
}
/* 画像ロード中表示 */
.image:not(.image-loaded){
    background-image: url(/commons/widget/images/bx_loader.gif)!important;
    background-position: center center;
    background-repeat: no-repeat;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .categoliLv2:not(.categoli-loaded) > .campsWrap {
    background-image: url(/commons/widget/images/bx_loader.gif)!important;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 44px;
}
header {
    width: 100%;
/*    min-width: 940px;*/
    min-width: 1000px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* ヘッダーユーザーエリア文字列高さ調整対応 */
header:not(#s_header) {
    font-size: 12px;
}
/* ヘッダー トップエリア */
header .headerTopWrap {
    width: 100%;
/*    min-width: 940px;*/
    min-width: 1000px;
/*    padding: 0 20px;*/
    text-align: center;
}
header .headerTopWrap .headerTopContent {
    width: 100%;
    max-width: 1112px;
/*    min-width: 940px;*/
    min-width: 1000px;
    margin: 0 auto;
}
header .headerTopWrap .headerTopContent ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    max-width: 1112px;
/*    min-width: 940px;*/
    min-width: 1000px;
    height: 60px;
    margin: 0 auto;
}
/* トップエリア JMSロゴ */
header .headerTopWrap .headerTopContent ul > .jmslogo {
    position: relative;
    width: 112px;
    height: 60px;
    margin: 0px 20px;
}
header .headerTopWrap .headerTopContent ul > .jmslogo a {
    display: inline-block;
    width: 112px;
    height: 60px;
    margin: 0;
}
header .headerTopWrap .headerTopContent ul > .jmslogo img {
    height: 60px;
}
/* トップエリア キャンペーンバナー */
header .headerTopWrap .headerTopContent ul > .campbanner {
    position: relative;
    width: 130px;
    height: 60px;
    margin: 0px 0px;
}
header .headerTopWrap .headerTopContent ul > .campbanner a {
    display: inline-block;
    width: 130px;
    height: 60px;
    margin: 0px 0px;
}
header .headerTopWrap .headerTopContent ul > .campbanner img {
    height: 60px;
}
/* トップエリア 検索エリア */
header .headerTopWrap .headerTopContent ul > .searchArea {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row;
    width: calc(100% - 750px);
    max-width: 362px;
    min-width: 188px;
    margin: 14px 20px;
}
header .headerTopWrap .headerTopContent ul > .searchArea input {
    position: relative;
    padding: 9px 12px;
    height: 12px;
    width: calc(100% - 70px);
    color: #3F444A;
    border: 1px solid #3F444B;
    outline: none;
    border-radius: 5px 0px 0px 5px;
    font-size: 14px;
}
header .headerTopWrap .headerTopContent ul > .searchArea:hover a {
    background-color: #3F444B;
    border-color: #3F444B;
}
header .headerTopWrap .headerTopContent ul > .searchArea input::placeholder {
    font-family: HiraKakuPro-W3, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 14px;
    color: #7E8795;
    letter-spacing: 0;
}
header .headerTopWrap .headerTopContent ul > .searchArea a {
    position: relative;
    background-color: #3F444A;
    text-align: center;
    height: 30px;
    width: 42px;
    border: 1px solid #3F444A;
    border-radius: 0px 5px 5px 0px;
}
header .headerTopWrap .headerTopContent ul > .searchArea a img {
    position: relative;
    top: -1px;
    width: 32px;
    height: 32px;
}
/* トップエリア ユーザーエリア */
header .headerTopWrap .headerTopContent .userArea {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px;
    width: 320px;
    height: 60px;
}
/* トップエリア 未ログイン時ユーザーエリア 新規登録ボタン */
header .headerTopWrap .headerTopContent .userArea .entry {
    position: relative;
    top: 1px;
    text-decoration: none;
    margin: 15px 10px;
}
header .headerTopWrap .headerTopContent .userArea .entry p {
    position: relative;
    height: 28px;
    width: 98px;
    border: 1px solid #CC0000;
    border-radius: 5px 5px 5px 5px;
    line-height: 30px;
    text-align: left;
    color: #CC0000;
    font-size: 14px;
}
header .headerTopWrap .headerTopContent .userArea .entry img {
    position:relative;
    margin: 2px 4px 6px 8px;
    vertical-align: middle;
}
/* トップエリア 未ログイン時ユーザーエリア ログインボタン */
header .headerTopWrap .headerTopContent .userArea .login {
    position: relative;
    top: 1px;
    text-decoration: none;
    margin: 15px 10px;
}
header .headerTopWrap .headerTopContent .userArea .login p {
    position: relative;
    height: 28px;
    width: 98px;
    background-color: #CC0000;
    border: 1px solid #CC0000;
    border-radius: 5px 5px 5px 5px;
    line-height: 30px;
    text-align: left;
    color: #FFFFFF;
    font-size: 14px;
}
header .headerTopWrap .headerTopContent .userArea .login img {
    position:relative;
    margin: 2px 4px 6px 8px;
    vertical-align: middle;
}
/* トップエリア ログイン時ユーザーエリア 会員情報 */
header .headerTopWrap .headerTopContent .userArea .top_mypage {
    position: relative;
    width: 80px;
    height:60px;
    margin: 0px;
    text-decoration: none;
    cursor: pointer;
    color: #3F444A;
    line-height: 18.2px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage .top_my_span {
    position: relative;
    display: block;
    margin: 9px auto 3px auto;
    padding: 0px;
    border: 0px;
    height: 24px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage .top_mypage_notice {
    position: absolute;
    top: 13px;
    left: 64px;
    width: 24px;
    height: 20px;
    line-height: 20px;
    font-family: HiraKakuPro-W3, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    background-color: #FF0000;
    border-radius: 10.5px;
    z-index:50;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage .top_my_span.three_digits {
    width: 55px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage .top_my_span.four_digits {
    width: 64px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage .top_my_span.five_digits {
    width: 73px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage .top_my_span.fiveover_digits {
    width: 79px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage .top_my_span .top_my_img {
    position: absolute;
    height: 24px;
    top: 0px;
    right: 0px;
    z-index: 50;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage .top_my_span .top_point {
    position: absolute;
    text-align: right;
    height: 17px;
    top: 7px;
    right: 12px;
    padding: 4px 12px 1px 5px;
    box-sizing: border-box;
    line-height: 12px;
    font-family: "ヒラギノ角ゴシック-W6", HiraKakuPro-W6, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    border-radius: 4px 0px 0px 4px;
    z-index: 10;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage .top_my_span.three_digits .top_point {
    width: 43px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage .top_my_span.four_digits .top_point {
    width: 52px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage .top_my_span.five_digits .top_point {
    width: 60px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage .top_my_span.fiveover_digits .top_point {
    width: 67px;
}
/* トップエリア ログイン時ユーザーエリア 購入履歴 */
header .headerTopWrap .headerTopContent .userArea .top_purchase_history {
    position: relative;
    width: 80px;
    height:60px;
    margin: 0px;
    text-decoration: none;
    color: #3F444A;
    line-height: 18.2px;
}
header .headerTopWrap .headerTopContent .userArea .top_purchase_history img {
    position: relative;
    display: block;
    margin: 4px 24px 0px 24px;
    padding: 0px;
    border: 0px;
    width: 32px;
    height: 32px;
}
/* トップエリア ログイン時ユーザーエリア お気に入り */
header .headerTopWrap .headerTopContent .userArea .top_favorite {
    position: relative;
    width: 80px;
    height:60px;
    margin: 0px;
    text-decoration: none;
    color: #3F444A;
    line-height: 18.2px;
}
header .headerTopWrap .headerTopContent .userArea .top_favorite img {
    position: relative;
    display: block;
    margin: 4px 24px 0px 24px;
    padding: 0px;
    border: 0px;
    width: 32px;
    height: 32px;
}
header .headerTopWrap .headerTopContent .userArea .top_favorite .top_favorite_new {
    position: absolute;
    top: 13px;
    left: 48px;
    width: 38px;
    height: 20px;
    line-height: 20px;
    font-family: HiraKakuPro-W3, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    background-color: #FF0000;
    border-radius: 10.5px;
}
/* トップエリア ログイン時ユーザーエリア カート */
header .headerTopWrap .headerTopContent .userArea .top_cart {
    position: relative;
    width: 80px;
    height:60px;
    margin: 0px;
    text-decoration: none;
    color: #3F444A;
    line-height: 18.2px;
}
header .headerTopWrap .headerTopContent .userArea .top_cart img {
    position: relative;
    display: block;
    margin: 4px 24px 0px 24px;
    padding: 0px;
    border: 0px;
    width: 32px;
    height: 32px;
}
header .headerTopWrap .headerTopContent .userArea .top_cart .top_cart_stock {
    position: absolute;
    top: 13px;
    left: 48px;
    width: 24px;
    height: 20px;
    line-height: 20px;
    font-family: HiraKakuPro-W3, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    background-color: #FF0000;
    border-radius: 10.5px;
}
header .headerTopWrap .headerTopContent .userArea > p:hover {
    background-color: rgba(140,151,166,0.10);
}
header .headerTopWrap .headerTopContent .userArea > p:active {
    background-color: rgba(140,151,166,0.30);
}
header .headerTopWrap .headerTopContent .userArea .top_purchase_history:hover, header .headerTopWrap .headerTopContent .userArea .top_favorite:hover, header .headerTopWrap .headerTopContent .userArea .top_cart:hover {
    background-color: rgba(140,151,166,0.10);
}
header .headerTopWrap .headerTopContent .userArea .top_purchase_history:active, header .headerTopWrap .headerTopContent .userArea .top_favorite:active, header .headerTopWrap .headerTopContent .userArea .top_cart:active {
    background-color: rgba(140,151,166,0.30);
}
/* トップエリア ログイン時ユーザーエリア JUST SYSTEMSロゴ */
header .headerTopWrap .headerTopContent .justsystemlogo {
    width: 88px;
    height: 60px;
    margin: 0px 0px 0px 12px;
}
header .headerTopWrap .justsystemlogo img {
    width: 88px;
    height: 60px;
}
/* トップエリア 文字部分 */
header .headerTopWrap .headerTopContent .top-font {
    position: relative;
    font-family: HiraKakuPro-W3, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 14px;
    color: #3F444B;
    letter-spacing: 0;
    text-align: center;
    line-height: 18.2px;
}
/* トップエリア 会員情報表示 */
header .headerTopWrap .headerTopContent .userArea .top_mypage_info {
    position: absolute;
    display: none;
    top: 60px;
    right: 66px;
    width: 588px;
    border-radius: 6px;
    z-index: 99999;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage + .current {
    display: block;
}
/* 通常会員用会員情報枠 */
header .headerTopWrap .headerTopContent .userArea.header_member_normal .top_mypage_info {
    background-color: #F4ECEC;
    border: 1px solid #B55239;
}
/* シルバー会員用会員情報枠 */
header .headerTopWrap .headerTopContent .userArea.header_member_silver .top_mypage_info {
    background-color: #EEF0F3;
    border: 1px solid #778A98;
}
/* ゴールド会員用会員情報枠 */
header .headerTopWrap .headerTopContent .userArea.header_member_gold .top_mypage_info {
    background-color: #FBF4D8;
    border: 1px solid #9D8707;
}
/* プラチナ会員用会員情報枠 */
header .headerTopWrap .headerTopContent .userArea.header_member_platinum .top_mypage_info {
    background-color: #E7FBFF;
    border: 1px solid #0096C5;
}
/* 会員情報 名前表示エリア */
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_namearea {
    display: block;
    width: 587px;
    height:52px;
    border-radius: 4px 4px 0 0;
    text-align: left;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_namearea .top_mypage_name {
    display: inline-block;
    font-family: HiraKakuPro-W6, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    width: 260px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    letter-spacing: 0;
    margin: 16px 0px 16px 40px;
}
/* 会員情報 情報表示エリア */
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea {
    display: block;
    width: 587px;
    text-align: left;
    margin-bottom: -20px;
}
/* 会員情報 情報表示エリア 通知エリア  */
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_membernotice {
    display: inline-block;
    margin:0px 0px 0px 0px;
    width: 100%;
    height:60px;
    text-align: left;
    background-color: #FCE8E6;
    border:1px solid red;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_membernotice .top_member_imgdiv {
    text-align: left;
    height: 60px;
    line-height: 60px;
    margin:0px 20px;
    font-size:10pt;
    color:#c40000;
}
@keyframes blinkEffect {
  0% {
    /* アニメーション開始時のスタイル */
    filter: drop-shadow(0 0px 3px rgb(219 13 13 / 90%));
  }
  100% {
    /* アニメーション終了時のスタイル */
    filter: drop-shadow(0 0px 3px rgb(250 250 250 / 90%));
  }
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_badge {
    position:absolute; 
    top: 76.5px;
    left: 6px;
    width: 12px;
    height: 12px;
    background-color: #f80000;
    border-radius: 11.5px;
    line-height: 15px;
    font-family: HiraKakuPro-W3, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 12px;
    color: #ff0000;
    letter-spacing: 0;
    text-align: center;
    animation: blinkEffect 1s ease infinite;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea a.btn
 {
  font-size: 15px;
  line-height: 20px;
  position: relative;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea a.btn_confirm{
  color: #fff;
  background-color: #f95140;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea a.btn_confirm:hover {
  color: #fff;
  background: #e61c05
}
/* 会員情報 情報表示エリア 会員情報&利用可能ポイント */
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_memberblock {
    display: inline-block;
    width: 540px;
    margin: 24px 24px 24px 24px;
    text-align: left;
    background-color: #FFFFFF;
    border-radius: 4px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_memberblock .top_mypage_memberarea {
    display: inline-block;
    width: 246px;
    margin: 20px 0px 0px 36px;
    vertical-align: middle;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_memberblock .top_mypage_pointarea {
    display: inline-block;
    width: 250px;
    margin: 20px 0px 0px 0px;
    vertical-align: middle;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_memberblock .top_member_title {
    font-family: HiraKakuPro-W3, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #3F444B;
    letter-spacing: 0;
    margin: 0px 0px 12px 0px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_memberblock .top_member_imgdiv {
    text-align: left;
    height: 40px;
    line-height: 40px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_memberblock .top_member_img {
    vertical-align: middle;
    width: 36px;
    height: 40px;
    margin: 0px 4px 0px 0px;
}
/* 黒字用フォント */
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_memberblock .top_mypage_pointarea > div.top_member_imgdiv.top_member_black {
    font-family: HiraKakuPro-W6, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #3F444B;
    letter-spacing: 0;
}
/* 通常会員用フォント */
header .headerTopWrap .headerTopContent .userArea.header_member_normal .top_mypage_info .top_mypage_infoarea .top_mypage_memberblock .top_member_imgdiv {
    font-family: HiraKakuPro-W6, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #9F4731;
    letter-spacing: 0;
}
/* シルバー会員用フォント */
header .headerTopWrap .headerTopContent .userArea.header_member_silver .top_mypage_info .top_mypage_infoarea .top_mypage_memberblock .top_member_imgdiv {
    font-family: HiraKakuPro-W6, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #627380;
    letter-spacing: 0;
}
/* ゴールド会員用フォント */
header .headerTopWrap .headerTopContent .userArea.header_member_gold .top_mypage_info .top_mypage_infoarea .top_mypage_memberblock .top_member_imgdiv {
    font-family: HiraKakuPro-W6, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #857205;
    letter-spacing: 0;
}
/* プラチナ会員用フォント */
header .headerTopWrap .headerTopContent .userArea.header_member_platinum .top_mypage_info .top_mypage_infoarea .top_mypage_memberblock .top_member_imgdiv {
    font-family: HiraKakuPro-W6, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #0084AD;
    letter-spacing: 0;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_memberblock .top_member_nextrank {
    display: inline-block;
    text-align: center;
    margin: 2px 0px 0px 0px;
    height: 46px;
    line-height: 20px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_memberblock .top_member_nextfont {
    font-family: HiraKakuPro-W3, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 14px;
    color: #303845;
    letter-spacing: 0;
    text-align: center;
    line-height: 23px;
    height: 23px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_memberblock .top_member_nextfontx {
    font-family: HiraKakuPro-W6, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #303845;
    letter-spacing: 0;
    text-align: center;
    line-height: 23px;
    height: 23px;
}
/* ランク期限フォント */
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_memberblock .top_member_rankexpire {
    display: inline-block;
    text-align: center;
    margin: 8px 0px 0px 0px;
    height: 18px;
    line-height: 16px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_memberblock .top_member_rankexpirefont {
    font-family: HiraKakuPro-W6, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #303845;
    letter-spacing: 0;
}
/* 会員情報 会員特典 */
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_speciallink {
    display: inline-block;
    vertical-align: top;
    height: 97px;
    width: 245px;
    margin: 0px 0px 0px 40px;
}
/* 会員情報 登録情報の確認・変更 */
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_registlink {
    display: inline-block;
    vertical-align: middle;
    height: 166px;
    width: 245px;
    margin: 0px 0px 0px 21px;
}
/* 会員情報 購入情報 */
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_purchaselink {
    display: inline-block;
    position: relative;
    vertical-align: top;
    height: 97px;
    width: 245px;
    margin: 0px 0px 0px 40px;
    top: -64px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_member_menutitle {
    font-family: HiraKakuPro-W6, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #303845;
    letter-spacing: 0;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_member_menuimg {
    vertical-align: bottom;
    width: 20px;
    height: 20px;
    margin: 0px 4px 0px 0px;
}
/* 会員情報 その他（マイページ、ログアウト） */
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_mypage_other {
    display: inline-block;
    height: 97px;
    width: 245px;
    margin: 0px 0px 0px 21px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_member_otherdiv {
    display: inline-block;
    text-align: right;
    width: 110px;
    height: 20px;
    margin-top: 28px;
}
/* 会員情報 区切り線 */
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_member_separateline {
    width: 240px;
    height: 1px;
    background-color: #BDBCBC;
    margin: 6px 0px 0px 0px;
}
/* 会員情報 リンク表示 */
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_member_linkdiv {
    height: 20px;
    margin: 8px 0px 0px 0px;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_member_linkdiv2line {
    height: 40px;
    margin: 8px 0px 0px 0px;
}

/* 会員情報 青リンク */
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_member_bluelink {
    font-family: HiraKakuPro-W3, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 16px;
    line-height: 20px;
    height: 20px;
    color: #015BC3;
    letter-spacing: 0;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_member_bluelink2line {
    font-family: HiraKakuPro-W3, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 16px;
    line-height: 16px;
    height: 32px;
    color: #015BC3;
    letter-spacing: 0;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_member_bluelink2line .submenu {
    font-size: 14px;
    margin-left: 16px;
}
/* 会員情報 青>記号 */
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_member_linkarrow2 {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin: 0px 1px 0px 0px;
    transform: translateY(-3px) rotate(-90deg);
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_member_linkarrow2line {
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin: 0px 1px 0px 0px;
    transform: translateY(-3px) rotate(-90deg);
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_member_linkarrow {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin: 0px 1px 0px 0px;
    transform: translateY(-3px);
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_member_link2linestr {
    display: inline-block;
    height: 40px;
    line-height: 20px;
    text-decoration: none;
}
header .headerTopWrap .headerTopContent .userArea .top_mypage_info .top_mypage_infoarea .top_member_link2linestr:hover {
    text-decoration: underline;
}
/* 通常会員用背景色 */
header .headerTopWrap .headerTopContent .userArea.header_member_normal .top_mypage_info .top_mypage_namearea, header .headerTopWrap .headerTopContent .userArea.header_member_normal .top_mypage .top_my_span .top_point {
    color: #FFFFFF;
    background-color: #B55239;
}
/* シルバー会員用背景色 */
header .headerTopWrap .headerTopContent .userArea.header_member_silver .top_mypage_info .top_mypage_namearea, header .headerTopWrap .headerTopContent .userArea.header_member_silver .top_mypage .top_my_span .top_point {
    color: #FFFFFF;
    background-color: #778A98;
}
/* ゴールド会員用背景色 */
header .headerTopWrap .headerTopContent .userArea.header_member_gold .top_mypage_info .top_mypage_namearea, header .headerTopWrap .headerTopContent .userArea.header_member_gold .top_mypage .top_my_span .top_point {
    color: #FFFFFF;
    background-color: #9D8707;
}
/* プラチナ会員用背景色 */
header .headerTopWrap .headerTopContent .userArea.header_member_platinum .top_mypage_info .top_mypage_namearea, header .headerTopWrap .headerTopContent .userArea.header_member_platinum .top_mypage .top_my_span .top_point {
    color: #FFFFFF;
    background-color: #0096C5;
}


/* ヘッダー ボトムエリア */
header .headerBottomWrap {
    position: relative;
    width: 100%;
/*    min-width: 940px;*/
    min-width: 1000px;
    height: 40px;
    background-color: #F4F5F6;
/*    padding: 0 20px;*/
    text-align: center;
}
header .headerBottomWrap .headerBottomContent {
    width: 100%;
    max-width: 1112px;
/*    min-width: 940px;*/
    min-width: 1000px;
    margin: 0 auto;
}
header .headerBottomWrap .center {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    width: 100%;
    max-width: 1112px;
/*    min-width: 940px;*/
    min-width: 1000px;
    margin: 0 auto;
}
/* ボトムエリア 左側部分 */
header .headerBottomWrap .leftArea {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
header .headerBottomWrap .leftArea p, header .headerBottomWrap .leftArea a {
    line-height: 40px;
    text-decoration: none;
    color: #333333;
    font-weight: 600;
}
/* セールホバー時背景色変更 */
header .headerBottomWrap .leftArea p.sell a:hover {
    background-color: #DBE0E8;
}
/* 特集カテゴリホバー時背景色変更 */
header .headerBottomWrap .leftArea .specialfeatureTab:hover {
    background-color: #DBE0E8;
}
/* ボトムエリア 左側部分 特集カテゴリ */
header .headerBottomWrap .leftArea .specialfeatureTab {
    width: 250px;
    text-align: left;
}
header .headerBottomWrap .leftArea .specialfeatureTab p {
    font-size: 14px;
    cursor: pointer;
    padding-left: 12px;
}
header .headerBottomWrap .leftArea .specialfeatureTab img {
    position: relative;
    height: 20px;
    top: 5px;
}
header .headerBottomWrap .leftArea .specialfeatureTab .current {
    background-color: #C6CBD3;
}
header .headerBottomWrap .leftArea .specialfeatureTab .categoliListLv1 {
    display: none;
    position: absolute;
    width: 250px;
    /* height: 90px; */
    background-color: #DCE0E4;
    z-index: 99950;
    border-top: 1px solid #C6CBD3;
    box-shadow: -2px 2px 6px -2px rgba(0,0,0,0.3);
}
header .headerBottomWrap .leftArea .specialfeatureTab .current + .categoliListLv1 {
    display: block;
}
header .headerBottomWrap .leftArea .specialfeatureTab .categoliListLv1 .categoliLv1 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
header .headerBottomWrap .leftArea .specialfeatureTab .categoliListLv1 .current {
    background-color: #AFB6C1;
}
/* ボトムエリア 左側部分 特集カテゴリ内 */
header .headerBottomWrap .leftArea .specialfeatureTab .categoliListLv1 .categoliLv1 p {
    height: 45px;
    line-height: 45px;
    padding-left: 0px;
}
header .headerBottomWrap .leftArea .specialfeatureTab .categoliListLv1 .categoliLv1 p a {
    display: block;
    padding-left: 30px;
    width: 220px;
}
/* 全ての商品カテゴリホバー時背景色変更 */
header .headerBottomWrap .leftArea .allcategoliTab:hover {
    background-color: #DBE0E8;
}
/* ボトムエリア 左側部分 全ての商品カテゴリ */
header .headerBottomWrap .leftArea .allcategoliTab {
    position: relative;
/*    width: 160px;*/
    width: 220px;
}
header .headerBottomWrap .leftArea .allcategoliTab p {
    font-size: 14px;
    cursor: pointer;
    padding-left: 12px;
}
header .headerBottomWrap .leftArea .allcategoliTab img {
    position: relative;
    height: 20px;
    top: 5px;
}
header .headerBottomWrap .leftArea .allcategoliTab .current {
    background-color: #C6CBD3;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 {
    display: none;
    position: absolute;
/*    width: 160px;*/
    width: 220px;
    height: 540px;
    background-color: #DCE0E4;
    z-index: 99950;
    border-top: 1px solid #C6CBD3;
    text-align: left;
    box-shadow: -2px 2px 6px -2px rgba(0,0,0,0.3);
}
header .headerBottomWrap .leftArea .allcategoliTab .current + .categoliListLv1 {
    display: block;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .current {
    background-color: #AFB6C1;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 p {
/*    width: 170px;*/
    width: 230px;
    height: 44px;
    line-height: 44px;
    cursor: default;
    padding-right: 0;
    padding-left: 20px;
    margin: 0;
    position: relative;
}
/*header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 > p.string2line {
    padding-right: 20px;
    line-height: 22px;
}*/
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .arrowLv1 {
    position: absolute;
/*    left: 132px;*/
    left: 192px;
    top: 12px;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 {
    display: none;
    position: absolute;
/*    left: 160px;*/
    left: 220px;
    top: -1px;
    width: 228px;
/*    width: 280px;*/
    height: 540px;
    background-color: #FFFFFF;
    border-top: 1px solid #C6CBD3;
    border-right: 1px solid #C6CBD3;
    box-shadow: 0 6px 6px -6px rgba(0,0,0,0.3);
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .current + .categoliListLv2 {
    display: block;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 p {
    position: relative;
    width: calc(100% - 12px);
    padding-left: 12px;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 p.string2line {
    padding-right: 20px;
    line-height: 22px;
    box-sizing: border-box;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .current {
    background-color: #F3F4F6;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .campsWrap {
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    left: 228px;
/*    left: 280px;*/
    top: -1px;
    width:722px;
/*    width: 550px;*/
/*    min-width: 422px;*/
/*    max-width: 722px;*/
    height: 540px;
    border-top: 1px solid #C6CBD3;
    border-left: 1px solid #C6CBD3;
    box-shadow: 2px 2px 6px -2px rgba(0,0,0,0.3);
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .categoliLv2.current > .campsWrap {
    display: block;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .outletsWrap {
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    left: 228px;
/*    left: 280px;*/
    top: -1px;
    width:722px;
/*    width: 550px;*/
/*    min-width: 422px;*/
/*    max-width: 722px;*/
    height: 540px;
    border-top: 1px solid #C6CBD3;
    border-left: 1px solid #C6CBD3;
    box-shadow: 2px 2px 6px -2px rgba(0,0,0,0.3);
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .categoliLv2.current > .outletsWrap {
    display: block;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .categoliTitle {
    width: 670px;
/*    width: 498px;*/
/*    min-width: 370px;*/
/*    max-width: 670px;*/
    height: 24px;
    background: #FF0000;
    text-align: center;
    margin: 16px auto 16px auto;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .categoliTitle p {
    font-family: HiraKakuPro-W3, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 24px;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .categoliTitle p span {
    font-family: HiraKakuPro-W6, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .arrowLv2 {
    position: absolute;
    left: 200px;
/*    left: 252px;*/
    top: 10px;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps, header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .outlets {
    border-bottom: 1px solid #C6CBD3;
    width: 722px;
/*    width: 550px;*/
/*    min-width: 422px;*/
/*    max-width: 722px;*/
    height: 424px;
    padding-top: 4px;
    overflow-y: auto;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps div, header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .outlets div {
    margin: auto auto 20px 20px;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps div a {
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    text-align: left;
    text-indent: -999;
    font-size: 0;
    width: 100%;
    max-width: 210px;
    height: 100%;
    max-height: 160px;
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps div a.noscene{
    background-color: #ffffff;
    background-position: 120px 30px;
    background-size: auto auto!important;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps div a.noscene span {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    width: 100px;
    text-indent: 0;
    font-size: 15px;
    font-weight: 500;
    color: #6C6A6B;
    text-align: left;
    line-height: 1.3;
    text-shadow:0px 4px 4px rgba(255,255,255,0.8), 0px 0px 4px rgba(255,255,255,0.8), 4px 0px 4px rgba(255,255,255,0.8), 0px -4px 4px rgba(255,255,255,0.8),-4px -4px 4px rgba(255,255,255,0.8),-4px 0px 4px rgba(255,255,255,0.8);
    filter:dropshadow(color=#FFFFFF,offx=0,offy=6,positive=6),dropshadow(color=#FFFFFF,offx=0,offy=0,positive=6),dropshadow(color=#FFFFFF,offx=0,offy=-6,positive=6),dropshadow(color=#000000,offx=-6,offy=-6,positive=6),dropshadow(color=#000000,offx=-6,offy=0,positive=6);
    overflow: hidden;
    text-overflow: ellipsis;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps div a span {
    display: none;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps div a:after{
    display: block;
    position: absolute;
    right: 2px;
    top: 2px;
    text-align: center;
    text-indent: 0;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 1.0;
    color: #FFFFFF;
    padding: 3px 0 2px 1px;
    border-radius: 5px;
    font-weight: bold;
    width: 4em;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps div a[data-label="arrival"]:after {
    background-color: #e67e22;
    content: "新入荷";
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps div a[data-label="new"]:after {
    background-color: #e67e22;
    content: "新登場";
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps div a[data-label="rearrival"]:after {
    background-color: #f1c40f;
    content: "再入荷";
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps div a[data-label="sale"]:after {
    background-color: #e74c3c;
    content: "特　価";
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps div a[data-label="pricedown"]:after {
    background-color: #e74c3c;
    content: "新価格";
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps div a[data-label="popular"]:after {
    background-color: #c755c0;
    content: "大好評";
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps div a[data-label="preorder"]:after {
    content: "予約中";
    background-color: #FBC100;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps div a[data-label="rank"]:after {
    content: "ランク";
    background-color: #042EA5;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .outlets div a {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    overflow: hidden;
    text-align: left;
    text-indent: -999;
    font-size: 0;
    width: 600px;
    height: 186px;
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps::-webkit-scrollbar, header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .outlets::-webkit-scrollbar {
    width: 12px;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps::-webkit-scrollbar-track, header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .outlets::-webkit-scrollbar-track {
    background: #fff;
    border: none;
    border-shadow: inset 0 0 2px #777;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .camps::-webkit-scrollbar-thumb, header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .outlets::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.30);
    box-shadow: none;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .categoliSearch {
    width: 722px;
    height: 60px;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .categoliSearch .categoliSearchButtonWrap {
    height: 28px;
    width: 346px;
    margin: 16px auto;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .categoliSearch .categoliSearchButton {
    text-decoration: none;
    text-align: center;
    width: 346px;
    height: 28px;
}
header .headerBottomWrap .leftArea .allcategoliTab .categoliListLv1 .categoliLv1 .categoliListLv2 .categoliSearch .categoliSearchButton p {
    cursor: pointer;
    width: 346px;
    height: 28px;
    background-color: #FFFFFF;
    border: 1px solid #C6CBD3;
    border-radius: 4px;
    line-height: 28px;
    font-size: 14px;
    padding: 0;
    box-shadow: 0 2px 4px -2px rgba(0,0,0,0.3);
}
/* ボトムエリア 左側部分 セール */
header .headerBottomWrap .leftArea .sell {
    width: 136px;
    height: 40px;
    font-size: 14px;
    margin: 0px;
}
header .headerBottomWrap .leftArea .sell a {
    display: inline-block;
    width: 136px;
    height: 40px;
}

/* ボトムエリア 右側部分 */
header .headerBottomWrap .rightArea {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
header .headerBottomWrap .rightArea a {
    text-decoration: none;
}
/* ボトムエリア 右側部分 ご利用ガイド */
header .headerBottomWrap .rightArea .guide {
    line-height: 40px;
    margin-right: 8px;
}
header .headerBottomWrap .rightArea .guide a {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: HiraKakuPro-W3, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 13px;
    color: #303845;
    letter-spacing: 0;
}
header .headerBottomWrap .rightArea .guide img {
    position: relative;
    height: 32px;
    width: 32px;
    margin-top: 4px;
}
/* ボトムエリア 右側部分 お客様カウンター */
header .headerBottomWrap .rightArea .guarantee {
    line-height: 40px;
    margin-left: 8px;
}
header .headerBottomWrap .rightArea .guarantee a {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: HiraKakuPro-W3, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 13px;
    color: #303845;
    letter-spacing: 0;
}
header .headerBottomWrap .rightArea .guarantee img {
    position: relative;
    height: 32px;
    width: 32px;
    margin-top: 4px;
}

/* ヘッダー メール有効性チェック案内エリア */
header .headerMailReconfirmWrap {
    position: relative;
    width: 100%;
/*    min-width: 940px;*/
    min-width: 1000px;
    height: 60px;
    background-color: #FCE8E6;
/*    padding: 0 20px;*/
    text-align: center;
}
header .headerMailReconfirmWrap .headerMailReconfirmContent {
    width: 100%;
    max-width: 1112px;
/*    min-width: 940px;*/
    min-width: 1000px;
    margin: 0 auto;
}
header .headerMailReconfirmWrap .headerMailReconfirmContent .center {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    width: 100%;
    max-width: 1000px;
/*    min-width: 940px;*/
    min-width: 1000px;
    margin: 0 auto;
}
/*header .headerMailReconfirmWrap .headerMailReconfirmContent {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 60px;
    text-align: left;
    background-color: #FCE8E6;
    border: 1px solid red;
}*/
header .headerMailReconfirmWrap .headerMailReconfirmContent .header_mail_reconfirm_notice {
    width: 100%;
    text-align: left;
    height: 60px;
    line-height: 63px;
    margin: 0px 0px 0px 20px;
    font-size: 20px;
    color: #c40000;
}
@keyframes headerMailReconfirmBlinkEffect {
  0% {
    /* アニメーション開始時のスタイル */
    filter: drop-shadow(0 0px 3px rgb(219 13 13 / 90%));
  }
  100% {
    /* アニメーション終了時のスタイル */
    filter: drop-shadow(0 0px 3px rgb(250 250 250 / 90%));
  }
}
header .headerMailReconfirmWrap .headerMailReconfirmContent .header_mail_reconfirm_badge {
    position: absolute; 
    top: 24px;
    left: 4px;
    width: 12px;
    height: 12px;
    background-color: #f80000;
    border-radius: 11.5px;
    line-height: 15px;
    font-family: HiraKakuPro-W3, -apple-system, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック W3", "Hiragino Sans W3", Meiryo, "メイリオ", Osaka, " ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 20px;
    color: #ff0000;
    letter-spacing: 0;
    text-align: center;
    animation: headerMailReconfirmBlinkEffect 1s ease infinite;
}
header .headerMailReconfirmWrap .headerMailReconfirmContent span.header_mail_reconfirm_btn {
    padding-left: 45px;
}
header .headerMailReconfirmWrap .headerMailReconfirmContent a.btn {
  font-size: 18px;
  line-height: 20px;
  position: relative;
  display: inline-block;
  padding: 10px 10px 10px 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
header .headerMailReconfirmWrap .headerMailReconfirmContent a.btn_confirm {
  color: #fff;
  background-color: #f95140;
}
header .headerMailReconfirmWrap .headerMailReconfirmContent a.btn_confirm:hover {
  color: #fff;
  background: #e61c05
}

/* ヘッダー キャンペーンバナー帯 */
header .headerCampWrap {
    position: relative;
    width: 100%;
    height: 30px;
    text-align: center;
/*    padding: 0 20px;*/
    background-color: #FFFFFF;
}
header .headerCampWrap .headerCampSlider {
    position: relative;
    width: 100%;
    height: 30px;
    text-align: center;
    background-color: #FFFFFF;
}
header .headerCampWrap .headerCampSlider .bx-wrapper {
    border: 0;
}
header .headerCampWrap .headerCampSlider ul .slider {
    position: relative;
    display: block;
    margin-right: 0px;
    height: 30px;
}
header .headerCampWrap a {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 30px;
    background-repeat: repeat-x;
}
header .headerCampWrap a:hover {
    opacity: 0.7;
}

/* 矢印向き */
.arrowRight {
    transform: rotate(-90deg);
}
/* 文字リンクはホバー時にアンダーバーをつける(UIルール) */
a.textlink {
    text-decoration: none;
}
a.textlink:hover {
    text-decoration: underline;
}

/************************************************************************
    FOOTER
*************************************************************************/
footer {
    color: #333333;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴシック W3','Hiragino Sans W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',verdana,sans-serif;
    font-size: 12px;
    line-height: 1.4em;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width: 100%;
/*    min-width: 940px;*/
    min-width: 1000px;
    background-color: #475658;
/*    padding: 0 20px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

footer .footer{
    display: block;
    width: 100%;
/*    min-width: 940px;*/
    min-width: 1000px;
    text-align: center;
    color: #ffffff;
    padding: 0.5em 0;
}

footer .footer a{
    color: #ffffff;
}

footer .footer a:hover{
    text-decoration: underline;
}

footer .footer ul.nav{
    display: table;
    width: 620px;
    margin: 2em auto 0 auto;
}

footer .footer ul.nav > li{
    display: table-cell;
    text-align: left;
    padding-left: 2em;
}

footer .footer ul.nav > li > p{
    font-size: 1.3em;
    font-weight: bold;
    padding: 0 0 0.5em 0;
}

footer .footer ul.nav > li > ul{
    padding: 0 0 1.5em 0.5em;
}

footer .footer ul.nav > li > ul > li{
    font-size: 1.0em;
    padding: 0 0 5px 5px;
}

footer .footer ul.corporate{
    display: inline-block;
/*    width: 940px;*/
    width: 1000px;
    margin: 1em auto 1em auto;
}

footer .footer ul.corporate li{
    display: inline-block;
    margin: 0 4px;
}