@charset "utf-8";

/* ===============================================

  ■ Base(ファーストレイヤー) (MCSS:Base)
    ※Base → Base    上書き○
    ※Base → Project 上書き×

  --------------------------------------------

  ■ 命名規則 BEM + MCSS

    block     block
    element   block_element
    modifier  block_element.__modifier

    ※状態を表すものはprefixをつける is-, has-, not-...

  --------------------------------------------

  ■ Index

    ・Collective Setting 一括設定
        font-size           フォントサイズ
        z-index             重なり順

    ・Common Module      共通モジュール
        frame               フレーム・ブロック・インナー

    ・Common Layout      共通レイアウト
        #header             ヘッダー
        #footer             フッター

    ・Component          コンポーネント
        GridLayout          グリッドレイアウト
        flexbox             フレックスボックス
        Heading             見出し
        btn                 ボタン
        Search Form         検索フォーム
        txtLink             テキストリンク
        Page Top            ページトップ
        Block               ブロック
        Textbox             テキストボックス
        ratingArea          評価 星
        Pager               ページャー・ページ遷移
        Area                エリア
        Modal               モーダル
        Table               テーブル


=============================================== */


/* Collective Setting 一括設定
===============================================*/


/* Font Size フォントサイズ
---------------------------*/

@media screen and (max-width: 767px) {
  html {
    font-size: 122%;
  }
}

@media screen and (max-width: 760px) {
  html {
    font-size: 121%;
  }
}

@media screen and (max-width: 750px) {
  html {
    font-size: 119%;
  }
}

@media screen and (max-width: 740px) {
  html {
    font-size: 117%;
  }
}

@media screen and (max-width: 730px) {
  html {
    font-size: 116%;
  }
}

@media screen and (max-width: 720px) {
  html {
    font-size: 114%;
  }
}

@media screen and (max-width: 710px) {
  html {
    font-size: 113%;
  }
}

@media screen and (max-width: 700px) {
  html {
    font-size: 111%;
  }
}

@media screen and (max-width: 690px) {
  html {
    font-size: 109%;
  }
}

@media screen and (max-width: 680px) {
  html {
    font-size: 108%;
  }
}

@media screen and (max-width: 670px) {
  html {
    font-size: 106%;
  }
}

@media screen and (max-width: 660px) {
  html {
    font-size: 104%;
  }
}

@media screen and (max-width: 650px) {
  html {
    font-size: 103%;
  }
}

@media screen and (max-width: 640px) {
  html {
    font-size: 101%;
  }
}

@media screen and (max-width: 630px) {
  html {
    font-size: 100%;
  }
}

@media screen and (max-width: 620px) {
  html {
    font-size: 98%;
  }
}

@media screen and (max-width: 610px) {
  html {
    font-size: 96%;
  }
}

@media screen and (max-width: 600px) {
  html {
    font-size: 95%;
  }
}

@media screen and (max-width: 590px) {
  html {
    font-size: 93%;
  }
}

@media screen and (max-width: 580px) {
  html {
    font-size: 91%;
  }
}

@media screen and (max-width: 570px) {
  html {
    font-size: 90%;
  }
}

@media screen and (max-width: 560px) {
  html {
    font-size: 88%;
  }
}

@media screen and (max-width: 550px) {
  html {
    font-size: 87%;
  }
}

@media screen and (max-width: 540px) {
  html {
    font-size: 85%;
  }
}

@media screen and (max-width: 530px) {
  html {
    font-size: 83%;
  }
}

@media screen and (max-width: 520px) {
  html {
    font-size: 82%;
  }
}

@media screen and (max-width: 510px) {
  html {
    font-size: 80%;
  }
}

@media screen and (max-width: 500px) {
  html {
    font-size: 78%;
  }
}

@media screen and (max-width: 490px) {
  html {
    font-size: 77%;
  }
}

@media screen and (max-width: 480px) {
  html {
    font-size: 75%;
  }
}

@media screen and (max-width: 470px) {
  html {
    font-size: 73%;
  }
}

@media screen and (max-width: 460px) {
  html {
    font-size: 72%;
  }
}

@media screen and (max-width: 450px) {
  html {
    font-size: 70%;
  }
}

@media screen and (max-width: 440px) {
  html {
    font-size: 69%;
  }
}

@media screen and (max-width: 430px) {
  html {
    font-size: 67%;
  }
}

@media screen and (max-width: 420px) {
  html {
    font-size: 65%;
  }
}

@media screen and (max-width: 410px) {
  html {
    font-size: 64%;
  }
}

@media screen and (max-width: 400px) {
  html {
    font-size: 62%;
  }
}

@media screen and (max-width: 390px) {
  html {
    font-size: 60%;
  }
}

@media screen and (max-width: 380px) {
  html {
    font-size: 59%;
  }
}

@media screen and (max-width: 370px) {
  html {
    font-size: 57%;
  }
}

@media screen and (max-width: 360px) {
  html {
    font-size: 56%;
  }
}

@media screen and (max-width: 350px) {
  html {
    font-size: 54%;
  }
}

@media screen and (max-width: 340px) {
  html {
    font-size: 52%;
  }
}

@media screen and (max-width: 330px) {
  html {
    font-size: 51%;
  }
}

@media screen and (max-width: 320px) {
  html {
    font-size: 49%;
  }
}

@media screen and (max-width: 310px) {
  html {
    font-size: 47%;
  }
}

@media screen and (max-width: 300px) {
  html {
    font-size: 46%;
  }
}


/* PC */


/* header */

header {
  /* box-shadow: 1px 1px 4px #aaa; */
  /* SZ 2018/11/23 */
  width: 100%;
}

.topbar .caption {
  line-height: 0.65rem;
  float: left;
  display: inline-block;
  font-size: 0.55rem;
}

.linkList_item {
  font-size: 0.65rem;
  line-height: 0.65rem;
}

.nameArea {
  font-size: 0.65rem;
  line-height: 0.65rem;
}

.userMenu .btn {
  font-size: 0.8rem;
  line-height: 0.8rem;
}

#header .contact_item.__num {
  font-size: 1.55rem;
  font-weight: bold;
  float: left;
  padding-left: 0;
  margin-bottom: 0;
  padding-top: 18px;
  height: 30px;
  /** SZ カスタム 追加 */
}

#header .contact_item.__txt {
  font-size: 0.7rem;
  line-height: 0.65rem;
  padding-top: 27px;
  float: left;
  padding-left: 6px;
}

#header .contact_item.__num span {
  font-size: 0.4rem;
}

.logo_txt {
  font-size: 1.3rem;
  line-height: 1.3rem;
  font-weight: bold;
}

.btn.__input {
  font-size: 0.75rem;
  line-height: 0.75rem;
}

.btn.__search {
  font-size: 0.75rem;
  line-height: 0.75rem;
}

.gNavList_item a {
  font-size: 0.8rem;
}


/* cart */

#header .btn.__cart a {
  font-size: 0.6rem;
}

#header .btn.__cart a span {
  font-size: 1.2rem;
}

.cartIcn_quantity {
  font-size: 0.6rem;
}

.detailList_item.__name {
  font-size: 0.7rem;
  line-height: 0.9rem;
}

.detailList_item.__quantity {
  font-size: 0.6rem;
  line-height: 0.8rem;
}

.detailList_item.__price {
  font-size: 0.6rem;
  line-height: 0.8rem;
}

.info_item.__msg {
  font-size: 0.6rem;
}

.info_item.__quantity {
  font-size: 0.6rem;
}

.info_item.__total {
  font-size: 0.6rem;
}

.info_item.__postage {
  font-size: 0.6rem;
}


/* gNavi */

#gNav {
  font-size: 0.8rem;
  line-height: 0.8rem;
}

.productSearch .heading {
  font-size: 0.9rem;
  line-height: 0.9rem;
}


/* breadcrumbList */

.breadcrumbList_item,
.breadcrumbList_item a {
  font-size: 0.7rem;
}

.breadcrumbList_item a {
  text-decoration: underline;
}

.breadcrumbList_item a:hover {
  text-decoration: none;
}


/* .sidebar-main */

.productSearch_heading .heading_item a,
.sidenavi_heading .heading_item a {
  font-weight: bold;
}

.sidebar-main .productSearchLink_term,
.sidebar-main .sideNavi_term {
  font-size: 0.9rem;
  line-height: 0.9rem;
  font-weight: bold;
}

.sidebar-main .categoryList_term a,
.sideNavi_item .lowerList_term a {
  font-size: 0.8rem;
  line-height: 0.8rem;
}

.sidebar-main .categoryList_item {
  font-size: 0.7rem;
  line-height: 0.7rem;
}

.sidebar-main a.current_page {
  background: #fff4e4;
}


/* Contents */

.searchList_txt {
  font-size: 0.9rem;
  line-height: 0.9rem;
}

.searchList_txt .__large {
  font-size: 1rem;
  line-height: 1rem;
}

.icn.__new:after {
  font-size: 0.55rem;
  line-height: 0.55rem;
}

.form.__search {
  font-size: 0.75rem;
  line-height: 0.75rem;
}


/* footer */

.fLink_heading a {
  font-size: 0.8rem;
  line-height: 0.8rem;
  font-weight: bold;
}

.fLink .btnLink_item a,
.product_item a {
  font-size: 0.7rem;
  line-height: 0.7rem;
}

.pageTop a {
  font-size: 0.7rem;
  line-height: 0.7rem;
}

#footer .contact_heading {
  font-size: 1.2rem;
}

#footer .contact_item.__heading span,
#footer .contact_item.__heading a {
  font-size: 1rem;
  line-height: 1.5rem;
}

#footer .contact_item.__num {
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-weight: bold;
}

#footer .contact_item.__num span {
  font-size: 0.4rem;
}

#footer .contact_item.__txt {
  font-size: 0.7rem;
  line-height: 0.7rem;
}

.contact_item.btn {
  font-size: 0.8rem;
  line-height: 0.8rem;
  letter-spacing: -0.05rem;
}

.copyright .copy {
  font-size: 0.6rem;
  line-height: 0.6rem;
}


/* component */

.form.__select select {
  font-size: 0.8rem;
}

.heading {
  font-size: 1.5rem;
}

.heading .heading_item {
  font-weight: bold;
}

.heading2 {
  font-size: 1.6rem;
  line-height: 1.6rem;
}

.heading3_item {
  font-size: 1.2rem;
}

.heading3 .txtLink {
  font-size: 0.75rem;
}

.headingGray_item {
  font-size: 1.2rem;
}

.form.__textBox.is-error .is-error {
  font-size: 0.7rem;
  font-weight: bold;
}

.form.__textBox.is-complete .is-complete {
  font-size: 0.7rem;
}

.caution_heading {
  font-size: 0.9rem;
  font-weight: bold;
}

.caution_text {
  font-size: 0.8rem;
}

.transition_item {
  font-size: 0.8rem;
}

.btn.__large a,
.btn.__large .btn_item {
  font-size: 1.2rem;
  line-height: 1.4rem;
}

.number span {
  font-size: 1.2rem;
}

.tableRWD_caption {
  font-size: 1.1rem;
  line-height: 1.1rem;
}

.tableRWD thead th,
.tableRWD tbody td {
  font-size: 0.8rem;
  line-height: 0.8rem;
}

.icn_item {
  font-size: 14px;
}


/* SP */

@media screen and (max-width: 767px) {
  /* header */
  .spMenu_btn_txt {
    font-size: 1.4rem;
    line-height: 1.5rem;
  }
  /** SZ カスタム 1.5rem */
  .ddArea_block_heading {
    font-size: 2.4rem;
    line-height: 2.4rem;
  }
  .closeBtn_txt {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
  .searchBox .serchBox_txt {
    font-size: 1.9rem;
    line-height: 1.9rem;
  }
  .searchBox .btn.__input {
    font-size: 1.7rem;
    line-height: 3rem;
  }
  .searchBox .btn.__search {
    font-size: 1.7rem;
    line-height: 3rem;
  }
  .nameArea {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
  .gNavSpList_item a {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
  .userMenu .btn a {
    font-size: 1.8rem;
    line-height: 1rem;
  }
  .btnLink_item {
    font-size: 1.9rem;
    line-height: 1.9rem;
  }
  #header .contact_item.__heading span,
  #header .contact_item.__heading a {
    font-size: 1.9rem;
    line-height: 1.9rem;
  }
  #header .contact_item.__txt {
    font-size: 1.5rem;
    line-height: 2.55rem;
  }
  #header .contact_item.__num {
    font-size: 3rem;
    line-height: 3rem;
  }
  .searchList_txt {
    font-size: 1.7rem;
    line-height: 1.7rem;
  }
  .searchList_txt .__large {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
  /* cart */
  #header .btn.__cart a {
    font-size: 1.3rem;
  }
  #header .btn.__cart a span {
    font-size: 1.7rem;
  }
  /* breadcrumbList */
  .breadcrumbList_item,
  .breadcrumbList_item a {
    font-size: 1.4rem;
  }
  /** SZ カスタム 1.2rem->1.4rem */
  /* contents */
  .sidebar-main .sideNavi_term {
    font-size: 2.1rem;
  }
  .sidebar-main .sideNavi_item .lowerList_term a {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  .sidebar-main .sideNavi_item .lowerList_item a {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  .productSearch_heading {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
  /* .sidebar-main */
  .sidebar-main .productSearchLink .productSearchLink_term,
  .sidebar-main .sideNavi_term {
    font-size: inherit;
    line-height: inherit
  }
  .sidebar-main .productSearchLink .categoryList_term a {
    font-size: 1.4rem;
    line-height: inherit;
  }
  .sidebar-main .productSearchLink_term,
  .sidebar-main .sideNavi_term {
    font-size: 1.7rem;
    line-height: 0.9rem;
    font-weight: bold;
  }
  .sidebar-main .categoryList_term a,
  .sideNavi_item .lowerList_term a {
    font-size: 1.5rem;
    line-height: 0.8rem;
  }
  .sidebar-main .categoryList_item {
    font-size: 1.5rem;
    line-height: 0.7rem;
  }
  /* footer */
  .pageTop a {
    font-size: 2rem;
    line-height: 2rem;
  }
  #footer .contact_heading {
    font-size: 2.4rem;
    line-height: 2.9rem;
  }
  #footer .contact_item.__heading span,
  #footer .contact_item.__heading a {
    font-size: 1.9rem;
    line-height: 2.6rem;
  }
  #footer .contact_item.__txt {
    font-size: 1.1rem;
    line-height: 1.5rem;
    margin: 0;
  }
  #footer .contact_item.__num span {
    font-size: 1rem;
  }
  .fLink .productList.__media .product_item a {
    font-size: 2rem;
    line-height: 2rem;
  }
  .fLink .productList.__item .product_item a,
  #product .productList.__item .product_item .item_txt {
    font-size: 1.7rem;
    line-height: 1.7rem;
  }
  .fLink_heading a,
  .fLink .btnLink_item a {
    font-size: 1.9rem;
    line-height: 1.9rem;
  }
  .product_term {
    font-size: 2.3rem;
    line-height: 2.3rem;
  }
  .product_item a {
    font-size: 2rem;
    line-height: 2rem;
  }
  #footer .fLink li {
    font-size: 1.9rem;
    line-height: 1.9rem;
  }
  #btmLink li a {
    font-size: 1rem;
    line-height: 1rem;
  }
  .copyright .copy {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
  /* component */
  .form.__select select {
    font-size: 1.7rem;
  }
  .heading {
    font-size: 2.4rem;
  }
  .heading2 {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
  .heading2 .heading2_item {
    font-weight: normal;
  }
  .heading3_item {
    font-size: 2.1rem;
  }
  .heading3 .txtLink {
    font-size: 1.5rem;
  }
  .headingGray_item {
    font-size: 1.9rem;
  }
  .form.__textBox.is-error .is-error {
    font-size: 1rem;
  }
  .form.__textBox.is-complete .is-complete {
    font-size: 1rem;
  }
  .form_item.__input,
  .form_item.__submit {
    font-size: 1.5rem;
    line-height: 3.5rem;
  }
  .caution_heading span {
    font-size: 1.8rem;
  }
  .caution_text {
    font-size: 1.7rem;
  }
  .transition_item {
    font-size: 1.7rem;
  }
  .btn.__large a,
  .btn.__large .btn_item {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
  .number span {
    font-size: 1.9rem;
  }
  .icn_item {
    font-size: 1.4rem;
  }
}


/* z-index 重なり順
---------------------------*/

.cartArea {
  z-index: 50;
}

.is-login .nameArea {
  z-index: 1;
}

.spMenu_btn.is-open {}

.ddArea_block {
  z-index: 100;
}

#header .overlay.__spMenu {
  z-index: 300;
}

#header .overlay_white {
  z-index: 50;
}

.cartArea_menu {
  z-index: 200;
}

.modalArea.__img .js-modal img:after {
  z-index: 310;
}

.modals-overlay .closeBtn {
  z-index: 310;
}


/* Common Module 共通モジュール
===============================================*/


/* frame・block・inner フレーム・ブロック・インナー
---------------------------*/

.frameMax {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.frame1000 {
  width: 1024px;
  /*　1000px⇒1024px SZ カスタム */
  margin: 0 auto;
  position: relative;
}

.frame980 {
  width: 980px;
  margin: 0 auto;
  position: relative;
}

.frame720 {
  width: 72%;
  margin: 0 auto;
  position: relative;
}

.frameMax,
.frame1000,
.frame720 {
  *zoom: 1;
}

.frameMax:after,
.frame1000:after,
.frame720:after {
  content: '';
  display: table;
  clear: both;
}

@media screen and (max-width: 767px) {
  .columns,
  .frameMax,
  .frame1000,
  .frame720 {
    width: 100%;
  }
  .spInner {
    width: 93.75%;
    margin: 0 auto;
    *zoom: 1;
  }
  .spInner:after {
    content: '';
    display: table;
    clear: both;
  }
}


/* SZ 2018/11/28 start */

.categoryTargetFix {
  position: relative;
  top: 100px;
  display: block;
  height: 0;
  overflow: hidden;
}

.numberSearchFix {
  position: relative;
  top: -90px;
  display: block;
  height: 0;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .categoryTargetFix {
    top: 80px !important;
  }
  .numberSearchFix {
    top: -90px !important;
  }
}


/* SZ 2018/11/28 end */


/* Common Layout
===============================================*/


/* header
---------------------------*/

#header {
  width: 100%;
  height: auto;
  margin: 0 auto !important;
  background: none !important;
}

.topbar {
  padding: 8px 0;
  background: #333;
  color: #FFF;
}

.topbar a {
  color: #FFF;
}

.topbar .grid .grid_item.__12-6 {
  width: 55%;
}

.linkList {
  width: 280px;
  margin: 0 -2%;
}

.linkList_item {
  margin: 0 3% 0 0;
  float: left;
}

.linkList_item:last-child {
  margin-right: 0;
}

.linkList_item a {
  text-decoration: none;
  color: #fff;
  font-size: 0.6rem;
  display: block;
}


/* ログイン前 */

.is-logout .linkList {
  float: right;
}

.is-logout .nameArea {
  display: none;
}


/* ログイン後 */

@media screen and (min-width: 768px),
print {
  .is-login .linkList {
    width: 320px;
    float: left;
  }
  .is-login .nameArea {
    color: #FFF;
    display: block;
    position: absolute;
    top: 8px;
    right: 34%;
  }
  .is-login .nameArea a {
    color: #FFF;
  }
  /* .userMenu */
  .userMenu {
    position: absolute;
    top: 0;
    right: 0;
  }
  #header.is-logout .userMenu {
    width: 478px;
  }
  #header.is-login .userMenu {
    width: 326px;
  }
  .userMenu .btn {
    width: 147px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    text-align: center;
    box-sizing: border-box;
  }
  #header .userMenu .btn a {
    width: 100%;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-sizing: border-box;
    padding: 10px 0;
  }
  .userMenu .btn.__member {
    margin-right: 5px;
    float: left;
    border-bottom-left-radius: 5px;
    border-top: none;
    border-right: 1px solid #2d8922;
    border-bottom: 1px solid #2d8922;
    border-left: 1px solid #2d8922;
  }
  .userMenu .btn.__log {
    float: left;
    border-top: none;
  }
  .userMenu .btn.__log a {}
}


/* SP */

@media screen and (max-width: 767px) {
  .is-login .nameArea {
    width: 100%;
    padding: 2% 0 2% 2%;
    color: #000;
    border-top: 1px solid #dedede;
    display: block;
  }
  .userMenu {}
  .userMenu .btn {
    width: 25%;
    /* Android4.3以下対応 */
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    float: left;
    /* Android4.3以下対応 */
  }
  .userMenu .btn,
  .userMenu .btn.__member,
  .userMenu .btn.__log {
    border: none;
  }
  .userMenu .btn.__log {
    border-left: 1px solid #fff;
    border-top: none;
    border-bottom: none;
    border-right: none;
  }
  .userMenu .btn>span {
    height: 100%;
  }
  .userMenu .btn a {
    height: 100%;
    padding: 15.625% 0;
    color: #333 !important;
    text-align: center;
    display: block;
    box-sizing: border-box;
  }
}

@media screen and (min-width: 768px),
print {
  .userArea {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  .userArea {
    width: 100%;
  }
}


/** SZ カスタム start */

#midFixedArea {
  width: 100%;
  background: #fff;
  z-index: 300;
}


/** SZ カスタム end */

#header .midArea {
  /** SZ カスタム start */
  /** padding: 18px 0;  */
  padding: 10px 0 !important;
  /** padding: 10px 0 7px 0 */
  margin: 0 auto;
  /** SZ カスタム end */
  position: relative;
}

#header .link_area {
  float: right;
  line-height: 34px;
  height: 38px;
}

#header .link_area .link_voc {
  margin: 0 5px 0 0;
}

#header .link_area .link_searchList {
  font-weight: 500;
  background-color: #dff0fa;
  color: #1a4b73;
  padding: 5px 17px;
  border-radius: 6px;
  margin-right: 5px;
}

#header .link_area .link_now {
  color: #c60000;
  background-color: #ffe1b7;
  font-weight: 500;
  padding: 5px 17px;
  border-radius: 6px;
  margin-right: 5px;
}

#header .link_area .link_numberSearch {
  color: #638c0b;
  background-color: #dae6c1;
  font-weight: 500;
  padding: 5px 27px;
  border-radius: 4px;
}

#header #fixedArea {
  padding: 0;
  /**　SZ カスタム　START */
  /**height: 56px;
  background-color: #f5f5f5;*/
  /**height: 65px;*/
  background-color: #ffffff;
  /**　SZ カスタム 　END */
  z-index: 200;
  width: 100%;
  box-shadow: 1px 1px 4px #aaa;
}

#header #logo {
  width: 25%;
  float: left;
}

#header #logo a:after {
  content: '';
  display: table;
  clear: both;
}

#header #logo a {
  display: block;
}

#header .btn.__cart {
  width: 174px;
  text-align: left;
  border-right: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  box-sizing: border-box;
  float: right;
}

@media screen and (min-width: 768px),
print {
  #header .btn.__cart:hover {
    background: #FFF;
  }
  #header .btn.__cart a {
    color: #e60012;
  }
}

#header .btn.__cart a {
  padding: 10px 0 5px 50px;
  line-height: 17px;
  vertical-align: bottom;
  background-image: url(/html/template/default/assets/images/common/icn_cart_pink.png);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 10px center;
  -webkit-background-size: 31px auto;
  background-size: 31px auto;
}

#header .btn.__cart a span {
  margin-left: 8px;
}

#header .btn.__cart a span.sprite {
  background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: -13px 0px;
  background-size: auto auto;
  margin: 0;
  width: 30px;
  height: 17px;
  display: inline-block;
  vertical-align: inherit;
  margin-right: 5px;
}


/* SP */

@media screen and (max-width: 767px) {
  #header .btn.__cart {
    width: 37.76%;
    border-top: 1px solid #cd2f3d;
    border-left: 1px solid #cd2f3d;
    border-radius: 5px 0 0 0;
    position: fixed;
    right: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(270deg, rgba(205, 47, 61, 1.00) 0%, rgba(229, 75, 90, 1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(205, 47, 61, 1.00) 0%, rgba(229, 75, 90, 1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(205, 47, 61, 1.00) 0%, rgba(229, 75, 90, 1.00) 100%);
    background-image: linear-gradient(180deg, rgba(205, 47, 61, 1.00) 0%, rgba(229, 75, 90, 1.00) 100%);
    z-index: 30;
  }
  #header .btn.__cart a {
    padding: 5% 0 5% 35%;
    color: #fff !important;
    line-height: 1.8rem;
    background-color: inherit;
    background-image: url(/html/template/default/assets/images/common/icn_cart_white.png);
    background-position: 10.34% center;
    -webkit-background-size: 29.65% auto;
    background-size: 29.65% auto;
    background-repeat: no-repeat;
    font-size: 1.3rem;
  }
  #header .btn.__cart a span.itemsNumber {}
  #header #fixedArea {
    /*padding-top: 20.6%;
  height: 5.65rem;
  background: #f4f4f4; */
    /* Old browsers */
    /*background: -moz-linear-gradient(top, #f4f4f4 0%, #cdcdcf 100%); */
    /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcf 100%); */
    /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, #f4f4f4 0%,#cdcdcf 100%); */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
  #header #fixedArea .spInner {
    /*height: 5.65rem;*/
    display: table;
    width: 96%;
    margin: 0 auto;
    padding: 6px;
  }
  .showfixedArea {
    padding-top: 0 !important;
    position: fixed;
    top: 103px;
    left: 0;
    z-index: 9999 !important;
  }
}


/* cartArea */

.cartArea {}

.cartArea_menu {
  width: 279px;
  background: #FFF;
  border: 3px solid #bbb;
  box-sizing: border-box;
  position: absolute;
  top: 65px;
  /** 37px → 65px */
  right: 0;
  display: none;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.info {
  padding-top: 15px;
  *zoom: 1;
}

.info:after {
  content: '';
  display: table;
  clear: both;
}

.detailArea {
  padding: 15px 10px;
  *zoom: 1;
}

.detailArea:after {
  content: '';
  display: table;
  clear: both;
}

.detail_item.__img {
  width: 75px;
  float: left;
}

.detail_item.__detail {
  width: 170px;
  float: right;
}

.msgArea {
  line-height: 1.65rem;
  vertical-align: middle;
  text-align: center;
  background: #e4e4e4;
}

.infoArea {
  padding: 10px 0;
}

.info_item {
  *zoom: 1;
}

.info_item:after {
  content: '';
  display: table;
  clear: both;
}

.info_item.__quantity {
  width: 255px;
  margin: 0 auto 10px;
}

.info_item.__quantity .quantity_heading {
  margin-bottom: 0;
  float: left;
}

.info_item.__quantity .quantity_item {
  float: right;
}

.info_item.__itemTotal {
  width: 255px;
  margin: 0 auto 10px;
}

.info_item.__itemTotal .itemTotal_heading {
  float: left;
}

.info_item.__itemTotal .itemTotal_item {
  float: right;
}

.info_item.__postage {
  width: 255px;
  margin: 0 auto 8px;
}

.info_item.__postage .postage_heading {
  float: left;
}

.info_item.__postage .postage_item {
  float: right;
}

.info_item.__allTotal {
  padding: 10px 10px 0 10px;
  color: #e13545;
  border-top: 1px solid #f6b9bf;
}

.info_item.__allTotal .allTotal_heading {
  float: left;
}

.info_item.__allTotal .allTotal_item {
  float: right;
}

.info_item.__txt {
  width: 255px;
  margin: 0 auto 6px;
  padding: 10px 0;
  text-align: center;
  background: #f0f0f0;
  border: 1px solid #ccc;
}

.cartArea_menu .btnArea {
  width: 100%;
  padding: 10px 12px;
  background: #BBB;
  box-sizing: border-box;
}

.cartArea_menu .btnArea .btn:first-child {
  margin-bottom: 10px;
}

.cartArea_menu .btnArea .btn {
  width: 100%;
}


/* SP */

@media screen and (max-width: 767px) {
  .cartArea {
    z-index: 30;
  }
  .cartArea .heading2 {
    margin-bottom: 6%;
  }
  .cartArea .heading3.__underLine {
    padding-bottom: 0;
  }
  .cartArea .heading3_item {
    font-size: 1.8rem;
    text-align: left;
  }
  .cartArea .heading3 .txtLink {
    width: 30%;
  }
  .cartArea .heading3 .txtLink a {
    font-size: 1.3rem;
    line-height: 1rem;
    padding: 0;
  }
  .cartArea .numberSearchBox .numberSearchBox_input {
    width: 46%;
    height: 2.6rem;
  }
  .cartArea .numberSearchBox_hyphen {
    font-size: 1.2rem;
  }
  .cartArea .numberSearchBox .btn {
    width: 92.85%;
    float: none;
  }
  .cartArea .numberSearchBox .btn_item {
    font-size: 1.6rem;
    padding: 3% 9%;
  }
  .cartArea .numberSearchBlock.__lCont {
    margin-bottom: 10%;
  }
  .cartArea .modalInner .modal-footer {
    height: 2rem;
  }
  .cartArea .modalInner .modal-footer:after {
    content: "";
    position: absolute;
    border: 2rem solid transparent;
    border-top: 2.5rem solid #fff;
    right: 7rem;
    bottom: 0.5%;
    border-bottom: none;
  }
  #header .cartArea .overlay {
    background: #abaaaa;
  }
}

@media screen and (min-width: 550px) {
  .cartArea .modal-numberSearch .heading2_item.__title {
    font-size: 27px;
    line-height: 30px;
  }
  .cartArea .heading2 {
    margin-bottom: 26px;
  }
  .numberSearchBlock.__lCont {
    margin-bottom: 40px;
  }
  .cartArea .heading3_item {
    font-size: 24px;
  }
  .cartArea .heading3 .txtLink a {
    font-size: 18px;
  }
  .cartArea .numberSearchBox .btn_item {
    font-size: 22px;
    padding: 11px 33px;
  }
  .cartArea .numberSearchBlock.__lCont {
    margin-bottom: 40px;
  }
  .cartArea .block.__modal .modal-content {
    padding: 28px 28px 33px;
  }
  .cartArea .numberSearchBox .numberSearchBox_input {
    height: 35px;
    margin-bottom: 25px;
  }
}


/* .contact */

.contact {}

.contact_tel {
  background: url(/html/template/default/assets/images/common/icn_tel_02.png) no-repeat left center / 13% auto;
  display: inline-block;
}

.contact_txt {
  display: block;
}


/* PC */

.contact_info.is-pc {
  width: 50%;
  float: left;
  margin-left: 5px;
}

.contact_info.is-pc span.sprite {
  width: 9%;
  /**　SZ カスタム 　7%->9% */
  height: 24px;
  display: block;
  float: left;
  background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
  background-repeat: no-repeat;
  background-position: -52px top;
  margin: 17px 5px 0 0;
}

.contact_info.is-pc .contact_item.__num {
  margin-bottom: 1%;
  padding-left: 15%;
  font-weight: bold;
  background: none;
}

.contact_info.is-pc .contact_item.__txt {}

.contact_link.is-pc {
  width: 182px;
  float: right;
  padding-top: 10px;
}

.contact_link.is-pc a {
  border: 1px solid #02599f;
  color: #02599f;
  box-sizing: border-box;
  font-size: 16px;
  background-color: #fff;
  display: block;
  font-weight: 600;
  padding: 9px 10px 9px 19px;
  border-radius: 4px;
  line-height: 17px;
}

.contact_link.is-pc a span.sprite {
  width: 23px;
  height: 15px;
  display: inline-block;
  background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
  background-repeat: no-repeat;
  background-position: -97px 0px;
  vertical-align: bottom;
  margin-left: 10px;
  margin-right: 5px;
}


/* searchBox */


/* PC */

#header .searchBox {
  width: 31%;
  position: relative;
  /*padding: 10px 0 0 0;*/
  float: left;
}

#header #searchBox_voice {
  position: absolute;
  right: 60px;
  width: auto;
  top: 15px;
  display: none;
}

#header #searchBox_voice a {
  padding: 0;
}

#header .searchBox .btn.__input,
#header .searchBox .btn.__search {
  max-height: 36px;
}

#header .searchBox .btn.__input {
  width: 82.6%;
  /*　SZ カスタム */
  padding: 0 3%;
  /*3%*/
  border: 1px solid #666666;
  border-radius: 6px 0 0 6px;
  text-align: left;
  /*background: url(/html/template/default/assets/images/common/icn_search.png) no-repeat 4% center / 8% auto;*/
  background-color: #fff;
  box-shadow: 1px 1px 3px #ccc inset;
  /*7px 8px 11px -10px #222 inset*/
  font-size: 0.7rem;
  height: 36px;
  /*add sz*/
  line-height: 36px;
  /*add SZ*/
}

#header .searchBox .btn.__search {
  width: 15%;
  /*16.25% sz*/
  /*padding: 2.5% 0;*/
  /*sz*/
  background-color: #676767;
  border-radius: 0 3px 3px 0;
  line-height: 0.6rem;
  box-shadow: 1px 1px 3px #ccc inset;
  /*add sz*/
  height: 36px;
  /*add sz*/
  line-height: 36px;
}

#header .searchBox .btn.__search img {
  width: 16px;
}

#header .search_Keyword li {
  float: left;
  padding: 0 4px;
}

#header .search_Keyword li .icon {
  width: 16px;
  /*13px->16px*/
  height: 16px;
  /*13px->16px*/
  background: url("/html/template/default/assets/images/common/icn_search.svg") center no-repeat;
  margin-top: 7px;
  /*8px ->7px*/
  background-size: contain;
  /*90% sz*/
}

#header .search_Keyword li a {
  color: #01a3b0;
  text-decoration: underline;
  font-size: 14px;
}


/* searchBox */


/* SP */

@media screen and (max-width: 767px) {
  #header .searchBox .btn.__input {
    max-height: 32px;
    /*padding: 5% 5% 5% 10.82%;*/
    font-size: 1.7rem;
    line-height: 32px;
  }
  #header .searchBox .btn.__search {
    max-height: 32px;
    /* padding: 2% 0; */
    /*2.5%->2%*/
    line-height: 0rem;
    box-shadow: none;
  }
  #header .search_Keyword li .icon {
    /*add sz*/
    height: 2.3rem;
    margin-top: 2px;
  }
  .is-sp .searchBox.is-sp {
    width: 93.75%;
  }
  .is-sp .searchBox .serchBox_txt {
    margin-bottom: 3.25%;
  }
  .is-sp .searchBox .btn {
    width: 83.75%;
    height: 3.75rem;
  }
  .is-sp .searchBox .btn.__input {
    line-height: 3.75rem;
    padding: 0 3%;
    border: 1px solid #666666;
    border-radius: 3px 0 0 3px;
    background: #fff;
    text-align: left;
  }
  .is-sp .searchBox .btn.__search {
    width: 16.25%;
    padding: 0;
    background-color: #676767;
    border-radius: 0 3px 3px 0;
  }
  #header #searchBox_voice {
    position: absolute;
    right: 20%;
    width: auto;
    top: 30%;
  }
}


/* searchList */

.searchList_item {
  border: 1px solid #b3b3b3;
  background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(250, 250, 250, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(250, 250, 250, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(250, 250, 250, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(250, 250, 250, 1.00) 100%);
  text-align: center;
}

.searchList_item a {
  background: url(/html/template/default/assets/images/common/icn_arrow_down_gray.png) no-repeat center 90%;
  display: block;
}

.searchList_txt .__large {
  margin-bottom: 3%;
  color: #1a4b73;
  display: block;
}

.searchList_img {
  margin: 0 auto;
}

.searchList {
  *zoom: 1;
}

.searchList:after {
  content: '';
  display: table;
  clear: both;
}


/* PC */

@media screen and (min-width: 768px),
print {
  #header .searchList {}
  #header .searchList_item {
    width: 48.97%;
    border: 1px solid #b3b3b3;
    box-sizing: border-box;
    display: block;
  }
  .searchList_item:nth-child(odd) {
    float: left;
  }
  .searchList_item:nth-child(even) {
    float: right;
  }
  .searchList_item:nth-child(-n+3) {}
  .searchList_item a {
    width: 100%;
    padding: 10.86% 0 23.91%;
    -webkit-background-size: 7.47% auto;
    background-size: 7.47% auto;
    display: block;
  }
  .searchList_txt {
    margin-bottom: 10.86%;
  }
  .searchList_txt .__large {}
  .searchList_img {
    width: 43.47%;
  }
  #header .searchBox .btn.__search img {
    height: 36px;
  }
}


/* SP */

@media screen and (max-width: 767px) {
  #ddArea .searchList {}
  #ddArea .searchList_item {
    width: 47.8%;
    margin-bottom: 3.33%;
  }
  #ddArea .searchList_item a {
    padding: 5% 0 0;
    background: url(/html/template/default/assets/images/common/icn_arrow_right_gray.png) no-repeat 95% center;
    -webkit-background-size: 4% auto;
    background-size: 4% auto;
  }
  #ddArea .searchList_item.newspaper {
    padding-bottom: 0.8%;
  }
  #ddArea .searchList_item:nth-child(odd) {
    float: left;
  }
  #ddArea .searchList_item:nth-child(even) {
    float: right;
  }
  #ddArea .searchList_txt {
    margin-bottom: 4.31%;
  }
  #ddArea .searchList_txt .__large {
    margin-bottom: 3%;
  }
  #ddArea .searchList_img {
    width: 37.35%;
  }
  #ddArea.is-login .is-login {
    display: block;
  }
  #ddArea.is-login .is-logout {
    display: none;
  }
  #ddArea.is-logout .is-login {
    display: none;
  }
  #ddArea.is-logout .is-logout {
    display: block;
  }
}


/* #gNav */


/* PC */

#gNav {
  width: 100%;
  /*border-bottom: 4px solid #f7f7f7;*/
  /**　SZ カスタム  */
}

.gNavList {
  margin-top: 10px;
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}

.gNavList_item {
  background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(242, 242, 242, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(242, 242, 242, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(242, 242, 242, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(242, 242, 242, 1.00) 100%);
}


/**　SZ カスタム >  */

.gNavList_item>a {
  text-align: left;
  padding: 8px 0px 8px 0;
  color: #333;
  display: block;
  font-weight: 500;
  box-sizing: border-box;
  border: 1px solid #bbb;
  border-radius: 6px;
  -webkit-box-shadow: 1px 1px #E5E5E5;
  box-shadow: 1px 1px #E5E5E5;
}

.gNavList_item.__radio {
  width: 238px;
  /**　SZ カスタム  200px⇒238px*/
}

.gNavList_item.__tv {
  width: 154px;
  /**　SZ カスタム  200px⇒154px*/
}

.gNavList_item.__newspaper {
  width: 154px;
  /**　SZ カスタム  180px⇒154px*/
  margin-right: 8px;
  /**　SZ カスタム  5px⇒8px*/
}

.gNavList_item.__catalog {
  width: 154px;
  /**　SZ カスタム  180px⇒154px*/
  margin-right: 8px;
  /**　SZ カスタム  5px⇒8px*/
}

.gNavList_item.__guide {
  width: 224px;
}

.gNavList_item.__radio a {
  font-size: 0.8rem;
  /**　SZ カスタム*/
  background-image: url(/html/template/default/assets/images/common/img_product_radio.png);
  background-repeat: no-repeat;
  background-size: 32px auto;
  /**　SZ カスタム start*/
  /*background-position: 6px center;
    padding-left: 43px;*/
  background-position: 24px center;
  padding: 8px 0 8px 43px;
  display: block;
  /**　SZ カスタム end*/
}


/**　SZ カスタム start*/

.gNavList_item.__radio a {
  border-right: none;
  border-radius: 6px 0 0 6px;
  text-align: center;
}

.__radioStation {
  width: 100px;
  float: left;
  cursor: pointer;
}

.__radioStation:nth-of-type(4) {
  margin-right: 8px;
}

.__radioStation a {
  display: block;
  border-radius: 0;
  border-right: none;
  text-align: center;
  font-size: 0.8rem;
  position: relative;
}

.__radioStation a:after {
  content: "";
  position: absolute;
  display: block;
  background: url("/html/template/default/assets/images/common/header_icon_01.png") center no-repeat;
  top: 50%;
  right: 10px;
  width: 5px;
  height: 12px;
  margin-top: -6px;
  background-size: contain;
}

.__radioStation a:hover::after {
  background: url("/html/template/default/assets/images/common/header_icon_01_hover.png") center no-repeat;
}

.__radioStation:nth-of-type(4) a {
  border-radius: 0 6px 6px 0;
  border-right: 1px solid #bbb;
}


/**　SZ カスタム end*/

.gNavList_item.__newspaper a {
  background-image: url(/html/template/default/assets/images/common/img_product_newspaper.png);
  background-repeat: no-repeat;
  background-size: 32px auto;
  background-position: 38px center;
  /**　SZ カスタム  36px⇒8px*/
  text-align: center;
  /**　SZ カスタム*/
  padding-left: 30px;
  /**　SZ カスタム  68px⇒30px*/
}

.gNavList_item.__tv a {
  background-image: url(/html/template/default/assets/images/common/img_product_tv.png);
  background-repeat: no-repeat;
  background-size: 32px auto;
  background-position: 30px center;
  /**　SZ カスタム  10px⇒30px*/
  text-align: center;
  /**　SZ カスタム*/
  padding-left: 30px;
  /**　SZ カスタム  45px⇒30px*/
}

.gNavList_item.__catalog a {
  background-image: url(/html/template/default/assets/images/common/img_product_catalog.png);
  background-repeat: no-repeat;
  background-size: 32px auto;
  background-position: 25px center;
  /**　SZ カスタム  28px⇒25px*/
  text-align: center;
  /**　SZ カスタム*/
  padding-left: 30px;
  /**　SZ カスタム  65px⇒30px*/
}

.gNavList_item.__guide a {
  text-align: center;
}


/**　SZ カスタム*/

.gNavList_item>a:hover {
  color: #00419e;
  /*border: 2px solid #00419e;*/
  opacity: 1;
  /*margin: -1px;*/
  transition: all 0s;
  -webkit-transition: all 0s;
  box-sizing: border-box;
  box-shadow: 0px 0px 0px 1px #00419e inset;
}


/**　SZ カスタム start */

.bk_gd_nav {
  background: #eceeee;
}

.classification-list ul {
  display: flex;
  justify-content: center;
}

.classification-list ul li {
  width: 8.3%;
  float: left;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2rem;
  position: relative;
  border-right: 1px solid #cccccc;
  /*Dung Le remove 2020-05-15*/
  /*padding: 5px;*/
}

.classification-list ul li.center {
  text-align: center;
  vertical-align: middle;
  margin: 5px;
  width: 100%;
  position: relative;
}

.classification-list ul li:last-child {
  border: none;
}

.classification-list ul>li a.level_top {
  display: inline-flex;
  font-size: 0.7rem;
  color: #333333;
  line-height: 0.8rem;
  vertical-align: middle;
}

.classification-list ul>li .two_level_menu {
  position: absolute;
  top: 36px;
  left: 0;
  z-index: 9999;
  width: 250px;
  display: none;
}

.classification-list a:hover {
  text-decoration: underline;
}

.two_level_menu .icn_menu {
  width: 100%;
  height: 0.6rem;
  background: url("/html/template/default/assets/images/common/ico_arrow_02@2x.png") 16% center no-repeat;
  background-size: 0.6rem;
  position: absolute;
  top: -0.5rem;
}

.two_level_menu dl {
  border-radius: 6px;
  background: #ffffff;
  padding: 16px 20px;
  border: 1px solid #dddddd;
  box-shadow: 0 3px 5px rgba(4, 0, 0, .4);
}

.two_level_menu dt {
  text-align: left;
}

.two_level_menu dt a {
  line-height: 1.3rem;
  /**　SZ カスタム*/
  font-size: 0.7rem;
  color: #666666;
}

.level_top {
  line-height: 0.8rem !important;
}


/**　SZ カスタム end */

.gNavList {
  *zoom: 1;
}

.gNavList:after {
  content: '';
  display: table;
  clear: both;
}

#header,
.topLink {
  *zoom: 1;
}

#header:after,
.topLink:after {
  content: '';
  display: table;
  clear: both;
}

@media screen and (min-width: 768px),
print {
  .logo_img {
    float: left;
    width: 165px;
    /**　SZ カスタム*/
    height: auto;
    /*margin-top: 6px;*/
    /**　SZ カスタム*/
    /*sz 11/05*/
    padding: 10px 20px;
    /*add sz*/
  }
  .logo_txt {
    width: 100px;
    text-align: center;
    border: 1px solid #02599f;
    color: #02599f;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    float: left;
    margin-left: 10px;
    margin-top: 7px;
  }
}

@media screen and (max-width: 1000px) {
  #header ul#topLink {
    width: 306px;
  }
}

@media screen and (max-width: 767px) {
  #header {
    width: 100%;
    position: relative;
  }
  #header .midArea {
    background: #fff;
    /*position: fixed;*/
  }
  #header #logo {
    width: 39.84%;
    margin: 0.8rem 0 0 3.38%;
    /**　SZ カスタム  margin: 0.8rem 0 2.85% 3.38% */
    transition: all 0.5s ease;
  }
  /* スモールヘッダー */
  #header .midArea {
    z-index: 200;
    padding: 0 16px !important;
    /*border-bottom: 1px solid #e6e6e6;*/
  }
  .spMenu_btn.is-open {
    z-index: 1;
  }
  .sp-small-hedear #header #logo {
    margin: 0.8rem 0 0 3.38%;
  }
  .sp-small-hedear #header .logo_img {
    /*margin-bottom: 2.85%;*/
    /*header img middle*/
    display: block;
  }
  #header #spMenu button {
    padding: 0 0 80%;
  }
  .sp-small-hedear #header .logo_txt,
  .sp-small-hedear #header .spMenu_btn_txt,
  .sp-small-hedear #header .pcMenuBox .pcMenuBox_btn_name {
    height: 0;
    padding: 0;
    opacity: 0;
    transition: all 0.1s ease;
  }
  .sp-small-hedear #header .spMenu_btn {
    padding-bottom: 10%;
    /** SZカスタム 13%->10% */
  }
  .sp-small-hedear #header .spMenu_btn.__cart,
  .sp-small-hedear #header .spMenu_btn.__cart a:hover,
  .sp-small-hedear #header .spMenu_btn.__menu,
  .sp-small-hedear #header .spMenu_btn.__menu.is-open,
  .sp-small-hedear #header .spMenu_btn.__menu.is-open a:hover {
    transition: all 0.3s ease;
  }
  .sp-small-hedear #header .closeBtn_txt {
    display: none;
  }
  #header .ddArea_block.is-fixed {
    position: fixed;
    top: 9.5% !important;
    z-index: 100;
  }
  .logo_img {
    width: 90%;
    margin: auto;
    padding: 11px 0;
    /*2% 0 SP logo middle*/
    display: block;
  }
  .logo_txt {
    width: 100%;
    padding: 1.85% 0;
    text-align: center;
    border: 1px solid #C41A41;
    color: #C41A41;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
  }
  #header .midArea {
    width: 100%;
    padding: 0;
  }
  #header #shoppingHeaderFixedArea .midArea {
    padding-bottom: 5px !important;
  }
  /* spMenu */
  #header #spMenu {
    display: block;
    padding: 0.2em 0 0;
    /**　SZ カスタム  padding: 0.4em 0 0 */
  }
  .spMenu_btn {
    width: 18%;
    /**　SZ カスタム  24%⇒18% */
    height: 0;
    padding-bottom: 15%;
    /**　SZ カスタム  18.57%⇒15% */
    text-align: center;
    position: relative;
    float: right;
    background: url(/html/template/default/assets/images/common/icn_login.png) center center no-repeat #ffffff;
    background-position: center 0.5rem;
    /**　SZ カスタム  0.6rem⇒0.5rem */
    -webkit-background-size: 28.5% auto;
    background-size: 38% auto;
    /**　SZ カスタム  22%⇒38% */
    border-left: 1px solid #cacaca;
    /**　SZ カスタム  */
    margin: 8px 0;
    /**　SZ カスタム */
  }
  /** SI カスタム start */
  .spMenu_btn.__logout {
    width: 18%;
    /**　SZ カスタム  24%⇒18% */
    height: 0;
    padding-bottom: 15%;
    /**　SZ カスタム  20.57%⇒15% */
    text-align: center;
    position: relative;
    float: right;
    background: url(/html/template/default/assets/images/common/icn_logout.png) center center no-repeat #ffffff;
    background-position: center 0.4rem;
    /**　SZ カスタム  0.6rem⇒0.4rem */
    -webkit-background-size: 28.5% auto;
    background-size: 35% auto;
    /**　SZ カスタム  30%⇒35% */
  }
  /** SI カスタム end */
  .spMenu_btn_txt {
    width: 100%;
    margin: auto;
    color: #4c7abb;
    position: absolute;
    top: 3.8rem;
    /**　SZ カスタム  4.5rem⇒3.8rem */
    left: 0;
    right: 0;
  }
  .spMenu_btn.is-open .spMenu_btn_txt {
    color: #ffffff;
  }
  .spMenu_btn.__search {
    background: url(/html/template/default/assets/images/common/icn_search_sp_close.png) center center no-repeat #ffffff;
    background-position: center 1.3rem;
    -webkit-background-size: 25.5% auto;
    background-size: 25.5% auto;
  }
  .spMenu_btn.__search.is-open,
  .spMenu_btn.__search a:hover {
    background: url(/html/template/default/assets/images/common/icn_search_sp_open.png) center center no-repeat #1954a8;
    background-position: center 1.3rem;
    -webkit-background-size: 25.5% auto;
    background-size: 25.5% auto;
  }
  .spMenu_btn.__cart {
    background: url(/html/template/default/assets/images/common/icn_cart_sp.png) center center no-repeat #ffffff;
    background-position: center 1.1rem;
    -webkit-background-size: 43% auto;
    background-size: 43% auto;
    position: relative;
  }
  .spMenu_btn.__cart .cart_in_item_no {
    background: #e54e5c;
    color: #ffffff;
    padding: 0.6em;
    line-height: 0.5;
    border-radius: 2.5em;
    vertical-align: middle;
    font-size: 0.5em;
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 7%;
    left: 53%;
  }
  .spMenu_btn.__menu {
    background: url(/html/template/default/assets/images/common/icn_menu_sp_close.png) center center no-repeat #ffffff;
    background-position: center 0.7rem;
    /**　SZ カスタム  1.3rem⇒0.5rem */
    -webkit-background-size: 28.5% auto;
    background-size: 38% auto;
    /**　SZ カスタム  28.5%⇒38% */
    margin: 8px 0;
  }
  /**　SZ カスタム 　start */
  .spMenu_btn.__phone {
    background: url(/html/template/default/assets/images/common/icn_phone.png) center center no-repeat #ffffff;
    background-position: center 0.5rem;
    -webkit-background-size: 28.5% auto;
    background-size: 38% auto;
    margin: 8px 0;
  }
  .spMenu_btn.__phone a {
    display: block;
  }
  /**　SZ カスタム 　end */
  .spMenu_btn.__menu.is-open,
  .spMenu_btn.__menu.is-open a:hover {
    background: url(/html/template/default/assets/images/common/icn_menu_sp_open.png) center center no-repeat #1954a8;
    background-position: center 1.3rem;
    -webkit-background-size: 28.5% auto;
    background-size: 28.5% auto;
  }
  .spMenu_btn.__menu a:hover {
    background: url(/html/template/default/assets/images/common/icn_menu_sp_close.png) center center no-repeat #1954a8;
    background-position: center 1.3rem;
    -webkit-background-size: 28.5% auto;
    background-size: 28.5% auto;
  }
  body.spMenuFixed {
    overflow: hidden;
    height: 100%;
  }
  .ddArea_block.__search,
  .ddArea_block.__menu {
    padding: 3% 0 0;
    background: #fff;
    position: static;
  }
  .ddArea_block_heading {
    text-align: center;
  }
  .ddArea_block .searchBox {
    width: 100%;
    margin: 0 auto 3%;
    background: #f7f7f7;
    box-sizing: border-box;
    *zoom: 1;
  }
  .ddArea_block .searchBox:after {
    content: '';
    display: table;
    clear: both;
  }
  .ddArea_block .inputTxt {
    width: 70%;
    float: left;
  }
  .ddArea_block .inputTxt input {
    width: 100%;
    padding: 6% 2%;
    border: 2px solid #aaaaaa;
    box-sizing: border-box;
  }
  #header .btnSearch {
    width: 25.9%;
    float: right;
  }
  #header .btnSearch input {
    width: 100%;
    padding: 15.3% 0;
    font-size: 1.5rem;
    color: #fff;
    border: none;
    border-radius: 15px;
    box-sizing: border-box;
    background-image: -webkit-linear-gradient(270deg, rgba(136, 136, 136, 1.00) 0%, rgba(102, 102, 102, 1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(136, 136, 136, 1.00) 0%, rgba(102, 102, 102, 1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(136, 136, 136, 1.00) 0%, rgba(102, 102, 102, 1.00) 100%);
    background-image: linear-gradient(180deg, rgba(136, 136, 136, 1.00) 0%, rgba(102, 102, 102, 1.00) 100%);
  }
  #ddArea {
    width: 100%;
    position: fixed;
    overflow: auto;
    height: 100%;
    top: 0;
    display: none;
    z-index: 100;
  }
  .spMenuFixed #ddArea {}
  .ddArea_block {
    width: 100%;
    margin-top: 20.5%;
  }
  .sp-small-hedear .ddArea_block {
    margin-top: 13.5%;
  }
  .ddArea_block_heading {
    padding: 0 0 3%;
  }
  .ddArea_block_txt {}
  .ddArea_block .btnLink {
    margin-bottom: 9.72%;
  }
  .ddArea_block .btnLink_item {
    margin-bottom: 5.5%;
    border: 1px solid #b3b3b3;
    background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(232, 232, 232, 1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(232, 232, 232, 1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(232, 232, 232, 1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(232, 232, 232, 1.00) 100%);
    background-repeat: repeat;
  }
  .ddArea_block .btnLink_item a {
    padding: 3.05%;
  }
  .btnLink_item.__beginner {
    background: url(/html/template/default/assets/images/common/icn_arrow_right_gray.png) no-repeat 98% center #f5ffe6;
    -webkit-background-size: 2.22% auto;
    background-size: 2.22% auto;
  }
  .btnLink_item.__beginner a {
    padding: 5.13% 21.25% 5.13% 30.97%;
    background: url(/html/template/default/assets/images/common/icn_beginner.png) no-repeat 13.19% center / 12.77% auto;
  }
  .closeArea {
    width: 100%;
    padding: 3.25% 0;
    background: #1954a8;
    position: relative;
    clear: both;
  }
  .closeBtn {
    width: 15%;
  }
  .closeBtn_img {
    width: 43.4%;
    margin: 0 auto 13%;
    display: block;
  }
  .closeBtn_txt {
    width: 100%;
    margin: 0 auto;
    color: #FFF;
    text-align: center;
    display: block;
  }
  .ddArea_block .closeBtn {
    margin: 0 auto;
  }
  #header .overlay .closeBtn {
    position: absolute;
    top: 15px;
    left: 10px;
  }
  #header .overlay {
    width: 100%;
    display: none;
    background: #333;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.9;
  }
  #header .overlay_white {
    width: 100%;
    display: none;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
  }
  /**　SZ カスタム */
  .search-area {
    padding: 3.25% 0;
    background: linear-gradient(to bottom, #ddddde 0%, #cdcdcf 100%);
  }
  #header .searchBox {
    width: 100%;
    float: none;
    padding: 0;
    /*display: table-cell;
    vertical-align: middle;*/
  }
  #gNav {
    border-bottom: none;
  }
  /**　SZ カスタム  .gNavList_item.__radio, .gNavList_item.__newspaper, .gNavList_item.__tv, .gNavList_item.__catalog{ */
  .gNavList_item.__radio,
  .gNavList_item.__newspaper,
  .gNavList_item.__tv,
  .gNavList_item.__catalog,
  .__radioStation {
    width: 25%;
    border: 1px solid #bbb;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px #E5E5E5;
    box-shadow: 1px 1px #E5E5E5;
  }
  .gNavList_item.__catalog {
    margin-right: 0;
  }
  /**　SZ カスタム  .gNavList_item.__radio a, .gNavList_item.__newspaper a, .gNavList_item.__tv a, .gNavList_item.__catalog a{ */
  .gNavList_item.__radio a,
  .gNavList_item.__newspaper a,
  .gNavList_item.__tv a,
  .gNavList_item.__catalog a,
  .__radioStation a {
    padding: 0;
    width: auto;
    text-align: center;
    padding-top: 40%;
    font-size: 1.7rem;
    line-height: 40px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
    height: 40px;
    padding: 0;
  }
  .gNavList_item a:hover {
    margin: 0;
  }
  .gNavList_item a.is-current {
    border-bottom: none;
  }
  .gNavList_item.__radio a {
    background-size: 20%;
    /**　SZ カスタム  30%⇒20% */
    background-position: 20% center;
    /**　SZ カスタム 　 */
    padding: 0 0 0 20%;
  }
  .gNavList_item.__newspaper a {
    background-size: 20%;
    /**　SZ カスタム  30%⇒20% */
    /*background-position: center 28%;*/
    /**　SZ カスタム 　 */
  }
  .gNavList_item.__tv a {
    background-size: 20%;
    /**　SZ カスタム  30%⇒20% */
    /*background-position: center 28%;*/
    /**　SZ カスタム 　 */
  }
  .gNavList_item.__catalog a {
    background-size: 20%;
    /**　SZ カスタム  30%⇒20% */
    /*background-position: center 28%;*/
    /**　SZ カスタム 　 */
  }
}


/* #breadcrumb パンくず
---------------------------*/

#breadcrumb {
  width: 1024px;
  /** SZ カスタム 1000⇒1024 */
  margin: 20px auto;
  position: relative;
  *zoom: 1;
}

#breadcrumb:after {
  content: '';
  display: table;
  clear: both;
}

.breadcrumbList {}

.breadcrumbList_item {
  display: inline-block;
  position: relative;
  padding-right: 15px;
}

.breadcrumbList_item a {
  display: block;
}

.breadcrumbList_item:after {
  content: ">";
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
}

.breadcrumbList_item:last-child:after {
  content: "";
}

@media screen and (max-width: 767px) {
  #breadcrumb {
    width: 93.75%;
    margin: 2% auto;
    /**　SZ カスタム margin: 0 auto 2%; */
  }
  .breadcrumbList_item {
    padding-right: 4vw;
  }
}


/* .sidebar
---------------------------*/


/* SZ 2018/11/29 start */


/* .sidebar-main{
  width: 250px;
  float: left;
} */


/* SZ 2018/11/29 end */

.sidebar-main .productSearch_heading,
.sidebar-main .sidenavi_heading {
  background-color: #daf0fd;
  color: #1a4b73;
  text-align: center;
  font-weight: bold;
  padding: 4.8% 0;
  margin-bottom: 0px;
}

.sidebar-main .productSearch_heading {
  margin-bottom: 10px;
}

.productSearch_heading .heading_item,
.sidenavi_heading .heading_item {
  color: #1a4b73;
  display: inline;
  background-repeat: no-repeat;
  background-position: left center;
}


/* SZ 2018/11/29 start */

.sidebar-main .productSearchLink_term,
.sidebar-main .sideNavi_term {
  padding: 6%;
  /* color: #1a4b73; */
  background-color: #1a4b73;
  color: #ffffff;
  border-bottom: #e6e6e6 solid 1px;
}


/* SZ 2018/11/29 end */

.sidebar-main .productSearchLink_term p {
  padding: 0 6% 0 2%;
  border-left: 16px solid #1a4b73;
  color: #1a4b73;
  line-height: 100%;
}

.sidebar-main .sideNavi_term {
  color: #1a4b73;
  background-color: #ffffff;
}

.sidebar-main .productSearchLink_item,
.sidebar-main .sideNavi_item {
  /*border-bottom: #e6e6e6 dotted 1px;*/
  position: relative;
}

.sidebar-main .categoryList_term a {
  /*  NEW SZ  */
  padding: 4% 8% 4% 13%;
  /*4% 8% 4% 15%*/
  background-position: 0px center;
  background-size: 22px;
  color: #333333;
}

.sidebar-main .__newspaper a {
  background-size: 25px;
}

.sidebar-main .__catalog a {
  background-size: 17px;
}

.sidebar-main .categoryList_term a,
.sidebar-main .lowerList_term a {
  /*padding: 6% 8% 6% 8%;*/
  text-align: left;
  background-repeat: no-repeat;
  color: inherit;
  display: block;
}

.product_nav_area .categoryList_term a {
  padding: 4% 8% 4% 0%;
}

.sidebar-main .lowerList_item {
  display: none;
}

.sidebar-main .productSearchLink:last-child .productSearchLink_item:last-child,
.sidebar-main .sideNavi:last-child .sideNavi_item:last-child {
  border-bottom: none;
}

.sidebar-main .sideNavi_item a {
  text-align: left;
  background-repeat: no-repeat;
  position: relative;
}

.sidebar-main .sideNavi_item a:hover {
  text-decoration: underline;
}

.categoryList_term.txtLink a:after,
.sidebar-main .sideNavi_item a:after {
  width: 9px;
  height: 12px;
  margin: auto;
  background-image: url(/html/template/default/assets/images/common/icn_arrow_blackR.svg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4%;
  display: block;
  content: '';
}

.product_nav_area .categoryList_term.txtLink a:after,
.product_nav_area .sideNavi_item a:after {
  width: 14px;
  height: 14px;
  background-image: url(/html/template/default/assets/images/common/open_icon_01.png);
}

.categoryList_term:hover,
.categoryList_term.is-active,
.categoryList_term a.is-current,
.sideNavi_item a:hover,
.sideNavi_item a:active,
.sideNavi_item a.is-current {
  background-color: #F7F7F7;
}

.sideNavi_item a:before {
  content: '';
}

.sideNavi_item a {
  padding: 6% 8% 6% 6%;
  /*6% 8% 6% 18%*/
  display: block;
  font-size: 0.8rem;
}

.categoryList_item {
  background: #fcfcfc;
  border-top: 1px dotted #e6e6e6;
}

.categoryList_item a {
  width: 100%;
  padding: 6% 8% 6% 6%;
  /*6% 8% 6% 12%*/
  box-sizing: border-box;
  display: block;
}

.categoryList_item a:after {
  left: 250px;
}

.categoryList_item a:before {
  content: '・';
  display: inline;
}

.additionalList .additionalList_item {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .sidebar-main .categoryList_term a {
    background-size: 1.6rem;
  }
  /*sz add start*/
  .sidebar-main .__newspaper a {
    background-size: 1.8rem;
  }
  .sidebar-main .__catalog a {
    background-size: 1.3rem;
  }
  /*sz add end*/
  .product_nav_area .categoryList_term a {
    padding: 4% 8% 4% 4%;
    background: url("/html/template/default/assets/images/common/open_icon_01.png") 95% center no-repeat;
    background-size: 14px;
  }
  .categoryList_term.txtLink a:after,
  .sidebar-main .sideNavi_item a:after {
    background: none;
  }
  .product_nav_area .categoryList_term.txtLink a:after,
  .product_nav_area .sideNavi_item a:after {
    background: none;
  }
  .sidebar-main .sideNavi_item a {
    padding: 6% 6% 6% 8%;
    display: block;
  }
  .sidebar-main .sideNavi_item a:after {
    width: 1rem;
    height: 1.5rem;
    right: 3%;
  }
  .sidebar-main .sideNavi_item .lowerList_item a {
    padding: 6% 6% 6% 12%;
    display: block;
  }
  .sidebar-main .categoryList_term a:after {
    width: 9px;
    height: 12px;
    margin: auto;
    background-image: url(/html/template/default/assets/images/common/icn_arrow_blackR.svg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4%;
    display: block;
    content: '';
  }
  .sidebar-main .sideNavi_term {
    /*add sz*/
    padding: 6% 0;
    color: #1a4b73;
  }
}


/* 左　ログイン
---------------------------*/

.memberLogin .memberLogin_area p {
  font-size: 14px;
  color: #5d5d5d;
}

.memberLogin .memberLogin_area input {
  width: 100%;
  background: #f8f8f8;
  border: 1px solid #7d7d7d;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  box-shadow: 1px 1px 3px #ccc inset;
}

.memberLogin .memberLogin_btn {
  width: 180px;
  margin: 20px auto 0 auto;
  border-radius: 8px;
  background-color: #388e33;
  background-image: -webkit-linear-gradient(180deg, #e9636f 0%, #e13746 100%);
  background-image: -moz-linear-gradient(180deg, #e9636f 0%, #e13746 100%);
  background-image: -o-linear-gradient(180deg, #e9636f 0%, #e13746 100%);
  background-image: linear-gradient(180deg, #e9636f 0%, #e13746 100%);
  box-shadow: 2px 2px 1px #ccc;
}

.memberLogin .memberLogin_btn a {
  display: block;
  color: #fff;
  padding: 8px 0;
  text-align: center;
}

.memberLogin .memberLogin_btn #topLoginBtn {
  display: block;
  color: #fff;
  padding: 8px 0;
  text-align: center;
}

.newMember {
  margin-top: 26px;
  background: #e8edf1;
  padding: 20px 0;
  border-radius: 10px;
}

.newMember .newMember_btn {
  width: 180px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #bbbbbb;
  margin: 0 auto;
  box-shadow: 1px 1px 2px #ccc;
}

.newMember .newMember_btn a {
  display: block;
  color: #333333;
  padding: 8px 0;
  text-align: center;
  border-radius: 8px;
  background-image: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
}

.newMember p {
  padding: 0 10px;
  text-align: left;
  color: #1a4b73;
  font-weight: bold;
  line-height: 100%;
}

.newMember .doll_box {
  width: 30%;
  float: left;
  text-align: center;
  margin-top: 18px;
}

.newMember .doll_box img {
  width: 66px;
  padding: 0 12px;
  /*sz add*/
}

.newMember .doll_text {
  width: 68%;
  /*70%->68%*/
  float: right;
  /*float: left*/
}

.newMember .doll_text .text_01 {
  font-size: 16px;
  margin-top: 15px;
}

.newMember .doll_text .text_02 {
  font-size: 12px;
  margin-top: 8px;
}

@media screen and (max-width: 767px) {
  .newMember {
    background: #1a4b73;
    border-radius: 0;
  }
  .newMember .newMember_btn {
    width: 80%;
    border-radius: 30px
  }
  .newMember .newMember_btn a {
    border-radius: 30px;
    font-size: 2rem !important;
  }
  .newMember .doll_box {
    width: 25%;
    text-align: center;
  }
  .newMember .doll_text {
    width: 75%;
    margin-top: 2rem;
  }
  .newMember .doll_text p {
    color: #ffffff;
  }
  .newMember .doll_text .text_01 {
    font-size: 1.6rem;
    line-height: 2rem;
    /*add*/
  }
  .newMember .doll_text .text_02 {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}

.numSearch .numSearch_pic {
  width: 40%;
  float: left;
}

.numSearch .numSearch_t {
  width: 60%;
  float: left;
}

.numSearch .numSearch_t a {
  display: block;
  padding: 40px 10px 0 10px;
  text-align: left;
  font-size: 0.7rem;
  text-decoration: underline;
  cursor: pointer;
}

.numSearch_input {
  width: 100%;
  float: left;
  margin-top: 20px;
}

.numSearch_input input {
  height: 30px;
  padding: 0 0.5rem;
  border: #7d7d7d 1px solid;
  background-color: #f8f8f8;
  box-shadow: 1px 1px 3px #ccc inset;
  /*1px 1px 5px #999 inset sz*/
}

.numSearch_input .numSearch_input_box_01 {
  width: 32%;
}

.numSearch_input .numSearch_input_box_02 {
  width: 60%;
}

.numSearch_btn {
  width: 200px;
  margin: 0 auto;
  border: 1px solid #bbbbbb;
  border-radius: 8px;
  background-image: -webkit-linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
  background-image: -moz-linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
  background-image: -o-linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
  background-image: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
  margin-top: 10px;
  box-shadow: 1px 1px 2px #abafb2;
}

.numSearch_btn button {
  display: block;
  padding: 6px;
}

@media screen and (max-width: 767px) {
  .numSearch_input input {
    height: 42px;
  }
  .numSearch_btn {
    border-radius: 30px;
  }
  .memberLogin {
    margin-top: 20px;
  }
  .memberLogin .newMember {
    width: 49.5%;
    float: left;
    margin-top: 0;
    padding: 6px 0;
  }
  .newMember .newMember_btn a {
    font-size: 1.2rem;
    padding: 10px 0;
  }
  .newMember p {
    font-size: 1rem;
    line-height: 1.2rem;
    padding: 0 4px;
  }
  .memberLogin .memberLogin_img_sp {
    width: 49.5%;
    float: right;
  }
  .memberLogin .memberLogin_img_sp a {
    display: block;
    margin-bottom: 10px;
  }
  .memberLogin .memberLogin_img_sp a:last-child {
    margin: 0;
  }
  /* SZ 2018/11/29 start */
  /* .sidebar-main .productSearchLink_item{
    width: 50%;
    float: left;
  } */
  /* SZ 2018/11/29 end */
  .productSearchLink_term.__title {
    width: 100%;
  }
  .numSearch .numSearch_pic {
    float: right;
    width: 38%;
  }
  .numSearch_input {
    width: 100%;
    float: left;
  }
}

.leftPicBox {
  margin-top: 20px;
  background: #fcf3f5;
  padding: 14px 10px;
  display: block;
}

.leftPicBox .imgBlock {
  float: left;
  width: 35%;
}

.leftPicBox .imgBlock {
  width: 35%;
  display: table-cell;
  float: none;
}

.leftPicBox .textBlock {
  /* float: right;
  width: 61%; */
  /*padding-left: 4%;*/
  /*sz*/
  /* padding-top: 0.5vw; */
  /*カタログ無料 middle*/
  float: none;
  width: 60%;
  display: table-cell;
  vertical-align: middle;
  padding-left: 6%;
}

.leftPicBox .textBlock h2 {
  color: #c41a41;
  font-size: 0.8rem;
  /* margin-top: 10px; */
  font-weight: bold;
}

.leftPicBox .textBlock p {
  color: #333;
  font-size: 0.6rem;
  line-height: 0.8rem;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  /*sz add start*/
  /* .leftPicBox .imgBlock {
        width: 35%;
        display: table-cell;
        float: none;
    } */
  /*sz add end*/
  .leftPicBox .textBlock h2 {
    font-size: 2rem;
    margin-top: 0;
    /*margin-top: 15px*/
  }
  .leftPicBox .textBlock p {
    font-size: 1.6rem;
    line-height: 1.4;
    /*2rem*/
    /*margin-top: 15px;*/
  }
  /* .leftPicBox .textBlock {   カタログ無料 middle
    float: none;
    width: 60%;
    display: table-cell;
    vertical-align: middle;
    padding-left: 6%;
  } */
}

.active-open .categoryList_item {
  /*display:block;*/
}

.active-open .categoryList_title a:after {
  background-image: url(/html/template/default/assets/images/common/cloes_icon_01.png) !important;
  width: 14px;
  height: 14px;
}

.advert-block {
  margin-top: 2rem;
}

.advert-block img {
  width: 100%;
}


/* .page-main
---------------------------*/

.page-main {
  margin-bottom: 30px;
  /** 100px ⇒ 30px */
}

@media screen and (max-width: 767px) {
  .page-main {
    margin-bottom: 0;
  }
}

#contents {
  width: 100%;
  margin: 0 auto;
}


/* #recent あなたが最近チェックした商品 */


/* SI カスタム 修正 START */


/* #recent{ */

.recent {
  /* SI カスタム 修正 END */
  padding: 0px 0 30px;
}

.recentSlider,
.recentSlider720 {
  position: relative;
  margin: 0;
}

.recentSlider .caroufredsel_wrapper,
.recentSlider720 .caroufredsel_wrapper {
  height: auto;
}

#carouFredSel03 {
  *zoom: 1;
  height: 100%;
  left: 0 !important;
}

#carouFredSel03:after {
  content: '';
  display: table;
  clear: both;
}

.recentSlider .carousel_item {
  width: 170px;
  float: left;
  border: none;
  box-sizing: border-box;
  margin: 0 11.5px;
  position: relative;
  background-color: transparent;
}

@media screen and (min-width: 768px),
print {
  .carousel_item a {
    padding: 10px 0 20px;
    display: block;
    transition: none;
  }
  .recentSlider .carousel_item:first-child,
  .recentSlider720 .carousel_item:first-child {
    margin-left: 0;
  }
  .recentSlider .carousel_item:last-child,
  .recentSlider720 .carousel_item:last-child {
    margin-right: 0;
  }
  .recentSlider .carousel_item:hover .recentList_name {
    text-decoration: underline;
  }
}

.recentSlider .carousel_inner {
  width: 170px;
  margin: 0;
}

.recentList_name {
  color: #333333;
  line-height: 1rem;
  margin-top: 10px;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  #recent {
    background-color: #FFFFFF;
  }
  .recentSlider {
    padding-top: 81%;
    height: 0 !important;
    position: relative;
    margin-bottom: 6%;
  }
  .recentSlider .carousel_inner {
    width: 100%;
  }
  .recentList_name {
    line-height: 2.5rem;
    letter-spacing: inherit;
    padding: 0 0.5em 0.5em 0.5em;
  }
  .recentSlider .caroufredsel_wrapper {
    /*min-height: 500px !important;*/
    position: absolute;
    top: 0;
  }
  #carouFredSel03 {
    min-height: auto;
    position: absolute;
    top: 0;
  }
  #pager03 {
    width: 100%;
    margin: 0 auto 0;
    text-align: center;
  }
  #pager03 a {
    width: 3.25%;
    height: 0;
    padding-top: 3.25%;
    margin-right: 1.3%;
    background: #cccccc;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    box-sizing: border-box;
  }
  #pager03 a.selected {
    background: #124793;
  }
  #pager03 a:last-child {
    margin-right: 0;
  }
}


/*.icn{
  display:inline;
}*/

.icn_item {
  line-height: 23px;
  margin-bottom: 5px;
  padding: 0 18px 0 10px;
  /*padding: 0 10px;*/
  color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  display: inline-block;
  /*margin-right: 2%;*/
}

.icn_item.__red {
  color: #ffffff;
  background-color: #e60012;
}

.icn_item.__blue {
  color: #ffffff;
  background-color: #0259a0;
}

.icn_item.__white {
  color: #02599f;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  box-sizing: border-box;
}

.icn_item.__gray {
  color: #333333;
  background-color: #d5d5d5;
}

.icn_item.__gray {
  color: #333333;
  background-color: #d5d5d5;
}

.icn_item.__5off {
  color: #ffffff;
  background-color: #e8680a;
}

.icn_item.__5offNo {
  color: #ffffff;
  background-color: #9e9e9e;
}

@media screen and (max-width: 767px) {
  .icn_item {
    height: 3rem;
    line-height: 3rem;
  }
}


/* #footer
---------------------------*/

#footer {}

.fWrap {
  background-color: #ffffff;
}


/**　SZ カスタム 　start */

.ft_phone_area {
  margin-bottom: 51px;
  margin-top: 50px;
  /*add sz*/
}

.ft_phone_area .ft_title {
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 30px;
}

.ft_phone_area .phone_box {
  width: 100%;
  border: 1px solid #858585;
  background: #ffffff;
}

.ft_phone_area .phone_box ul li {
  float: left;
  color: #333333;
  padding: 14px 60px 14px 120px;
  background: url("/html/template/default/assets/images/common/footer_icon_01.png") 70px 56% no-repeat;
  background-size: 45px;
  margin: 9px 0;
}

.ft_phone_area .phone_box ul li:first-child {
  border-right: 1px solid #858585;
}

.ft_phone_area .phone_box ul li .tel {
  font-size: 19px;
  font-weight: bold;
  color: #00539f;
  line-height: 100%;
  line-height: 2rem;
}

.ft_phone_area .phone_box ul li .num {
  font-size: 45px;
  font-weight: bold;
  line-height: 2rem;
}

.ft_phone_area .phone_box ul li .time {
  font-size: 18px;
  line-height: 1.6rem;
}


/**　SZ カスタム 　end */


/* .contact */

#footer .contact_heading {
  margin-bottom: 30px;
  text-align: center;
}

.contactList {
  box-sizing: border-box;
}

.contact_item.__num {
  background-image: url(/html/template/default/assets/images/common/icn_tel_02.png);
  background-repeat: no-repeat;
  background-position: left center;
  display: inline;
}

@media screen and (min-width: 768px),
print {
  .contactWrap {
    width: 100%;
    padding: 2.8% 1.5%;
    border: 1px solid #d0d0d0;
    background: #fafafa;
    box-sizing: border-box;
    *zoom: 1;
  }
  .contactWrap:after {
    content: '';
    display: table;
    clear: both;
  }
  .contact_block {
    width: 33.333%;
    padding: 0 1.59%;
    text-align: center;
    float: left;
    box-sizing: border-box;
  }
  .contact_item.__heading {
    margin-bottom: 6.25%;
    padding-bottom: 4.6875%;
    border-bottom: 1px dotted #ccc;
  }
  .__tel .contact_item.__heading span {
    padding-left: 10%;
    background: url(/html/template/default/assets/images/common/icn_tel_01.png) no-repeat left center / 11% auto;
    display: inline-block;
  }
  .__fax .contact_item.__heading span {
    padding-left: 12%;
    background: url(/html/template/default/assets/images/common/icn_fax_01.png) no-repeat left center / 13% auto;
    display: inline-block;
  }
  .__mail .contact_item.__heading {
    position: relative;
  }
  .__mail .contact_item.__heading:before {
    width: 270px;
    height: 60px;
    position: absolute;
    top: -10px;
    left: 10px;
    content: '';
    display: block;
    z-index: 100;
  }
  .__mail .contact_item.__heading a {
    padding-left: 12%;
    background: url(/html/template/default/assets/images/common/icn_mail.png) no-repeat left center / 13% auto;
    display: inline-block;
  }
  .contact_item.__num {
    margin-bottom: 3.125%;
    padding-left: 12%;
    -webkit-background-size: 13% auto;
    background-size: 13% auto;
  }
  .contact_item.btn {
    width: 85.3125%;
    margin: 0 auto;
  }
  .__tel .btnLink_item {
    position: relative;
  }
  .__tel .btnLink_item:before {
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
  }
  .contact_item.__btn a {
    width: 100%;
  }
  .fLink_block:nth-child(4) {
    margin-bottom: 45px;
  }
}

@media screen and (max-width: 767px) {
  /* SP */
  .contact.is-sp {
    width: 100%;
  }
  .contactWrap .contact_item {
    width: 100%;
  }
  .contact_block.__mail {
    margin-bottom: 5%;
  }
  .contact .btnLink_item {
    text-align: center;
  }
  .contact_item.__heading {
    width: 100%;
    border-bottom: 1px dotted #ccc;
  }
  #footer .contact_block.__tel.btn.__basic {
      width: 93.75%;
      margin: 0 auto 20px;
  }
  #footer .block.__tel.__col2 {
      width: 100%;
      display: table;
      box-sizing: border-box;
      padding: 10px 10px 10px 15px;
  }
  #footer .contact_block.__tel.btn a {
      padding: 0;
  }
  #footer .block.__tel.__col2 .contact_item.__heading {
      width: 24%;
      display: table-cell;
      padding: 0;
      vertical-align: middle;
      border-right: #ccc 1px solid;
      border-bottom: none;
      margin-bottom: 4%;
  }
  #footer .block.__tel.__col2 .caution_txtArea {
      display: table-cell;
      padding-left: 3%;
      font-size: 1.7rem;
      line-height: 2.3rem;
  }
  #footer .block.__tel.__col2 .contact_item.__heading span {
      font-size: 1.3rem;
      padding: 5% 0 5% 30%;
      -webkit-background-size: 30% auto;
      background-size: 30% auto;
      display: inline-block;
      line-height: 2.6rem;
  }
   #footer .block.__tel.__col2 .contact_item.__num {
      padding-left: 11.5%;
      font-size: 2.2rem;
      line-height: 1.8rem;
  } 
  #footer .block.__tel.__col2 .contact_item.__num span {
      font-size: .4rem;
      margin: 0 2px 0 10px;
  }
  .__tel .contact_item.__heading {
    margin-bottom: 4%;
    padding-bottom: 1.7%;
  }
  .__tel .contact_item.__heading span {
    padding-left: 8%;
    padding-bottom: 0;
    padding-top: 0;
    background: url(/html/template/default/assets/images/common/icn_tel_01.png) no-repeat left center;
    background-size: 10% auto;
    display: inline-block;
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .__tel .contact_item.__heading span.is-pc {
    display: none;
  }
  .contact_item.__num {
    padding-left: 15%;
    -webkit-background-size: 16% auto;
    background-size: 16% auto;
    display: inline;
    font-size: 3rem;
  }
  .contact_item.__num span {
    font-size: 1rem;
  }
  .contact_item.__txt {
    font-size: 1.4rem;
  }
  .contact_item .btnLink_item {
    text-align: center;
  }
  .contact_item.__heading span {
    padding: 1% 0 1% 17%;
    background: url(/html/template/default/assets/images/common/icn_mail.png) no-repeat 13.19% center;
    background-size: 10.77% auto;
    display: inline-block;
  }
  .contact .btnLink_item.__tel {
    margin-bottom: 3.33%;
  }
  .__mail .mail_txt {
    padding: 1% 0 1% 17%;
    background: url(/html/template/default/assets/images/common/icn_mail.png) no-repeat 13.19% center;
    background-size: 10.77% auto;
    display: inline-block;
  }
}

.fBnr {
  margin-left: -1%;
  margin-right: -1%;
}

.snsBnr {
  margin-top: 15px;
}

.fBnr_item {
  width: 25%;
  padding: 0 1%;
  float: left;
  box-sizing: border-box;
}

.fBnr {
  *zoom: 1;
}

.fBnr:after {
  content: '';
  display: table;
  clear: both;
}

.fLink {
  margin-left: -1%;
  margin-right: -1%;
  padding: 5% 0 4%;
}

.fLink_block {
  width: 25%;
  padding: 0 1%;
  float: left;
  box-sizing: border-box;
}

.fLink {
  *zoom: 1;
}

.fLink:after {
  content: '';
  display: table;
  clear: both;
}

.fLink_heading {
  margin: 0 0 18px;
  padding-bottom: 10px;
  border-bottom: #e6e6e6 1px solid;
  line-height: 0.65rem;
}

.fLink .btnLink_item,
.product_item {
  margin: 0 0 13px;
  line-height: 0.6rem;
}

.fLink .btnLink_item a,
.product_item a {
  padding-left: 0;
}

.fLink_heading a {
  color: #222222;
  font-weight: bold;
}

.fLink_heading a,
.fLink .btnLink_item a,
.product_item a {
  color: #333333;
}

.fLink .btnLink_item a,
.product_item a {
  color: #222222;
  text-decoration: none;
}

.fLink .btnLink_item a::before,
.product_item a::before {
  content: inherit;
  display: block;
}

.fLink .btnLink_item a:hover,
.product_item a:hover {
  text-decoration: underline;
}

#btmMark {
  padding: 1.3% 0;
  text-align: center;
}

#btmMark .btmMark_item {
  padding: 0 2%;
  display: inline-block;
}

#btmMark {
  *zoom: 1;
}

#btmMark:after {
  content: '';
  display: table;
  clear: both;
}

#footer #btmLink {
  padding: 2% 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

#footer #btmLink .btmMark_item {
  float: right;
}

#footer #btmLink .btmMark_item:first-child {
  margin-left: 2%;
}

#footer #btmLink .btmMark_item a {
  padding-left: 20px;
  text-decoration: none;
  color: #000000;
  font-size: 0.65rem;
  display: block;
}

#btmMark .btmMark_item:nth-child(3) img {
  width: 120px;
}

.copyright {
  height: 31px;
  padding: 1.3% 0;
  color: #999999;
  text-align: center;
  clear: both;
  background-color: #302833;
}

.copyright .copy {
  margin: auto;
  line-height: 1.6rem;
  text-align: left;
  color: #ffffff;
  letter-spacing: 1px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: inline-block;
}

.copyright .logo.__tci {
  width: 16%;
  margin: auto 0;
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

@media screen and (max-width: 767px) {
  .pageTop a img {
    width: 27.65%;
  }
  .spgoTop {
    background-color: #fff;
  }
  #footer .contact .btnLink_item {
    background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(232, 232, 232, 1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(232, 232, 232, 1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(232, 232, 232, 1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(232, 232, 232, 1.00) 100%);
    background-repeat: repeat;
    -webkit-background-size: 1.5% auto;
    background-size: 1.5% auto;
    border: 1px solid #b3b3b3;
  }
  #footer {
    padding-top: 7.8125%;
  }
  #footer.__simple {
    padding: 0;
    border: none;
  }
  .fBnr {
    width: 93.75%;
    margin: 0 auto;
  }
  .fBnr_item {
    width: 100%;
    margin-bottom: 3.125%;
    padding: 0;
  }
  .fWrap {
    width: 100%;
    padding: 0;
    border: none;
  }
  #footer .fLink_block {
    width: 100%;
    padding: 0;
    float: none;
  }
  .fLink {
    margin: 0;
    padding: 0;
  }
  .fLink .btnLink {
    margin-bottom: 9.72%;
  }
  .fLink .btnLink_item {
    margin-bottom: 0;
    -webkit-background-size: 1.5% auto;
    background-size: 1.5% auto;
    border-bottom: 1px solid #b3b3b3;
  }
  .fLink .ddArea {
    display: none;
  }
  .fLink .btnLink_item a {
    -webkit-background-size: 1.5% auto;
    background-size: 1.5% auto;
  }
  .fLink .fLink_heading {
    margin: 0;
    padding: 0;
    position: relative;
  }
  .fLink .fLink_heading .fLink_heading_item {
    width: 100%;
    padding: 5.208% 0 5.208% 3.125%;
    background: #01a3b0;
    color: #FFF;
    box-sizing: border-box;
    display: block;
  }
  .fLink_heading .txt {
    width: 20%;
    height: 1.5rem;
    margin: auto;
    position: absolute;
    right: 8rem;
    top: 0;
    bottom: 0;
  }
  .fLink_heading .txt:after {
    height: 1.5rem;
    line-height: 1.5rem;
    color: #FFF;
    text-align: right;
    content: '開く';
    display: block;
  }
  .fLink_heading.is-open .txt:after {
    content: '閉じる';
  }
  .fLink_heading .icn {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    margin: auto;
    vertical-align: middle;
    text-align: center;
    color: #01a3b0;
    background: #fff;
    border-radius: 7px;
    position: absolute;
    right: 3.125%;
    top: 0;
    bottom: 0;
  }
  .fLink_heading .icn:after {
    font-size: 4rem;
    line-height: 4rem;
    vertical-align: middle;
    content: '+';
    display: block;
  }
  .fLink_heading.is-open .icn:after {
    content: '－';
  }
  #footer .btnLink_item a {
    padding: 5.13% 6.944%;
  }
  .__product {
    background: #dff0fb;
  }
  .productList {
    width: 100%;
    /*display: -webkit-box;*/
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    align-items: stretch;
    *zoom: 1;
  }
  .productList:after {
    content: '';
    display: table;
    clear: both;
  }
  .product_term {
    padding: 6.94% 0 5.55%;
    text-align: center;
  }
  .product_item {
    margin: 0 auto 10px;
    background: #FFF;
    border: 1px solid #94a8c4;
    border-radius: 10px;
    text-align: center;
    display: block;
  }
  .productList.__media {}
  .productList.__item {}
  .product_item a {
    height: 100%;
    box-sizing: border-box;
  }
  .productList.__media .product_item {
    width: 48.33%;
    /* Android4.3以下対応 */
    -webkit-flex-basis: 48.33%;
    flex-basis: 48.33%;
  }
  .productList.__media .product_item:nth-child(odd) {
    float: left;
    /* Android4.3以下対応 */
  }
  .productList.__media .product_item:nth-child(even) {
    float: right;
    /* Android4.3以下対応 */
  }
  .productList.__media .product_item a {
    width: 100%;
    padding: 4.31% 0 10.05%;
    display: block;
  }
  .productList.__media .product_item .item_img {
    width: 37.35%;
    margin: 0 auto 4.31%;
  }
  .productList.__item {
    padding-bottom: 8.33%;
  }
  .productList.__item .product_item {
    width: 31.11%;
    /* Android4.3以下対応 */
    margin-left: 1%;
    float: left;
    /* Android4.3以下対応 */
    -webkit-flex-basis: 31.11%;
    flex-basis: 31.11%;
  }
  .productList.__item .product_item a {
    width: 100%;
    padding: 5.35% 0 11.16%;
    display: block;
  }
  .productList.__item .product_item .item_img {
    width: 58.03%;
    margin: 0 auto;
  }
  .productList.__item .product_item .item_txt {
    height: 4rem;
    line-height: 2rem;
    display: block;
  }
  #footer .pageTop {
    margin-bottom: 5px;
    background: #FFF;
  }
  #btmMark {
    width: 100%;
    padding: 4.55% 0;
    background: #FFF;
    border: none;
  }
  .cWrap {
    width: 100%;
  }
  #footer #btmLink {
    width: 90.625%;
  }
  .copyright {
    height: auto;
    padding: 2.6% 0 15%;
    text-align: center;
  }
  .copyright .copy {
    margin: 0 auto 3.9%;
    line-height: 0.6rem;
    text-align: center;
    position: static;
    float: none;
  }
  .copyright .logo.__tci {
    width: 25%;
    margin: 0 auto;
    text-align: center;
    position: static;
    float: none;
  }
}


/* Component
=============================================== */


/* Grid Layout グリッドレイアウト ※IE9～
---------------------------*/

.grid {
  *zoom: 1;
}

.grid:after {
  content: '';
  display: table;
  clear: both;
}


/* PCのみ */

@media screen and (min-width: 768px),
print {
  .grid .grid_item {
    box-sizing: border-box;
    float: left;
  }
  .grid .grid_item.__12-20 {
    width: 20%;
  }
  /* 12カラムグリッド */
  .grid .grid_item.__12-1 {
    width: 8.366%;
  }
  .grid .grid_item.__12-2 {
    width: 16.667%;
  }
  .grid .grid_item.__12-3 {
    width: 25%;
  }
  .grid .grid_item.__12-4 {
    width: 33.333%;
  }
  .grid .grid_item.__12-5 {
    width: 41.666%;
  }
  .grid .grid_item.__12-6 {
    width: 50%;
  }
  .grid .grid_item.__12-7 {
    width: 58.333%;
  }
  .grid .grid_item.__12-8 {
    width: 66.666%;
  }
  .grid .grid_item.__12-9 {
    width: 75%;
  }
  .grid .grid_item.__12-10 {
    width: 83.33%;
  }
  .grid .grid_item.__12-11 {
    width: 91.666%;
  }
  .grid .grid_item.__12-12 {
    width: 100%;
  }
  /* 16カラムグリッド */
  .grid .grid_item.__16-1 {
    width: 6.25%;
  }
  .grid .grid_item.__16-2 {
    width: 12.5%;
  }
  .grid .grid_item.__16-3 {
    width: 18.75%;
  }
  .grid .grid_item.__16-4 {
    width: 25%;
  }
  .grid .grid_item.__16-5 {
    width: 31.25%;
  }
  .grid .grid_item.__16-6 {
    width: 37.5%;
  }
  .grid .grid_item.__16-7 {
    width: 43.75%;
  }
  .grid .grid_item.__16-8 {
    width: 50%;
  }
  .grid .grid_item.__16-9 {
    width: 56.25%;
  }
  .grid .grid_item.__16-10 {
    width: 62.5%;
  }
  .grid .grid_item.__16-11 {
    width: 68.75%;
  }
  .grid .grid_item.__16-12 {
    width: 75%;
  }
  .grid .grid_item.__16-13 {
    width: 81.25%;
  }
  .grid .grid_item.__16-14 {
    width: 87.5%;
  }
  .grid .grid_item.__16-15 {
    width: 93.75%;
  }
  .grid .grid_item.__16-16 {
    width: 100%;
  }
  /* ガタ― */
  .grid.has-gutter10 .grid_item {
    padding: 0 0.5%;
  }
  .grid.has-gutter15 .grid_item {
    padding: 0 0.75%;
  }
  .grid.has-gutter20 .grid_item {
    padding: 0 1.0%;
  }
  .grid.has-gutter30 .grid_item {
    padding: 0 1.5%;
  }
  .grid.has-gutter40 .grid_item {
    padding: 0 2.0%;
  }
  .grid.has-gutter50 .grid_item {
    padding: 0 2.5%;
  }
  .grid.has-gutter60 .grid_item {
    padding: 0 3.0%;
  }
  .grid.has-gutter70 .grid_item {
    padding: 0 3.5%;
  }
  .grid.has-gutter10 {
    margin-left: -0.5%;
    margin-right: -0.5%;
  }
  .grid.has-gutter15 {
    margin-left: -0.75%;
    margin-right: -0.75%;
  }
  .grid.has-gutter20 {
    margin-left: -1.0%;
    margin-right: -1.0%;
  }
  .grid.has-gutter30 {
    margin-left: -1.5%;
    margin-right: -1.5%;
  }
  .grid.has-gutter40 {
    margin-left: -2.0%;
    margin-right: -2.0%;
  }
  .grid.has-gutter50 {
    margin-left: -2.5%;
    margin-right: -2.5%;
  }
  .grid.has-gutter60 {
    margin-left: -3.0%;
    margin-right: -3.0%;
  }
  .grid.has-gutter70 {
    margin-left: -3.5%;
    margin-right: -3.5%;
  }
  .frame720 .grid.has-gutter10 .grid_item {
    padding: 0 0.69444%;
  }
  .frame720 .grid.has-gutter15 .grid_item {
    padding: 0 1.04166%;
  }
  .frame720 .grid.has-gutter20 .grid_item {
    padding: 0 1.38888%;
  }
  .frame720 .grid.has-gutter30 .grid_item {
    padding: 0 2.08333%;
  }
  .frame720 .grid.has-gutter40 .grid_item {
    padding: 0 2.77777%;
  }
  .frame720 .grid.has-gutter50 .grid_item {
    padding: 0 3.47222%;
  }
  .frame720 .grid.has-gutter60 .grid_item {
    padding: 0 4.16666%;
  }
  .frame720 .grid.has-gutter70 .grid_item {
    padding: 0 4.86111%;
  }
  .frame720 .grid.has-gutter10 {
    margin-left: -0.69444%;
    margin-right: -0.69444%;
  }
  .frame720 .grid.has-gutter15 {
    margin-left: -1.04166%;
    margin-right: -1.04166%;
  }
  .frame720 .grid.has-gutter20 {
    margin-left: -1.38888%;
    margin-right: -1.38888%;
  }
  .frame720 .grid.has-gutter30 {
    margin-left: -2.08333%;
    margin-right: -2.08333%;
  }
  .frame720 .grid.has-gutter40 {
    margin-left: -2.77777%;
    margin-right: -2.77777%;
  }
  .frame720 .grid.has-gutter50 {
    margin-left: -3.47222%;
    margin-right: -3.47222%;
  }
  .frame720 .grid.has-gutter60 {
    margin-left: -4.16666%;
    margin-right: -4.16666%;
  }
  .frame720 .grid.has-gutter70 {
    margin-left: -4.86111%;
    margin-right: -4.86111%;
  }
}


/* SP */

@media screen and (max-width: 767px) {
  .grid .grid_item.__12-1_sp,
  .grid .grid_item.__12-2_sp,
  .grid .grid_item.__12-3_sp,
  .grid .grid_item.__12-4_sp,
  .grid .grid_item.__12-5_sp,
  .grid .grid_item.__12-6_sp,
  .grid .grid_item.__12-7_sp,
  .grid .grid_item.__12-8_sp,
  .grid .grid_item.__12-9_sp,
  .grid .grid_item.__12-10_sp,
  .grid .grid_item.__12-11_sp,
  .grid .grid_item.__12-12_sp,
  .grid .grid_item.__16-1_sp,
  .grid .grid_item.__16-2_sp,
  .grid .grid_item.__16-3_sp,
  .grid .grid_item.__16-4_sp,
  .grid .grid_item.__16-5_sp,
  .grid .grid_item.__16-6_sp,
  .grid .grid_item.__16-7_sp,
  .grid .grid_item.__16-8_sp,
  .grid .grid_item.__16-9_sp,
  .grid .grid_item.__16-10_sp,
  .grid .grid_item.__16-11_sp,
  .grid .grid_item.__16-12_sp,
  .grid .grid_item.__16-13_sp,
  .grid .grid_item.__16-14_sp,
  .grid .grid_item.__16-15_sp,
  .grid .grid_item.__16-16_sp {
    box-sizing: border-box;
    float: left;
  }
  /* 12カラムグリッド */
  .grid .grid_item.__12-1_sp {
    width: 8.366%;
  }
  .grid .grid_item.__12-2_sp {
    width: 16.667%;
  }
  .grid .grid_item.__12-3_sp {
    width: 25%;
  }
  .grid .grid_item.__12-4_sp {
    width: 33.333%;
  }
  .grid .grid_item.__12-5_sp {
    width: 41.666%;
  }
  .grid .grid_item.__12-6_sp {
    width: 50%;
  }
  .grid .grid_item.__12-7_sp {
    width: 58.333%;
  }
  .grid .grid_item.__12-8_sp {
    width: 66.666%;
  }
  .grid .grid_item.__12-9_sp {
    width: 75%;
  }
  .grid .grid_item.__12-10_sp {
    width: 83.33%;
  }
  .grid .grid_item.__12-11_sp {
    width: 91.666%;
  }
  .grid .grid_item.__12-12_sp {
    width: 100%;
  }
  /* 16カラムグリッド */
  .grid .grid_item.__16-1_sp {
    width: 6.25%;
  }
  .grid .grid_item.__16-2_sp {
    width: 12.5%;
  }
  .grid .grid_item.__16-3_sp {
    width: 18.75%;
  }
  .grid .grid_item.__16-4_sp {
    width: 25%;
  }
  .grid .grid_item.__16-5_sp {
    width: 31.25%;
  }
  .grid .grid_item.__16-6_sp {
    width: 37.5%;
  }
  .grid .grid_item.__16-7_sp {
    width: 43.75%;
  }
  .grid .grid_item.__16-8_sp {
    width: 50%;
  }
  .grid .grid_item.__16-9_sp {
    width: 56.25%;
  }
  .grid .grid_item.__16-10_sp {
    width: 62.5%;
  }
  .grid .grid_item.__16-11_sp {
    width: 68.75%;
  }
  .grid .grid_item.__16-12_sp {
    width: 75%;
  }
  .grid .grid_item.__16-13_sp {
    width: 81.25%;
  }
  .grid .grid_item.__16-14_sp {
    width: 87.5%;
  }
  .grid .grid_item.__16-15_sp {
    width: 93.75%;
  }
  .grid .grid_item.__16-16_sp {
    width: 100%;
  }
  /* ガタ― */
  .grid.has-gutter5_sp .grid_item {
    padding: 0 0.78125%;
  }
  .grid.has-gutter10_sp .grid_item {
    padding: 0 1.5625%;
  }
  .grid.has-gutter15_sp .grid_item {
    padding: 0 2.34375%;
  }
  .grid.has-gutter20_sp .grid_item {
    padding: 0 3.125%;
  }
  .grid.has-gutter30_sp .grid_item {
    padding: 0 4.6875%;
  }
  .grid.has-gutter40_sp .grid_item {
    padding: 0 6.25%;
  }
  .grid.has-gutter50_sp .grid_item {
    padding: 0 7.8125%;
  }
  .grid.has-gutter60_sp .grid_item {
    padding: 0 9.375%;
  }
  .grid.has-gutter70_sp .grid_item {
    padding: 0 10.9375%;
  }
  .grid.has-gutter5_sp {
    margin-left: -0.78125%;
    margin-right: -0.78125%;
  }
  .grid.has-gutter10_sp {
    margin-left: -1.5625%;
    margin-right: -1.5625%;
  }
  .grid.has-gutter15_sp {
    margin-left: -2.34375%;
    margin-right: -2.34375%;
  }
  .grid.has-gutter20_sp {
    margin-left: -3.125%;
    margin-right: -3.125%;
  }
  .grid.has-gutter30_sp {
    margin-left: -4.6875%;
    margin-right: -4.6875%;
  }
  .grid.has-gutter40_sp {
    margin-left: -6.25%;
    margin-right: -6.25%;
  }
  .grid.has-gutter50_sp {
    margin-left: -7.8125%;
    margin-right: -7.8125%;
  }
  .grid.has-gutter60_sp {
    margin-left: -9.375%;
    margin-right: -9.375%;
  }
  .grid.has-gutter70_sp {
    margin-left: -10.9375%;
    margin-right: -10.9375%;
  }
  .spInner .grid.has-gutter5_sp .grid_item {
    padding: 0 0.83333%;
  }
  .spInner .grid.has-gutter10_sp .grid_item {
    padding: 0 1.66666%;
  }
  .spInner .grid.has-gutter15_sp .grid_item {
    padding: 0 2.5%;
  }
  .spInner .grid.has-gutter20_sp .grid_item {
    padding: 0 3.33333%;
  }
  .spInner .grid.has-gutter30_sp .grid_item {
    padding: 0 5%;
  }
  .spInner .grid.has-gutter40_sp .grid_item {
    padding: 0 6.66666%;
  }
  .spInner .grid.has-gutter50_sp .grid_item {
    padding: 0 8.33333%;
  }
  .spInner .grid.has-gutter60_sp .grid_item {
    padding: 0 10%;
  }
  .spInner .grid.has-gutter70_sp .grid_item {
    padding: 0 11.6666%;
  }
  .spInner .grid.has-gutter5_sp {
    margin-left: -0.83333%;
    margin-right: -0.83333%;
  }
  .spInner .grid.has-gutter10_sp {
    margin-left: -1.66666%;
    margin-right: -1.66666%;
  }
  .spInner .grid.has-gutter15_sp {
    margin-left: -2.5%;
    margin-right: -2.5%;
  }
  .spInner .grid.has-gutter20_sp {
    margin-left: -3.33333%;
    margin-right: -3.33333%;
  }
  .spInner .grid.has-gutter30_sp {
    margin-left: -5%;
    margin-right: -5%;
  }
  .spInner .grid.has-gutter40_sp {
    margin-left: -6.66666%;
    margin-right: -6.66666%;
  }
  .spInner .grid.has-gutter50_sp {
    margin-left: -8.33333%;
    margin-right: -8.33333%;
  }
  .spInner .grid.has-gutter60_sp {
    margin-left: -10%;
    margin-right: -10%;
  }
  .spInner .grid.has-gutter70_sp {
    margin-left: -11.6666%;
    margin-right: -11.6666%;
  }
}


/* column マルチカラムボックス ※IE10～
---------------------------*/

.multiColumn {
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  column-gap: 0;
}


/* PC */

@media screen and (min-width: 768px),
print {
  .multiColumn.col2_pc {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  .multiColumn.col3_pc {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
  .multiColumn.col4_pc {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
  .multiColumn.col5_pc {
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
  }
  .multiColumn.col6_pc {
    -moz-column-count: 6;
    -webkit-column-count: 6;
    column-count: 6;
  }
  .multiColumn.col7_pc {
    -moz-column-count: 7;
    -webkit-column-count: 7;
    column-count: 7;
  }
  .multiColumn.col8_pc {
    -moz-column-count: 8;
    -webkit-column-count: 8;
    column-count: 8;
  }
  .multiColumn.col9_pc {
    -moz-column-count: 9;
    -webkit-column-count: 9;
    column-count: 9;
  }
  .multiColumn.col10_pc {
    -moz-column-count: 10;
    -webkit-column-count: 10;
    column-count: 10;
  }
  .multiColumn.has-gap5_pc {
    -moz-column-gap: 5px;
    -webkit-column-gap: 5px;
    column-gap: 5px;
  }
  .multiColumn.has-gap10_pc {
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
  }
  .multiColumn.has-gap15_pc {
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
  }
  .multiColumn.has-gap20_pc {
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }
  .multiColumn.has-gap25_pc {
    -moz-column-gap: 25px;
    -webkit-column-gap: 25px;
    column-gap: 25px;
  }
  .multiColumn.has-gap30_pc {
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
  .multiColumn.has-gap35_pc {
    -moz-column-gap: 35px;
    -webkit-column-gap: 35px;
    column-gap: 35px;
  }
  .multiColumn.has-gap40_pc {
    -moz-column-gap: 40px;
    -webkit-column-gap: 40px;
    column-gap: 40px;
  }
  .multiColumn.has-gap45_pc {
    -moz-column-gap: 45px;
    -webkit-column-gap: 45px;
    column-gap: 45px;
  }
  .multiColumn.has-gap50_pc {
    -moz-column-gap: 50px;
    -webkit-column-gap: 50px;
    column-gap: 50px;
  }
}


/* SP */

@media screen and (max-width: 767px) {
  .multiColumn.col2_sp {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  .multiColumn.col3_sp {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
  .multiColumn.col4_sp {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
  .multiColumn.col5_sp {
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
  }
  .multiColumn.col6_sp {
    -moz-column-count: 6;
    -webkit-column-count: 6;
    column-count: 6;
  }
  .multiColumn.col7_sp {
    -moz-column-count: 7;
    -webkit-column-count: 7;
    column-count: 7;
  }
  .multiColumn.col8_sp {
    -moz-column-count: 8;
    -webkit-column-count: 8;
    column-count: 8;
  }
  .multiColumn.col9_sp {
    -moz-column-count: 9;
    -webkit-column-count: 9;
    column-count: 9;
  }
  .multiColumn.col10_sp {
    -moz-column-count: 10;
    -webkit-column-count: 10;
    column-count: 10;
  }
  .multiColumn.has-gap5_sp {
    -moz-column-gap: 0.78125%;
    -webkit-column-gap: 0.78125%;
    column-gap: 0.78125%;
  }
  .multiColumn.has-gap10_sp {
    -moz-column-gap: 1.5625%;
    -webkit-column-gap: 1.5625%;
    column-gap: 1.5625%;
  }
  .multiColumn.has-gap15_sp {
    -moz-column-gap: 2.34375%;
    -webkit-column-gap: 2.34375%;
    column-gap: 2.34375%;
  }
  .multiColumn.has-gap20_sp {
    -moz-column-gap: 3.125%;
    -webkit-column-gap: 3.125%;
    column-gap: 3.125%;
  }
  .multiColumn.has-gap25_sp {
    -moz-column-gap: 3.90625%;
    -webkit-column-gap: 3.90625%;
    column-gap: 3.90625%;
  }
  .multiColumn.has-gap30_sp {
    -moz-column-gap: 4.6875%;
    -webkit-column-gap: 4.6875%;
    column-gap: 4.6875%;
  }
  .multiColumn.has-gap35_sp {
    -moz-column-gap: 5.46875%;
    -webkit-column-gap: 5.46875%;
    column-gap: 5.46875%;
  }
  .multiColumn.has-gap40_sp {
    -moz-column-gap: 6.25%;
    -webkit-column-gap: 6.25%;
    column-gap: 6.25%;
  }
  .multiColumn.has-gap45_sp {
    -moz-column-gap: 7.03125%;
    -webkit-column-gap: 7.03125%;
    column-gap: 7.03125%;
  }
  .multiColumn.has-gap50_sp {
    -moz-column-gap: 7.8125%;
    -webkit-column-gap: 7.8125%;
    column-gap: 7.8125%;
  }
  .spInner .multiColumn.has-gap5_sp {
    -moz-column-gap: 0.83333%;
    -webkit-column-gap: 0.83333%;
    column-gap: 0.83333%;
  }
  .spInner .multiColumn.has-gap10_sp {
    -moz-column-gap: 1.66666%;
    -webkit-column-gap: 1.66666%;
    column-gap: 1.66666%;
  }
  .spInner .multiColumn.has-gap15_sp {
    -moz-column-gap: 2.5%;
    -webkit-column-gap: 2.5%;
    column-gap: 2.5%;
  }
  .spInner .multiColumn.has-gap20_sp {
    -moz-column-gap: 3.33333%;
    -webkit-column-gap: 3.33333%;
    column-gap: 3.33333%;
  }
  .spInner .multiColumn.has-gap25_sp {
    -moz-column-gap: 4.16666%;
    -webkit-column-gap: 4.16666%;
    column-gap: 4.16666%;
  }
  .spInner .multiColumn.has-gap30_sp {
    -moz-column-gap: 5%;
    -webkit-column-gap: 5%;
    column-gap: 5%;
  }
  .spInner .multiColumn.has-gap35_sp {
    -moz-column-gap: 5.83333%;
    -webkit-column-gap: 5.83333%;
    column-gap: 5.83333%;
  }
  .spInner .multiColumn.has-gap40_sp {
    -moz-column-gap: 6.66666%;
    -webkit-column-gap: 6.66666%;
    column-gap: 6.66666%;
  }
  .spInner .multiColumn.has-gap45_sp {
    -moz-column-gap: 7.5%;
    -webkit-column-gap: 7.5%;
    column-gap: 7.5%;
  }
  .spInner .multiColumn.has-gap50_sp {
    -moz-column-gap: 8.33333%;
    -webkit-column-gap: 8.33333%;
    column-gap: 8.33333%;
  }
}


/* Flexbox フレックスボックス スマホのみ
---------------------------*/

@media screen and (max-width: 767px) {
  .flexbox {
    display: -ms-flexbox;
    /*display: -webkit-box; android4.3以下未対応 */
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
}


/* Heading 見出し
---------------------------*/

.heading_item.__radio,
.heading_item.__beauty,
.heading_item.__numberSearch,
.heading_item.__diet,
.heading_item.__electronics,
.heading_item.__fashion,
.heading_item.__food,
.heading_item.__furniture,
.heading_item.__health,
.heading_item.__hobby,
.heading_item.__leisure,
.heading_item.__living,
.heading_item.__music,
.heading_item.__newspaper,
.heading_item.__tv,
.heading_item.__sp {
  padding-left: 3rem;
  background-repeat: no-repeat;
  background-position: left center;
  -webkit-background-size: 2.25rem auto;
  background-size: 2.25rem auto;
  display: inline-block;
}

.heading_item.__radio {
  background-image: url(/html/template/default/assets/images/common/img_product_radio.png);
}

.heading_item.__beauty {
  background-image: url(/html/template/default/assets/images/common/img_product_beauty.png);
}

.heading_item.__numberSearch {
  background-image: url(/html/template/default/assets/images/common/img_product_numberSearch.png);
}

.heading_item.__diet {
  background-image: url(/html/template/default/assets/images/common/img_product_diet.png);
}

.heading_item.__electronics {
  background-image: url(/html/template/default/assets/images/common/img_product_electronics.png);
}

.heading_item.__fashion {
  background-image: url(/html/template/default/assets/images/common/img_product_fashion.png);
}

.heading_item.__food {
  background-image: url(/html/template/default/assets/images/common/img_product_food.png);
}

.heading_item.__furniture {
  background-image: url(/html/template/default/assets/images/common/img_product_furniture.png);
}

.heading_item.__health {
  background-image: url(/html/template/default/assets/images/common/img_product_health.png);
}

.heading_item.__hobby {
  background-image: url(/html/template/default/assets/images/common/img_product_hobby.png);
}

.heading_item.__leisure {
  background-image: url(/html/template/default/assets/images/common/img_product_leisure.png);
}

.heading_item.__living {
  background-image: url(/html/template/default/assets/images/common/img_product_living.png);
}

.heading_item.__music {
  background-image: url(/html/template/default/assets/images/common/img_product_music.png);
}

.heading_item.__newspaper {
  background-image: url(/html/template/default/assets/images/common/img_product_newspaper.png);
}

.heading_item.__tv {
  background-image: url(/html/template/default/assets/images/common/img_product_tv.png);
}

.heading_item.__sp {
  background-image: url(/html/template/default/assets/images/common/img_product_sp.png);
}

.heading2 {
  margin-bottom: 40px;
  text-align: center;
}

.heading2.__navy,
.heading2.__navy a {
  color: #1a4b73;
  padding-bottom: 10px;
}

.heading3 {
  display: table;
  color: #1a4b73;
  margin-bottom: 5.5%;
  width: 100%;
}

.heading3 .heading3_item {
  display: table-cell;
}

.heading3 .txtLink {
  display: table-cell;
  vertical-align: middle;
  width: 80px;
}

.heading3 .txtLink a {
  padding-right: 0.8rem;
}

.heading.__underLine {
  border-bottom: #bbbbbb 1px solid;
  padding-bottom: 15px;
}

.heading2.__underLine .heading2_item {
  border-bottom: #cccccc 1px solid;
  padding: 0 2.8% 20px;
}

.heading3.__underLine {
  border-bottom: #1a4b73 2px solid;
  padding-bottom: 13px;
}

.headingGray {
  background-color: #e5e5e5;
  padding: 18px;
}

.headingGray_item {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .heading_item.__radio {
    padding-left: 8%;
  }
  .heading.__underLine {
    padding-bottom: 6px;
  }
  .heading2 {
    margin-bottom: 7.8125%;
  }
  .heading2.__underLine {
    padding-bottom: 16px;
  }
  .heading3.__underLine {
    padding-bottom: 6px;
  }
  .heading3 .txtLink {
    width: 25%;
  }
}


/* Btn ボタン
---------------------------*/

.btn {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  -webkit-box-shadow: 1px 2px #E5E5E5;
  box-shadow: 1px 2px #E5E5E5;
}

.btn.__basic {
  border: 1px solid #bbb;
  background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(242, 242, 242, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(242, 242, 242, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(242, 242, 242, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(242, 242, 242, 1.00) 100%);
}

.btn.__search {
  color: #fff;
  border: 1px solid #bbb;
  background-image: -webkit-linear-gradient(270deg, rgba(136, 136, 136, 1.00) 0%, rgba(102, 102, 102, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(136, 136, 136, 1.00) 0%, rgba(102, 102, 102, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(136, 136, 136, 1.00) 0%, rgba(102, 102, 102, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(136, 136, 136, 1.00) 0%, rgba(102, 102, 102, 1.00) 100%);
}

.btn.__conversion {
  border: 1px solid #e13545;
  background-color: #e13545;
  background-image: -webkit-linear-gradient(270deg, rgba(233, 100, 112, 1.00) 0%, rgba(225, 53, 69, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(233, 100, 112, 1.00) 0%, rgba(225, 53, 69, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(233, 100, 112, 1.00) 0%, rgba(225, 53, 69, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(233, 100, 112, 1.00) 0%, rgba(225, 53, 69, 1.00) 100%);
  box-sizing: border-box;
}

.btn.__request {
  border: 1px solid #e60012;
  background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(244, 244, 244, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(244, 244, 244, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(244, 244, 244, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(244, 244, 244, 1.00) 100%);
}

.btn.__log {
  border: 1px solid #388e33;
  background-color: #388e33;
  background-image: -webkit-linear-gradient(270deg, rgba(82, 164, 78, 1.00) 0%, rgba(41, 133, 36, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(82, 164, 78, 1.00) 0%, rgba(41, 133, 36, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(82, 164, 78, 1.00) 0%, rgba(41, 133, 36, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(82, 164, 78, 1.00) 0%, rgba(41, 133, 36, 1.00) 100%);
}

.btn.__member {
  border: 1px solid #2d8929;
  background-color: #fff;
  background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(244, 244, 244, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(244, 244, 244, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(244, 244, 244, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(244, 244, 244, 1.00) 100%);
}

.btn.__large a,
.btn.__large .btn_item {
  padding: 25px 0;
}

.btn.__round,
.btn.__round .btn_item {
  border-radius: 4px;
}

.btn a:hover,
.btnLink a:hover,
.btnLink_item a,
.carousel_item a,
.gNavList_item a {
  text-decoration: none;
}

.btn a:after,
.btn .btn_item:after {
  margin: auto;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  display: block;
  content: '';
}


/* gray */

.btn.__basic .__next:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_right_gray.png);
}

.btn.__basic .__prev:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_left_gray.png);
}

.btn.__basic .__up:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_up_gray.png);
}

.btn.__basic .__down:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_down_gray.png);
}

.btn.__basic .__plus_search:after,

/* SIカスタム */

.btn.__basic .__plus:after {
  background-image: url(/html/template/default/assets/images/common/icn_plus.png);
}

.btn.__basic .__minus_search:after,

/* SIカスタム */

.btn.__basic .__minus:after {
  background-image: url(/html/template/default/assets/images/common/icn_minus.png);
}

.btn.__basic .__more:after {
  background-image: url(/html/template/default/assets/images/common/icn_plus.png);
}

.btn.__basic .__close:after {
  background-image: url(/html/template/default/assets/images/common/icn_close_white.png);
}


/* white */

.btn.__search a,
.btn.__conversion a,
.btn.__log a,
.btn.__search .btn_item,
.btn.__conversion .btn_item,
.btn.__log .btn_item {
  color: #FFF;
}

.btn.__search .__next:after,
.btn.__conversion .__next:after,
.btn.__log .__next:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_right_white.png);
}

.btn.__search .__prev:after,
.btn.__conversion .__prev:after,
.btn.__log .__prev:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_left_white.png);
}

.btn.__search .__up:after,
.btn.__log .__up:afterr {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_up_white.png);
}

.btn.__search .__down:after,
.btn.__log .__down:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_down_white.png);
}


/* pink */

.btn.__request a,
.btn.__request .btn_item {
  color: #e60012;
}

.btn.__request .__next:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_next_pink.png);
}

.btn.__request .__prev:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_prev_pink.png);
}

.btn.__request .__up:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_up_pink.png);
}

.btn.__request .__down:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_down_pink.png);
}


/* green */

.btn.__member a,
.btn.__member a,
.btn.__member .btn_item,
.btn.__member .btn_item {
  color: #2d8929;
}

.btn.__member .__next:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_right_gray.png);
}

.btn.__member .__prev:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_prev_green.png);
}

.btn.__member .__up:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_up_green.png);
}

.btn.__member .__down:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_down_green.png);
}

.btn_item.__close:after {
  width: 25px;
  height: 25px;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 12px auto;
  background-size: 12px auto;
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 9px;
  content: '';
  display: block;
}

.btn_item.__large {}

.btn.__onLeft a:after,
.btn.__onLeft .btn_item:after {
  right: inherit;
  left: 10px;
}

@media screen and (min-width: 768px),
print {
  .btn a,
  .btn_item {
    padding: 12px 0;
    display: block;
  }
  .btn .__next:after,
  .btn .__prev:after {
    width: 8px;
    height: 13px;
  }
  .btn .__up:after,
  .btn .__down:after {
    width: 12px;
    height: 7px;
  }
  .btn .__plus_search:after,
  /* SIカスタム */
  .btn .__minus_search:after,
  /* SIカスタム */
  .btn .__plus:after,
  .btn .__minus:after,
  .btn .__more:after {
    width: 12px;
    height: 12px;
  }
}

@media screen and (max-width: 767px) {
  .keywordArea .searchBox .btn.__search {
    width: 26.25% !important;
  }
  .keywordArea .searchBox .btn.__input {
    width: 73.75% !important;
  }
  .btn a,
  .btn_item {
    padding: 3.84% 9%;
    font-size: 1.9rem;
    line-height: 2.2rem;
    display: block;
  }
  .btn .__next:after,
  .btn .__prev:after {
    width: 2%;
    height: 29%;
  }
  .btn .__up:after,
  .btn .__down:after {
    width: 1.35rem;
    height: 0.7rem;
  }
  .btn .__plus_search:after,
  /* SIカスタム */
  .btn .__minus_search:after,
  /* SIカスタム */
  .btn .__plus:after,
  .btn .__minus:after,
  .btn .__more:after,
  .btn .__close:after {
    width: 1.35rem;
    height: 1.35rem;
  }
  .btn_item.__more {
    width: 100%;
    padding: 4.80% 0;
    text-align: center;
  }
  #ddArea .btn.__member a {
    padding: 3.84%;
    font-size: 1.6rem;
    text-align: left;
  }
  #ddArea p.create_text {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}


/* searchBox */

.keywordArea .searchBox {
  width: 100%;
  position: static;
}

.keywordArea .searchBox .btn.__input {
  width: 83.75%;
  padding: 10px;
  border-radius: 3px 0 0 3px;
  background-color: #FFFFFF;
  background-image: none;
  box-sizing: border-box;
}

.keywordArea .searchBox .btn.__search {
  width: 16.25%;
  border-radius: 0 3px 3px 0;
}

.keywordArea .searchBox .btn.__input,
.keywordArea .searchBox .btn.__search {
  height: 1.9rem;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .keywordArea .searchBox .btn.__input,
  .keywordArea .searchBox .btn.__search {
    height: 4rem;
  }
}

.btn.__input {
  border: 1px solid #666666;
  float: left;
  display: block;
  box-sizing: border-box;
}

.btn.__search {
  color: #FFF;
  background-color: #676767;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-left: none;
  display: block;
  box-sizing: border-box;
  background-image: -webkit-linear-gradient(270deg, rgba(135, 136, 135, 1.00) 0%, rgba(103, 103, 103, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(135, 136, 135, 1.00) 0%, rgba(103, 103, 103, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(135, 136, 135, 1.00) 0%, rgba(103, 103, 103, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(135, 136, 135, 1.00) 0%, rgba(103, 103, 103, 1.00) 100%);
}

.btn.__search:hover {
  background-image: -webkit-linear-gradient(270deg, rgba(171, 170, 170, 1.00) 0%, rgba(135, 136, 135, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(171, 170, 170, 1.00) 0%, rgba(135, 136, 135, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(171, 170, 170, 1.00) 0%, rgba(135, 136, 135, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(171, 170, 170, 1.00) 0%, rgba(135, 136, 135, 1.00) 100%);
}

form .btn.__input {
  float: left;
}

form .btn.__search {
  float: right;
}

.btn.__input {
  border: 1px solid #666666;
  float: left;
  display: block;
  box-sizing: border-box;
}

.btn.__search {
  color: #FFF;
  background-color: #676767;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-left: none;
  display: block;
  box-sizing: border-box;
  background-image: -webkit-linear-gradient(270deg, rgba(135, 136, 135, 1.00) 0%, rgba(103, 103, 103, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(135, 136, 135, 1.00) 0%, rgba(103, 103, 103, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(135, 136, 135, 1.00) 0%, rgba(103, 103, 103, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(135, 136, 135, 1.00) 0%, rgba(103, 103, 103, 1.00) 100%);
}

.btn.__search:hover {
  background-image: -webkit-linear-gradient(270deg, rgba(171, 170, 170, 1.00) 0%, rgba(135, 136, 135, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(171, 170, 170, 1.00) 0%, rgba(135, 136, 135, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(171, 170, 170, 1.00) 0%, rgba(135, 136, 135, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(171, 170, 170, 1.00) 0%, rgba(135, 136, 135, 1.00) 100%);
}

form .btn.__input {
  float: left;
}

form .btn.__search {
  float: left;
}

form .btn.__search.__round {
  border-radius: 0px 5px 5px 0px !important;
}


/* quantity 数量変更ボタン
---------------------------*/

.quantity {}

.quantity_heading {
  margin-bottom: 10px;
  text-align: center;
}

.quantityList {
  *zoom: 1;
}

.quantityList:after {
  content: '';
  display: table;
  clear: both;
}

.quantityList_item {
  vertical-align: middle;
  border: 1px solid #ddd;
  box-sizing: border-box;
  float: left;
  position: relative;
}

.quantityList_item .btn_item {
  line-height: 2rem;
}

.quantityList_item a {
  display: block;
}

.quantityList .btn .__minus,
.quantityList .btn .__plus,
.quantityList .btn .__minus_search,

/* SIカスタム */

.quantityList .btn .__plus_search
/* SIカスタム */

{
  width: 100%;
  padding: 0 1.5rem 0 0;
  text-align: center;
  box-sizing: border-box;
}

.btn_item.__plus:after,
.btn_item.__minus:after,
.btn_item.__plus_search:after,

/* SIカスタム */

.btn_item.__minus_search:after
/* SIカスタム */

{
  width: 25px;
  height: 25px;
  margin: auto;
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 9px;
  content: '';
  display: block;
}

.btn_item.__plus:after,
.btn_item.__plus_search:after
/* SIカスタム */

{
  background: url(/html/template/default/assets/images/common/icn_plus.png);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 12px auto;
  background-size: 12px auto;
}

.btn_item.__minus:after,
.btn_item.__minus_search:after
/* SIカスタム */

{
  background: url(/html/template/default/assets/images/common/icn_minus.png);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 12px auto;
  background-size: 12px auto;
}

.quantityList_item.__input {
  width: 57px;
  height: 38px;
  /** height: 2rem; */
  margin: 0 10px;
  border: 1px solid #ddd;
}

.quantityList_item.__input input {
  line-height: 2rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .cartIcn_quantity {
    width: 1.8rem;
    height: auto;
    line-height: 1.8rem;
    border-radius: 20px;
  }
  .quantityList .quantityList_item,
  .quantityList .quantityList_item .btn_item {
    height: 5rem;
  }
  .quantityList .quantityList_item,
  .quantityList_item.btn .btn_item.__plus,
  .quantityList_item.__input,
  .quantityList_item.__input input,
  .quantityList_item.btn .btn_item.__minus,
  .quantityList_item.btn .btn_item.__plus_search,
  /* SIカスタム */
  .quantityList_item.btn .btn_item.__minus_search/* SIカスタム */
  {
    height: 5rem;
    line-height: 5rem;
  }
  .quantityList_item.btn .btn_item.__plus,
  .quantityList_item.btn .btn_item.__minus,
  .quantityList_item.btn .btn_item.__plus_search,
  /* SIカスタム */
  .quantityList_item.btn .btn_item.__minus_search/* SIカスタム */
  {
    padding: 0 3.5rem 0 5%;
  }
  .btn_item.__plus:after,
  .btn_item.__minus:after,
  .btn_item.__plus_search:after,
  /* SIカスタム */
  .btn_item.__minus_search:after/* SIカスタム */
  {
    width: 2rem;
    height: 2rem;
  }
}


/* numberSearchBox 番号から探す
---------------------------*/

.numberSearchBox .numberSearchBox_input {
  width: 46.63%;
  height: 38px;
  padding: 0 0.5rem;
  border: #717171 1px solid;
  background-color: #f7f7f7;
}

.numberSearchBox .btn {
  width: 238px;
}

.numberSearchBox .btn_item.__link {
  background-position: 95.4% center;
}

@media screen and (max-width: 767px) {
  .numberSearchBox .btn {
    width: 92.85%;
  }
}

.code-guide-image_wrap {
  position: absolute;
  top: -280px;
  opacity: 0;
  display: none;
  z-index: 100;
}

#catalog .code-guide-image_wrap {
  left: 0;
}

#shinbun .code-guide-image_wrap {
  right: 0;
}

.code-guide-image {
  width: 485px;
  height: 260px;
  border: 2px solid #1b4c74;
  border-radius: 5px;
  background-color: #FFFFFF;
  position: relative;
  -webkit-box-shadow: 3px 3px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 2px 2px rgba(0, 0, 0, 0.2);
}

.code-guide-image:before,
.code-guide-image:after {
  position: absolute;
  left: 50%;
  top: 100%;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  border-width: 25px;
}

.code-guide-image:before {
  border-top-color: #1b4c74;
  margin: 2px 0 0 -25px;
}

.code-guide-image:after {
  border-top-color: #FFFFFF;
  margin: 0 0 0 -25px;
}

.code-guide-image_wrap.is-fadeIn {
  display: block;
}

#catalog .code-guide-image {
  background-color: #ffffff;
  background-image: url("/html/template/default/assets/images/common/img_catalog.png");
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto auto;
}

#shinbun .code-guide-image {
  background-color: #ffffff;
  background-image: url("/html/template/default/assets/images/common/img_shinbun.png");
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto auto;
}


/* transition 画面遷移ボタン
---------------------------*/

.transition {
  text-align: center;
}

.transition.__bgGray {
  padding: 15px;
  background: #e8e8e8;
}

.transition_item {
  line-height: 1.5rem;
  vertical-align: middle;
}

.transition_item.__prev {
  text-align: left;
  float: left;
}

.transition_item.__num {
  display: inline-block;
}

.transition_item.__num a {
  min-width: 30px;
  padding: 0 5px;
  border: 1px solid #bbb;
  background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(242, 242, 242, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(242, 242, 242, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(242, 242, 242, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(242, 242, 242, 1.00) 100%);
  box-sizing: border-box;
  border-radius: 3px;
  display: inline-block;
}

.transition_item.__num a.is-current {
  border: 1px solid #9ab6df;
  background: #e7f6ff;
}

.transition_item.__next {
  text-align: right;
  float: right;
}

.transition_item a {
  display: block;
}

.transition_item.__prev a {
  padding: 0 0 0 1rem;
  background: url(/html/template/default/assets/images/common/icn_arrow_left_gray.png) no-repeat left center;
  -webkit-background-size: 7px auto;
  background-size: 7px auto;
}

.transition_item.__next a {
  padding: 0 1rem 0 0;
  background: url(/html/template/default/assets/images/common/icn_arrow_right_gray.png) no-repeat 98% center;
  -webkit-background-size: 7px auto;
  background-size: 7px auto;
}

@media screen and (max-width: 767px) {
  .transition_item {
    line-height: 3rem;
  }
  .transition_item.__num {
    width: 75%;
  }
  .transition_item.__num a {
    min-width: 3rem;
    padding: 0 2%;
  }
}


/* .__snsBtn
----------------------------------------------*/

.__snsBtn {
  display: block;
  width: 100%;
  font-size: 0.8rem;
  margin-bottom: 20px;
}

.__snsBtn a {
  padding: 18px 25px 18px 65px;
}

.__sns_yahoo {
  background: transparent url("/html/template/default/assets/images/common/icon_sns_yahoo.gif") no-repeat 12px 50%;
  background-size: 1.6rem auto;
}

.__sns_facebook {
  background: transparent url("/html/template/default/assets/images/common/icon_sns_facebook.gif") no-repeat 12px 50%;
  background-size: 1.6rem auto;
}

.__sns_mixi {
  background: transparent url("/html/template/default/assets/images/common/icon_sns_mixi.gif") no-repeat 12px 50%;
  background-size: 1.6rem auto;
}

.__sns_google {
  background: transparent url("/html/template/default/assets/images/common/icon_sns_google.gif") no-repeat 14px 50%;
  background-size: 1.4rem auto;
}

.__sns_twitter {
  background: transparent url("/html/template/default/assets/images/common/icon_sns_twitter.gif") no-repeat 12px 50%;
  background-size: 1.6rem auto;
}

.__sns_line {
  background: transparent url("/html/template/default/assets/images/common/icon_sns_line.gif") no-repeat 12px 50%;
  background-size: 1.7rem auto;
}

@media screen and (max-width: 767px) {
  .__snsBtn {
    width: 100%;
    margin-bottom: 10px;
  }
  .__snsBtn a {
    font-size: 1.6rem;
    padding: 15px 25px 15px 58px;
  }
  .__sns_yahoo {
    background-size: 3.2rem auto;
    background-position: 10px 50%;
  }
  .__sns_facebook {
    background-size: 3.2rem auto;
    background-position: 10px 50%;
  }
  .__sns_mixi {
    background-size: 3.2rem auto;
    background-position: 10px 50%;
  }
  .__sns_google {
    background-size: 3.2rem auto;
    background-position: 12px 50%;
  }
  .__sns_twitter {
    background-size: 3.2rem auto;
    background-position: 10px 50%;
  }
  .__sns_line {
    background-size: 3.6rem auto;
    background-position: 10px 50%;
  }
}


/* btnLink SP スマホ時のみリンクボタンになる
---------------------------*/

@media screen and (max-width: 767px) {
  .btnLink_item {
    box-sizing: border-box;
  }
  .btnLink_item:last-child {
    margin-bottom: 0;
  }
  .btnLink_item a {
    background: url(/html/template/default/assets/images/common/icn_arrow_right_gray.png) no-repeat 97% center;
    -webkit-background-size: 2.22% auto;
    background-size: 2.22% auto;
    display: block;
  }
}


/* Form フォーム
---------------------------*/


/* Search 検索 */

.form.__search {
  width: 100%;
  border: 1px solid #666666;
  -webkit-box-shadow: 1px 2px #E5E5E5;
  background-color: #FFF;
  box-shadow: 1px 2px #E5E5E5;
  display: table;
}

.form {
  *zoom: 1;
}

.form:after {
  content: '';
  display: table;
  clear: both;
}

.form.__search.__round {
  border-radius: 5px;
}

.form.__search.__icn {
  background-image: url("/html/template/default/assets/images/common/icn_search.png");
  background-repeat: no-repeat;
  background-position: 10px center;
}

.form_item {
  line-height: 30px;
  display: table-cell;
  box-sizing: border-box;
}

.form_item.__input {
  padding: 3px 3px 3px 30px;
}

.form_item.__submit {
  color: #FFF;
  border-left: 1px solid #666666;
  background-color: #676767;
  background-image: -webkit-linear-gradient(270deg, rgba(135, 136, 135, 1.00) 0%, rgba(103, 103, 103, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(135, 136, 135, 1.00) 0%, rgba(103, 103, 103, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(135, 136, 135, 1.00) 0%, rgba(103, 103, 103, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(135, 136, 135, 1.00) 0%, rgba(103, 103, 103, 1.00) 100%);
}

.form_item.__submit:hover {
  background-image: -webkit-linear-gradient(270deg, rgba(171, 170, 170, 1.00) 0%, rgba(135, 136, 135, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(171, 170, 170, 1.00) 0%, rgba(135, 136, 135, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(171, 170, 170, 1.00) 0%, rgba(135, 136, 135, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(171, 170, 170, 1.00) 0%, rgba(135, 136, 135, 1.00) 100%);
}

@media screen and (max-width: 767px) {
  .form.__search.__icn {
    background-position: 1rem center;
  }
  .form_item.__input {
    padding: 0 0 0 4rem;
  }
  .form_item.__submit {
    line-height: 3.8rem;
  }
}


/* Select プルダウン */

.form.__select {
  border: 1px solid #666;
  background: #FFF;
  overflow: hidden;
  position: relative;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}


/** SI カスタム追加 Start */

.form.__select .control {
  background-image: url(/html/template/default/assets/images/common/bg_select01.jpg);
  background-size: 2rem;
  background-repeat: no-repeat;
  background-position: right center;
}


/** SI カスタム追加 End */

.form.__select select {
  width: 100%;
  padding: 0 40px 0 0.5rem;
  color: #333;
  background-image: url(/html/template/default/assets/images/common/bg_select01.jpg);
  -webkit-background-size: 2rem;
  background-size: 2rem;
  background-repeat: no-repeat;
  background-position: right center;
}

/** selectric **/
	.form.__select.__birthDay .selectric, .form.__select.__birthDay .selectric .label {
	  font-size: initial;
	}
	.form.__select.__birthDay .selectric, .form.__select.__birthDay .selectric-items {
	  background: #fffde1;
	}
	.form.__select.__birthDay .selectric, .form.__select.__birthDay .selectric-items li {
	  padding: 0 10px;
	  font-size: initial;
	}
	.form.__select.__birthDay .selectric .button {
	  background-image: url(/html/template/default/assets/images/common/bg_select01.jpg);
	  -webkit-background-size: 2rem;
	  background-size: 2rem;
	  background-repeat: no-repeat;
	  background-position: right center;
	}

	.form.__select.__birthDay .selectric .button:after {
	  content: unset !important;
	}
/** selectric **/

.form.__select select option {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .form.__select select {
    padding: 0 4rem 0 0.5rem;
    -webkit-background-size: 4.5rem;
    background-size: 4.5rem;
  }
}


/* Text Link テキストリンク
---------------------------*/

.txtLink {
  position: relative;
}

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

.txtLink a:after {
  margin: auto;
  background-image: url(/html/template/default/assets/images/common/icn_arrow_right_gray.png);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  content: '';
}

.txtLink.__adjacent.__next a {
  padding-right: 1rem;
  position: relative;
}

.txtLink.__adjacent.__prev a {
  padding-left: 1rem;
  position: relative;
}

.txtLink.__adjacent.__next a:after {
  right: 0;
}

.txtLink.__adjacent.__prev a:after {
  left: -2rem;
}

.txtLink.__prev a:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_left_gray.png);
}

.txtLink.__next a:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_right_gray.png);
}

.txtLink.__up a:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_up_gray.png);
}

.txtLink.__down a:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_down_gray.png);
}

@media screen and (min-width: 768px),
print {
  .txtLink a:after,
  .txtLink.__next a:after,
  .txtLink.__prev a:after {
    width: 7px;
    height: 12px;
  }
  .txtLink.__up a:after,
  .txtLink.__down a:after {
    width: 12px;
    height: 7px;
  }
}

@media screen and (max-width: 767px) {
  .txtLink a:after,
  .txtLink.__next a:after,
  .txtLink.__prev a:after {
    width: 6px;
    height: 15px;
  }
  .txtLink.__up a:after,
  .txtLink.__down a:after {
    width: 15px;
    height: 6px;
  }
  .txtLink.__spaceRight a:after {
    right: 4.86%;
  }
  .txtLink.__adjacent a {
    display: inline-block;
  }
  .txtLink.__adjacent.__next a {
    padding-right: 2rem;
  }
  .txtLink.__adjacent.__prev a {
    padding-left: 2rem;
  }
  .txtLink.__adjacent.__next a:after {
    right: 0;
  }
  .txtLink.__adjacent.__prev a:after {
    left: -4rem;
  }
}

a.__normal {
  color: #668dc5;
  text-decoration: underline;
}


/* Page Top ページトップ
---------------------------*/

.pageTop {
  padding: 0;
  text-align: right;
}

#footer .pageTop {
  padding: 35px 0;
}

#footer.__simple .pageTop {
  border-bottom: 1px solid #ececec;
  box-shadow: 0 4px 0 #f7f7f7;
}

@media screen and (max-width: 767px) {
  #footer .pageTop {
    padding: 5.2% 0;
  }
}

.back_top a:after {
  content: "";
  position: absolute;
  display: block;
  width: 11px;
  height: 5px;
  background: url(/html/template/default/assets/images/common/arr_up.png) no-repeat;
  background-size: 100% auto;
  right: -15px;
  top: 12px;
}

/* Block
---------------------------*/

.sourceBlock {
  margin: 10px auto 40px;
  padding: 15px;
  font-size: 0.8rem;
  text-align: left;
  background: #fff;
  overflow-x: scroll;
  position: relative;
  -webkit-box-shadow: inset 1px 1px 3px 3px #D2D1D1;
  box-shadow: inset 1px 1px 3px 3px #D2D1D1;
}

pre {
  margin: 0 20px 0 0;
  padding: 0;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .sourceBlock {
    display: none;
  }
}


/* Textbox テキストボックス
---------------------------*/

.form.__textBox {
  position: relative;
}

.form.__textBox .form_item.__input {
  border: #666666 solid 1px;
  background-color: #fff;
  padding: 3px 0.4rem;
}

.form.__textBox.is-complete .form_item.__input {
  background-color: #dff0fb;
}

.form.__textBox.is-error .form_item.__input {
  background-color: #ffdee1;
}

.form.__textBox .is-complete,
.form.__textBox .is-error {
  display: none;
}

.form.__textBox.is-complete .is-complete {
  color: #1a4b73;
  background-color: #cbe6f8;
  padding: 5px 9px;
  margin: auto;
  display: inline-block;
  position: absolute;
  right: -80px;
  top: 0;
  bottom: 0;
  height: 0.7rem;
  line-height: 0.7rem;
}

.form.__textBox.is-error .is-error {
  color: #e13545;
  display: inline-block;
  margin-top: 8px;
}

@media screen and (max-width: 767px) {
  .form.__textBox .form_item.__input {
    padding: 3px 0.8rem;
  }
}


/* ratingArea 評価 星
---------------------------*/

.ratingArea {
  padding: 10px 0;
  *zoom: 1;
}

.ratingArea:after {
  content: '';
  display: table;
  clear: both;
}

.rating-summary {
  margin: 0 auto;
  display: table;
}

.rating-summary .label,
.rating-summary .rating-result {
  vertical-align: middle;
  display: table-cell;
}

.rating-summary .label {
  width: 45px;
}

.rating-summary .rating-result {
  width: 137px;
}

.rating-summary .rating-result::before,
.rating-summary .rating-result>span::before {
  background-repeat: no-repeat;
  background-position: left center;
  -webkit-background-size: 137px auto;
  background-size: 137px auto;
  content: '';
}

.rating-summary .rating-result::before {
  background-image: url(/html/template/default/assets/images/common/img_ratingstar_off.png);
}

.rating-summary .rating-result>span::before {
  background-image: url(/html/template/default/assets/images/common/img_ratingstar_on.png);
}

@media screen and (max-width: 767px) {
  .rating-summary {
    width: 25rem;
  }
  .rating-summary .label {
    width: 22.3%;
  }
  .rating-summary .rating-result {
    width: 77.7%;
  }
  .rating-summary .rating-result::before,
  .rating-summary .rating-result>span::before {
    height: 4rem;
    -webkit-background-size: 19rem auto;
    background-size: 19rem auto;
  }
}


/* Pager ページャー・ページ遷移
---------------------------*/

.number {
  margin-bottom: 3.47%;
  text-align: center;
}

.number span {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .transition_item.__num {
    width: 65%;
  }
}


/* Area エリア
---------------------------*/

.block {
  padding: 30px;
  margin-bottom: 0;
  *zoom: 1;
}

.block:after {
  content: '';
  display: table;
  clear: both;
}

.block-static-block.widget {
  margin: 0;
  padding: 0;
}

.__bgGray {
  background-color: #f7f7f7;
}

.__bgWhite {
  background-color: #FFFFFF;
}

.__bgBlue {
  background-color: #dff0fb;
}

.__bgBeige {
  background-color: #fff4e4;
}

.block.__caution {
  background-color: #fef3f3;
  text-align: center;
}

.block.__warning .caution_heading {
  color: #333;
  font-weight: normal;
}

.block.__warning .cb_btn {
  font-size: 0.7rem;
  font-weight: normal;
  background: -webkit-linear-gradient( 90deg, rgb(237, 237, 237) 0%, rgb(255, 255, 255) 100%);
  color: #333;
  padding: 13px 15px 15px 35px;
  border-radius: 5px;
  display: inline-block;
  box-shadow: 1px 2px #d1d1d1;
  border: 1px solid #BBB;
}

.block.__warning {
  background-color: #fff8e7;
  text-align: center;
}

.block.__caution.__type2 {
  background-color: #feffd7;
  text-align: center;
}

.caution_text {
  line-height: 1.2rem;
  color: #e13545;
}

.block.__caution.__type2 .caution_text {
  color: #333;
}

.block.__caution.__type2 .caution_text span {
  color: #e13545;
}

.block.__caution.__col2 {
  width: 100%;
  display: table;
  padding: 12px;
  box-sizing: border-box;
}

.block.__caution.__col2 .caution_heading {
  width: 24%;
  display: table-cell;
  vertical-align: middle;
  border-right: #fecfcf 1px solid;
}

.block.__caution.__col2 .caution_txtArea {
  display: table-cell;
  text-align: left;
  padding: 10px 0 10px 25px;
}

.caution_text.__note {
  color: #333333;
  padding-left: 1em;
  text-indent: -1em;
}

.caution_heading {
  color: #e13545;
  margin-bottom: 15px;
}

.__caution .icn {
  background-image: url(/html/template/default/assets/images/common/icn_caution.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 19px;
  padding-left: 1.2rem;
  text-align: left;
}

.block-cart-yoridori .modalInner .modalYoridori {
  background-color: #fff8e7;
  padding: 15px;
}

.block-cart-yoridori .modal__title {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  color: #F26812;
}
.block-cart-yoridori .modalInner {
  z-index: 999;
}

.block-cart-yoridori .modalInner .caution-yoridori {
  padding: 20px 0 0 0;
  text-align: center;
}

.block-cart-yoridori .modalInner .modal__list-yoridori .list-yoridori__item {
  display: block;
  text-align: center;
  color: #008899;
  text-decoration: underline;
  cursor: pointer;
}
.block-cart-yoridori .modalInner .btn.__blk{
  width: 250px;
}
.block-cart-yoridori .modalInner .__close{
  display: block;
  padding: 10px;
  display: block;
}
.block-cart-yoridori .overlay-modal {
  margin: auto;
  background: #abaaaa;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .block-cart-yoridori .modalInner .modal__list-yoridori .list-yoridori__item {
    display: block;
    max-width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .block-cart-yoridori .modal__title {
    font-size: 1.1em;
  }
  .block-cart-yoridori .modalInner .caution-yoridori {
    padding: 0;
  }
  .block-cart-yoridori .modalInner .modal__list-yoridori .list-yoridori__item {
    display: block;
    width: 100%;
  }
  .block.__warning .cb_btn {
      font-size: 1.4rem;
  }
  /*.block{
    padding: 3.125%;
  }*/
  .caution_heading {
    line-height: 2.35rem;
    font-size: 1.5rem;
  }
  .caution_text {
    line-height: 2.2rem;
  }
  .__caution .icn {
    background-position: left 0.5rem;
    background-size: 2rem;
    padding-left: 2.5rem;
    padding-bottom: 6px;
  }
  .block.__caution.__col2 {
    padding: 30px;
  }
  .block.__caution.__col2 .caution_heading {
    display: block;
    width: 100%;
    border-right: none;
  }
  .block.__caution.__col2 .caution_txtArea {
    display: block;
    padding: 0;
  }
}

.indentList li,
.indent_item {
  padding-left: 1rem;
  text-indent: -1rem;
}

@media screen and (max-width: 767px) {
  .indentList li,
  .indent_item {
    padding-left: 1rem;
    text-indent: -1rem;
  }
}


/* RadioButton
----------------------- */


/* type01 */

input[type="radio"].type01 {
  display: none;
}

input[type="radio"].type01+label::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/html/template/default/assets/images/shopping/btn_radio.png) no-repeat 0 0;
  background-size: 24px;
}

input[type="radio"].type01:checked+label::before {
  background: url(/html/template/default/assets/images/shopping/btn_radio_ac.png) no-repeat 0 0;
}

@media screen and (max-width: 767px) {
  input[type="radio"].type01+label::before {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 100%;
  }
  input[type="radio"].type01:checked+label::before {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 100%;
  }
}


/* type02 */

input[type="radio"].type02 {
  display: none;
}

input[type="radio"].type02+label::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/html/template/default/assets/images/shopping/btn_radio.png) no-repeat 0 0;
  background-size: 24px;
  margin-right: 10px;
  position: relative;
  top: 5px;
}

input[type="radio"].type02:checked+label::before {
  background: url(/html/template/default/assets/images/shopping/btn_radio_ac.png) no-repeat 0 0;
}

@media screen and (max-width: 767px) {
  input[type="radio"].type02+label::before {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 100%;
    margin-right: 5px;
    top: 0.1rem;
  }
  input[type="radio"].type02:checked+label::before {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 100%;
  }
}


/* type03 */

input[type="radio"].type03 {
  display: none;
}

input[type="radio"].type03+label::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/html/template/default/assets/images/common/btn_radio.png) no-repeat 0 0;
  background-size: 24px;
  padding-bottom: 20px;
}

input[type="radio"].type03+label {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

input[type="radio"].type03:checked+label::before {
  background: url(/html/template/default/assets/images/common/btn_radio_ac.png) no-repeat 0 0;
}

@media screen and (max-width: 767px) {
  input[type="radio"].type03+label::before {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 100%;
    padding-bottom: 0;
  }
  input[type="radio"].type03:checked+label::before {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 100%;
  }
}


/* Modal モーダルウィンドウ
---------------------------*/


/* 小 */

.block.__modal {
  margin: auto;
  padding: 0;
  color: inherit;
  background: #fff;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  /*overflow: hidden;*/
  z-index: 310;
}

.modalInner {
  position: relative;
}

.icn_close,
.modal-custom .action-close>.icn_close,
.modal-popup .action-close>.icn_close,
.modal-slide .action-close>.icn_close {
  width: 55px;
  height: 55px;
  background-image: url(/html/template/default/assets/images/common/icn_close.png);
  -webkit-background-size: 25px auto;
  background-size: 25px auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #484848;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  clip: inherit;
}

.modals-wrapper {
  overflow-x: hidden;
}

.modal-popup .modal-inner-wrap {
  max-width: 1000px;
}

.block.__modal .modalInner {}

.modalArea .modal-footer,
.modals-wrapper .modal-footer {
  text-align: center;
}

.modalArea .modal-footer .btn,
.modals-wrapper .modal-footer .btn {
  width: 270px;
  margin: 0 auto;
}

.btn_item.__close,
.btn_item.__delete {
  padding: 17px 0;
  color: #FFF;
  background-color: #444;
  background-image: -webkit-linear-gradient(270deg, rgba(68, 68, 68, 1.00) 0%, rgba(51, 51, 51, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(68, 68, 68, 1.00) 0%, rgba(51, 51, 51, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(68, 68, 68, 1.00) 0%, rgba(51, 51, 51, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(68, 68, 68, 1.00) 0%, rgba(51, 51, 51, 1.00) 100%);
}

.btn_item.__close:after,
.btn_item.__delete:after {
  background-color: inherit;
  background-image: url(/html/template/default/assets/images/common/icn_close.png);
  background-size: 12px auto;
}

.btn.__blk {
  border: 1px solid #3e3e3e;
  background: #3e3e3e;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn.__blk a {
  color: #fff;
}

.overlay.__modal {
  display: none;
}


/* SI修正
.overlay.__modal,
.modals-overlay {
*/

.overlay.__modal {
  /* SI修正 */
  margin: auto;
  background: #abaaaa;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  z-index: 300;
}

@media screen and (min-width: 768px),
print {
  .block.__modal {
    max-width: 800px;
    min-width: 600px;
  }
}

@media screen and (max-width: 767px) {
  .block.__modal {
    width: 90%;
  }
}

.block.__modal.__large {
  width: 1000px;
}


/* 画像のみ */

.modalArea.__img .js-modal {
  position: relative;
}

.modalArea.__img .js-modal:after {
  width: 30px;
  height: 30px;
  background-image: url(/html/template/default/assets/images/common/icn_glass_01.png);
  -webkit-background-size: cover;
  background-size: cover;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}

.modalArea.__img .js-modal img:hover {
  opacity: 0.7;
  cursor: pointer;
}

.modalArea.__modal_s .block.__modal .modal-content {
  padding: 10px;
}

.modalArea.__modal_s .block.__modal .modal-footer {
  padding-bottom: 10px;
}

.modalArea.__modal_l .modal-content {
  padding: 0 10px;
}

.modalArea.__img .block.__modal .modalInner {
  padding: 55px 55px 0 55px;
}

@media screen and (max-width: 767px) {
  .modalArea.__img .js-modal:after {
    width: 2.5rem;
    height: 2.5rem;
  }
}


/* Magentoデフォルト */

.modal-custom .action-close:before,
.modal-popup .action-close:before,
.modal-slide .action-close:before {
  display: none;
}

.modals-wrapper .modal-header {
  min-height: 55px;
  padding: 10px 0;
  box-sizing: border-box;
}

.modals-wrapper .modal-title {
  width: 100%;
  padding: 0;
  border: none;
}

.modal-header button {
  z-index: 320;
}

.modal-header .heading2 {
  margin: 0;
  padding: 0;
}

.modals-wrapper .modal-header,
.modals-wrapper .modal-content,
.modals-wrapper .modal-footer {
  border: none !important;
}

.modals-wrapper .modal-header,
.modals-wrapper .modal-title {}

.modals-wrapper .modal-header .heading2_item {
  padding-right: 60px;
  padding-left: 5px;
}

.modal-slide .action-close {
  width: 55px;
  height: 55px;
  padding: 0;
}

.modals-wrapper .modal-inner-wrap {}

.modals-wrapper .modal-content {
  padding: 0;
}

.modals-wrapper .modal-footer {
  padding: 20px 0;
}

@media screen and (min-width: 768px) {
  #popup_login .modal-inner-wrap {
    margin: 2.5rem auto;
  }
  #modal_login .login_member .block {
    padding: 20px 30px 30px;
  }
  #modal_login .login_member .heading2 {
    margin-bottom: 0;
  }
  #modal_login .login_member .btn.__log {
    width: 91%;
  }
  #modal_login .login_member .btn.__log .btn_item {
    padding: 25px 0;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
  #modal_login .login_not-member .block {
    min-height: 183px !important;
    padding: 20px 30px 10px;
    margin-bottom: 10px;
  }
  #modal_login .login_not-member .heading2 {
    margin-bottom: 0;
  }
  #modal_login .sns_link .block {
    padding: 20px 30px 10px;
  }
  #modal_login .sns_link .heading2 {
    margin-bottom: 10px;
    padding-bottom: 0;
  }
  #modal_login .sns_link .heading2 .heading2_item {
    line-height: 1.6rem;
  }
  #modal_login .sns_link .btn {
    width: 91%;
    border: 1px solid #2d8929;
    background-color: #fff;
    background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(244, 244, 244, 1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(244, 244, 244, 1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(244, 244, 244, 1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(244, 244, 244, 1.00) 100%);
  }
  #modal_login .sns_link .btn .btn_item {
    color: #2d8929;
    padding: 25px 0;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .modal-popup.modal-slide {
    left: 13.02%;
    z-index: 310;
  }
  .modal-popup .closeBtn {
    margin: 0 auto;
  }
  .modals-overlay .closeBtn {
    width: inherit;
    position: fixed;
    top: 2%;
    left: 0.7%;
  }
  .modals-wrapper .modal-footer {
    padding: 0;
  }
  .modals-wrapper .modal-header .heading2_item {
    padding-right: 0px;
    padding-left: 0px;
  }
}


/* Table テーブル
---------------------------*/

.tableRWD {}

.tableRWD thead {
  background: #e5e5e5;
}

.tableRWD_caption {
  color: #fff;
  padding: 25px 0;
  text-align: center;
  background: #1a4b73;
  display: block;
}

.tableRWD tbody tr:not(:last-child) {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.tableRWD thead th {
  padding: 15px 0;
  text-align: center;
  color: #333;
}

.tableRWD thead th:not(:last-child) {
  border-right: 1px solid #fff;
}

.tableRWD thead th,
.tableRWD tbody td {
  vertical-align: middle;
  word-break: break-all;
}

.tableRWD tbody td {
  color: #444;
  background: #eee;
}

.tableRWD tbody td:not(:last-child) {
  border-right: 1px solid #e1e1e1;
}

@media screen and (max-width: 767px) {
  .tableRWD thead {
    display: none;
  }
  .tableRWD tbody td {
    display: block;
    padding: .6rem;
  }
  .tableRWD tbody td:before {
    content: attr(data-th);
    font-weight: bold;
    display: inline-block;
    width: 6rem;
  }
}


/* トップに戻るボタン
---------------------------*/

#toTopPage {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
  z-index: 899;
}

#toTopPage a {
  background: rgba(51, 51, 51, 0.6);
  text-decoration: none;
  color: #ffffff;
  width: 80px;
  height: 48px;
  padding-top: 40%;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: bold;
  text-align: center;
  display: block;
  border-radius: 50px;
  position: relative;
}

#toTopPage a:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 4px solid #ffffff;
  border-right: 4px solid #ffffff;
  transform: rotate(-45deg);
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  margin: auto;
}

.caution_txtArea>ul>li.dIb>a:hover {
  text-decoration: none;
}


/** SI カスタム start */

.naviplus_recommend img {
  width: 1px !important;
  height: 1px !important;
}


/** SI カスタム end */


/* モーダル閉じ後誤クリック防止*/

.coverLayer {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 9999;
}


/**　SZ カスタム 　start */

@media screen and (max-width: 767px) {
  /* header */
  .gNavList {
    display: block;
    margin-top: 2%;
    padding: 0 3.25%;
  }
  .gNavList_item.__lately {
    display: none;
  }
  .gNavList_item.__radio {
    width: 32%;
    margin-bottom: 5px;
    float: left;
    border-right: none;
    border-radius: 6px 0 0 6px;
  }
  .gNavList_item.__radio a .radio_text {
    padding-left: 10%;
  }
  .gNavList_item.__newspaper,
  .gNavList_item.__tv,
  .gNavList_item.__catalog {
    width: 32%;
    float: left;
  }
  .gNavList_item.__newspaper {
    margin: 0;
  }
  .gNavList_item.__tv {
    margin: 0;
  }
  .gNavList_item.__catalog {
    margin: 0 1%;
  }
  .gNavList_item.__radio a,
  .gNavList_item.__newspaper a,
  .gNavList_item.__tv a,
  .gNavList_item.__catalog a {
    padding-top: 0;
    padding-bottom: 0;
  }
  .gNavList_item.__newspaper a,
  .gNavList_item.__tv a,
  .gNavList_item.__catalog a {
    height: 40px;
    line-height: 40px;
    font-size: 1.7rem;
    padding: 0 0 0 18%;
  }
  .gNavList_item.__newspaper a {
    background-position: 28% center;
  }
  .gNavList_item.__tv a {
    background-position: 18% center;
  }
  .gNavList_item.__catalog a {
    background-position: 10% center;
  }
  /*  sp  */
  .classification-list {
    background: none;
    display: none;
  }
  .classification-list ul li {
    width: 30.6% !important;
    border: 1px solid #cacaca;
    border-radius: 6px;
    margin: 0.5% 1%;
    ;
  }
  .classification-list ul li:last-child {
    border: 1px solid #cacaca;
  }
  .classification-list ul li a {
    color: #333333;
    line-height: 100% !important;
    padding: 10px 1%;
  }
  .classification-list ul li a img {
    width: 100%;
  }
  .product_classification_box {
    margin-bottom: 5px;
  }
  .product_classification_box .product_classification_btn {
    padding: 0 3.25%;
  }
  .product_classification_box .product_classification_btn button {
    width: 100%;
    line-height: 3.2rem;
    border: 1px solid #b3b3b3;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background: url("/html/template/default/assets/images/common/icon_add_01.png") 96% center no-repeat;
    background-size: 2rem;
  }
  .heading2.__underLine .heading2_item {
    font-size: 1.8rem;
    padding: 0 0 20px 0;
  }
  .__radioStation {
    width: 22%;
    border-right: none;
    border-radius: 0;
    margin-bottom: 5px;
  }
  .__radioStation:nth-of-type(4) {
    margin-right: 0;
    border-right: 1px solid #bbb;
    border-radius: 0 6px 6px 0;
  }
  .__radioStation a {
    background-position: 94% center;
    font-size: 1.3rem;
  }
}

#gNavPc {
  font-size: 0.8rem;
  line-height: 0.8rem;
}

#gNavPc {
  width: 100%;
}


/**　SZ カスタム 　end */


/**　SZ カスタム 2018/06　start */

.fLink_sns a {
  font-size: 0.7rem !important;
  line-height: 1.5rem !important;
}

.fLink_sns img {
  width: 30px !important;
  height: 30px;
  padding-right: 10px;
}

@media screen and (max-width: 767px) {
  .sns_block {
    /*width: 93.75%;*/
    margin: 0 auto;
    background: #e6edf4;
    margin-bottom: 5%;
  }
  .sns_block p {
    text-align: center;
    height: 3rem;
    line-height: 3rem;
    vertical-align: middle;
    font-weight: bold;
    font-size: 2rem;
  }
  .sns_block hr {
    height: 2px;
    border: 0;
    border-top: 2px solid #ccc;
    margin: 0 auto;
    width: 92%;
  }
  .sns_box {
    text-align: center;
    margin-bottom: 5%;
    padding-bottom: 5%;
    padding-top: 3%;
  }
  .sns_title {
    padding-top: 3%;
  }
  .sns_block img {
    margin: auto;
    width: 16% !important;
    padding: 0 2%;
  }
  .pagetop_btn {
    width: 100%;
    padding: 5.208% 0 5.208% 3.125% !important;
    /*background: #4c7abb;*/
    color: #000;
    box-sizing: border-box;
    display: block;
    margin-bottom: 5%
  }
  .pagetop_btn a {
    width: 100%;
    height: 100%;
    font-size: 2.2rem !important;
    line-height: 2.5rem !important;
  }
  .txtTopLink {
    border-bottom: 2px solid #333;
    margin-left: 25%;
    width: 45%;
  }
  .pagetop_btn .txtTopLink a:after {
    content: '';
    background-image: url(/html/template/default/assets/images/common/icn_arrow_right_gray.png);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    width: 7px;
    height: 15px;
    margin-left: 20px;
    margin-top: 5px;
    transform: rotate(-90deg);
  }
}


/**　SZ カスタム  2018/06　end */


/**　SZ カスタム  2018/08　Start */

.shopping-cart {
  text-align: center;
  font-weight: bold;
}

#shoppingHeaderFixedArea {
  width: 100%;
  background: #fff;
  z-index: 200;
}


/**　SZ カスタム  2018/08　end */


/*配送*/

.shoppingConfirmCaution01 .caution_grey .caution_heading {
  color: #333;
  margin-bottom: 0;
}


/* ヘッダーメニュー
---------------------------*/

#float_header {
  width: 100%;
  background: #fff;
  z-index: 400;
  /* box-shadow: 1px 1px 4px #999; */
  /* sz 1116 */
  position: relative;
}


/* 買い物かごアニメ Start
---------------------------*/

.menu_car.click img {
  animation: cart_animation 0.4s;
  -moz-animation: cart_animation 0.4s;
  -webkit-animation: cart_animation 0.4s;
  -o-animation: cart_animation 0.4s;
}

@keyframes cart_animation {
  0% {
    transform: rotate(8deg);
  }
  25% {
    transform: rotate(-8deg);
  }
  50% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@-moz-keyframes cart_animation {
  0% {
    transform: rotate(8deg);
  }
  25% {
    transform: rotate(-8deg);
  }
  50% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes cart_animation {
  0% {
    transform: rotate(8deg);
  }
  25% {
    transform: rotate(-8deg);
  }
  50% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@-o-keyframes cart_animation {
  0% {
    transform: rotate(8deg);
  }
  25% {
    transform: rotate(-8deg);
  }
  50% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(0deg);
  }
}


/* 買い物かごアニメ End
---------------------------*/


/**　SZ カスタム  2018/10/10 ヘッダーメニュー　Start */


/* noticeBox pc */


/*  NEW SZ  */


/* noticeBox pc */


/*  NEW SZ  */

.noticeBox {
  width: 22%;
  float: left;
  padding-left: 2%;
}

.noticeBox .notice-text {
  width: 100%;
  border: 1px solid #f47300;
  text-align: center;
  font-size: 0.7rem;
  /*0.6rem->0.7rem sz*/
  color: #f47300;
}

.noticeBox .notice-text.notice-fee {
  margin-bottom: 5px;
  border-color: #00b9c0;
  color: #00b9c0;
}

@media screen and (max-width: 767px) {
  .noticeBox {
    width: 96%;
    margin-left: 2%;
    padding: 0;
  }
  .noticeBox .notice-text {
    width: 48%;
    float: left;
    font-size: 1.2rem;
    /*1.1rem->1.2rem*/
    line-height: 1.4;
    /*add sz*/
  }
  .noticeBox .notice-text.notice-fee {
    margin-right: 1%;
  }
}


/* pcMenuBox pc */


/*  NEW SZ  */

.pcMenuBox {
  /*width: 25%;*/
  /*sz*/
  float: right;
}

.pcMenuBox .pcMenuBox_btn {
  width: 80px;
  /* 33%->80px*/
  float: right;
  /*left->right*/
}

.pcMenuBox .pcMenuBox_btn a {
  display: block;
}

.pcMenuBox .pcMenuBox_btn .pcMenuBox_btn_icon {
  padding: 0 18px;
  /*0 24px header icon bigger*/
  text-align: center;
  position: relative;
}

.pcMenuBox .pcMenuBox_btn .pcMenuBox_btn_icon img {
  width: 100%;
}

.pcMenuBox .pcMenuBox_btn .pcMenuBox_btn_icon .cartNum {
  color: #c9004b;
  position: absolute;
  top: -2px;
  /* sz 1115 */
  left: 18px;
  /*22px->18px*/
  width: 38px;
  text-align: center;
}

.pcMenuBox .pcMenuBox_btn .pcMenuBox_btn_name {
  font-size: 0.6rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pcMenuBox .pcMenuBox_btn .pcMenuBox_btn_icon .cartNum {
    width: 40px;
    left: 7px;
    top: -9px;
    font-size: 1rem !important;
  }
  .pcMenuBox .pcMenuBox_btn .pcMenuBox_btn_icon {
    padding: 0 20px;
    /*add sz*/
  }
  .pcMenuBox .pcMenuBox_btn {
    width: 33%;
    float: right;
    /*left->right*/
  }
  .pcMenuBox .pcMenuBox_btn a {
    display: block;
    top: 1vw;
    /*add header icon menu*/
  }
  .pcMenuBox .pcMenuBox_btn .pcMenuBox_btn_name {
    text-indent: -5px;
  }
}

@media screen and (max-width: 550px) {
  .pcMenuBox .pcMenuBox_btn .pcMenuBox_btn_icon .cartNum {
    top: -5px;
    font-size: 1.5rem !important;
  }
}

@media screen and (max-width: 403px) {
  .pcMenuBox .pcMenuBox_btn .pcMenuBox_btn_icon .cartNum {
    top: -2px;
    font-size: 1.5rem !important;
  }
}


/*  navicon  */

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}

.menu-trigger {
  position: relative;
  width: 37px;
  height: 36px;
  /*29px*/
}

.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #000;
  border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
  top: 4px;
}

.menu-trigger span:nth-of-type(2) {
  top: 16px;
}

.menu-trigger span:nth-of-type(3) {
  top: 28px;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(12px) rotate(-45deg);
  transform: translateY(12px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-12px) rotate(45deg);
  transform: translateY(-12px) rotate(45deg);
}

@media only screen and (max-width: 1279px) and (min-width: 768px)  {
  #header #logo {
    width: 24%;
  }
  #header .searchBox {
    width: 30%;
  }
}

@media only screen and (max-width: 1159px) and (min-width: 768px)  {
  #header #logo {
    width: 22%;
  }
}

@media screen and (max-width: 767px) {
  .menu-trigger {
    position: relative;
    width: 32px;
    /*29px->32px header menu bigger*/
    height: 23px;
    /*margin-top: 2px;*/
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu-trigger span:nth-of-type(2) {
    top: 10px;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
    top: auto;
  }
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
  }
  .pcMenuBox_btn img {
    vertical-align: top!important;
  }
}

@media screen and (max-width: 767px) {
  .midArea {
    height: 54px;
  }
  #header #logo {
    margin: auto !important;
    /*5px 0 0 1% !important*/
  }
  .pcMenuBox {
    width: 50%;
    /*40%->50% SP header icon bigger*/
    margin-top: 12px;
  }
  .pcMenuBox .pcMenuBox_btn .pcMenuBox_btn_icon {
    padding: 0 10px;
    width: 40px;
    /*30px->40px SP header icon bigger*/
  }
}

.blackMask {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.5;
  top: 77px;
  z-index: 300;
  /*z-index: 1999;*/
  display: none;
}

#listMenu {
  display: none;
}

.moreMenu {
  position: absolute;
  top: 81px;
  right: 0;
  z-index: 10000;
  width: 25%;
  background: #ffffff;
  border: 1px solid #ececec;
  overflow: auto;
}

.moreMenu .moreMenu_list {}

.moreMenu .moreMenu_list ul {
  border-bottom: 1px solid #c9c9c9;
}

.moreMenu .moreMenu_list ul:last-child {
  border-bottom: none;
}

.moreMenu .moreMenu_list ul li {
  /* padding: 12px 18px; */
  /* SZ 2018/11/22 */
}

.moreMenu .moreMenu_list ul li a {
  display: block;
  padding: 12px 18px;
  /* SZ 2018/11/22 メニュー*/
  position: relative;
  /* SZ 2019/05/21 メニュー*/
}

.moreMenu .moreMenu_list ul li a:after {
  content: "";
  position: absolute;
  background: url("/html/template/default/assets/images/common/ico_link_02.png") no-repeat;
  background-size: contain;
  width: 20px;
  height: 15px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.moreMenu .moreMenu_list ul li a.item-coupon {
  display: flex;
  justify-content: space-between;
}
.moreMenu .moreMenu_list ul li a .coupon-number {
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
  background: #c9004b;
  color: #fff;
  margin-right: 10px;
  font-size: 14px;
} 


.moreMenu .moreMenu_list ul li:hover {
  background: #f2f2f2;
}

.moreMenu .moreMenu_list ul li.active {
  background: #e0e0e0;
  font-weight: bold;
  color: #000;
}

.moreMenu .close {
  padding: 18px;
}

.moreMenu .close button {
  width: 100%;
  background: #dcdcdc;
  padding: 12px 0;
  border-radius: 10px;
  box-shadow: #2a2b2c;
}

.moreMenu .displayNone {
  display: none;
}

.moreMenu .is-enter {
  display: block;
}

@media screen and (max-width: 767px) {
  .blackMask {
    top: 54px;
    z-index: 10;
  }
  #listMenu {
    display: block;
  }
  .moreMenu {
    overflow: auto;
    top: 54px;
    width: 75%;
    right: -75%;
  }
  #listMenu.active {
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  .cbp-spmenu {
    /*background: #47a3da;*/
    position: fixed;
  }
  .cbp-spmenu-vertical {
    width: 240px;
    height: 100%;
    /*top: 0;*/
    z-index: 1000;
  }
  .cbp-spmenu-left {
    left: -240px;
  }
  .cbp-spmenu-right {
    right: -240px;
  }
  .cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
  }
  .cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
  }
  .cbp-spmenu,
  .cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  a:hover {
    opacity: 1 !important;
  }
  .header_hide {
    /* solution：携帯電話では、入力ボックスが隠れヘッダーの下にあるときは入力ボックスを操作できません。 */
    position: absolute;
    /* SZ 2018/11/23 */
  }
}

div::-webkit-scrollbar {
  width: 6px;
}

div::-webkit-scrollbar-track {
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777;
}

div::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 10px;
  box-shadow: none;
}

.fixedAreahide {
  animation: hideAnimate 1s;
}

@keyframes hideAnimate {
  from {
    height: 375px;
    opacity: 1;
  }
  to {
    height: 0;
    opacity: 0;
  }
}

#fixedArea {
  transition: 0.5s;
  z-index: 10;
  /*数値は例*/
}

#nav-area {
  transition: 0.5s;
  z-index: 10;
  box-shadow: 1px 1px 4px #aaa;
  /*sz add 1116*/
}

.header_hide {
  transform: translateY(-100%);
  /* box-shadow: 1px 1px 4px #aaa; */
  /*sz 2018/11/23*/
  /* auto hide category menu frame when scroll down */
  animation-fill-mode: forwards;
  position: absolute;
  width: 100%;
}

.bodyOverflow {
  overflow: hidden;
}

/**　SZ カスタム  2018/10/10 ヘッダーメニュー　End */
.categoryList {
  position: relative;
}
.categoryList .category_level1:hover {
  background-color: #F7F7F7;
}
.categoryList .category_level1 {
  padding: 4% 8% 4% 0;
}

.ec-open {
  background-image: url(/html/template/default/assets/images/common/cloes_icon_01.png);
  background-size: 14px;
  background-position: right;
  background-repeat: no-repeat;
  background-color: #F7F7F7;
}

.ec-close {
  background-image: url(/html/template/default/assets/images/common/open_icon_01.png);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: right;
  background-color: white;
}

.categoryList .category_level1 {
  font-size: 0.8rem;
  line-height: 0.8rem;
  display: block;
  color: inherit;
}

@media screen and (max-width: 767px) {
  .categoryList .category_level1 {
    font-size: 1.4rem;
    line-height: inherit;
  }
  .categoryList .category_level2 {
    font-size: 1.2rem;
    line-height: 2rem;
  }

  .child-box .categoryList_item {
    border-top: none;
    font-size: 1.7rem;
    line-height: 2.3rem;
  }

  dd.child-box a:before {
    content: '';
  }
  dd.child-box {
    background: #f7f7f7;
    float: left;
    width: 100%;
  }
  dd.child-box ul {
    padding: 2%;
  }
  li.category_level2 {
    width: 46%;
    float: left;
    padding: 10px 10px 10px 0;
    background: url(/html/template/default/assets/images/common/icn_arrow_right_lblue.png) no-repeat 97% center;
    background-size: 0.5rem;
  }
  li.category_level2 a {
    font-size: 1.3rem;
    display: block;
    word-break: break-all;
    margin-right: 10px;
    padding: 0;
  }
  .ec-close, .ec-open {
    width: 90%;
  }
}


/*Dung Le add 2020/04/27*/
.ec-btn {
  position: relative;
}

.ec-btn .ec-btn-right:after {
  margin: auto;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  display: block;
  content: '';
}

.ec-btn-right:after {
  width: 8px;
  height: 13px;
}

/* after a pseudo-element */
.ec-btn-right.ec-btn-right-blue:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_right_blue.png);
}
.ec-btn-right.ec-btn-right-gray:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_right_gray.png);
}
.ec-btn-right.ec-btn-right-lblue:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_right_lblue.png);
}
.ec-btn-right.ec-btn-right-white:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_right_white.png);
}
.ec-btn-right.ec-btn-right-black:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_right_black7x14.png);
}

/* next icon for tag i*/
.ec-btn.ec-btn-next-blue {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_next_blue.png);
}
.ec-btn.ec-btn-next-green {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_next_green.png);
}
.ec-btn.ec-btn-next-pink {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_next_pink.png);
}

/*Dung Le add end*/

.btn-radius {
  border-radius: 15px;
}
.btn-radius-20 {
  border-radius: 20px;
}

.float-right {
  float: right;
}

.align-middle {
  vertical-align: middle !important;
}

.pr-1 {
    padding-right: 10px;
}

/* no padding/width when no space */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .pcMenuBox .pcMenuBox_btn {
    width: 60px;
  }
  .pcMenuBox .pcMenuBox_btn .pcMenuBox_btn_icon .cartNum {
    left: 9px;
  }
  .noticeBox {
    padding-left: 0;
  }
}

.alert-info {
  color: #01a3b0;
  background-color: #d9edf7;
  border-color: #bce8f1;
  border-top-color: rgb(188, 232, 241);
  border-right-color: rgb(188, 232, 241);
  border-bottom-color: rgb(188, 232, 241);
  border-left-color: rgb(188, 232, 241);
}

.fade {
  transition: opacity .15s linear;
}

.fade.in {
  opacity: 1;
}

.alert.alert-info p {
  display: inline-block;
}

@font-face {
  font-family: MUI-Icons;
  src: url('/html/template/default/assets/fonts/MUI-Icons/MUI-Icons.eot');
  src: url('/html/template/default/assets/fonts/MUI-Icons/MUI-Icons.eot?#iefix') format('embedded-opentype'),
  url('/html/template/default/assets/fonts/MUI-Icons/MUI-Icons.woff2') format('woff2'),
  url('/html/template/default/assets/fonts/MUI-Icons/MUI-Icons.woff') format('woff'),
  url('/html/template/default/assets/fonts/MUI-Icons/MUI-Icons.ttf') format('truetype'),
  url('/html/template/default/assets/fonts/MUI-Icons/MUI-Icons.svg#MUI-Icons') format('svg');
  font-style: normal;
}

.mui-exclamation-sign:after {
  content: "\E086";
  font-family: 'MUI-Icons';
  font-style: normal;
}

@media screen and (max-width: 767px) {
  .alert.alert-info {
    display: flex;
  }
}