@charset "UTF-8";

/*スマートフォン版のコードを書く場所*/  
* { 
    margin: 0px; 
    padding: 0px; 
}

body{
    width: 600px; max-width: 100%;
    margin: auto;
	background-color: #000;
}

img {
	width: 600px; max-width: 100%;
	vertical-align: bottom;}

video {
	width: 600px; max-width: 100%;
	vertical-align: bottom;}

#wrapper {
  background-image: url(../img/bg.jpg);
  background-size:cover;
  text-align:center;

#main {
}

#main img{
  width: 600px; max-width: 90%;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  
  /*タブレット版のコードを書く場所*/  

}

@media screen and (min-width: 961px) and (max-width: 1200px) {
  
  /*パソコン版のコードを書く場所*/  

}

@media screen and (min-width: 1201px) {
  
  /*デスクトップ版のコードを書く場所*/  

}

/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
  width: 600px; max-width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}