@charset "UTF-8";
/* ---------file info---------- */
/* filename:nav.css */
/* creation date:2017年3月5日 */
/* last updated:2017年3月5日 */
/*------------------------------*/

.global_nav{color:#FFF;
margin-top:10px;
margin-bottom:20px;
font-weight:bold;}

.global_nav li a:hover {color:#F00;}



/* 767px以下　SP表示 */
@media (max-width: 767px) {
#menu {display:none;}
.global_nav {background-color:rgba(0,0,0,0.8);
margin-top:0px;
padding-right:30px;}
.global_nav li a{
display:block;
padding:10px;
border-bottom:dotted 1px #FFF}


/*トグルボタン部分*/
#panel-btn{ 
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 50%;
  background: #000;
}

/*アイコン部分*/
#panel-btn-icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  margin: -1px 0 0 -10px;
  background: #FFF;
  transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 2px;
  background: #FFF;
  transition: .3s;
}
#panel-btn-icon:before{
  margin-top: -8px;
}
#panel-btn-icon:after{
  margin-top: 6px;
}
#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
}

/* 768px以上　PC表示 */
@media (min-width: 768px) {
#menubtn {display:none;}
#menu{display:block !important;}	
.global_nav li {float:left;
margin-left:15px;
display:block;}
.global_nav li :first-child {margin-left:0;}
.global_nav li+ li {
  border-left: 1px solid #FFF;
  padding-left:15px;
}
}