.cf::after {
  content: "";
  display: block;
  clear: both; }

html {
  min-height: 100%;
  height: 100%;
  background: url(../img/back.jpg) left bottom no-repeat #000;
  background-size: cover;
  /*ボックス全体をカバーする大きさで表示*/ }

body {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  height: 100%;
  min-height: 100%; }

main {
  min-height: 100%;
  position: relative; }
  main h1 {
    margin: 0;
    position: absolute;
    left: 5%;
    bottom: 20%;
    z-index: 100; }
    main h1 img {
      width: 100%; }
  main .katao {
    position: absolute;
    width: 60%;
    left: 0;
    bottom: 90px; }
  main .youtube_box {
    position: absolute;
    right: 5%;
    top: 3%;
    z-index: 101; }
    main .youtube_box iframe {
      border: 2px solid #fff;
      box-shadow: 0 0 3px #000; }
  main .info_area {
    background: url(../img/info_back.jpg) repeat;
    width: 460px;
    position: absolute;
    padding: 20px;
    right: 5%;
    bottom: 20%;
    border: 2px solid #222;
    border-radius: 4px; }
    main .info_area h2 {
      margin: 0;
      font-size: 20px;
      margin-bottom: 10px; }
    main .info_area dl {
      margin: 0; }
      main .info_area dl dt {
        color: #a11e3d; }
      main .info_area dl dd {
        margin-left: 0;
        margin-bottom: 5px; }
        main .info_area dl dd:last-child {
          margin-bottom: 0; }
        main .info_area dl dd a {
          color: #333; }
          main .info_area dl dd a:hover {
            color: #999; }

nav.pc_menu {
  position: fixed;
  bottom: 20px;
  left: 0;
  width: 100%;
  z-index: 200; }
  nav.pc_menu ul {
    background: linear-gradient(rgba(245, 206, 19, 0.95), rgba(153, 97, 6, 0.95)), url(../img/nav_back.jpg);
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px solid;
    border-color: rgba(143, 92, 6, 0.2); }
    nav.pc_menu ul li {
      display: table-cell;
      text-align: center; }
      nav.pc_menu ul li a {
        line-height: 1;
        padding: 15px;
        color: #fff;
        text-decoration: none;
        display: block;
        font-size: 16px;
        text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5); }
        nav.pc_menu ul li a:hover {
          background: linear-gradient(rgba(153, 97, 6, 0.95), rgba(245, 206, 19, 0.95)), url(../img/nav_back.jpg);
          position: relative; }
          nav.pc_menu ul li a:hover::after {
            content: "";
            display: block;
            width: 27px;
            height: 35px;
            background: url(../img/menu_katao.png) center center no-repeat;
            position: absolute;
            left: 5%;
            top: 50%;
            margin-top: -18px; }

header .drawer-hamburger {
  display: none; }

.sp-footmenu {
  display: none; }

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: #333; }
  footer small {
    color: #fff;
    font-size: 10px; }
    footer small a {
      color: #fff;
      text-decoration: underline; }

.page, .single {
  position: relative; }
  .page h1, .single h1 {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    line-height: 4;
    max-width: 100%; }
  .page main, .single main {
    background: url(../img/info_back.jpg) repeat;
    max-width: 1000px;
    min-height: auto;
    margin: 0 auto 200px;
    border: 2px solid #222;
    border-radius: 4px;
    padding: 15px;
    position: relative; }
    .page main p, .single main p {
      margin-top: 0; }
  .page .page-katao1, .single .page-katao1 {
    position: absolute;
    top: 100px;
    left: -20%; }
  .page .page-katao2, .single .page-katao2 {
    position: absolute;
    top: 400px;
    right: -20%; }
  .page.page-gigs h1, .single.page-gigs h1 {
    background: url(../img/img-title-gigs.png) center center no-repeat; }
  .page.page-cd h1, .single.page-cd h1 {
    background: url(../img/img-title-cd.png) center center no-repeat; }
  .page.page-movie h1, .single.page-movie h1 {
    background: url(../img/img-title-movie.png) center center no-repeat; }
  .page.page-photo h1, .single.page-photo h1 {
    background: url(../img/img-title-photo.png) center center no-repeat; }
  .page.page-goods h1, .single.page-goods h1 {
    background: url(../img/img-title-goods.png) center center no-repeat; }
  .page.page-live h1, .single.page-live h1 {
    background: url(../img/img-title-live.png) center center no-repeat; }
  .page.page-history h1, .single.page-history h1 {
    background: url(../img/img-title-history.png) center center no-repeat; }
  .page.page-room h1, .single.page-room h1 {
    background: url(../img/img-title-room.png) center center no-repeat; }
  .page.page-fanclub h1, .single.page-fanclub h1 {
    background: url(../img/img-title-fanclub.png) center center no-repeat; }
  .page.page-contact h1, .single.page-contact h1 {
    background: url(../img/img-title-contact.png) center center no-repeat; }
  .page.page-archives h1, .single.page-archives h1 {
    background: url(../img/img-title-news.png) center center no-repeat; }

.page-news main a {
  color: #333; }
  .page-news main a:hover {
    color: #999; }
.page-news main article .info-wrap {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  padding: 2em 1em; }
  .page-news main article .info-wrap::after {
    content: "";
    display: block;
    clear: both; }
  .page-news main article .info-wrap .left {
    float: left;
    width: 9em;
    color: #a11e3d; }
  .page-news main article .info-wrap .right {
    float: left; }
    .page-news main article .info-wrap .right h2 {
      margin: 0;
      line-height: 1;
      margin-bottom: 0.5em; }
    .page-news main article .info-wrap .right p {
      margin-bottom: 0; }
.page-news main article:last-child .info-wrap {
  border: none; }