.hamburger{
display: none;
}

.globalMenuSp{
display: none;
}

/*動的メインメニューの設定*/
.out_main_nav_wrp{
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
background: rgba(255,255,255,0.6);
letter-spacing: 0.05em;
}

.in_main_nav_wrp{
min-width: 1100px;
margin: 0 auto;
text-align: center;
}

.main_nav{
display: inline-block;
padding-top: 13px;
margin: 0 auto;
}

.main_nav ul{
display: table;
padding-bottom: 7px;
}

.main_nav ul li{
display: table-cell;
}

.main_nav li::after{
content: "|";
padding-left: 12px; 
padding-right: 12px;
color: #000;
font-size: 13px;
}

.main_nav li:last-of-type::after{
content: "";
padding-right: 0;
padding-left: 0; 
}

.main_nav ul li a{
color: #000;
font-size: 12px;
}

.main_nav ul li a:hover{
opacity: 0.6;
transition: all 0.3s;
}

.fixed {
position: fixed;
top: 75px;
background-color: #fff;
z-index: 9997;
}

.globalMenuSp ul li{
	font-family: lulo-one, sans-serif;
font-style: normal;
font-weight: 400;
}

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

.out_main_nav_wrp{
display: none;
}

/*SP用Gメニュー*/
/*　ハンバーガーメニューボタン　*/
.hamburger {
display : block;
position: fixed;
z-index : 9999;
right : 20px;
top   : 10px;
width : 42px;
height: 42px;
cursor: pointer;
text-align: center;
}
.hamburger span {
display : block;
position: absolute;
width   : 25px;
height  : 1px ;
left    : 6px;
background : #0a5e8c;
-webkit-transition: 0.3s ease-in-out;
-moz-transition   : 0.3s ease-in-out;
transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
top: 10px;
}
.hamburger span:nth-child(2) {
top: 20px;
}
.hamburger span:nth-child(3) {
top: 30px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
top : 16px;
left: 6px;
background :#0a5e8c;
-webkit-transform: rotate(-45deg);
-moz-transform   : rotate(-45deg);
transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
top: 16px;
background :#0a5e8c;
-webkit-transform: rotate(45deg);
-moz-transform   : rotate(45deg);
transform        : rotate(45deg);
}

/* メニュー背景　*/
nav.globalMenuSp {
display: block;
position: fixed;
z-index : 9998;
top  : 0;
left : 0;
color: #0a5e8c;
background: #e9f7f7;
text-align: center;
width: 100%;
height: 100%;
transform: scale(0,0);
transition: all 0.6s;
}

nav.globalMenuSp ul {
margin: 0 auto;
padding: 0;
padding-top: 70px;
width: 100%;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}

nav.globalMenuSp ul li {
list-style-type: none;
padding: 0;
width: 100%;
transition: .4s all;
}


nav.globalMenuSp ul li:last-child {
padding-bottom: 0;
margin-bottom: 70px;
}
nav.globalMenuSp ul li:hover{
background :#ddd;
}

nav.globalMenuSp ul li a {
display: block;
color: #0a5e8c;
padding: 1.2em 0;
padding-left: 40px;
text-decoration :none;
text-align: left;
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
opacity: 100;
display: block;
transform: scale(1,1);
}























}