@charset 'utf-8';
/* margin */
.u-mt-08{ margin-top: 8px;}
.u-mt-10{ margin-top: 10px;}
.u-mt-16{ margin-top: 16px;}
.u-mr-08{ margin-right: 8px;}
.u-mr-10{ margin-right: 10px;}
.u-mr-16{ margin-right: 16px;}
.u-mb-08{ margin-bottom: 8px;}
.u-mb-10{ margin-bottom: 10px;}
.u-mb-16{ margin-bottom: 16px;}
.u-ml-08{ margin-left: 8px;}
.u-ml-10{ margin-left: 10px;}
.u-ml-16{ margin-left: 16px;}

/* padding */
.u-pt-08{ padding-top: 8px;}
.u-pt-10{ padding-top: 10px;}
.u-pt-16{ padding-top: 16px;}
.u-pr-08{ padding-right: 8px;}
.u-pr-10{ padding-right: 10px;}
.u-pr-16{ padding-right: 16px;}
.u-pb-08{ padding-bottom: 8px;}
.u-pb-10{ padding-bottom: 10px;}
.u-pb-16{ padding-bottom: 16px;}
.u-pl-08{ padding-left: 8px;}
.u-pl-10{ padding-left: 10px;}
.u-pl-16{ padding-left: 16px;}

/* clearfix */
.u-clearfix:after{
  display: block;
  clear: both;
  content: "";
}

/* block centering */
.u-centering-container{
  position: relative;
}
.u-centering-content{
  /* position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); */
}

/* text truncate */
.u-truncate-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#global-navbox.m_fixed {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 2;
}
@media(max-width:768px){
    #global-navbox.m_fixed {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    }
}