@charset "utf-8";

/* /////////////////////////////////////////////////////////////

INDEX

=PCサブメニュー

///////////////////////////////////////////////////////////// */


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

=PCサブメニュー

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


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

  /* サブメニューポジション用 */
  .menu-main-container{
    position: relative;
  }
  
  /* 初期値 */
  .main-navigation ul.main-menu>li>div.sub-menu-box{
    display: none;
  }

  /* 外枠 */
  .main-navigation ul.main-menu>li>div.sub-menu-box{
    position:absolute;
    top: 100%;
    left: 0;
    width: 100vw;
    margin-left:calc(-50vw + 50%);
    background-color: rgba(24, 41, 135, 0.9);
    padding: 150px 50px;
    box-sizing: border-box;
  }
  /* 外枠：全画面 */
  .main-navigation.megafull ul.main-menu>li>div.sub-menu-box{
    position:fixed;
    top: 0;
    height: 100vh;
    z-index: 10;
  }

  /* リスト */
  .main-navigation ul.main-menu>li>div.sub-menu-box>ul.sub-menu{
    margin: 0;
    padding: 0;
    border-radius:0;
    width: 100%;
    opacity:1;
    list-style-type: none;
    
    /* megastyle */
    display: flex;
    flex-wrap: wrap;
    gap:20px 2%;
  }
  .main-navigation ul.main-menu>li>div.sub-menu-box>ul.sub-menu li{
    margin-bottom: 0;
    
    /* megastyle */
    width: 32%;
  }
  
  /* ボタン */
  .main-navigation ul.main-menu>li>div.sub-menu-box>ul.sub-menu li a{
    display: block;
    background-color: #ffffff;
    color: #313131;
    padding: 1.2em 0.8em;
    box-sizing: border-box;
    border: solid 1px #313131;
    border-radius: 5px;
    
    /* megastyle */
    
  }
  .main-navigation ul.main-menu>li>div.sub-menu-box>ul.sub-menu li a:hover{
    background-color: #eeeeee;
  }
  .main-navigation ul.main-menu>li>div.sub-menu-box>ul.sub-menu li.current-menu-item a{
    background-color: #eeeeee;
  }

  
  /* 閉じるアイコン */
  span.tojiru-icon{
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 20px;
    height: 20px;
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-image: url("../img/icon/btn_close.svg");
    background: #ffffff;
    cursor:pointer;
  }


}