@charset "utf-8";

/***************************************************

　局屋立春　top.css

***************************************************/

@media screen and (max-width: 667px) {
  .bnr_aut { position: static;}
  .bnr_aut img { width: 90%; margin: 50px;}
}

body{
overflow: hidden;
}
img.bgmaximage{
 position:fixed !important;
}
#main {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 50;
 width: 100%;
}
#main h1 {
	display: block;
	float: right;
	width: 168px;
	height: 442px;
	margin: 40px 60px auto auto;
	background: url(../img/logo.png) left top no-repeat;
	text-indent: -9999px;
}
#main ul#memu {
	float: right;
	width: 210px;
	height: 202px;
	margin: 155px 28px auto auto;
}
#main ul#memu li{ float: right; }
#main ul#memu li a {
	display: block;
	height: 202px;
	text-indent: -9999px;
}
#main ul#memu li.n01 a { width: 51px; background: url(../img/menu01.png) left top no-repeat; }
#main ul#memu li.n02 a { width: 50px; background: url(../img/menu02.png) left top no-repeat; }
#main ul#memu li.n03 a { width: 50px; background: url(../img/menu03.png) left top no-repeat; }
#main ul#memu li.n04 a { width: 50px; background: url(../img/menu04.png) left top no-repeat; }

#main ul#memu li a:hover { background-position: -50px 0; }
#main ul#memu li.n01 a:hover { background-position: -51px 0; }

.bold{font-weight: bold;}
.bnr_corona {position: absolute; max-width: 494px; width:100%; top: 670px; right: 8%; margin-left: 8%; padding: 3px; background: #fff;}
.bnr_corona p{padding: 25px; font-size: 120%; letter-spacing: 1.5px; border: 1px solid;}
.bnr_corona a{text-decoration:none;}
.bnr_corona a:hover{color: #000;}
.bnr_corona:hover{ opacity: 0.7}
.bnr_corona a:visited {color: #000;}

.bnr_event { position: absolute; top:505px; right:8%; margin-left:8%; }
.bnr_event img { width: 100%;}
.bnr_event img:hover{opacity: 0.8}
.bnr_aut { position: absolute; bottom: -270px; right: 60px; }

.instagram {position: absolute; top: 585px; right: 8%; margin-left: 8%; padding: 3px; background: rgba(255,255,255,0.8); border-radius: 10px;}

/*.corona { display: inline-block; position: absolute; right: 3%; bottom: -290px; background-color: rgba(255, 255, 255, 0.83); padding: 20px; line-height: 1.7; font-size: 1.1em; border: 1px solid; }
.corona h3 { font-size: 1.5em; font-weight: bold;  }*/

@media screen and (max-width: 750px) {

  #main h1 { width: 15%; background-size: contain; }
  #main ul#memu { margin: 90px 28px auto auto;}

  .bnr_corona {width: 82%;top: 95%;}
  .instagram {width:82%; top: 72%;}
  .bnr_corona p { padding: 15px 5px;font-size: 90%;}

  .bnr_event{top: 62%;}

/*  .corona { bottom: -225px; left: 50%; transform: translateX(-50%); width: 80%; }
}*/
@media screen and (max-width: 350px) {
  #main ul#memu{margin: 90px 0 0 0;}
  .bnr_corona {top: 80%;}
  .bnr_corona p { font-size: 80%;}
}
@media screen and (max-width: 320px) {
  .bnr_event{top: 50%;}
  .bnr_corona {top: 62%;}
  .instagram {top: 50%;}.instagram img{width: 100%;}

}