@charset "UTF-8";

body{
	background:url(../img/common/back.jpg) repeat-y;
	background-position: center top;
	background-size: 100% auto;
	background-color:#FFF;
	font-family: "M PLUS 1p";
	margin: 0px;
	padding: 0px;
	font-size:12px;
	color:#000;
}

a:link {
	color: #333;
	text-decoration:none;
}

a:visited {
	color: #000;
	text-decoration:none;
}

a:hover {
	text-decoration: none;
	color: #666;
}

a:active {
	color: #000;
	text-decoration:none;
}
h1{
	text-align:center;
	background-color:#851200;
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:1.2em;
	color:#FFF;
	line-height:2em;
	margin:0px;
}

#index_container{
	background:rgba(255, 255, 255, 0.7);
	width:80%;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}
.index_logo{
	width:50%;
	margin:1% auto;
}
.index_logo img{
	width:100%;
	vertical-align: bottom;
}
.index_tel_open_box{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.index_tel{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align:center;
	font-size:3vw;
	color:#FFF;
	line-height:2em;
	margin:0 auto;
	letter-spacing: .1em;
	text-shadow:0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701;
}
.index_open{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align:center;
	font-size:3vw;
	color:#FFF;
	line-height:2em;
	margin:0 auto;
	letter-spacing: .1em;
	text-shadow:0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701;
}

.index_18kin{
	width:25%;
	margin:3% auto;
	text-align:center;
}
.index_18kin img{
	width:100%;
	vertical-align:bottom;
}
.index_enter{
	width:50%;
	margin:1% auto;
	text-align:center;
}
.index_enter img{
	width:90%;
}
.index_18kin_text{
	width:50%;
	font-size:1.6em;
	color:#480701;
	text-align:center;
	line-height:1.4em;
	margin:0 auto 10%;
	letter-spacing: .1em;
}
.index_18kin_text a{
	color:#851200;
	text-decoration: underline;
}
.index_banner_box{
	width:98%;
	margin:1% auto;
}
.link_banner{
	width:50%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}

footer{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	background-color:#851200;
	margin:0px;
}
footer p{
	font-size:1.2em;
	color:#FFF;
	line-height:1.6em;
	
}
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: auto;
  max-width: 80%;
  padding: 20px;
  background-color: #fff;
  z-index: 2;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}

@media screen and (min-width: 960px) {
	#index_container{
		width:1000px;
		height:auto;
		overflow:hidden;
		margin:0 auto;
	}
}

@media screen and (max-width: 959px) {
	.index_logo{
		width:70%;
		margin:1% auto;
	}
	.index_logo img{
		width:100%;
		vertical-align: bottom;
	}
	.index_tel_open_box{
		width:98%;
		height:auto;
		overflow:hidden;
		margin:1% auto;
	}
	.index_tel{
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		text-align:center;
		font-size:3.5vw;
		color:#FFF;
		line-height:2em;
		margin:0 auto;
		text-shadow:0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701;
	}
	.index_open{
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		text-align:center;
		font-size:3.5vw;
		color:#FFF;
		line-height:2em;
		margin:0 auto;
		text-shadow:0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701,0 0 5px #480701;
	}
	.index_18kin{
		width:25%;
		margin:3% auto;
		text-align:center;
	}
	.index_18kin img{
		width:100%;
	}
	.index_enter{
		width:50%;
		margin:1% auto 2%;
		text-align:center;
	}
	.index_enter img{
		width:90%;
	}
	.index_18kin_text{
		width:70%;
		font-size:1.4em;
		color:#851200;
		text-align:center;
		line-height:1.4em;
		margin:0 auto 10%;
		letter-spacing: .1em;
	}
	.index_18kin_text a{
		color:#851200;
		text-decoration: underline;
	}
}

@media screen and (max-width: 767px) {
	#index_container{
		width:100%;
		height:auto;
		overflow:hidden;
		margin:0 auto;
	}
	.index_logo{
		width:60%;
		margin:1% auto;
	}
	.index_logo img{
		width:100%;
		vertical-align: bottom;
	}
	.index_tel_open_box{
		width:98%;
		height:auto;
		overflow:hidden;
		margin:1% auto;
	}
	.index_tel{
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		text-align:center;
		font-size:5.5vw;
		color:#FFF;
		font-weight: bold;
		line-height:2em;
		margin:0 auto;
		text-shadow:0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701;
	}
	.index_open{
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		text-align:center;
		font-size:5.5vw;
		color:#FFF;
		font-weight: bold;
		line-height:2em;
		margin:0 auto;
		text-shadow:0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701,0 0 3px #480701;
	}
	.index_18kin{
		width:25%;
		margin:3% auto;
		text-align:center;
	}
	.index_18kin img{
		width:100%;
	}
	.index_enter{
		width:60%;
		margin:1% auto 2%;
		text-align:center;
	}
	.index_enter img{
		width:90%;
	}
	.index_18kin_text{
		width:90%;
		font-size:1.2em;
		color:#851200;
		text-align:center;
		line-height:1.4em;
		margin:0 auto 10%;
		letter-spacing: .1em;
	}
	.index_18kin_text a{
		color:#851200;
		text-decoration: underline;
	}

	.index_banner_box{
		width:98%;
		margin:1% auto;
	}
	.link_banner{
		width:90%;
		height:auto;
		overflow:hidden;
		margin:1% auto;
	}

	.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;a
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  padding: 3%;
  background-color: #fff;
  z-index: 2;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 10%;
  height: 10%;
  line-height:2em;
  text-align: center;
}
.close-btn p {
  font-size:6vw;
  font-weight:bold;
  color: #000;
  margin:0;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}

}