@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

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

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

/*	globalNavArea header	*/

/* ================================================================================ */
nav{
width:640px;
padding:0;
z-index:106;
position:absolute;
top:70px;
left:50%;
box-sizing:border-box;
}

.nav-container{ /*ナビセット*/
width:100%;
margin:0 0 0 auto;
padding:0;
position:relative;
line-height:1.0;
box-sizing:border-box;
text-align:right;
}

.drawer-nav{
display:flex;
justify-content: space-between;
align-items:center;
}

.drawer-brand { /* ページタイトルなど（不要の場合は非表示に）ページ下部にも記載あり */
/*非表示*/
display:none;
}

/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/

.drawer-hamburger {
display:none;
}

/* -------------------------------------
	グローバルメニュー
------------------------------------- */
nav ul.drawer-menu{
width:100%;
margin:0;
font-family:sans-serif;
text-align:center;
display:flex;
justify-content: flex-start;
align-items:center;
gap: 4.4rem;
font-weight:600;
height:33px;
}
nav ul.drawer-menu li {
font-size: 1.5rem;
display:block;
text-decoration:none;
line-height:1.0;
}
nav ul.drawer-menu li a{
display:block;
text-align:center;
text-decoration:none;
box-sizing:border-box;
color:#666;
padding:.9rem 0;
}
nav ul.drawer-menu li a:hover,
nav ul.drawer-menu li.current a{
color: rgb(24,172,246);
transition:0.2s;
}
/* link Button SNS */
nav ul.drawer-menu li.nav--sns span{
display:none;
}
nav ul.drawer-menu li.nav--sns a{
padding:0;
}
nav ul.drawer-menu li.nav--sns img{
width:33px;
height:33px;
vertical-align:middle;
}

/*!------------------------------------*\

    Dropdown

\*!------------------------------------*/

.sub-menu {
  display: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

.sub-menu > li {
  list-style: none;
  width: 100% !important;
  margin: 0;
  padding:0;
background-color:rgba(37,60,120,.6);
border-bottom:1px solid #ccc;
text-align:left !important;
}

ul.sub-menu li a {
display: block;
padding: 0 1.2rem !important;
text-decoration: none;
text-align:left !important;
height:46px !important;
line-height:46px !important;
box-sizing:border-box;
}

ul.sub-menu li a:hover {
text-decoration: none;
  background-color: transparent;
}

/*! open (hoverで開閉) */
.drawer-dropdown:hover > .sub-menu {
  display: block;
}
/*! open をクリックで開く場合はこちら
.drawer-dropdown.open > .sub-menu {
  display: block;
}
*/


/*! drawer-caret */
.drawer-dropdown{
position:relative; /*caretの位置を設定するため*/
}

.drawer-dropdown .drawer-caret {
position:absolute;
top:3rem;
right:2rem;
  width: 0;
  height: 0;
  margin-left: 4px;
  -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: transform .2s ease, opacity .2s ease;
  transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
-moz-transform-origin: 50% 25%;  
-webkit-transform-origin: 50% 25%;
        transform-origin: 50% 25%;  
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  vertical-align: middle;
  border: 4px solid transparent;
  border-top: 4px solid rgba(255,255,255,0.9);
  border-bottom: 0px solid;
}

/*! open (hoverの場合) */

.drawer-dropdown.open .drawer-caret {
-moz-transform-origin: 50% 25%;  
-webkit-transform-origin: 50% 25%;
        transform-origin: 50% 25%;  
-webkit-transform: rotate(180deg);
        transform: rotate(180deg);
}

/*! open (clickの場合)

.drawer-dropdown.open .drawer-caret {
-moz-transform-origin: 50% 25%;  
-webkit-transform-origin: 50% 25%;
        transform-origin: 50% 25%;  
-webkit-transform: rotate(180deg);
        transform: rotate(180deg);
} */


}