@charset "UTF-8";

html.RN-2022{
  font-size: 16px;
}

.RN-2022 body{
  color: #000000;
  font-family: 'Open Sans', 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "游ゴシック", "Yu Gothic", Meiryo, sans-serif;
  /*font-size: calc(112.5% + 0.25vw);*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
  letter-spacing: 0.1rem;
}
/*
html body#index {
  background: none;
}
*/

a {
  text-decoration: none;
  color: #052D85;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear;
}

a:link {
  text-decoration: none;
  color: #052D85;
}

a:visited {
  text-decoration: none;
  color: #052D85;
}

a:hover {
  text-decoration: underline;
  color: #052D85;
  opacity: 0.8;
}


.page-wrap{
  overflow-x: hidden;
}



/* -------------------------------------------------------------------------------------------
*
* ニュースリリース一覧 カテゴリー色指定
*
* ----------------------------------------------------------------------------------------- */

/* 新商品 */
.article-list .release-cate.release-cate__new{
  background-color: #48c7ef;
}

/* イベント・キャンペーン */
.article-list .release-cate.release-cate__cp{
  background-color: #ef75a6;
}

/* 事業・活動 */
.article-list .release-cate.release-cate__bs{
  background-color: #f0753c;
}

/* CM */
.article-list .release-cate.release-cate__cm{
  background-color: #FFA73C;
}

/* 研究・技術 */
.article-list .release-cate.release-cate__rd{
  background-color: #33afb0;
}

/* 人事・組織 */
.article-list .release-cate.release-cate__hr{
  background-color: #ad6c0e;
}

/* サステナビリティ */
.article-list .release-cate.release-cate__st{
  background-color: #33b03b;
}

/* その他 */
.article-list .release-cate.release-cate__ex{
  background-color: #8F8F8F;
}



@media screen and (min-width : 769px){

  .pc{ display: block; }
  .sp{ display: none; }


  /* -------------------------------------------------------------------------------------------
  *
  * common
  *
  * ----------------------------------------------------------------------------------------- */

  .inner{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
  }

  .m-breadcrumbs {
    font-size: 0;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    text-align: left;
  }

  .m-breadcrumbs > li {
    font-size: 0.75rem;
    display: inline-block;
  }

  .m-breadcrumbs > li:nth-of-type(n+2)::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 5px;
    height: 8px;
    background-image: url("../image/icon_arrow_black.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin: 6px 8px 0 8px;
    padding: 0;
  }

  .m-breadcrumbs a {
    color: #052D85;
    text-decoration: none;
  }

  .m-breadcrumbs a:link {
    color: #052D85;
    text-decoration: none;
  }

  .m-breadcrumbs a:visited {
    color: #052D85;
    text-decoration: none;
  }

  .m-breadcrumbs a:hover {
    color: #052D85;
    text-decoration: underline;
  }

  .m-breadcrumbs a:active {
    color: #052D85;
    text-decoration: none;
  }


  .wave-bg-ttl{
    background-image: url("/cmn/common-2022/image/h1_bg_pc.png");
    background-repeat: repeat-x;
    background-size: auto 123px;
    background-position: top center;
    color: #ffffff;
    font-size: 1.625rem;
    font-weight: 700;
    padding: 42px 100% 145px 100%;
    margin: 0 -100%;
  }



  h2.center{
    text-align: center;
  }
  h2.left{
    text-align: left;
  }

  h2:not(.kss-title) span{
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.3125rem;
  }


  /* アイコンリンク（矢印）*/
  .link-arrow{
    padding-bottom: .5em;
    background: linear-gradient(#000000, #000000) 0 88%/0 1px no-repeat;
    transition: background .4s;
    color: inherit;
    text-decoration: none;
  }
  .link-arrow:link{
    color: inherit;
  }
  .link-arrow:hover,
  a:hover .link-arrow{
    background-size: 100% 1px;
    text-decoration: none;
  }

  .link-arrow::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 8px;
    margin: -2px 0 0 8px;
    background-image: url("../image/icon_arrow_black.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }

  .link-arrow__bottom::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 8px;
    margin: -2px 0 0 8px;
    background-image: url("../image/icon_header_arrow_gray.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  /* アイコンリンク（別タブ）*/
  .link-blank{
    padding-bottom: .5em;
    background: linear-gradient(#000000, #000000) 0 88%/0 1px no-repeat;
    transition: background .4s;
    color: inherit;
    text-decoration: none;
  }
  .link-blank:link{
    color: inherit;
  }
  .link-blank:hover{
    background-size: 100% 1px;
    text-decoration: none;
  }

  .link-blank::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    margin: -4px 0 0 8px;
    background-image: url("../image/icon_blank_gray.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }

  /* アイコンリンク（白字+白丸矢印）*/
  .link-circleArrow__white,
  .link-circleArrow__white:link,
  .link-circleArrow__white:hover,
  .link-circleArrow__white:visited{
    text-decoration: none;
    color: #ffffff;
  }
  .link-circleArrow__white::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    margin: -2px 0 0 10px;
    background-image: url("../image/icon_circlearrow_white.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
  }
  a:hover .link-circleArrow__white::after,
  .link-circleArrow__white:hover::after{
    background-image: url("../image/icon_circlearrow_blue.svg");
  }

  /* アイコンリンク（黒字+青丸矢印）*/
  .link-circleArrow__blue,
  .link-circleArrow__blue:link,
  .link-circleArrow__blue:hover,
  .link-circleArrow__blue:visited{
    text-decoration: none;
    color: inherit;
  }

  .link-circleArrow__blue::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    margin: -2px 0 0 10px;
    background-image: url("../image/icon_circlearrow_blue.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
  }
  a:hover .link-circleArrow__blue::after,
  .link-circleArrow__blue:hover::after{
    background-image: url("../image/icon_circlearrow_white_border.svg");
  }
  .wave-bg a:hover .link-circleArrow__blue::after,
  .wave-bg .link-circleArrow__blue:hover::after{
    background-image: url("../image/icon_circlearrow_white.svg");
  }


  .link-circleArrow-return__blue,
  .link-circleArrow-return__blue:link,
  .link-circleArrow-return__blue:hover,
  .link-circleArrow-return__blue:visited{
    text-decoration: none;
    color: inherit;
  }
  .link-circleArrow-return__blue::before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    margin: -2px 5px 0 0;
    background-image: url("../image/icon_circlearrow_blue.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  a:hover .link-circleArrow-return__blue::before,
  .link-circleArrow-return__blue:hover::before{
    background-image: url("../image/icon_circlearrow_white_border.svg");
  }


  /* 別タブアイコンリンク（白字+白丸矢印）*/
  .link-circleBlank__white,
  .link-circleBlank__white:link,
  .link-circleBlank__white:hover,
  .link-circleBlank__white:visited{
    text-decoration: none;
    color: #ffffff;
  }
  .link-circleBlank__white::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    margin: -2px 0 0 10px;
    background-image: url("../image/icon_circleblank_white.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
  }
  a:hover .link-circleBlank__white::after,
  .link-circleBlank__white:hover::after{
    background-image: url("../image/icon_circleblank_blue.svg");
  }

  /* 別タブアイコンリンク（黒字+青丸矢印）*/
  .link-circleBlank__blue,
  .link-circleBlank__blue:link,
  .link-circleBlank__blue:hover,
  .link-circleBlank__blue:visited{
    text-decoration: none;
    color: inherit;
  }

  .link-circleBlank__blue::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    margin: -2px 0 0 10px;
    background-image: url("../image/icon_circleblank_blue.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
  }
  a:hover .link-circleBlank__blue::after,
  .link-circleBlank__blue:hover::after{
    background-image: url("../image/icon_circleblank.svg");
  }
  .wave-bg a:hover .link-circleBlank__blue::after,
  .wave-bg .link-circleBlank__blue:hover::after{
    background-image: url("../image/icon_circleblank_white.svg");
  }

  /* 別タブアイコンリンク（画像右下） */
  .pic-link-circleBlank__blue{
    position: relative;
    padding: 0 0 17px 0;
  }
  #brand.carousel-section .slides .pic-link-circleBlank__blue{
    padding: 0 0 25px 0;
  }
  .pic-link-circleBlank__blue::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    margin: -2px 0 0 10px;
    background-image: url("../image/icon_circleblank_blue.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
    position: absolute;
    right: 0; bottom: 0;
  }
  a:hover .pic-link-circleBlank__blue::after{
    background-image: url("../image/icon_circleblank.svg");
  }
  .wave-bg a:hover .pic-link-circleBlank__blue::after{
    background-image: url("../image/icon_circleblank_white.svg");
  }


  /* ボタン */
  .btn__arrow{
    text-align: center;
  }
  .btn__arrow a{
    display: inline-block;
    vertical-align: top;
    min-width: 200px;
    background-color: #052D85;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 0 2px #052D85;
    box-shadow: 0 0 0 2px #052D85;
    box-sizing: border-box;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    padding: 10px 20px;
    position: relative;
    -webkit-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s;
    }
    .btn__arrow a,
    .btn__arrow a:link,
    .btn__arrow a:visited{
      color: #ffffff;
    }
    .btn__arrow a:hover{
      opacity: 1;
      color: #052D85;
      background-color: #ffffff;
      text-decoration: none;
    }

  .btn__arrow a::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 9px;
    margin: auto;
    background-image: url("../image/icon_arrow_white.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0; right: 10px; bottom: 0;
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
  }
  .btn__arrow a:hover::after{
    background-image: url("../image/icon_arrow_blue.svg");
  }

  /* ボタン（左矢印） */
  .btn__arrow__return{
    text-align: center;
  }
  .btn__arrow__return a{
    display: inline-block;
    vertical-align: top;
    background-color: #052D85;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 0 2px #052D85;
    box-shadow: 0 0 0 2px #052D85;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    padding: 10px 20px 10px 30px;
    position: relative;
    -webkit-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s;
    }
    .btn__arrow__return a,
    .btn__arrow__return a:link,
    .btn__arrow__return a:visited{
      color: #ffffff;
    }
    .btn__arrow__return a:hover{
      opacity: 1;
      color: #052D85;
      background-color: #ffffff;
      text-decoration: none;
    }

  .btn__arrow__return a::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 9px;
    margin: auto;
    background-image: url("../image/icon_arrow_white.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0; left: 14px; bottom: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
  }
  .btn__arrow__return a:hover::after{
    background-image: url("../image/icon_arrow_blue.svg");
  }


  /* ボタン（外部リンク） */
  .btn__blank{
    text-align: center;
  }
  .btn__blank a{
    display: inline-block;
    vertical-align: top;
    width: 200px;
    background-color: #052D85;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 0 2px #052D85;
    box-shadow: 0 0 0 2px #052D85;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    padding: 10px 0;
    position: relative;
    -webkit-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s;
    }
    .btn__blank a,
    .btn__blank a:link,
    .btn__blank a:visited{
      color: #ffffff;
    }
    .btn__blank a:hover{
      opacity: 1;
      color: #052D85;
      background-color: #ffffff;
      text-decoration: none;
    }

  .btn__blank a::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    margin: auto;
    background-image: url("../image/icon_blank_white.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0; right: 10px; bottom: 0;
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
  }
  .btn__blank a:hover::after{
    background-image: url("../image/icon_blank_blue.svg");
  }


  /* snsシェアボタン */
  .sns-share-list{
    margin-top: 30px;
    padding: 0 0 40px;
  }

  .sns-share-list p{
    font-size: 12px;
    font-weight: 400;
    text-align: center;
  }

  .sns-share-list ul{
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
  .sns-share-list ul li{
    width: 30px;
  }
  .sns-share-list ul li:nth-of-type(n+2){
    margin: 0 0 0 30px;
  }




  /* アンカー */
  .anchor a:hover{text-decoration: underline;}
  .anchor{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .anchor li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #8f8f8f;
    font-size: 1.20rem;
    font-weight: bold;
    position: relative;
  }
  .anchor li:after{
      content: '';
      width: 7px;
      height: 7px;
      margin-top: -5px;
      border-top: solid 2px #052d85;
      border-right: solid 2px #052d85;
      transform: rotate(135deg);
      position: absolute;
      top: 50%;
      right: 19px;
  }
  .anchor li:last-child{border-right: 1px solid #8f8f8f;}
  .anchor li a{
    padding: 0px 50px 0px 32px;
    color: #000000;
  }


  /* -------------------------------------------------------------------------------------------
  *
  * タブ
  *
  * ----------------------------------------------------------------------------------------- */

  .tab-group{
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
  }
  .tab-group li{
    width: 33%;
  }
  .tab-group[data-clm="2"] li{
    width: 50%;
  }
  .tab-group[data-clm="3"] li{
    width: 33%;
  }
  .tab-group[data-clm="4"] li{
    width: 25%;
  }
  .tab-group[data-clm="5"] li{
    width: 20%;
  }

  /*
  .tab-group li:nth-of-type(2){
    margin: 0 8px;
  }
  */
  .tab-group li a,
  .tab-group li a:visited,
  .tab-group li a:link{
    border-radius: 20px 20px 0 0;
    border-bottom: 2px solid #DCDCDC;
    box-sizing: border-box;
    color: #909090;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    padding: 18px 0;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .3s, color .3s, border-bottom .3s;
    transition: background-color .3s, color .3s, border-bottom .3s;
  }
  .tab-group li:not(.is-active):hover a{
    border-bottom: 2px solid #004097;
    color: #004097;
    text-decoration: none;
  }
  .tab-group li a:hover{
    text-decoration: none;
    opacity: 1;
  }
  .tab-group li.is-active a{
    background-color: #004097;
    border-bottom: 2px solid #004097;
    color: #ffffff;
    cursor: default;
  }

  .tab-group li a::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    margin: auto;
    background-image: url("/cmn/common-2022/image/icon_circlearrow_gray.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0; right: 17px; bottom: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
  }
  .tab-group li.is-active a::after{
    background-image: url("/cmn/common-2022/image/icon_circlearrow_white.svg");
  }


  .tab-panel{
    display: none;
  }
  .tab-panel.is-active{
    display: block;
  }


  /* カルーセルエリア */
  .carousel-section{
    position: relative;
  }
  .carousel-section:not(#recommend){
    margin: 140px 0 0 0;
  }
  .carousel-section#recommend{
    margin: 80px 0 0 0;
  }

  .carousel-section .btn__arrow,
  .carousel-section .btn__blank{
    position: absolute;
    top: 0; right: 5%;
  }

  .carousel-section:not(#recommend) h2{
    margin: 0 0 74px 0;
  }



  /* 新商品情報エリア */
  #NewShopItem{
    margin: 0 -20px 82px -20px;
    padding: 0 20px;
    width: 100%;
    overflow-x: visible;
    overflow-y: visible;
    text-align: center;
  }
  #NewShopItem.top{
    margin: 0 -20px 42px -20px;
  }

  #NewShopItem .date{
    border: 0;
    font-size: 0.875rem;
    font-weight: 600;
    display: block;
    left: 8px;
    margin: 0 auto;
    right: 0;
    position: absolute;
    top: 295px;
    text-align: left;
  }
  #NewShopItem.top .date{
    color: #fff;
  }
  #NewShopItem .date .new {
    display: none;
  }

  #NewShopItem .productsList{
    width: 100% !important;
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #NewShopItem .productsList::after{
    display: none;
  }

  #NewShopItem .productsList.col4 li{
    padding: 0;
    width: 22.5% !important;
  }

  #NewShopItem .productImg {
    background-color: #ffffff;
    border-radius: 30px;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
    display: block;
    height: 270px !important;
    margin: 0 auto 48px;
    position: relative;
    top: 0;
    width: 100%;
  }

  #NewShopItem .productImg::after{
    content: '';
    display: block;
    width: 62px;
    height: 62px;
    background-image: url("/cmn/common-2022/image/icon_new.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 20px; right: 20px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: background-image .2s linear, transform .2s linear, top .2s linear, right .2s linear;
    transition: background-image .2s linear, transform .2s linear, top .2s linear, right .2s linear;
  }
  #NewShopItem .productImg:hover::after{
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    background-image: url("/cmn/common-2022/image/icon_new_on.svg");
    top: -24px; right: -6px;
  }

  #NewShopItem .productImg table {
    table-layout: fixed;
  }

  #NewShopItem .productImg tbody, #NewShopItem .productImg tr, #NewShopItem .productImg td {
    display: block;
    text-align: center;
    height: 270px;
    width: 100%;
  }

  #NewShopItem .productImg tbody a, #NewShopItem .productImg tr a, #NewShopItem .productImg td a{
    display: inline-block;
    outline: none;
    padding-top: 25px;
    width: 100%;
    height: 100%;
  }

  #NewShopItem .productImg tbody a img, #NewShopItem .productImg tr a img, #NewShopItem .productImg td a img {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  #NewShopItem .productImg tbody a:hover img, #NewShopItem .productImg tr a:hover img, #NewShopItem .productImg td a:hover img {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    -webkit-animation-name: thumb;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-timing-function: linear;
    animation-name: thumb;
    animation-duration: 200ms;
    transform-origin: 50% 50%;
    animation-iteration-count: 2;
    animation-timing-function: linear;
  }

  #NewShopItem .productsList.col4 .productName {
    text-align: left;
    /*padding: 0 0 0 8px;*/
  }
  #NewShopItem .productsList.col4 .productName a {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.66;
    text-decoration: none;
    color: #000000;
  }
  #NewShopItem.top .productsList.col4 .productName a {
    color: #fff !important;
  }

  #NewShopItem .productsList.col4 .productName a::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    margin: -2px 0 0 10px;
    background-image: url("../image/icon_circlearrow_white_border.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
  }
  #NewShopItem.top .productsList.col4 .productName a::after{
    background-image: url("../image/icon_circlearrow_white.svg");
  }
  #NewShopItem .productsList.col4 li:hover .productName a::after{
    background-image: url("../image/icon_circlearrow_blue.svg");
  }

  #NewShopItem .productsList.col4 li{
    box-sizing: border-box;
    float: left;
    margin: 0 !important;
    padding: 10px;
    position: relative;
    width: 190px;
  }


  /* -------------------------------------------------------------------------------------------
  *
  * ニュースリリース
  *
  * ----------------------------------------------------------------------------------------- */

  #release{
    background-color: #F4F4F4;
    padding: 56px 0 76px 0;
    margin: 132px 0 0 0;
  }

  #release .inner{
    position: relative;
  }

  #release h2{
    margin: 0 0 40px 0;
  }

  #release .btn__arrow{
    position: absolute;
    top: -4px; right: 0;
  }
  #release .btn__arrow a{
    width: 220px;
  }


  /* -------------------------------------------------------------------------------------------
  *
  * ニュースリリース・お知らせ共通部分
  *
  * ----------------------------------------------------------------------------------------- */

  .article-list{
    border-top: 1px solid #8F8F8F;
  }
  #newsrelease-index .article-list{
    border-top: 1px solid #DCDCDC;
  }

  .article-list li{
    padding: 26px 0;
    border-bottom: 1px solid #8F8F8F;
  }
  #newsrelease-index .article-list li{
    border-bottom: 1px solid #DCDCDC;
  }
  #newsrelease-index .article-list li.is-hidden{
    display: none;
  }

  body:not(.old-format) .article-list li a,
  .article-list li .release-no-link-outer{
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .article-list li a{
    text-decoration: none;
    color: #000000;
  }

  .article-list .release-thumb{
    width: 15%;
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .article-list .release-thumb img{
    max-width: 100%;
    width: 100%;
    /*mix-blend-mode: multiply;*/
  }


  .article-list .release-col-box{
    width: 82%;
  }

  section:not(#Information) li .release-col:first-child{
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 14px 0;
  }

  #Information li .release-col:first-child{
    width: 15%;
    /*padding: 0 0 0 46px;*/
    text-align: center;
  }
  #Information li .release-col:last-child{
    width: 85%;
  }

  .article-list .release-date{
    display: block;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0;
  }

  .article-list .release-cate{
    display: inline-block;
    vertical-align: top;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    padding: 6px 22px;
    /*margin: 10px 0 14px 0;*/
    margin: 0 0 0 16px;
    border-radius: 12px;
    background-color: #4ED5FF;
    color: #ffffff;
  }

  .article-list .release-text{
    padding-bottom: .25em;
    background: linear-gradient(#000000, #000000) 0 88%/0 1px no-repeat;
    transition: background .4s;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.5;
  }
  .article-list .release-no-link-outer .release-text{
    background: none;
  }
  .article-list li:hover .release-text{
    background-size: 100% 1px;
  }


  /* -------------------------------------------------------------------------------------------
  *
  * TOPへ戻るボタン
  *
  * ----------------------------------------------------------------------------------------- */

  .m-pagetop{
    position: fixed;
    right: 20px;
    top: 91%;
    height: 48px;
    width: 48px;
    opacity: 0.6;
    z-index: 15;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
  }
  .m-pagetop:hover{
    opacity: 0.9;
  }
  .m-pagetop a{
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("/shared/common-2022/menu/image/pagetop.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0;
  }



}@media screen and (max-width : 768px){

  .pc{ display: none; }
  .sp{ display: block; }

  /* -------------------------------------------------------------------------------------------
  *
  * common
  *
  * ----------------------------------------------------------------------------------------- */

  .inner{
    width: 90%;
    margin: 0 auto;
  }

  .m-breadcrumbs {
    display: none;
  }


  .wave-bg-ttl{
    background-image: url("/cmn/common-2022/image/h1_bg_sp.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    color: #ffffff;
    font-size: 4vw;
    font-weight: 700;
    padding: 5vw 5vw 12vw 5vw;
    margin: 0 -5vw;
    text-align: center;
  }

  h2.center{
    text-align: center;
  }
  h2.left{
    text-align: left;
  }

  h2 span{
    font-size: 6vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1vw;
  }

  /* アイコンリンク（矢印）*/
  .link-arrow::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 8px;
    margin: -2px 0 0 8px;
    background-image: url("../image/icon_arrow_black.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }

  .link-arrow__bottom::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 8px;
    margin: -2px 0 0 8px;
    background-image: url("../image/icon_header_arrow_gray.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  /* アイコンリンク（別タブ）*/
  .link-blank::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    margin: 0 0 0 8px;
    background-image: url("../image/icon_blank_gray.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }

  /* アイコンリンク（白字+白丸矢印）*/
  .link-circleArrow__white,
  .link-circleArrow__white:link,
  .link-circleArrow__white:hover,
  .link-circleArrow__white:visited{
    text-decoration: none;
    color: #ffffff;
    font-weight: 600;
  }
  .link-circleArrow__white::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin: -0.5vw 0 0 1.25vw;
    background-image: url("../image/icon_circlearrow_white.svg");
    background-repeat: no-repeat;
    background-size: 96% auto;
  }

  /* アイコンリンク（黒字+青丸矢印）*/
  .link-circleArrow__blue,
  .link-circleArrow__blue:link,
  .link-circleArrow__blue:hover,
  .link-circleArrow__blue:visited{
    text-decoration: none;
    color: inherit;
  }

  .link-circleArrow__blue::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin: -0.5vw 0 0 1.25vw;
    background-image: url("../image/icon_circlearrow_blue.svg");
    background-repeat: no-repeat;
    background-size: 96% auto;
  }

  .link-circleArrow-return__blue::before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin: -0.5vw 1.25vw 0 0;
    background-image: url("../image/icon_circlearrow_blue.svg");
    background-repeat: no-repeat;
    background-size: 96% auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  /* アイコンリンク（白字+白丸矢印）*/
  .link-circleBlank__white,
  .link-circleBlank__white:link,
  .link-circleBlank__white:hover,
  .link-circleBlank__white:visited{
    text-decoration: none;
    color: #ffffff;
    font-weight: 600;
  }
  .link-circleBlank__white::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin: -0.5vw 0 0 1.25vw;
    background-image: url("../image/icon_circleblank_white.svg");
    background-repeat: no-repeat;
    background-size: 96% auto;
  }

  /* アイコンリンク（黒字+青丸矢印）*/
  .link-circleBlank__blue,
  .link-circleBlank__blue:link,
  .link-circleBlank__blue:hover,
  .link-circleBlank__blue:visited{
    text-decoration: none;
    color: inherit;
  }

  .link-circleBlank__blue::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin: -0.5vw 0 0 1.25vw;
    background-image: url("../image/icon_circleblank_blue.svg");
    background-repeat: no-repeat;
    background-size: 96% auto;
  }

  /* 別タブアイコンリンク（画像右下） */
  .pic-link-circleBlank__blue{
    position: relative;
    padding: 0 0 3.5vw 0;
  }
  #brand.carousel-section .slides .pic-link-circleBlank__blue{
    padding: 0 0 5vw 0;
  }

  .pic-link-circleBlank__blue::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin: -0.5vw 0 0 1.25vw;
    background-image: url("../image/icon_circleblank_blue.svg");
    background-repeat: no-repeat;
    background-size: 96% auto;
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
    position: absolute;
    right: 0; bottom: 0;
  }


  /* ボタン */
  .btn__arrow{
    text-align: center;
  }
  .btn__arrow a{
    display: inline-block;
    vertical-align: top;
    min-width: 48vw;
    background-color: #052D85;
    border-radius: 30px;
    box-sizing: border-box;
    font-size: 3.74vw;
    line-height: 1;
    padding: 2.7vw 6vw 2.7vw 4vw;
    position: relative;
    letter-spacing: 0.5vw;
    }
    .btn__arrow a,
    .btn__arrow a:link,
    .btn__arrow a:hover,
    .btn__arrow a:visited{
      color: #ffffff;
      font-weight: 600;
    }
  .btn__arrow a::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1.6vw;
    height: 2.4vw;
    margin: auto;
    background-image: url("../image/icon_arrow_white.svg");
    background-repeat: no-repeat;
    background-size: 96% auto;
    position: absolute;
    top: 0; right: 2.5vw; bottom: 0;
  }


  /* ボタン（左矢印） */
  .btn__arrow__return{
    text-align: center;
  }
  .btn__arrow__return a{
    display: inline-block;
    vertical-align: top;
    background-color: #052D85;
    border-radius: 30px;
    font-size: 3.74vw;
    line-height: 1;
    padding: 2.7vw 3vw 2.7vw 6vw;
    position: relative;
    letter-spacing: 0.5vw;
    }
    .btn__arrow__return a,
    .btn__arrow__return a:link,
    .btn__arrow__return a:hover,
    .btn__arrow__return a:visited{
      color: #ffffff;
      font-weight: 600;
    }
  .btn__arrow__return a::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1.6vw;
    height: 2.4vw;
    margin: auto;
    background-image: url("../image/icon_arrow_white.svg");
    background-repeat: no-repeat;
    background-size: 96% auto;
    position: absolute;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 0; left: 2.5vw; bottom: 0;
  }


  /* ボタン（外部リンク） */
  .btn__blank{
    text-align: center;
  }
  .btn__blank a{
    display: inline-block;
    vertical-align: top;
    width: 48vw;
    background-color: #052D85;
    border-radius: 30px;
    font-size: 3.74vw;
    line-height: 1;
    padding: 2.7vw 0;
    position: relative;
    }
    .btn__blank a,
    .btn__blank a:link,
    .btn__blank a:hover,
    .btn__blank a:visited{
      color: #ffffff;
      font-weight: 600;
    }
  .btn__blank a::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    margin: auto;
    background-image: url("../image/icon_blank_white.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0; right: 2.5vw; bottom: 0;
  }

  /* snsシェアボタン */
  .sns-share-list{
    margin-top: 30px;
  }

  .sns-share-list p{
    font-size: 12px;
    font-weight: 400;
    text-align: center;
  }

  .sns-share-list ul{
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
  .sns-share-list ul li{
    width: 30px;
  }
  .sns-share-list ul li:nth-of-type(n+2){
    margin: 0 0 0 30px;
  }





  /* アンカー */
  .anchor a:hover{text-decoration: underline;}
  .anchor{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
  }

  .anchor li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #8f8f8f;
    font-weight: bold;
    position: relative;
    font-size: 0.67rem;
    box-sizing: border-box;
    margin: 3vw 0 0 0;
    white-space: pre;
  }
  .anchor.anchor__sp-clm3 li{
    width: 33%;
  }
  .anchor li a{
    padding: 0vw 7vw 0vw 3vw;
    display: inline-block;
    width: 100%;
    color: #000000;
  }

  .anchor li:nth-child(3){
    border-right: 1px solid #8f8f8f;
  }
  .anchor li:after{
    content: '';
    width: 4px;
    height: 4px;
    margin-top: -5px;
    border-top: solid 1px #052d85;
    border-right: solid 1px #052d85;
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 1.5vw;
  }
  .anchor li:last-child{border-right: 1px solid #8f8f8f;}


  /* -------------------------------------------------------------------------------------------
  *
  * タブ
  *
  * ----------------------------------------------------------------------------------------- */

  .tab-group{
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    margin-top: 9.6vw;
  }
  .tab-group li{
    width: 33%;
  }
  .tab-group[data-clm="2"] li{
    width: 50%;
  }
  .tab-group[data-clm="3"] li{
    width: 33%;
  }
  .tab-group[data-clm="4"] li{
    width: 25%;
  }
  .tab-group[data-clm="5"] li{
    width: 20%;
  }
  /*
  .tab-group li:nth-of-type(2){
    margin: 0 1vw;
  }
  */
  .tab-group li a,
  .tab-group li a:visited,
  .tab-group li a:link{
    /*background-color: #F4F4F4;*/
    border-radius: 3vw 3vw 0 0;
    border-bottom: 2px solid #DCDCDC;
    box-sizing: border-box;
    color: #909090;
    cursor: pointer;
    display: block;
    font-size: 3.73vw;
    font-weight: 700;
    line-height: 1;
    padding: 3.5vw 0 2.5vw 0;
    position: relative;
    text-align: center;
  }
  .tab-group li.is-active a{
    background-color: #004097;
    border-bottom: 2px solid #004097;
    color: #ffffff;
    cursor: default;
  }

  .tab-group li a::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 3vw;
    height: 3vw;
    margin: auto;
    background-image: url("/cmn/common-2022/image/icon_circlearrow_gray.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0.5vw; right: 3vw; bottom: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
  }
  .tab-group li.is-active a::after{
    background-image: url("/cmn/common-2022/image/icon_circlearrow_white.svg");
  }


  .tab-panel{
    display: none;
  }
  .tab-panel.is-active{
    display: block;
  }



  /* カルーセルエリア */
  .carousel-section{
    position: relative;
  }
  .carousel-section:not(#recommend){
    margin: 18.6vw 0 0 0;
  }
  .carousel-section#recommend{
    margin: 8vw 0 0 0;
  }

  .carousel-section .btn__arrow,
  .carousel-section .btn__blank{
    margin: 7vw 0 0 0;
  }

  .carousel-section:not(#recommend) h2{
    margin: 0 0 7.5vw 0;
  }


  #NewShopItem{
    margin: 0 -20px 5vw -20px;
    padding: 0 20px;
    width: 100%;
    overflow-x: visible;
    overflow-y: visible;
    text-align: center;
  }

  #NewShopItem .owl-carousel .owl-stage-outer{
    overflow: visible;
    padding: 0 0 0 1vw;
  }

  #NewShopItem .owl-carousel .owl-stage{
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
  }

  #NewShopItem .date {
    border: 0;
    font-size: 3.2vw;
    font-weight: 600;
    display: block;
    left: 3.5vw;
    margin: 0 auto;
    right: 0;
    position: absolute;
    top: 41vw;
    text-align: left;
  }
  #NewShopItem.top .date {
    color: #ffffff;
  }

  #NewShopItem .date .new {
    display: none;
  }

  #NewShopItem:not(.top) .productsList{
    width: 100%;
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #NewShopItem.top .productsList{
    width: 100%;
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #NewShopItem .productsList.col4 li{
    padding: 0 2vw;
    width: 44vw;
  }


  #NewShopItem .owl-carousel .owl-item img{
    width: auto;
  }

  #NewShopItem .productImg{
    background-color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    display: block;
    width: 38.4vw;
    height: 38.4vw !important;
    margin: 0 auto 8vw;
    position: relative;
    top: 0;
  }

  #NewShopItem .productImg::after{
    content: '';
    display: block;
    width: 9.8vw;
    height: 9.8vw;
    background-image: url("/cmn/common-2022/image/icon_new.svg");
    background-repeat: no-repeat;
    background-size: 96% auto;
    position: absolute;
    top: 2vw; right: 2vw;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: background-image .2s linear, transform .2s linear, top .2s linear, right .2s linear;
    transition: background-image .2s linear, transform .2s linear, top .2s linear, right .2s linear;
  }
  #NewShopItem .productImg:hover::after{
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    background-image: url("/cmn/common-2022/image/icon_new_on.svg");
    top: -3vw; right: -2vw;
  }



  #NewShopItem .productImg table {
    table-layout: fixed;
  }

  #NewShopItem .productImg tbody, #NewShopItem .productImg tr, #NewShopItem .productImg td{
    display: block;
    text-align: center;
    height: 38.4vw;
    width: 100%;
  }

  #NewShopItem .productImg tbody a, #NewShopItem .productImg tr a, #NewShopItem .productImg td a{
    display: inline-block;
    outline: none;
    width: 100%;
    height: 100%;
  }

  #NewShopItem .productImg tbody a img, #NewShopItem .productImg tr a img, #NewShopItem .productImg td a img {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  #NewShopItem .productImg tbody a:hover img, #NewShopItem .productImg tr a:hover img, #NewShopItem .productImg td a:hover img {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-animation-name: thumb;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-timing-function: linear;
    animation-name: thumb;
    animation-duration: 200ms;
    transform-origin: 50% 50%;
    animation-iteration-count: 2;
    animation-timing-function: linear;
  }

  #NewShopItem .productsList.col4 .productName {
    text-align: left;
    padding: 0 0 0 1vw;
    letter-spacing: 0.2vw;
  }
  #NewShopItem .productsList.col4 .productName a {
    font-size: 3.2vw;
    font-weight: 600;
    line-height: 1.66;
    text-decoration: none;
    color: #000000;
  }
  #NewShopItem.top .productsList.col4 .productName a {
    color: #fff !important;
  }

  #NewShopItem .productsList.col4 .productName a::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 3.7vw;
    height: 3.7vw;
    margin: -0.5vw 0 0 1.25vw;
    background-image: url("../image/icon_circlearrow_blue.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }

  #NewShopItem .productsList.col4 li{
    box-sizing: border-box;
    float: left;
    margin: 0 0 5vw 0;
    position: relative;
  }
  #NewShopItem.top .productsList.col4 li{
    margin: 0;
  }


  /* -------------------------------------------------------------------------------------------
  *
  * ニュースリリース
  *
  * ----------------------------------------------------------------------------------------- */

  #release{
    background-color: #F4F4F4;
    padding: 8vw 0 8.8vw 0;
    margin: 16vw 0 0 0;
  }

  #release .inner{
    position: relative;
  }

  #release h2{
    margin: 0 0 7vw 0;
  }

  #release .btn__arrow{
    margin: 4.27vw 0 0 0;
  }
  #release .btn__arrow a{
    width: 56vw;
  }



  /* -------------------------------------------------------------------------------------------
  *
  * ニュースリリース・お知らせ共通部分
  *
  * ----------------------------------------------------------------------------------------- */

  .article-list{
    border-top: 1px solid #8F8F8F;
  }
  #newsrelease-index .article-list{
    border: none;
  }

  .article-list li{
    padding: 4vw 0;
    border-bottom: 1px solid #8F8F8F;
  }
  #newsrelease-index .article-list li{
    border: none;
  }
  #newsrelease-index .article-list li.is-hidden{
    display: none;
  }
  #newsrelease-index .article-list li:nth-of-type(n+2){
    border-top: 1px solid #DCDCDC;
  }

  .article-list li a{
    text-decoration: none;
    color: #000000;
  }
  body:not(.old-format) *:not(#Information) .article-list li a,
  #newsrelease-index:not(.old-format) .article-list li a{
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .article-list .release-thumb{
    /*width: 18%;*/
    width: 24vw;
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .article-list .release-thumb img{
    max-width: 100%;
    /*mix-blend-mode: multiply;*/
  }


  .article-list .release-col-box{
    /*width: 78%;*/
    width: 63vw;
  }

  section:not(#Information) li .release-col:first-child{
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2.7vw 0;
  }

  #Information li .release-col:first-child{
  }
  #Information li .release-col:last-child{
    margin: 2.67vw 0 0 0;
  }

  .article-list .release-date{
    display: block;
    font-size: 3.2vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
  }

  .article-list .release-cate{
    display: inline-block;
    vertical-align: top;
    font-size: 3vw;
    font-weight: 600;
    line-height: 1;
    /*padding: 1vw 4.27vw;*/
    padding: 1.5vw 3vw 1vw 3vw;
    /*margin: 2.7vw 0 2.7vw 0;*/
    margin: 0 0 0 2vw;
    border-radius: 12px;
    color: #ffffff;
    background-color: #4ED5FF;
  }

  .article-list .release-text{
    padding-bottom: .25em;
    background: linear-gradient(#000000, #000000) 0 88%/0 1px no-repeat;
    transition: background .4s;
    text-decoration: none;
    font-size: 3.2vw;
    line-height: 1.5;
  }
  .article-list .release-text:hover{
    background-size: 100% 1px;
  }



  /* -------------------------------------------------------------------------------------------
  *
  * TOPへ戻るボタン
  *
  * ----------------------------------------------------------------------------------------- */

  .m-pagetop{
    position: fixed;
    right: 3vw;
    top: 91%;
    height: 10vw;
    width: 10vw;
    opacity: 0.6;
    z-index: 15;
  }
  .m-pagetop a{
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("/shared/common-2022/menu/image/pagetop.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0;
  }




}


.slides__element {
  /*width: 400px;*/
  width: 356px;
  -webkit-transition: .3s;
  transition: .3s;
  margin: 0 -18px;
}

@media screen and (min-width:768px) {
  .center .slides__element {
    margin: 0 20px;
  }
}

@media screen and (max-width:767px) {
  .slides__element {
    margin: 0;
    width: 295px;
    margin: 0 12px;
    -webkit-transform: none;
    transform: none;
    /*-webkit-transform: translate(0, 20px);*/
    /*transform: translate(0, 20px);*/
    margin: 0;
  }
}

@media screen and (min-width:768px) {
  .slides__element {
    /*min-height: 360px;*/
    min-height: 300px;
  }
}

@media screen and (min-width:768px) {
  .slides .owl-stage-outer {
    /*height: 360px !important;*/
    height: 300px !important;
    /*margin-left: -78px;*/
    margin-left: -40px;
  }
  #recommend .slides .owl-stage-outer{
    height: 320px !important;
  }
  #commercial .slides .owl-stage-outer{
    height: 340px !important;
  }
  #campaign .slides .owl-stage-outer{
    height: 360px !important;
  }
  header .slides .owl-stage-outer{
    height: unset !important;
  }
}

@media screen and (max-width:767px) {
  .slides .is-active-next {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    margin: 0 12px;
  }
}

.slides__links {
  display: block;
  text-decoration: none !important;
}

.slides__date {
  display: inline-block;
  background: #ffd742;
  color: #074194;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 2px 7px 3px;
  margin-bottom: 5px;
}

@media screen and (max-width:767px) {
  .slides__date {
    font-size: 1.2rem;
  }
}

.slides__text {
  color: #000000;
  font-size: 0.875rem;
  margin: 0 auto;
  -webkit-transition: .3s;
  transition: .3s;
  width: 82%;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.center .slides__text{
  width: 100%;
}

.wave-bg .slides__text{
  color: #ffffff;
  font-weight: 600;
}


@media screen and (max-width:767px) {
  .slides__text {
    font-size: 3.3vw;
  }
}



.slides__emphasis{
  color: #052D85;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 12px 0;
  letter-spacing: 1px;
}





.slides__ph {
  margin: 0 auto 24px;
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-transform: scale(.8125) translate(0, 32px);
  transform: scale(.8125) translate(0, 32px);
  /*overflow: hidden;*/
  position: relative;
}

#recommend .slides__ph {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

#commercial .slides__ph::before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  margin: auto;
  background-image: url("/cmn/common-2022/image/icon_play.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: 1;
}

.slides__ph img {
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  height: auto;
}

@media screen and (max-width:767px) {
  .slides__ph {
    -webkit-transform: scale(.8125);
    transform: scale(.8125);
  }
}

.center .slides__ph{
  -webkit-transform: scale(1) translate(0, 0);
  transform: scale(1) translate(0, 0);
  margin: 6px 0 18px 0;
}

.slides__title {
  -webkit-transition: .4s;
  transition: .4s;
  font-size: 0.875rem;
}

@media screen and (max-width:767px) {
  .slides__title {
    font-size: 3.3vw;
  }
}
/*
.slides__links:hover .slides__ph {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
*/

.slides__links:hover .slides__ph img {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.owl-carousel {
  position: relative;
}

.owl-carousel .owl-next, .owl-carousel .owl-prev {
  z-index: 2;
  top: 42px;
  opacity: 1;
  -webkit-transform: translate(0, 4px);
  transform: translate(0, 4px);
  -webkit-transition: .4s;
  transition: .4s;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 100px;
  display: block;
  background: #fff!important;
  border-radius: 50%!important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

@media screen and (max-width:767px) {
  .owl-carousel .owl-next, .owl-carousel .owl-prev {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    width: 10.7vw;
    height: 10.7vw;
    top: 31%;
    /*bottom: 46%;*/
  }
  #recommend .owl-carousel .owl-next, #recommend .owl-carousel .owl-prev {
    top: 26%;
  }
  #NewShopItem .owl-carousel .owl-next, #NewShopItem .owl-carousel .owl-prev {
    top: 25%;
  }
  #commercial .owl-carousel .owl-next, #commercial .owl-carousel .owl-prev {
    top: 21%;
  }
  #campaign .owl-carousel .owl-next, #campaign .owl-carousel .owl-prev {
    top: 23%;
  }
}

.owl-carousel .owl-next span, .owl-carousel .owl-prev span {
  opacity: 1;
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .3s;
  transition: .3s;
  color: transparent;
  position: relative;
  width: 16px;
  height: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
}

@media screen and (max-width:767px) {
  .owl-carousel .owl-next span, .owl-carousel .owl-prev span {
  }
}

@media screen and (max-width:767px) {
  .owl-carousel .owl-next span, .owl-carousel .owl-prev span {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0 !important;
  }
}

.owl-carousel .owl-prev span::before,
.owl-carousel .owl-next span::before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    left: 3px;
    width: 10px;
    height: 10px;
    border-top: 3px solid #074194;
    border-right: 3px solid #074194;
}

.owl-carousel .owl-next span::before,
.owl-carousel .owl-prev span::before {
  color: #074194;
  position: absolute;
  top: 0;
}
.owl-carousel .owl-prev span::before {
  right: 0;
}
.owl-carousel .owl-next span::before {
  left: 0;
}

.owl-carousel .owl-next:hover, .owl-carousel .owl-prev:hover {
  opacity: .7;
}

.owl-carousel .owl-prev {
  /*left: calc(50% - 530px / 2 - 0px);*/
  left: 3%;
}

@media screen and (max-width:767px) {
  .owl-carousel .owl-prev {
    left: 2vw;
  }
}
@media screen and (max-width:959px) {
  #NewShopItem .owl-carousel .owl-prev {
    left: -1vw;
  }
}

.owl-carousel .owl-prev span::before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.owl-carousel .owl-next {
  /*right: calc(50% - 530px / 2 - 0px);*/
  right: 3%;
}

@media screen and (max-width:767px) {
  .owl-carousel .owl-next {
    right: 2vw;
  }
}
@media screen and (max-width:959px) {
  #NewShopItem .owl-carousel .owl-next {
    right: -1vw;
  }
}

.owl-carousel .owl-next span::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*
@media screen and (max-width:767px) {
  .owl-dots, .owl-play {
    margin-top: 15px;
  }
}
*/
.owl-dots .owl-dot.active span, .owl-play .owl-dot.active span {
  background: #074194 !important;
}

.owl-theme .owl-nav {
  margin-top: 0;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
  display: block !important;
}
.owl-carousel.slide-1 .owl-nav.disabled{
  display: none !important;
}
@media screen and (max-width:767px) {
  .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
    margin: 5vw 0 0 0;
  }
}


.owl-theme .owl-dots .owl-dot span {
  background: #cfcfcf;
}

.owl-control-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.owl-stop {
  display: none;
}

.owl-play {
  display: none;
  width: 20px;
  height: 28px;
  margin-right: 5px;
  margin-left: 10px;
  cursor: pointer;
}

.owl-play svg {
  fill: #cfcfcf;
}

.owl-play:hover svg {
  fill: #869791;
}

.owl-theme .owl-nav [class*=owl-]{
  margin: 0;
}

/*
.owl-play.-active {
  display: inline-block;
}
*/

@media screen and (min-width : 768px) and (max-width : 960px){

  #NewShopItem{
    margin: 0 -20px 5vw -20px;
    padding: 0 20px;
    width: 100%;
    overflow-x: visible;
    overflow-y: visible;
    text-align: center;
  }

  #NewShopItem .owl-carousel .owl-stage-outer{
    overflow: visible;
    padding: 0 0 0 1vw;
  }

  #NewShopItem .date {
    left: 18px;
  }

/*
  #NewShopItem:not(.top) .productsList{
    width: 100%;
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
*/
  #NewShopItem.top .productsList{
    width: 100%;
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #NewShopItem .productsList.col4 li{
    padding: 0 2vw;
    width: 44vw !important;
  }


  #NewShopItem .owl-carousel .owl-item img{
    width: auto;
  }

  #NewShopItem .productImg table {
    table-layout: fixed;
  }

  #NewShopItem .productImg tbody, #NewShopItem .productImg tr, #NewShopItem .productImg td{
    display: block;
    text-align: center;
    height: 38.4vw;
    width: 100%;
  }

  #NewShopItem .productImg tbody a, #NewShopItem .productImg tr a, #NewShopItem .productImg td a{
    display: inline-block;
    outline: none;
    width: 100%;
    height: 100%;
  }


/*
  #NewShopItem .productsList.col4 .productName {
    text-align: left;
    padding: 0 0 0 1vw;
    letter-spacing: 0.2vw;
  }
  #NewShopItem .productsList.col4 .productName a {
    font-size: 3.2vw;
    font-weight: 600;
    line-height: 1.66;
  }
*/
  #NewShopItem .productsList.col4 li{
    box-sizing: border-box;
    float: left;
    margin: 0 0 5vw 0;
    position: relative;
  }
  #NewShopItem.top .productsList.col4 li{
    margin: 0;
  }
}




/* 印刷禁止/保存禁止CSS */
/* ↓印刷禁止CSS↓ */
@media print {
  .printNG,
  .noPrint{
    display: none !important;
  }
}

/* ↓スマホ用保存禁止CSS↓ */
.printNG {
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -webkit-touch-callout: none;
  font-size: 0;
}

/* 印刷禁止/保存禁止CSS */