@charset "utf-8";
/* CSS Document */

/* google webfont */
 	
/* ****************************************************************************************************
   * 全体
**************************************************************************************************** */

/* ゴシック体 */

@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 300;
  src: url('../../_font/NotoSans/NotoSansCJKjp-Light.woff') format('woff'),
       url('../../_font/NotoSans/NotoSansCJKjp-Light.otf') format('opentype');
}

@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 400;
  src: url('../../_font/NotoSans/NotoSansCJKjp-Regular.woff') format('woff'),
       url('../../_font/NotoSans/NotoSansCJKjp-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 600;
  src: url('../../_font/NotoSans/NotoSansCJKjp-Medium.woff') format('woff'),
       url('../../_font/NotoSans/NotoSansCJKjp-Medium.otf') format('opentype');
}

@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 700;
  src: url('../../_font/NotoSans/NotoSansCJKjp-Bold.woff') format('woff'),
       url('../../_font/NotoSans/NotoSansCJKjp-Bold.otf') format('opentype');
}

@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 900;
  src: url('../../_font/NotoSans/NotoSansCJKjp-Black.woff') format('woff'),
       url('../../_font/NotoSans/NotoSansCJKjp-Black.otf') format('opentype');
}

/* ****************************************************************************************************
   * 共通
**************************************************************************************************** */

[tab-sp] {
  display: none;
}

@media screen and (min-width:736px) {
  [sp] {
    display: none;
  }
}

@media (min-width:1100px) {
  [sp] {
    position: fixed !important;
    top: -100%;
    left: -100%;
  }
}
@media (min-width:1101px) {
  [sp-nav] {
    position: fixed !important;
    top: -100%;
    left: -100%;
  }
}

@media (max-width:1100px) {
  [pc] {
    display: none !important;
  }
  [tab-sp] {
    display: block;
  }
}

/* :::::::: ブレイクポイント :::::::: */

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

.br-pc {
  display: block;
}

}


/* :::::::: ブレイクポイント :::::::: */

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

.br-sp {
  display: block;
}

}


/* ****************************************************************************************************
   * common
**************************************************************************************************** */



/* ****************************************************************************************************
   * ヘッダー
**************************************************************************************************** */

/** =======================================================
 * メンバー管理
 */

div.membership {
  color: #613A01;
  font-size: 12px;
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 5px;
}

div.membership i.fa-user {
  margin-right: 5px;
  font-size: 16px;
  vertical-align: baseline;
  display: inline-block;
}

div.membership ul.list,
div.membership ul.list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.membership ul.list {
  margin-left: auto;
  margin-right: 0;
  font-size: 14px;
  display: table;
}

div.membership ul.list li {
  padding: 0 10px;
  vertical-align: middle;
  display: table-cell;
}

@media (max-width: 767.98px){

  div.membership ul.list {
    font-size: 14px;
  }

  div.membership ul.list li {
    padding: 0 7px;
  }

}