body{margin: 0px;
    padding: 0px;}



a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
a::after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: white;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
a:hover::after {
  bottom: -4px;
  opacity: 1;
  visibility: visible;
}

#header-img{display: none;
            margin: 0px;
            padding: 0px;}
#mein{margin-top:0px;}

h1{text-align: center;}
p{text-align:center;
　 }

#setumei p{font-size: 18px;
　　　　　　　text-align:left;}

header{background-color: black;
       position: fixed;
       width: 100%;
       z-index:4;}

header nav ul li{display:inline;
                 padding:1%;
                  }


header nav ul{padding:1%;
             text-align: center; }

header nav a{color:white;
             font-size:14px;
             padding:9px;
             text-decoration: none;
            
        
             }


section img{display: inline;
            width:49%;
            }



#mein{padding-top:50px;
      position:}

#setumei{background-color:red;
        color:white;
         margin:0px;
         padding:7% 20%;}


#setumei h1{text-align:center;}


#insta{margin:5% 10%;}

footer{ background-color: black;
        color:white; 
        height:50%;}


#footer1{float: left;
         margin-top:2%; 
         margin-left:10%;
         font-size: 25px;
         line-height:1.2; }
div.facebook{float: right;
             margin-top:5%;
             margin-right:5%; }
#footer2{font-size:15px;
        line-height:1.1;}

#insta{margin-left:15%; }


/*スライドショー*/

#photo h1{text-align: center;
　　　　　　}
#photo p{text-align: center;}
ul.bxslider{margin-left:20%;}

/*スライドショーここまで*/

@media(max-width:800px){

h1{font-size: 21px;}

footer{height:35%;}
footer p{text-align: center;  }
footer h1{text-align: center;}
div.facebook{margin:5%;
             }
#footer1{float:left;}
}


div.ggmap {text-align: center;
          margin:0% 8% 10% 8%; 
          position: relative;
          padding-bottom:40%;
          padding-top:0px;
          height: 0;
          overflow: hidden;
          z-index: 3;}

div.ggmap iframe,
div.ggmap object,
div.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




/*-----------------580px レスポンシブ　ここから-----------------*/
@media(max-width:730px){

#mein{margin-top:-60px;}


header{background-color: black;
       width: 100%;}

header nav ul li{text-align: center;
             padding:5px 5px;
             display:block;
                   
               }

section img{display:block;
            margin-top:20px; 
            width: 100%;
            text-align: center;
          
            }

header nav ul{padding:20px;
             text-align: center;
            }

header nav a{color:white;
             font-size:20px;
             padding:20px;
             text-decoration: none;
             border-left: none;
             }




header{background-color: black;
       width: 100%;}

#header-img{
            padding: 0px;
            display: inline;}

#insta{margin:5%;}

section{margin-left:px;
       padding: 0px;
       width: 100%;}

h1{font-size: 21px;}

footer{height:80%;
       margin-top:20px; 
       margin-bottom:0px;
       padding-bottom:30%;}
footer p{text-align: center; 
         padding-top:20px;   }
footer h1{text-align: center;}
div.facebook{margin:0px 22%;
            

            }
#footer1{float:none }
/*-----------------580px RWD ハンバーガーメニュー　-----------------*/     

#ham-menu {
    background-color: black; /*メニュー背景色*/
    box-sizing: border-box;
    height: 100%;
    padding: 10px 20px; /*メニュー内部上下左右余白*/
    position: fixed;
    right: -300px; /*メニュー横幅①と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 300px; /*メニュー横幅①*/
    z-index: 1000;
}

/*メニューアイコン部分は疑似要素で*/
#ham-menu::before {
    background-color:black; /*ボタン部分背景色*/
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: white; /*アイコン（フォント）色*/
    content: "≡"; /*メニューアイコン*/
    display: block;
    font-size: 50px; /*アイコン（フォント）サイズ*/
    height: 50px;
    line-height: 50px; /*縦位置中央化*/
    position: absolute;
    right: 100%;
    text-align: center;
    top: 0;
    width: 50px;
}

/*透過背景部分*/
#menu-background {
    background-color:black; /*黒背景部分背景色*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 100%;
    z-index: -1;
}

/*hover 時の処理*/
#ham-menu:hover {
    transform: translate(-300px); /*メニュー横幅①と合わせる*/
}

#ham-menu:hover + #menu-background {
    opacity: 0.5; /*黒背景部分透過度*/
    z-index: 999;}
}

/*-----------------580px RWD ハンバーガーメニュー　ここまで-----------------*/