@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,
pre,code,form,fieldset,legend,input,textarea,
p,blockquote{ margin:0; padding:0; }

fieldset, a img, img, abbr,acronym { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption,th { text-align:left; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input,textarea,select { *font-size:100%; }
legend { color:#000; }
a { outline:none; cursor:pointer; }
body { line-height:1.66; *font-size:small; /* for IE */ *font:x-small; /* for IE in quirks mode */ }
select,input,button,textarea { font:99% arial,helvetica,clean,sans-serif; }
table { font-size:inherit; font:100%; }
pre,code,kbd,samp,tt { font-family:monospace; *font-size:108%; line-height:100%; }

@font-face {
  font-display: swap;
  font-family: 'Noto Sans JP';
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/NotoSansCJKjp_regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans JP';
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/NotoSansCJKjp_medium.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans JP';
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/NotoSansCJKjp_bold.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wght" 400;
  src: url('../fonts/OpenSans.woff2') format('woff2');
}

header{
  color: #000000;
  font-family: 'Open Sans', 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "游ゴシック", "Yu Gothic", Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
  letter-spacing: 0.06rem;
}

header div, header span, header applet, header object, header iframe, header h1, header h2, header h3, header h4, header h5, header h6, header p, header blockquote, header pre, header a, header abbr, header acronym, header address, header big, header cite, header code, header del, header dfn, header em, header img, header ins, header kbd, header q, header s, header samp, header small, header strike, header strong, header sub, header sup, header tt, header var, header b, header u, header i, header center, header dl, header dt, header dd, header ol, header ul, header li, header fieldset, header form, header label, header legend, header table, header caption, header tbody, header tfoot, header thead, header tr, header th, header td, header article, header aside, header canvas, header details, header embed, header figure, header figcaption, header hgroup, header menu, header nav, header output, header ruby, header section, header summary, header time, header mark, header audio, header video{
  font-family: 'Open Sans', 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "游ゴシック", "Yu Gothic", Meiryo, sans-serif;
}

header .inner::before,
header .inner::after{
  display: none !important;
}


header img{width: 100%;}

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

header a:link {
  text-decoration: none;
  color: #000000;
}

header a:visited {
  text-decoration: none;
  color: #000000;
}

header a:hover {
  text-decoration: none;
  color: inherit;
  opacity: 0.8;
}





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

  .global-header .pc{ display: block; }
  .global-header .sp{ display: none; }

  /*body{padding-top:105px !important;}*/

  /* global-header
  ========================================================================== */
  .global-header {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
    padding-top: 20px;
    z-index: 10000;
  }

  .global-header__body{
    width: 94%;
    margin: 0 auto;
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .global-header__sub{
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  /* global-header__sub-inner
  ========================================================================== */
  .global-header__sub-inner{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  /* global-header__site-name
  ========================================================================== */
  .global-header__site-name{
    margin: 0;
    padding-bottom: 15px;
  }
  .global-header__site-name img{
    height: 40px;
  }


  /* global-header__links
  ========================================================================== */
  .global-header .global-header__links{
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    margin: 0 20px 0 0;
  }
  .global-header__links li{
    font-size: 0.75rem;
    color: #333333;
  }
  .global-header__links li a,
  .global-header__links li a:link,
  .global-header__links li a:hover,
  .global-header__links li a:visited{
    font-size: 0.75rem;
    color: #333333;
  }
  .global-header__links li:nth-of-type(n+2){
    margin: 0 0 0 28px;
  }


  /* global-header__search
  ========================================================================== */
  .global-header__search {
    position: relative;
  }

  .global-header__search-input {
    font-size: 0.75rem;
    font-family: 'Open Sans', 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "游ゴシック", "Yu Gothic", Meiryo, sans-serif;
    letter-spacing: 0.1rem;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    width: 230px;
    padding: 8px 12px;
    margin: 0;
    outline: none;
  }

  .global-header__search-button {
    content: '';
    display: block;
    width: 11px;
    height: 12px;
    background-image: url("/cmn/common-2022/image/icon_search.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    background-color: transparent;
    position: absolute;
    border: 0;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0;
  }

  .global-header__search-button:hover {
    cursor: pointer;
  }

  /* nav-global__list
  ========================================================================== */
  .nav-global__list {
    font-size: 0.875rem;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    list-style: none;
    z-index: 10000;
  }

  .nav-global__list > li {
    font-feature-settings: initial;
  }

  .nav-global__list > li.is-active .nav-global__links {
    color: #020f9a;
    border-bottom: 3px solid #020f9a;
  }

  .nav-global__list > li:hover {
    cursor: pointer;
  }

  .nav-global__list > li:hover .nav-global__links {
    text-decoration: none;
  }

  .nav-global__list > li:hover .nav-global__links:after,
  .nav-global__list > li .nav-global__links.is-active:after,
  .nav-global__list > li .nav-global__links.is-current:after{
    /*-webkit-transition-delay: 0.3s;*/
    /*transition-delay: 0.3s;*/
    left: 0;
    width: 100%;
  }

  .nav-global__list > li:first-child {
    padding-left: 0;
  }

  .nav-global__list > li:last-child {
    padding-right: 0;
  }

  .nav-global__list > li > a{
    display: inline-block;
    vertical-align: top;
    padding: 14px 19px 12px 19px;
  }



  .nav-global__dropdown{
    z-index: 1;
    position: absolute;
    background: #dbecff;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 48px 0 60px;
    border-top: 1px solid #ddd;
    box-sizing: border-box;
    -webkit-box-shadow: 0 8px 16px rgb(0 0 0 / 8%);
    box-shadow: 0 8px 16px rgb(0 0 0 / 8%);
    line-height: 1.5;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
    max-height: calc(100vh - 104px);
    overflow: auto;
  }
  .is-active+.nav-global__dropdown{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    cursor: default;
  }

  .nav-global__dropdown a{
    pointer-events: auto;
  }


  .nav-global__dropdown-inner{
    width: 94%;
    max-width: 950px;
    margin: 0 auto;
  }

  .nav-global__dropdown-header{
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 3px 42px 0;
  }
  .global-header .nav-global__dropdown-header a{
    display: inline-block;
    vertical-align: top;
  }
  .global-header .nav-global__dropdown-header a:nth-of-type(n+2){
    margin: 0 0 0 60px;
  }


  .btn__close{
    text-align: center;
    text-indent: -0.5rem;
  }
  .btn__close span{
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 85px;
    background-color: #052D85;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 0 2px #052D85;
    box-shadow: 0 0 0 2px #052D85;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    padding: 6px 0;
    position: relative;
    pointer-events: auto;
    -webkit-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s;
    }
    .btn__close span,
    .btn__close span:link,
    .btn__close span:visited{
      color: #ffffff;
    }
    .btn__close span:hover{
      opacity: 1;
      color: #052D85;
      background-color: #ffffff;
    }

  .btn__close span::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin: auto;
    background-image: url("/cmn/common-2022/image/icon_close_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__close span:hover::after{
    background-image: url("/cmn/common-2022/image/icon_close_blue.svg");
  }



  .nav-global__dropdown-col:not(.slides){
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .nav-global__dropdown-col:nth-of-type(n+2){
    margin: 32px 0 0 0;
  }

  .nav-global__dropdown-company{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -14px;
  }

  .nav-global__dropdown-company-unit:first-child{
    width: 50%;
  }

  .nav-global__dropdown-company-unit:last-child{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 0 6px;
  }

  .nav-global__dropdown-col-head{
    padding: 10px 0 0 0;
    margin: 0 0 10px 0;
    font-size: 0.875rem;
    text-align: left;
  }

  .nav-global .swiper-wrapper{
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
  }

  .nav-global__child{
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .nav-global__dropdown-col .nav-global__child{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  /* 6カラム */
  .nav-global__child__clm6{
    margin: 0 -12px -17px;
  }
  .nav-global__child__clm6 .nav-global__child-element{
    width: calc(100% / 6 - 24px);
    margin: 0 12px 17px;
  }

  /* 5カラム */
  .nav-global__child__clm5{
    margin: 0 -12px -17px;
  }
  .nav-global__child__clm5 .nav-global__child-element{
    width: calc(100% / 5 - 24px);
    margin: 0 12px 17px;
  }

  /* 4カラム */
  .nav-global__child__clm4{
    margin: 0 -14px -8px;
  }
  .nav-global__child__clm4 .nav-global__child-element{
    width: calc(100% / 4 - 28px);
    margin: 0 14px 8px;
  }

  /* 変則3カラム（安全・安心メガドロップ） */
  .nav-global__item.safety .nav-global__child__clm3{
    margin: 0 -14px -28px;
  }
  .nav-global__item.safety .nav-global__child__clm3 .nav-global__child-element{
    width: calc(33.3333% - 28px);
    margin: 0 14px 28px;
  }

  /* 変則1カラム（安全・安心メガドロップ） */
  .nav-global__item.safety .nav-global__child__clm1{
    width: 216px;
    margin: 0 0 -30px 28px;
  }
  .nav-global__item.safety .nav-global__child__clm1 .nav-global__child-element{
    margin: 0 0 30px 0;
  }


  .nav-global__dropdown-company-unit .nav-global__child-element{
    width: calc(100% / 2 - 28px);
    margin: 0 14px 8px;
  }

/*
  .nav-global__child-element--s{
    width: calc(100% / 2 - 28px);
    margin: 0 14px 8px;
  }
*/


  .products .nav-global__child-element{
    position: relative;
  }
  .products .nav-global__child-element::after{
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 11px;
    height: 11px;
    margin: auto;
    background-image: url("/cmn/common-2022/image/icon_circlearrow_blue.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 8px; bottom: 8px;
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
    }
    .products .nav-global__child-element.nav-global__child-element__calpis::after{
      background-image: url("/cmn/common-2022/image/icon_circlearrow_blue_boldborder.svg");
    }
    .products .nav-global__child-element:hover::after{
      background-image: url("/cmn/common-2022/image/icon_circlearrow_white_border.svg");
    }


  .products .nav-global__child-ph{
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px;
    height: 66px;
  }

  .nav-global__child-element__mitsuya .nav-global__child-ph{
    background-color: #009740;
  }
  .nav-global__child-element__calpis .nav-global__child-ph{
    background-color: #294798;
  }
  .nav-global__child-element__wonda .nav-global__child-ph{
    background-color: #B41503;
  }
  .nav-global__child-element__16cha .nav-global__child-ph{
    background-color: #F6E4C9;
  }
  .nav-global__child-element__wilkinson .nav-global__child-ph{
    background-color: #000000;
  }
  .nav-global__child-element__oishiimizu .nav-global__child-ph{
    background-color: #B4ECFF;
  }
  .nav-global__child-element__bireleys .nav-global__child-ph{
    background-color: #FFC03F;
  }
  .nav-global__child-element__welchs .nav-global__child-ph{
    background-color: #AE93CC;
  }
  .nav-global__child-element__hot_lemon .nav-global__child-ph{
    background-color: #FFF0AA;
  }
  .nav-global__child-element__monsterenergy .nav-global__child-ph{
    background-color: #000000;
  }
  .nav-global__child-element__dodecamin .nav-global__child-ph{
    background-color: #EB2819;
  }



  .nav-global__child:not(.swiper-wrapper) .nav-global__child-ph,
  .nav-global__child-small-ph{
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 12px;
    overflow: hidden;
  }
  .nav-global__child:not(.swiper-wrapper) .nav-global__child-ph{
    aspect-ratio: 432/271;
  }
  .nav-global__item.company .nav-global__child .nav-global__child-ph{
    aspect-ratio: 433/367;
  }
  .nav-global__child-small-ph{
    aspect-ratio: 433/157;
  }
  .nav-global__child-ph img,
  .nav-global__child-small-ph img{
    border-radius: 12px;
  }


  /* 知る・学ぶ */
  .nav-global__item.entertainment .nav-global__child-element[data-type="factory"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_entertainment_factory.jpg');
  }
  .nav-global__item.entertainment .nav-global__child-element[data-type="lab"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_entertainment_lab.jpg');
  }
  .nav-global__item.entertainment .nav-global__child-element[data-type="cm"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_entertainment_cm.png');
  }
  .nav-global__item.entertainment .nav-global__child-element[data-type="anpanman"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_entertainment_anpanman.jpg');
  }
  .nav-global__item.entertainment .nav-global__child-element[data-type="s-castle"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_entertainment_s-castle.png');
  }
  .nav-global__item.entertainment .nav-global__child-element[data-type="history"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_entertainment_history.jpg');
  }
  .nav-global__item.entertainment .nav-global__child-element[data-type="challengers"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_entertainment_challengers.png');
  }
  .nav-global__item.entertainment .nav-global__child-element[data-type="sns"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_entertainment_sns.png');
  }


  /* 知る・学ぶ */
  .nav-global__item.safety .nav-global__child-element[data-type="heart"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_safety_heart.jpg');
  }
  .nav-global__item.safety .nav-global__child-element[data-type="development"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_safety_development.jpg');
  }
  .nav-global__item.safety .nav-global__child-element[data-type="material"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_safety_material.jpg');
  }
  .nav-global__item.safety .nav-global__child-element[data-type="manufacture"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_safety_manufacture.jpg');
  }
  .nav-global__item.safety .nav-global__child-element[data-type="inspection"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_safety_inspection.jpg');
  }
  .nav-global__item.safety .nav-global__child-element[data-type="sales"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_safety_sales.jpg');
  }

  /* 社会との約束 */
  .nav-global__item.csv .nav-global__child-element[data-type="topmessage"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_csv_topmessage.jpg');
  }
  .nav-global__item.csv .nav-global__child-element[data-type="health"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_csv_health.png');
  }
  .nav-global__item.csv .nav-global__child-element[data-type="eco"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_csv_eco.png');
  }
  .nav-global__item.csv .nav-global__child-element[data-type="community"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_csv_community.png');
  }

  /* 企業情報 */
  .nav-global__item.company .nav-global__child-element[data-type="message"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_company_message.jpg');
  }
  .nav-global__item.company .nav-global__child-element[data-type="business"] .nav-global__child-ph{
    background-image: url('/shared/common-2022/menu/image/header_company_business.jpg');
  }
  .nav-global__item.company .nav-global__child-element[data-type="recruit"] .nav-global__child-small-ph{
    background-image: url('/shared/common-2022/menu/image/header_company_recruit.jpg');
  }
  .nav-global__item.company .nav-global__child-element[data-type="rd"] .nav-global__child-small-ph{
    background-image: url('/shared/common-2022/menu/image/header_company_rd.jpg');
  }
  .nav-global__item.company .nav-global__child-element[data-type="vendingmachine"] .nav-global__child-small-ph{
    background-image: url('/shared/common-2022/menu/image/header_company_vendingmachine.jpg');
  }
  .nav-global__item.company .nav-global__child-element[data-type="newsrelease"] .nav-global__child-small-ph{
    background-image: url('/shared/common-2022/menu/image/header_company_newsrelease.jpg');
  }




  .nav-global__child-btn{
    background-color: #ffffff;
    border-radius: 14px;
    /*-webkit-box-shadow: 0 0 0 2px #ffffff;*/
    /*box-shadow: 0 0 0 2px #ffffff;*/
    font-size: 0.875rem;
    line-height: 1;
    padding: 26px 0;
    text-align: center;
    -webkit-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s;
  }
  .nav-global__child-btn:hover{
    background-color: #052D85;
    /*-webkit-box-shadow: 0 0 0 2px #052D85;*/
    /*box-shadow: 0 0 0 2px #052D85;*/
    color: #ffffff;
  }
  .nav-global__child__clm5 .nav-global__child-btn{
    width: 170px;
  }
  .nav-global__child__clm1 .nav-global__child-btn{
    padding: 23px 0 23px 18px;
    position: relative;
    text-align: left;
   }


  .nav-global__child__clm1 .nav-global__child-btn::after{
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 11px;
    height: 11px;
    margin: auto;
    background-image: url("/cmn/common-2022/image/icon_circlearrow_blue.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0; right: 8px; bottom: 0;
    margin: auto;
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
  }
  .nav-global__child__clm1 a:hover .nav-global__child-btn::after{
    background-image: url("/cmn/common-2022/image/icon_circlearrow_white_border.svg");
  }


  .nav-global__child-text{
    font-size: 0.8125rem;
    margin: 10px 0 0 0;
    line-height: 1.5;
    letter-spacing: 0.05rem;
    text-align: left;
  }
  .nav-global__child-text::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 11px;
    margin: auto;
    background-image: url("/cmn/common-2022/image/icon_circlearrow_blue.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin: -2px 0 0 8px;
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
  }
  a:hover .nav-global__child-text::after{
    background-image: url("/cmn/common-2022/image/icon_circlearrow_white_border.svg");
  }
  .nav-global__child-links[data-type="blank"] .nav-global__child-text::after{
    background-image: url("/cmn/common-2022/image/icon_circleblank_blue.svg");
  }
  .nav-global__child-links[data-type="blank"]:hover .nav-global__child-text::after{
    background-image: url("/cmn/common-2022/image/icon_circleblank_white_border.svg");
  }

  .nav-global__child-small-text{
    font-size: 0.8125rem;
    margin: 10px 0 0 0;
    line-height: 1;
  }
  .nav-global__child-small-text::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 11px;
    margin: auto;
    background-image: url("/cmn/common-2022/image/icon_circlearrow_blue.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin: -2px 0 0 8px;
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
  }
  a:hover .nav-global__child-small-text::after{
    background-image: url("/cmn/common-2022/image/icon_circlearrow_white_border.svg");
  }





  .nav-global__child-lower{
    margin: 60px 0 0 0;
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .nav-global__child-lower li:nth-of-type(n+3){
    margin: 0 0 0 40px;
  }


  .nav-global__links{
    text-decoration: none;
  }

  .nav-global__child-links:hover{
    opacity: 1;
  }

  .nav-global__links:after {
    content: "";
    position: relative;
    display: block;
    height: 3px;
    background: #dbecff;
    top: 5px;
    left: 50%;
    width: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .nav-global__links.is-current:after {
    background: #020f9a;
  }



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

  /*body{padding-top:19vw !important;}*/

  .global-header .pc{ display: none; }
  .global-header .sp{ display: block; }

  .nav-global__dropdown .btn__close{ display: none; }

  .global-header .slides .swiper{
    padding: 0 0 6vw 0;
  }
  .global-header .swiper-pagination{
    bottom: 0 !important;
    text-align: left;
  }
  .swiper-pagination-bullet{
    background: #B4C0DA !important;
    opacity: 1 !important;
  }
  .swiper-pagination-bullet-active{
    background: #052D85 !important;
  }


  .nav-global__child__clm1 .nav-global__child-btn::after,
  .nav-global__child:not(.swiper-wrapper) .nav-global__child-links::after,
  .nav-global__child-small-links::after,
  .global-header .link-arrow::after,
  .global-header .link-circleArrow__blue::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1.2vw;
    height: 2vw;
    margin: -0.5vw 0 0 1.25vw;
    background-image: url("/cmn/common-2022/image/icon_arrow_black.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0; right: 2vw; bottom: 0;
    margin: auto;
  }

  .nav-global__child:not(.swiper-wrapper) .nav-global__child-links[data-type="blank"]::after{
    width: 2.5vw;
    height: 2.5vw;
    right: 1.25vw;
    background-image: url("/cmn/common-2022/image/icon_blank_gray.svg");
  }



  /* global-header
  ========================================================================== */
  .global-header {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
    padding: 1rem 0;
    z-index: 10000;
    font-size: 0;
  }

  .global-header__body{
    width: 90%;
    margin: 0 auto;
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .global-header__wrap__col.sp{
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .global-header__wrap__col.sp .global-header-customer{
    /*width: 4.8vw;*/
    width: 1.15rem;
  }
  .global-header__wrap__col.sp .global-header-global{
    /*width: 4.8vw;*/
    width: 1.125rem;
    margin: 0 0 0 1.125rem;
  }
  .global-header__wrap__col.sp .global-header-search{
    /*width: 4.13vw;*/
    width: 1rem;
    margin: 0 0 0 1.125rem;
  }
  .global-header__wrap__col.sp .global-header-global img,
  .global-header__wrap__col.sp .global-header-search img{
    width: 100%;
  }


  .menu-trigger{
    /*width: 8.7vw;*/
    /*height: 2.4vw;*/
    width: 2rem;
    height: 0.625rem;
    position: relative;
    margin: 0 0 0 1.125rem;
  }
  .menu-trigger span{
    width: 100%;
    height: 2px;
    background-color: #000000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .menu-trigger span:nth-of-type(1){
    position: absolute;
    top: 0; left: 0;
  }
  .menu-trigger span:nth-of-type(2){
    position: absolute;
    bottom: 0; left: 0;
  }

  .menu-trigger.is-active span:nth-of-type(1){
    top: 25%;
    transform: rotate(25deg);
  }
  .menu-trigger.is-active span:nth-of-type(2){
    bottom: 50%;
    transform: rotate(-25deg);
  }


  /* global-header__sub-inner
  ========================================================================== */
  .global-header__sub-inner{
    z-index: 1;
    position: absolute;
    background: #dbecff;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 16vw 0 12vw 0;
    border-top: 1px solid #ddd;
    -webkit-box-shadow: 0 8px 16px rgb(0 0 0 / 8%);
    box-shadow: 0 8px 16px rgb(0 0 0 / 8%);
    line-height: 1.5;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
  }
  .global-header__sub-inner.is-active{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }


  .global-header__sub-inner .btn__close{
    text-align: center;
    text-indent: -0.5rem;
    position: absolute;
    top: 6vw; right: 4vw;
  }
  .global-header__sub-inner .btn__close span{
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 5vw;
    height: 5vw;
    background-color: #052D85;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 2px #052D85;
    box-shadow: 0 0 0 2px #052D85;
    font-size: 0;
    font-weight: 700;
    line-height: 1;
    position: relative;
    pointer-events: auto;
    }
    .global-header__sub-inner .btn__close span,
    .global-header__sub-inner .btn__close span:link,
    .global-header__sub-inner .btn__close span:hover,
    .global-header__sub-inner .btn__close span:visited{
      color: #ffffff;
    }

  .global-header__sub-inner .btn__close span::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 2.5vw;
    height: 2.5vw;
    margin: auto;
    background-image: url("/cmn/common-2022/image/icon_close_white.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
  }





  /* global-header__site-name
  ========================================================================== */
  .global-header__site-name{
    margin: 0;
    max-width: 18.7vw;
  }
  .global-header__site-name img{
    width: 100%;
  }


  /* global-header__search
  ========================================================================== */

  .global-header__sub-inner .global-header__search{
    position: relative;
    text-align: center;
  }

  .global-header__search-input {
    font-size: 4vw;
    font-family: 'Open Sans', 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "游ゴシック", "Yu Gothic", Meiryo, sans-serif;
    letter-spacing: 0.1rem;
    border: 1px solid #DADADA;
    border-radius: 30px;
    width: 88vw;
    padding: 5vw 0 5vw 6.7vw;
    margin: 0 auto;
    outline: none;
  }

  .global-header__search-button {
    content: '';
    display: block;
    width: 4vw;
    height: 4vw;
    background-image: url("/cmn/common-2022/image/icon_search.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    background-color: transparent;
    position: absolute;
    border: 0;
    right: 12vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0;
  }

  .global-header__search-button:hover {
    cursor: pointer;
  }




  .nav-global{
    z-index: 1;
    position: absolute;
    background: #dbecff;
    left: 0;
    top: 100%;
    width: 100%;
    border-top: 1px solid #ddd;
    -webkit-box-shadow: 0 8px 16px rgb(0 0 0 / 8%);
    box-shadow: 0 8px 16px rgb(0 0 0 / 8%);
    line-height: 1.5;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
  }
  .nav-global.is-active{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    max-height: 80vh;
    overflow: auto;
  }


  /* nav-global__list
  ========================================================================== */
  .nav-global__list{
    position: relative;
    list-style: none;
    padding: 0;
    z-index: 10000;
  }

  .nav-global__list > li{
    font-feature-settings: initial;
    text-align: left;
  }
  .nav-global__list > li.holdings{
    margin: 16vw 0 0 0;
  }
/*
  .nav-global__list > li.is-active .nav-global__links{
    color: #020f9a;
    border-bottom: 3px solid #020f9a;
  }

  .nav-global__list > li:hover{
    cursor: pointer;
  }
*/
  .nav-global__list > li:hover .nav-global__links{
    text-decoration: none;
  }



  .nav-global__links{
    display: block;
    font-size: 3.5vw;
    font-weight: 700;
    text-decoration: none;
    padding: 6.4vw 9vw;
    position: relative;
  }

  .nav-global__item:not(.holdings) .nav-global__links:not(.nav-global__links--dropdown)::after{
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 3.73vw;
    height: 3.73vw;
    margin: auto;
    background-image: url("/cmn/common-2022/image/icon_circlearrow_blue.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0; right: 9.6vw; bottom: 0;
    margin: auto;
  }


  .nav-global__links--dropdown .link-arrow__bottom::after{
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 3.73vw;
    height: 3.73vw;
    margin: auto;
    background-image: url("/cmn/common-2022/image/icon_circleplus_blue.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0; right: 9.6vw; bottom: 0;
    transform: unset;
  }
  .nav-global__links--dropdown.is-active .link-arrow__bottom::after{
    background-image: url("/cmn/common-2022/image/icon_circleminus_blue.svg");
  }

  .nav-global__item.holdings .nav-global__links::after{
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 3.73vw;
    height: 3.73vw;
    margin: auto;
    background-image: url("/cmn/common-2022/image/icon_blank_blue.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0; right: 9.6vw; bottom: 0;
    margin: auto;
  }



  .nav-global__dropdown{
    display: none;
    background-color: #ffffff;
    overflow-x: hidden;
  }
  .is-active+.nav-global__dropdown{
    display: block;
  }

  .nav-global__dropdown-inner{
    width: 82%;
    margin: 0 auto;
  }

  .nav-global__child.swiper-wrapper .nav-global__child-element{
    width: 35.2vw;
    padding: 0 2vw 0 0;
    box-sizing: border-box;
  }

  .nav-global__child .nav-global__child-links{
    display: block;
  }

  .nav-global__child:not(.swiper-wrapper) .nav-global__child-links,
  .nav-global__child__clm1 .nav-global__child-links,
  .nav-global__child-small-links{
    display: block;
    padding: 4.8vw 0;
    font-size: 3.2vw;
    position: relative;
  }

  .nav-global__dropdown-header{
    /*margin: 0 0 42px 0;*/
  }
  .nav-global__dropdown-header a{
    display: block;
    position: relative;
  }

  .nav-global__dropdown-top-links a{
    padding: 4.8vw 0;
    font-size: 3.2vw;
  }

  .products .nav-global__dropdown-col:nth-of-type(n+2){
    margin: 6.4vw 0 0 0;
  }

  .nav-global__dropdown-col-head{
    margin: 0 0 2vw 0;
    font-size: 3.2vw;
  }

  .nav-global__child-ph{
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2.5vw;
    height: 15.135vw;
  }

  .nav-global__child-element__mitsuya .nav-global__child-ph{
    background-color: #009740;
  }
  .nav-global__child-element__calpis .nav-global__child-ph{
    background-color: #294798;
  }
  .nav-global__child-element__wonda .nav-global__child-ph{
    background-color: #B41503;
  }
  .nav-global__child-element__16cha .nav-global__child-ph{
    background-color: #F6E4C9;
  }
  .nav-global__child-element__wilkinson .nav-global__child-ph{
    background-color: #000000;
  }
  .nav-global__child-element__oishiimizu .nav-global__child-ph{
    background-color: #B4ECFF;
  }
  .nav-global__child-element__bireleys .nav-global__child-ph{
    background-color: #FFC03F;
  }
  .nav-global__child-element__welchs .nav-global__child-ph{
    background-color: #AE93CC;
  }
  .nav-global__child-element__hot_lemon .nav-global__child-ph{
    background-color: #FFF0AA;
  }
  .nav-global__child-element__monsterenergy .nav-global__child-ph{
    background-color: #000000;
  }
  .nav-global__child-element__dodecamin .nav-global__child-ph{
    background-color: #EB2819;
  }


  .nav-global__child:not(.swiper-wrapper) .nav-global__child-ph,
  .nav-global__child-small-ph{
    display: none;
  }

  .nav-global__child.swiper-wrapper .nav-global__child-btn{
    background-color: #ffffff;
    border-radius: 2.5vw;
    border: 1px solid #8AB0D4;
    box-sizing: border-box;
    font-size: 3.2vw;
    line-height: 1;
    padding: 5.7vw 0;
    text-align: center;
    width: 100%;
    margin: 0 2vw 0 0;
    box-sizing: border-box;
    }
    .nav-global__child.swiper-wrapper .nav-global__child-element__longtext .nav-global__child-btn{
      font-size: 2.8vw;
    }

  .nav-global__child-text{
    font-size: 3.2vw;
  }

  .nav-global__child-small-text{
    font-size: 3.2vw;
  }


  .nav-global__child-lower{
    margin: 4vw 0 0 0;
  }
  .nav-global__child-lower li a{
    display: block;
    padding: 4.8vw 0;
    font-size: 3.2vw;
    position: relative;
  }


}


@media screen and (min-width : 960px) and (max-width : 1000px){
  .nav-global__list > li > a{
    padding: 14px 16px 12px 16px;
  }
  .nav-global__child-element__longtext .nav-global__child-btn{
    font-size: 0.8125rem;
  }
}