body {
    font-family :
	YuMincho,    
	'Yu Mincho', 
	serif;
    font-size :4.0vmin;

   background-color: #ffffff;
   background-image: url("../img/bg02.jpg");
   background-size: cover;
   background-attachment: fixed;
   background-position: center right;

  }

p{
line-height:1.7;
}

a:link {
color:#000000;
text-decoration:none;
}
a:visited {
color:#000000;
text-decoration:none; 
}
a:hover {
color:#b5a600;
text-decoration:none;
}
a:active {
color:#544d01;
text-decoration:none;
}

div {
  margin: 0px 0px 0px 0px;
}


table{
table-layout: fixed;
width:100%;
border-collapse:separate;
border-spacing:10px;
padding:20px 20px 20px 20px;
}

td{
vertical-align:top;
}

.c-name{
font-size:5.0vmax;
}

.c-namekana{
font-size:3.0vmax;
}

.m-name{
font-size:3.0vmax;
}

.m-namekana{
font-size:2.5vmax;
}

<!-- top画像用 要サイズ変更 -->
.resizeimage img {
   max-width: 500px;
   min-width: 240px;
}
.resizeimage img { width: 100%; }

<!-- ハンバーガー -->

<!-- ヘッダー -->
#toggle {
position:fixed;
margin: 10px 0px 10px 0px;
}

#toggle-box {
    position: fixed;
    top:20px;
    right:20px;
    width: 75px;
    height: 75px;
    cursor: pointer;
margin: 10px 0px 10px 0px;
z-index: 1000; !important;
}


#toggle-box > span {
  width: 100%;
  height: 8px;
  left: 0;
  display: block;
  background: #cccccc;
  position: absolute;
  transition: transform .6s ease-in-out, top .5s ease, bottom .5s ease;
}

#toggle-box > span:nth-child(1) {
    top: 0;
}

#toggle-box > span:nth-child(2) {
    top: 50%;
    transform: translatey(-50%);
}

#toggle-box > span:nth-child(3) {
  bottom: 0;
}


#nav-content {
    z-index: 900;
    overflow: auto;
    width: 50%;
    height: 100%;
    background: #ffffff;
    color: #000000;
    position: fixed;
    top: 0;
    right: 0;
    text-align: center;
    transform: translateX(110%);
    transition:  transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#nav-content ul {
  list-style: none;
}

.pc-menu ul {
  list-style: none;
}

#nav-content a {
  display: block;
  color: #000000;
  text-decoration: none;
  padding: 30px 0;
  transition: opacity .6s ease;
}

#nav-content a:hover {
color:#9110001;
}

.is-open {
    overflow: hidden;
}

.is-open #toggle-box > span {
    background: #cccccc;
}

.is-open #toggle-box > span:nth-child(1) {
  top: 50%;
  transform: rotate(45deg) translatey(-50%);
}

.is-open #toggle-box > span:nth-child(2) {
  width: 0;
}

.is-open #toggle-box > span:nth-child(3) {
  top: 50%;
  transform: rotate(-45deg) translatey(-50%);
}

.is-open #nav-content {
  z-index: 999;
  transform: translateX(0);
}

<!-- レスポンシブ対応用 -->
.pc {
display: block !important;
}

.sp {
display: none !important; font-size: 4.0vmin;
}

@media only screen and (max-width: 1000px) {
    .pc { display: none !important;}
    .sp { display: block !important;}