html {
  background-size: cover;
  /*ボックス全体をカバーする大きさで表示*/
  background-attachment: fixed; }

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

nav.pc_menu {
  display: none; }

header .drawer-hamburger, header .drawer-hamburger:hover {
  display: block;
  background: #102b48;
  z-index: 999;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); }
header .drawer-hamburger-icon, header .drawer-hamburger-icon:after, header .drawer-hamburger-icon:before {
  background-color: #fff; }
header .drawer-menu img {
  max-width: 100%;
  vertical-align: bottom; }
header .drawer-menu .drawer-brand {
  background: url(../img/back.jpg) left bottom no-repeat;
  background-size: cover;
  /*ボックス全体をカバーする大きさで表示*/
  line-height: 1; }

main {
  padding-top: 60px; }
  main h1 {
    position: relative;
    left: 0;
    margin-top: 10px;
    text-align: center; }
    main h1 img {
      max-width: 90%; }
  main .katao {
    position: relative;
    width: 97%;
    bottom: 20px; }
  main .wrap-box {
    background: url(../img/info_back.jpg) repeat;
    position: relative;
    margin-top: -30px;
    width: 100%;
    padding-bottom: 50px; }
  main .youtube_wrap {
    position: relative;
    padding: 10px; }
    main .youtube_wrap .youtube_box {
      background: #fff;
      box-shadow: none;
      position: relative;
      height: 0;
      padding: 0 0 56.25%;
      overflow: hidden;
      right: 0; }
      main .youtube_wrap .youtube_box iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  main .info_wrap {
    position: relative;
    padding: 10px;
    background: url(../img/info_back.jpg) repeat; }
    main .info_wrap .info_area {
      border: 2px solid #333;
      border-radius: 4px;
      position: relative;
      right: 0;
      bottom: 0;
      max-width: 100%;
      box-sizing: border-box;
      padding: 10px; }

.drawer-nav {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  z-index: 998; }
  .drawer-nav li {
    border-top: 1px solid;
    border-color: rgba(143, 92, 6, 0.8); }
    .drawer-nav li:first-child {
      border-top: none; }
    .drawer-nav li a {
      background: linear-gradient(rgba(245, 206, 19, 0.95), rgba(153, 97, 6, 0.95)), url(../img/nav_back.jpg);
      color: #fff;
      font-weight: bold;
      text-shadow: 1px 1px 1px black; }
      .drawer-nav li a:hover {
        text-decoration: underline;
        color: #fff; }

.sp-footmenu {
  display: block; }
  .sp-footmenu ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0; }
    .sp-footmenu ul li {
      list-style: none;
      width: 50%; }
      .sp-footmenu ul li a {
        font-size: 1rem;
        font-weight: bold;
        padding: 10px 15px;
        display: block;
        text-decoration: none;
        border-top: 1px solid;
        border-color: rgba(143, 92, 6, 0.8);
        background: linear-gradient(rgba(245, 206, 19, 0.95), rgba(153, 97, 6, 0.95)), url(../img/nav_back.jpg);
        color: #fff;
        text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5); }
      .sp-footmenu ul li:nth-child(odd) a {
        border-right: 1px solid;
        border-color: rgba(143, 92, 6, 0.8); }

footer {
  position: relative;
  height: 50px;
  line-height: 50px; }

.page {
  position: relative; }
  .page main {
    max-width: 100%;
    min-height: auto;
    margin: 0 10px 80px;
    border: 2px solid #222;
    border-radius: 4px;
    padding: 15px;
    position: relative; }
    .page main p {
      margin-top: 0; }
  .page .page-katao1 {
    display: none; }
  .page .page-katao2 {
    display: none; }
  .page > h1 {
    background-size: 110% !important;
    line-height: 2; }