@charset "UTF-8";
/* CSS Document */

img { width:100%; }

.mgn-top10 { margin-top:10px; }
.mgn-top20 { margin-top:20px; }
.mgn-top30 { margin-top:30px; }
.mgn-top40 { margin-top:40px; }

#wrapper {
	background-color:#a00;
	color:#fff;
	font-size:16px;
	line-height:1.6;
	font-family: "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Osaka", "MS Pゴシック", "MS PGothic", "MSゴシック", Arial, Helvetica, sans-serif;
	width:100%;
}

#contents {
	width:1024px;
	margin:0 auto;
	padding:50px 0 0;
	color:#fff;
}

h1 {
	width:480px;
	margin:0 auto;
}

#map_wrap {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 100px auto 0;
  max-width: 1024px;
  justify-content: center;
  align-items: center;
  height:288px;
}

.map {
  width: 50%;
  height:288px;
}
.address {
  width: 50%;
  padding-left:100px;
}

.google-maps {
  position: relative;
  padding-bottom: 28%; /*これが縦横比*/
  height: 0;
  overflow: hidden;
  margin:100px 0 80px;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

footer h2 {
  width:100%;
  background-color:#810101;
  text-align:center;
  font-size:12px;
  font-weight:normal;
  padding:8px 0;
}

.tab { display:none; }


@media screen and (max-width: 1024px) {
	#contents {
		width:100%;
		margin:0 auto;
		padding:50px 0 0;
		color:#fff;
	}

	h1 {
		width:50%;
		margin:0 auto;
	}

	.map {
	  width: 60%;
	  box-sizing:border-box;
	  padding-left:3%;
	  height:288px;
	}
	.address {
	  width: 40%;
	  padding-left:100px;
	}

	.google-maps {
	  margin:12% 0 8%;
	  padding-bottom: 35%; /*これが縦横比*/
	}

	.tab { display:block; }
}

@media screen and (max-width: 767px) {
	h1 {
		width:66%;
		margin:0 auto;
	}

	#map_wrap {
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		width: 100%;
		margin: 50px auto 0;
		max-width: 100%;
		justify-content: center;
		align-items: center;
		height:100%;
	}
	.map,
	.address {
		width: 100%;
		height:100%;
		padding:0 6%;
	}
	.address {
		margin-top:40px;
	}

	.google-maps {
	  margin:50px 0 30px;
	  padding-bottom: 55%; /*これが縦横比*/
	}

	.tab { display:none; }
    

}

@media screen and (min-width: 850px) {
        .onlysp{
        display:none;
    }
}


/* 自粛注記 */
.shutdown{
    text-align: center;
    margin-top:20px; 
}

.shutdown span{
    font-size:1.5em;
    font-weight: bold;
}