@charset "utf-8";
/*
*******************************************:
注意 SP > TB > PC　の順で記述されています。
*******************************************:
ロゴ＋メインナビ93％　
メガメニューボタン3%
    メガナビ内の左77%
    メガナビ内の右23%
*/

/*767以下*/
@media (max-width: 47.999rem) { 
/*スマホはablogのモバイルナビを表示（オリジナルは非表示）*/
#itemGlobalNavi {
    display: none;
}
    

}

/*768以上*/
@media screen and (min-width: 48rem) {
/*スマホ以外では、モバイル用のロゴを非表示（header-mobile-logo_origin.html）*/
.mobile_logobody{display: none;}
}

	
/* ------------------------------
   #itemGlobalNavi    
------------------------------ */

.scroll{overflow-x:scroll;}
.scroll::-webkit-scrollbar{width:10px;}/*バーの太さ*/
.scroll::-webkit-scrollbar-track{background:#ffffff;}/*バーの背景色*/
.scroll::-webkit-scrollbar-thumb{background:#9a9a9a;}/*バーの色*/



/* ------------------------------
   #itemGlobalNavi    
------------------------------ */
#itemGlobalNavi{  position: fixed; top:0px; width:100%; padding:0; left:0; z-index:100;}

	#navMenu {
    box-sizing: border-box;
	letter-spacing: -0.4em;/*liの隙間除去*/       
	width:100%;
	margin:auto;
    
     /*ablog　テーマUTSUWA用の対策*/
     margin-block-start: 0em; margin-block-end: 0em; padding-inline-start: 0px;
        
    }
     #navMenu a {
     text-decoration: none;
    }

    #navMenu > li{		
		vertical-align: top;/*リストの上段揃え*/
		letter-spacing: normal;/*liの隙間除去*/
		box-sizing: border-box; 
        display: block;
        width:100%;
    }
    #navMenu > li > div{
        margin-bottom: -5px;/*プルダウンのメニューがピッタリヘッダ底にくっつく*/
    }
    #navMenu > li > div > ul /*, #navMenu > li > div.navMenuflex > ul.sbme > li > div > ul*/{
		list-style-type: none;
        margin: 0; padding: 0;
		width:100%;
		letter-spacing: -0.4em;/*liの隙間除去*/
		position:relative;/*ヘッダー（メインメニューとメガナビボタン）の起点*/
    }

 /*-------------------------------
 ヘッダー　左（メインメニュー）id="navMenuTop"
 .header-titleと#header-child　が包括される
 ---------------------------------*/
#navMenu > li > div > ul > li.mlist-left{
    text-align:left;
    width: 93%;/*メガナビボタン分7%*/
    white-space: normal;
    box-sizing: border-box;
    display:inline-block; 
    vertical-align:middle; 
    letter-spacing: normal;/*liの隙間除去*/
}

	#navMenuTop{ padding:0.4rem 0 0.4rem 0;}



    /* ------------------------------
       #main_nav 　メインナビ   
    ------------------------------ */
    /*横並びのプルダウン付きナビゲーション*/
    
    .header-child{display: none;}/*スマホ（767以下は非表示）*/

    #main_nav {
      position: relative;
      list-style: none;
      text-transform: uppercase;
      display: inline-block;
      padding: 0;
      margin: 0px auto;
        font-size: 0;/*liの隙間埋めるため*/
    }



/*768以上*/
@media screen and (min-width: 48rem) {
    /*横並びナビは表示、プルダウンは非表示*/
    .header-child{display: block;}
    .header-child:last-child{margin-left: auto;}/*最後の要素だけ右寄せ*/    
    .drop {display: none;}
    
    #main_nav li {
        font-size: 0.4rem;
        display: inline-block;
        position: relative;
        
        /*ヘッダー内に収まるように調整*/
        /*7つのテキストボタンの場合*/
        padding: 0.1rem 0rem 1.2rem 0rem;
        /*6つのテキストボタンの場合
        padding: 0.1rem 0.2rem 1.2rem 0.2rem;*/
        /*5つのテキストボタンの場合*/
        /*padding: 0.1rem 0.5rem 1.2rem 0.5rem;*/
        
        margin: 0rem 0rem 0rem 0rem;
        cursor: pointer;
        height:auto;
        z-index: 11;
        max-width:3.5rem;     /*文字数が増えるとここを増やす*/
        width: 3.5rem;        /*文字数が増えるとここを増やす*/
        white-space:nowrap;
        text-align:center;
    }
    /*7つのテキストボタンの場合（卒業生の方へ）*/
    #main_nav li:nth-of-type(6) { max-width:4.8rem; width: 4.8rem;}
    
    #main_nav > li > a {display: block; padding: 1.7rem 0.5rem 0.5rem 0.5rem;}
    
    .drop {
      overflow: hidden;
      list-style: none;
      position: absolute;
      padding: 0;
      width:200px;
      left: 0;
      top: 63px;
        z-index: 10;
        pointer-events: none;/*非表示領域のhoverを無効化*/
    }
    .drop div {
      -webkit-transform: translate(0, -100%);
      -moz-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
      transform: translate(0, -100%);
      -webkit-transition: all 0.5s 0.1s;
      -moz-transition: all 0.5s 0.1s;
      -ms-transition: all 0.5s 0.1s;
      transition: all 0.5s 0.1s; 
    }
    .drop li {
      margin-bottom: -0.5rem !important;
      display: block !important;
      padding: 0 !important;
      pointer-events: auto;/*非表示外のhoverを無効化を解除（プルダウンで降りてきた部分を有効化）*/
    }
    /*ドロップメニューのアニメーション*/
    .drop li a {
        font-size: 0.5rem;/*文字サイズが影響しているのか一部のlistのborder-bottomが消える：回避策としてhtml側に直でcssを指定*/
        text-align: left; 
        border-bottom: 1px solid #cecece; 
        display:inline-block; 
        width:150px;
        padding: 0.7rem 0.5rem 0.7rem 0.5rem;/*border-bottomが消えるので調整は注意*/
        background-color: #ffffff; 
        overflow: hidden;
    }
    .drop li a.c-btn.slide {
      overflow: hidden;
      position: relative;
      z-index: 1;
    }
    .drop li a.c-btn.slide::after {
      background: #0048A9;
      position: absolute;
      bottom: 0%;
      left: 0;
      content: '';
      width: 100%;
      height: 2%;
      transform: scale(0, 1);
      transform-origin: left top;
      transition: .3s cubic-bezier(0.45, 1, 0.55, 1);
      z-index: -1;
    }
    .drop li a.c-btn.slide:hover {
      /*color: #fff;*/
    }
    .drop li a.c-btn.slide:hover::after {
      transform: scale(1, 1);
    }

    #marker {
      height: 2px;
      background: #0048A9 !important;
      position: absolute;
        /*６つのテキストボタンの場合*/
        left: 0.6rem;/*バーの開始位置*/
        /*５つのテキストボタンの場合*/
        /*left: 0.9rem;バーの開始位置*/
        
      bottom: 1.3rem;
        width: 2.8rem;/*#main_nav li のpaddingとwidthの合計値より少し短く（バーの長さ）*//*文字数が増えるとここを増やす*/
      z-index: 2;
      -webkit-transition: all 0.35s;
      -moz-transition: all 0.35s;
      -ms-transition: all 0.35s;
      transition: all 0.35s;
    }
    /*カレントページに対応したバーの位置*/
    .marker_about {
        /*５つの場合4.6rem*/
        /*６つの場合4.1*/
      -webkit-transform: translate(3.4rem, 0);/*文字数が増えるとここを増やす*/
      -moz-transform: translate(3.4rem, 0);
      -ms-transform: translate(3.4rem, 0);
      transform: translate(3.4rem, 0);
    }
    .marker_exam {
        /*５つの場合は9.2rem*/        
      -webkit-transform: translate(6.9rem, 0);
      -moz-transform: translate(6.9rem, 0);
      -ms-transform: translate(6.9rem, 0);
      transform: translate(6.9rem, 0);
    }
    .marker_school {
        /*５つの場合は13.7rem*/           
      -webkit-transform: translate(10.4rem, 0);
      -moz-transform: translate(10.4rem, 0);
      -ms-transform: translate(10.4rem, 0);
      transform: translate(10.4rem, 0);
    }
    .marker_course {
        /*５つの場合は18.2rem*/            
      -webkit-transform: translate(13.9rem, 0);
      -moz-transform: translate(13.9rem, 0);
      -ms-transform: translate(13.9rem, 0);
      transform: translate(13.9rem, 0);    
    }
    .marker_graduates {
      -webkit-transform: translate(17.9rem, 0);
      -moz-transform: translate(17.9rem, 0);
      -ms-transform: translate(17.9rem, 0);
      transform: translate(17.9rem, 0);
    }
    .marker_saiyo { 
      -webkit-transform: translate(22.25rem, 0);
      -moz-transform: translate(22.25rem, 0);
      -ms-transform: translate(22.25rem, 0);
      transform: translate(22.25rem, 0);
    }

    /*-----------バーの戻り位置-----------------------*/
    #main_nav li:nth-child(1):hover ul div {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    #main_nav li:nth-child(1):hover ~ #marker {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
    }

    #main_nav li:nth-child(2):hover ul div {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    #main_nav li:nth-child(2):hover ~ #marker {
      -webkit-transform: translate(3.4rem, 0);/*文字数が増えるとここを増やす*/
      -moz-transform: translate(3.4rem, 0);
      -ms-transform: translate(3.4rem, 0);
      transform: translate(3.4rem, 0);
      /*５つのテキストボタンの場合は4.6rem*/        
    }

    #main_nav li:nth-child(3):hover ul div {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    #main_nav li:nth-child(3):hover ~ #marker {
      -webkit-transform: translate(6.9rem, 0);
      -moz-transform: translate(6.9rem, 0);
      -ms-transform: translate(6.9rem, 0);
      transform: translate(6.9rem, 0);
      /*５つのテキストボタンの場合は9.2rem*/
    }
    #main_nav li:nth-child(4):hover ul div {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    #main_nav li:nth-child(4):hover ~ #marker {
      -webkit-transform: translate(10.4rem, 0);
      -moz-transform: translate(10.4rem, 0);
      -ms-transform: translate(10.4rem, 0);
      transform: translate(10.4rem, 0);
      /*５つのテキストボタンの場合は13.7rem*/
    }
    #main_nav li:nth-child(5):hover ul div {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    #main_nav li:nth-child(5):hover ~ #marker {
      -webkit-transform: translate(13.9rem, 0);
      -moz-transform: translate(13.9rem, 0);
      -ms-transform: translate(13.9rem, 0);
      transform: translate(13.9rem, 0);
        /*５つのテキストボタンの場合は18.2rem*/        
    }
    #main_nav li:nth-child(6):hover ul div {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    #main_nav li:nth-child(6):hover ~ #marker {
      -webkit-transform: translate(17.9rem, 0);
      -moz-transform: translate(17.9rem, 0);
      -ms-transform: translate(17.9em, 0);
      transform: translate(17.9rem, 0);       
    }
    #main_nav li:nth-child(7):hover ul div {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    #main_nav li:nth-child(7):hover ~ #marker {
      -webkit-transform: translate(22.25rem, 0);
      -moz-transform: translate(22.25rem, 0);
      -ms-transform: translate(22.25rem, 0);
      transform: translate(22.25rem, 0);       
    }
}

/*1024以上*/
/*ヘッダグローバルナビ7個に増設した際に64rem（1024pxのみ）に対応するため）*/
@media screen and (min-width: 64rem) { .drop {display:block;} }
/*1025以上*/
/*上記とセットで、1025px以上に対応するため）　ナビ個数が6個の時は64remにして、上の記述はいらない*/
@media screen and (min-width: 64.1rem) {
    #main_nav li {
        font-size: 0.9rem;
        
        /*ヘッダー内に収まるように調整*/
        /*6つのテキストボタンの場合
        padding: 0.1rem 0rem 1.2rem 0rem;
        */
        /*5つのテキストボタンの場合*/
        /*padding: 0.1rem 0.5rem 1.2rem 0.5rem;*/
        
        max-width:5rem;     /*文字数が増えるとここを増やす*/
        width: 5rem;        /*文字数が増えるとここを増やす*/
 
    }
    /*7つのテキストボタンの場合（卒業生の方へ）*/
    #main_nav li:nth-of-type(6) { padding: 0.1rem 1.6rem 1.2rem 0rem;}
    
    #main_nav > li > a {display: block; padding: 1.7rem 0.5rem 0.5rem 0.5rem;}

    .drop {
        display:block;/*ナビをすべて表示*/
      overflow: hidden;
      list-style: none;
      position: absolute;
      padding: 0;
      width:200px;
      left: 0;
      top: 76px;
        z-index: 10;
        pointer-events: none;/*非表示領域のhoverを無効化*/
    }

    .drop div {
      -webkit-transform: translate(0, -100%);
      -moz-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
      transform: translate(0, -100%);
      -webkit-transition: all 0.5s 0.1s;
      -moz-transition: all 0.5s 0.1s;
      -ms-transition: all 0.5s 0.1s;
      transition: all 0.5s 0.1s; 
    }
    .drop li {
      margin-bottom: -0.5rem !important;
      display: block !important;
      padding: 0 !important;
      pointer-events: auto;/*非表示外のhoverを無効化を解除（プルダウンで降りてきた部分を有効化）*/
    }
    /*ドロップメニューのアニメーション*/
    .drop li a {
        font-size: 0.5rem;/*文字サイズが影響しているのか一部のlistのborder-bottomが消える：回避策としてhtml側に直でcssを指定*/
        text-align: left; 
        border-bottom: 1px solid #cecece; 
        display:inline-block; 
        width:150px;
        padding: 0.7rem 0.5rem 0.7rem 0.5rem;/*border-bottomが消えるので調整は注意*/
        background-color: #ffffff; 
        overflow: hidden;
    }
    .drop li a.c-btn.slide {
      overflow: hidden;
      position: relative;
      z-index: 1;
    }
    .drop li a.c-btn.slide::after {
      background: #0048A9;
      position: absolute;
      bottom: 0%;
      left: 0;
      content: '';
      width: 100%;
      height: 2%;
      transform: scale(0, 1);
      transform-origin: left top;
      transition: .3s cubic-bezier(0.45, 1, 0.55, 1);
      z-index: -1;
    }
    .drop li a.c-btn.slide:hover {
      /*color: #fff;*/
    }
    .drop li a.c-btn.slide:hover::after {
      transform: scale(1, 1);
    }

    #marker {
      height: 2px;
      background: #0048A9 !important;
      position: absolute;
        
        /*６つのテキストボタンの場合*/
        left: 0.7rem;/*バーの開始位置*/
        /*５つのテキストボタンの場合*/
        /*left: 1.2rem;バーの開始位置*/

      bottom: 1.3rem;
        width: 3.7rem;/*#main_nav li のpaddingとwidthの合計値より少し短く*//*文字数が増えるとここを増やす*/
      z-index: 2;
      -webkit-transition: all 0.35s;
      -moz-transition: all 0.35s;
      -ms-transition: all 0.35s;
      transition: all 0.35s;
    }

    /*カレントページに対応したバーの位置*/
    .marker_about {
        /*５つの場合は6rem*/  
      -webkit-transform: translate(5rem, 0);/*文字数が増えるとここを増やす*/
      -moz-transform: translate(5rem, 0);
      -ms-transform: translate(5rem, 0);
      transform: translate(5rem, 0);  
    }
    .marker_exam {
         /*５つの場合は12rem*/        
      -webkit-transform: translate(10rem, 0);
      -moz-transform: translate(10rem, 0);
      -ms-transform: translate(10rem, 0);
      transform: translate(10rem, 0); 
    }
    .marker_school {
          /*５つの場合は18rem*/         
      -webkit-transform: translate(15rem, 0);
      -moz-transform: translate(15rem, 0);
      -ms-transform: translate(15rem, 0);
      transform: translate(15rem, 0);
    }
    .marker_course {
           /*５つの場合は24rem*/         
      -webkit-transform: translate(20rem, 0);
      -moz-transform: translate(20rem, 0);
      -ms-transform: translate(20rem, 0);
      transform: translate(20rem, 0);
    }
    .marker_graduates {       
      -webkit-transform: translate(25.6rem, 0);
      -moz-transform: translate(25.6rem, 0);
      -ms-transform: translate(25.6rem, 0);
      transform: translate(25.6rem, 0);
    }  
    .marker_saiyo {     
      -webkit-transform: translate(31.29rem, 0);
      -moz-transform: translate(31.29rem, 0);
      -ms-transform: translate(31.29rem, 0);
      transform: translate(31.29rem, 0);
    }   
    
    /*-----------バーの戻り位置-----------------------*/
    #main_nav li:nth-child(2):hover ~ #marker {
        /*５つの場合は6rem*/  
      -webkit-transform: translate(5rem, 0);/*文字数が増えるとここを増やす*/
      -moz-transform: translate(5rem, 0);
      -ms-transform: translate(5rem, 0);
      transform: translate(5rem, 0);
    }

    #main_nav li:nth-child(3):hover ~ #marker {
         /*５つの場合は12rem*/   
      -webkit-transform: translate(10rem, 0);
      -moz-transform: translate(10rem, 0);
      -ms-transform: translate(10rem, 0);
      transform: translate(10rem, 0);
    }

    #main_nav li:nth-child(4):hover ~ #marker {
          /*５つの場合は18rem*/          
      -webkit-transform: translate(15rem, 0);
      -moz-transform: translate(15rem, 0);
      -ms-transform: translate(15rem, 0);
      transform: translate(15rem, 0);
    }

    #main_nav li:nth-child(5):hover ~ #marker {
      -webkit-transform: translate(20rem, 0);
      -moz-transform: translate(20rem, 0);
      -ms-transform: translate(20rem, 0);
      transform: translate(20rem, 0);
    }
    #main_nav li:nth-child(6):hover ~ #marker {          
      -webkit-transform: translate(25.6rem, 0);
      -moz-transform: translate(25.6rem, 0);
      -ms-transform: translate(25.6rem, 0);
      transform: translate(25.6rem, 0);
    }
    #main_nav li:nth-child(7):hover ~ #marker {          
      -webkit-transform: translate(31.29rem, 0);
      -moz-transform: translate(31.29rem, 0);
      -ms-transform: translate(31.29rem, 0);
      transform: translate(31.29rem, 0);
    }   
}

/*-------------------------------
 ヘッダー　右（メガナビ）class="navMenuflex"
---------------------------------*/
    #navMenu > li > div.navMenuflex{
        display:none;
    } 

/*768以上*/
@media screen and (min-width: 48rem) {
    
    #navMenu > li > div.navMenuflex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    }  
    /*---------------*/
    /*　　メガナビ内　　*/
    /*---------------*/
    #navMenu > li > div.navMenuflex > ul.sbme,
    #navMenu > li > div.navMenuflex > ul.sbme-right{
		letter-spacing: -0.4em;/*liの隙間除去*/
		padding:1rem 1rem;
        height:75vh;   
        display: none; 
        margin-left: 0px;
        background-color: #ffffff;border-bottom: 0.3rem solid #0048A9;
    }
    /*　　メガナビ内の左77%　　　*/
    #navMenu > li > div.navMenuflex > ul.sbme{
        width: 77%;
    }
    /*　　メガナビ内の右23%　　　*/
    #navMenu > li > div.navMenuflex > ul.sbme-right {
        width: 23%;
     }
    #navMenu > li > div.navMenuflex > ul.sbme-right > li.sdmeMidashi img.sdmeBana {
        width: 100%;
     }
    #navMenu > li > div.navMenuflex > ul.sbme li,
    #navMenu > li > div.navMenuflex > ul.sbme-right li{
        list-style-type: none;
    }

        
    /*---カテゴリタイトルリスト表示---*/
    #navMenu > li > div.navMenuflex > ul.sbme > li,
    #navMenu > li > div.navMenuflex > ul.sbme-right > li{
		letter-spacing: normal;/*liの隙間除去*/
		box-sizing: border-box;
		vertical-align: top;/*リストの上段揃え*/
	}
    #navMenu > li > div.navMenuflex > ul.sbme > li {
        width:25%;
		display:inline-block;/*横並び*/
        padding-left: 0.5rem;
	}
    #navMenu > li > div.navMenuflex > ul.sbme-right > li {
		display:block;/*縦並び*/
	}
    #navMenu > li > div.navMenuflex > ul.sbme > li.sdmeMidashi,
    #navMenu > li > div.navMenuflex > ul.sbme-right > li.sdmeMidashi{
        display: block;
        border-bottom: 1px solid #dbdbdb;/*#D6D6D6*/
        width: 100%;
	}
    #navMenu > li > div.navMenuflex > ul.sbme > li.sdmeMidashi > h3,
    #navMenu > li > div.navMenuflex > ul.sbme-right > li.sdmeMidashi > h3{
        font-size: 0.8em;
        font-weight: normal;
        margin: 1.5rem 0 0.2rem 0;
        color:#264875;
        font-weight: bold;
    }
    .sdmeMidashi_Top{ margin-top: 1.5rem;}
    .sdmeMidashi_TopRight{ margin-top: 2.5rem;}

    /*最深部カテゴリ　アイコン押すと展開*/
    #navMenu > li > div.navMenuflex > ul.sbme > li > ul,
    #navMenu > li > div.navMenuflex > ul.sbme-right > li > ul{
        display:none;/*閉じておく*/
        padding-left: 0;
    }
    #navMenu > li > div.navMenuflex > ul.sbme > li > ul > li,
    #navMenu > li > div.navMenuflex > ul.sbme-right > li > ul > li{
		display:block;
		width:100%;
        
    }

    /*最深部カテゴリ　アイコンとカテゴリタイトルのリスト表示*/
    #navMenu > li > div.navMenuflex > ul.sbme > li > div > ul,
    #navMenu > li > div.navMenuflex > ul.sbme-right > li > div > ul 
    {
        /*+-アイコンを横に*/
        display: -webkit-box;
        display: -ms-flexbox;        
        display: flex;
        margin: 0; padding: 0px;
    }
    /*最深部カテゴリ　カテゴリタイトル部分*/
    #navMenu > li > div.navMenuflex > ul.sbme > li > div > ul > li.mlist-left,
    #navMenu > li > div.navMenuflex > ul.sbme-right > li > div > ul > li.mlist-left
    {
        font-size: 0.6rem;
        width: 100%;
		display:block;
    }
    #navMenu > li > div.navMenuflex > ul.sbme > li > div > ul > li.mlist-right,
    #navMenu > li > div.navMenuflex > ul.sbme-right > li > div > ul > li.mlist-right
    {
        width: 4rem;
		display:block;
        position: relative;
    }
        /*＋-アイコン*/
        #navMenu i.plus_icon::before,#navMenu i.minus_icon::before{
            content: "";
            display: inline-block;
            width: 2rem;
            height: 2rem;
            position: absolute;

         }
        #navMenu i.plus_icon::before{
            background: url(../images/plus_icon2.webp) top 0.7rem left 0.1rem / 16px 16px no-repeat;
         }
        #navMenu i.minus_icon::before{
            background: url(../images/minus_icon2.webp) top 0.7rem left 0.1rem / 16px 16px no-repeat;
         }
 


    /*最深部カテゴリ　カテゴリリスト部分*/
    #navMenu > li > div.navMenuflex > ul.sbme > li > ul > li.mlist-full,
    #navMenu > li > div.navMenuflex > ul.sbme-right > li > ul > li.mlist-full
    {
        font-size: 0.45rem;
        padding:0 0.2rem 0 0.5rem;
    }
    /*最深部カテゴリ　カテゴリリストの最後尾*/
    #navMenu > li > div.navMenuflex > ul.sbme > li > ul > li:last-child,
    #navMenu > li > div.navMenuflex > ul.sbme-right > li > ul > li:last-child
    {
        margin-bottom: 1.5rem;
    }

	
	/*+-ボタン　ブルダウン展開後*/
    .mlist-full{
	box-sizing: border-box;
	display: block;
	width: 100%;
	letter-spacing: normal;/*liの隙間除去*/
    }
    .mleft-second > a{
	padding:0.6rem 0 0.6rem 0rem;
    display:block;
    }
    
	.mleft-second > a:hover{
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		color:#989898;
		}
    
    .mleft-third  > a {
		padding:0.3rem 0 0.3rem 0rem;
        display:block;
    }
		.mleft-third  > a:hover  , .mright-third > a:hover{
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		color:#989898;
        
		}


    /*-------------------------------
    ヘッダー　右（メガメニューボタン）
    ---------------------------------*/
	#navMenu > li > div > ul > li.mlist-right-top{
        display:inline-block;
		width:7%;/*7.5rem;*/
        height:95%;
		position: absolute;
		top: 0;
        right: 0;
        /*
		-ms-transform: translateY(0%);
		-webkit-transform : translateY(0%);
		transform : translateY(0%);*/		/*-50%*/
		box-sizing: border-box;
		text-align: center;
		padding: 0 ;  
		letter-spacing: normal;/*liの隙間除去*/
        background-color:#0048A9;
    }

    /*ハンバーガーアイコンメニュー*/
    .hamburger-menu{
        position: absolute;
        top:0; 
        width: 100%; height: 100%;
        cursor: pointer;
    }
    .check{/*アイコン変化用*/}
   em.menu-btnMENU{padding-top: 2.4rem; color: #ffffff; font-size: 0.4rem; font-style: normal;}
    .menu-btn {
        display: flex;   
        margin:0rem auto 1rem auto;
        text-align: center;
        height: 3rem;
        width: 100%;
        justify-content: center;
        align-items: center;
        z-index: 100;
    }
    .menu-btn span,
    .menu-btn span:before,
    .menu-btn span:after {
        content: '';
        display: block;
        height: 0.13rem;
        width: 1.8rem;
        border-radius: 3px;
        background-color: #ffffff;
        position: absolute;
        transition: all 0.2s ease-out;

    }
    .menu-btn span:before {
        bottom: 0.45rem;
    }
    .menu-btn span:after {
        top: 0.45rem;
    }

    .menu-btn-checked ~ .menu-btn span {
        background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/

    }
    .menu-btn-checked ~ .menu-btn span::before {
        bottom: 0;
        width: 1.8rem;
        transform: rotate(45deg);
        transition: all 0.2s ease-out;

    }
    .menu-btn-checked ~ .menu-btn span::after {
        top: 0;
        width: 1.8rem;
        transform: rotate(-45deg);
        transition: all 0.2s ease-out;

    }
    
}


/*1024以上*/
/*ヘッダグローバルナビ7個に増設した際に64.1と修正（本来は64）*/
@media screen and (min-width: 64.1rem) {

    #navMenu > li > div.navMenuflex > ul.sbme > li {
        width:25%;
        padding-left: 3rem;
	}
        @media screen and (min-width: 65rem) {/*1040px以上*/
            #navMenu > li > div.navMenuflex > ul.sbme > li {
                width:20%;
                padding-left: 3rem;
            }   
        }

    #navMenu > li > div.navMenuflex > ul.sbme > li.sdmeMidashi > h3,
    #navMenu > li > div.navMenuflex > ul.sbme-right > li.sdmeMidashi > h3{
        font-size: 0.9rem;
    }
        @media screen and (min-width: 65rem) {/*1040px以上*/
            #navMenu > li > div.navMenuflex > ul.sbme > li.sdmeMidashi > h3,
            #navMenu > li > div.navMenuflex > ul.sbme-right > li.sdmeMidashi > h3{
                font-size: 1rem;
            }      
        }
    
    /*最深部カテゴリ　カテゴリタイトル部分*/
    #navMenu > li > div.navMenuflex > ul.sbme > li > div > ul > li.mlist-left,
    #navMenu > li > div.navMenuflex > ul.sbme-right > li > div > ul > li.mlist-left
    {
        font-size: 0.8rem;
    }
        @media screen and (min-width: 65rem) {/*1040px以上*/
            /*最深部カテゴリ　カテゴリタイトル部分*/
            #navMenu > li > div.navMenuflex > ul.sbme > li > div > ul > li.mlist-left,
            #navMenu > li > div.navMenuflex > ul.sbme-right > li > div > ul > li.mlist-left
            {
                font-size: 0.9rem;
            }       
        }

        /*1024以上　PC専用*/
        #navMenu > li > div.navMenuflex > ul.sbme > li > div > ul > li.mlist-left > a,
        #navMenu > li > div.navMenuflex > ul.sbme-right > li > div > ul > li.mlist-left > a
        {
            position: relative;
            padding-left: 0.5rem;
        }
        #navMenu > li > div.navMenuflex > ul.sbme > li > div > ul > li.mlist-left > a::before,
        #navMenu > li > div.navMenuflex > ul.sbme-right > li > div > ul > li.mlist-left > a::before
        {
            position: absolute;
            top:1.08rem;
            left: 0;
            content: "";  
            display:block;
            border: solid 3px #0048A9;
            border-radius: 50%;     
        }
        /*　↑　1024以上　PC専用　↑　*/
    
    #navMenu > li > div.navMenuflex > ul.sbme > li > div > ul > li.mlist-right,
    #navMenu > li > div.navMenuflex > ul.sbme-right > li > div > ul > li.mlist-right
    {
        width: 2rem;
    }
        /*＋-アイコン*/
        #navMenu i.plus_icon::before{
            background: url(../images/plus_icon2.webp) top 0.5rem left 0.5rem / 20px 20px no-repeat;
         }
        #navMenu i.minus_icon::before{
            background: url(../images/minus_icon2.webp) top 0.5rem left 0.5rem / 20px 20px no-repeat;
         }    
    
    /*最深部カテゴリ　カテゴリリスト部分*/
    #navMenu > li > div.navMenuflex > ul.sbme > li > ul > li.mlist-full,
    #navMenu > li > div.navMenuflex > ul.sbme-right > li > ul > li.mlist-full
    {
        font-size: 0.7rem;
        padding: 0 0.3rem 0 0.6rem;
    }
        @media screen and (min-width: 65rem) {
            /*最深部カテゴリ　カテゴリリスト部分*/
            #navMenu > li > div.navMenuflex > ul.sbme > li > ul > li.mlist-full,
            #navMenu > li > div.navMenuflex > ul.sbme-right > li > ul > li.mlist-full
            {
                font-size: 0.9rem;
                padding: 0 0.3rem 0 0.9rem;
            }        
        }
    
    /*+-ボタン　ブルダウン展開後*/
    .mleft-second > a{
	padding:0.5rem 0 0.5rem 0rem;
    }

    /*-------------------------------
    ヘッダー　右（メガメニューボタン）
    ---------------------------------*/
	#navMenu > li > div > ul > li.mlist-right-top{
        display:inline-block;
		width:7%;/*7.5rem;*/
        height:95%;
		position: absolute;
		top: 0;
        right: 0;
        /*
		-ms-transform: translateY(0%);
		-webkit-transform : translateY(0%);
		transform : translateY(0%);*/		/*-50%*/
		box-sizing: border-box;
		text-align: center;
		padding: 0 ;  
		letter-spacing: normal;/*liの隙間除去*/
        background-color:#0048A9;
    }

    /*ハンバーガーアイコンメニュー*/
    .hamburger-menu{
        position: absolute;
        top:0; 
        width: 100%; height: 100%;
        cursor: pointer;
    }
    .check{/*アイコン変化用*/}
    em.menu-btnMENU{padding-top: 2.7rem;font-size: 0.8rem;}
    .menu-btn {  
        margin:0.5rem auto 1rem auto;
        height: 3.5rem;
        width: 5rem;
    }
    .menu-btn span,
    .menu-btn span:before,
    .menu-btn span:after {
        width: 2.4rem;
    }
    
    .menu-btn span:before {
        bottom: 0.45rem;
    }
    .menu-btn span:after {
        top: 0.45rem;
    }

    .menu-btn-checked ~ .menu-btn span {
        background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/

    }
    .menu-btn-checked ~ .menu-btn span::before {
        width: 2rem;
    }
    .menu-btn-checked ~ .menu-btn span::after {
        width: 2rem;
    }
}