* {
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    font-family: "Sawarabi Gothic", "ŕSVbN", YuGothic, "qMmpS ProN W3", "Hiragino Kaku Gothic ProN", "CI", Meiryo, sans-serif;
    letter-spacing: 1px;
}

dl,
dt,
dd {
    margin: 0;
    padding: 0;
}

ul,
li {
    list-style: none;
}

body {
	background: url(../img/common/contents_back.jpg) repeat;
	background-position:left top;
    width: 100%;
}
#indexBody{
	background:rgba(0,0,0,0.7);
	width:100%;
	height:100%;
	margin:0;
}

@media screen and (max-width: 1024px) {
	#index_logo{
		width:60%;
		height:auto;
		overflow:hidden;
		margin:0 auto;
		padding:10% 0 5%;
	}
	
	#index_btn{
		display:table;
		table-layout:fixed;
		width:90%;
		height:auto;
		overflow:hidden;
		margin:3% auto;
	}
	.index_enter_btn{
		display:table-cell;
		vertical-align:middle;
		width:40%;
		height:auto;
		overflow:hidden;
		text-align:center;
	}
	.index_spacer_btn{
		display:table-cell;
		vertical-align:middle;
		width:5%;
		height:10px;
	}
	
	.index_exit_btn{
		display:table-cell;
		vertical-align:middle;
		width:40%;
		height:auto;
		overflow:hidden;
		text-align:center;
	}
	.index_enter_btn img, .index_exit_btn img{
		width:90%;
	}
	
	.index_18kin{
		width:100%;
		height:auto;
		overflow:hidden;
		font-size:1.2em;
		color:#FFF;
		line-height:1.6em;
		text-align:center;
		margin:5% auto 0;
		padding-bottom:5%;
	}

	.index_banner{
		width:90%;
		margin:1% auto;
		text-align:center;
	}
	.index_banner img{
		vertical-align:bottom;
	}

    footer {
		text-align: center;
		width: 100%;
		height:auto;
		overflow: hidden;
		background-color: #000;
		background-image: url(../img/common/footer_back.jpg?3103);
		background-position: center top;
		background-size:100% auto;
		color:#FFF;
		margin:0;
		z-index:3;
		}
	.footerBorderTop, .footer_sitelink, .footer_add_box{
		display: none;
	}
	#footerContainer {
		position: relative;
		width: 100%;
		margin:3% auto;
		padding: 3% 0;
		overflow: hidden;
		text-align: center;
	}
	.footer_inner{
		width:98%;
		height:auto;
		overflow:hidden;
		margin:1% auto;
	}
	.footer_sp_Container{
		background: rgba(0,0,0,0.8);
		width:100%;
		height:auto;
		overflow:hidden;
		margin:1% auto;
		padding:1% 0;
		border:1px #FFF solid; 
	}
	.footer_logo{
		display: none;
	}
	.footer_sp_logo{
		width:100%;
		height:auto;
		overflow:hidden;
		text-align:center;
		border-bottom:1px #FFF solid;
	}
	.footer_sp_logo img{
		width:50%;
		vertical-align:bottom;
	}
	.footer_menu_box{
		width:100%;
		display:flex;
		justify-content: space-between;
		border-bottom:1px #FFF solid;
	}
	.footer_menu_contents{
		width:50%;
		text-align:center;
		padding:3% 0;
		font-weight: bold;
		line-height:1.2em;
		border-right:1px #FFF solid;
	}
	.footer_menu_contents a{
		font-size:1.2em;
		color:#eff809;
		text-decoration: none;
	}
	.footer_menu_contents a div{
		font-size:.8em;
	}
	
	.footer_shopinfo_title{
		width:100%;
		font-family: "?????? ProN W3", "HiraMinProN-W3", "HG??E", "?? ???", "MS PMincho", "MS ??", serif;
		font-size:1.6em;
		color:#eff809;
		text-align:center;
		line-height:1em;
		margin:3% auto;
	}
	.footer_shopinfo_title div{
		font-size:.7em;
		text-decoration: underline;
	}
	.footer_tel{
		width:100%;
		font-size:1.4em;
		font-weight: bold;
		color:#FFF;
		line-height:2em;
		text-align:center;
	}
	.footer_sp_add_box{
		width:95%;
		margin:1% auto;
		display: flex;
		justify-content: space-between;
	}
	.footer_add_item{
		width:30%;
		font-size:1.2em;
		color:#FFF;
		text-align:right;
	}
	.footer_add_detail{
		width:70%;
		font-size:1.2em;
		color:#FFF;
		text-align:left;
	}
	footer p{
		background:#000;
		line-height:2em;
	}
}

@media screen and (max-width: 599px) {
	#index_logo{
		width:65%;
		height:auto;
		overflow:hidden;
		margin:0 auto;
		padding:10% 0 5%;
	}
	
	#index_btn{
		display:table;
		table-layout:fixed;
		width:90%;
		height:auto;
		overflow:hidden;
		margin:3% auto;
	}
	.index_enter_btn{
		display:table-cell;
		vertical-align:middle;
		width:40%;
		height:auto;
		overflow:hidden;
		text-align:center;
	}
	.index_spacer_btn{
		display:table-cell;
		vertical-align:middle;
		width:5%;
		height:10px;
	}
	
	.index_exit_btn{
		display:table-cell;
		vertical-align:middle;
		width:40%;
		height:auto;
		overflow:hidden;
		text-align:center;
	}
	
	.index_18kin{
		width:100%;
		height:auto;
		overflow:hidden;
		font-size:1em;
		color:#FFF;
		line-height:1.6em;
		text-align:center;
		margin:5% auto 0;
		padding-bottom:5%;
	}
	.index_banner{
		width:98%;
		text-align:center;
		margin:1% auto;
	}
	.index_banner img{
		width:100%;
		vertical-align:bottom;
	}
}

@media screen and (min-width: 1025px) {

#index_logo{
	width:600px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding:80px 0 50px;
}

#index_btn{
	display:table;
	table-layout:fixed;
	width:570px;
    max-width: 800px;
    min-width: 570px;
	height:auto;
	overflow:hidden;
	margin:10px auto;
}
.index_enter_btn{
	display:table-cell;
	vertical-align:middle;
	width:260px;
	height:auto;
	overflow:hidden;
	text-align:center;
}
.index_spacer_btn{
	display:table-cell;
	vertical-align:middle;
	width:50px;
	height:10px;
}

.index_exit_btn{
	display:table-cell;
	vertical-align:middle;
	width:260px;
	height:auto;
	overflow:hidden;
	text-align:center;
}

.index_18kin{
	width:800px;
	height:auto;
	overflow:hidden;
	font-size:18px;
	color:#FFF;
	line-height:2em;
	text-align:center;
	padding-bottom: 50px;
	margin:50px auto 0;
}
.index_banner{
	width:640px;
	text-align:center;
	margin:5px auto;
}
.index_banner img{
	vertical-align:bottom;
}
/************************************wb_[******************************************/
footer {
	text-align: center;
	width: 100%;
	height:auto;
	overflow: hidden;
	background-color: #000;
	background-image: url(../img/common/footer_back.jpg?3103);
	background-position: center top;
	background-size:100% auto;
	color:#FFF;
	margin: 0;
	z-index:3;
}
.footerBorderTop{
	background: -moz-linear-gradient(to bottom,#fdee86,#fef9d9 30%,#b66c09); 
	background: -webkit-linear-gradient(to bottom,#fdee86,#fef9d9 20%,#b66c09); 
	background: linear-gradient(to bottom,#fdee86,#fef9d9 30%,#b66c09);
	width:100%;
	height:20px;
	margin:0;
	text-align:center;
}
#footerContainer {
    position: relative;
    width: 1100px;
    margin:30px auto;
    padding: 10px 0;
    transform: skewX(-20deg);
    background: rgba(0,0,0,0.8);
    overflow: hidden;
    text-align: center;
}
.footer_inner{
	transform: skewX(20deg);
	width:930px;
	height:auto;
	overflow:hidden;
	margin:0px auto;
}
.footer_sp_Container, .footer_sp_logo{
    display:none;
}
.footer_logo{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
}
.footer_logo img{
    width:500px;
	vertical-align:bottom;
}
.footer_add_box{
	display:table;
	table-layout:fixed;
	width:85%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.footer_add{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:24px;
	font-style:italic;
	color:#FFF;
	line-height:2em;
	width:68%;
	padding:1%;
}
.footer_add_tel{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:24px;
	font-style:italic;
	color:#FFF;
	line-height:2em;
	width:30%;
	padding:1%;
}
.footer_add .add_item{
	width:16%;
	text-align:left;
	font-size:24px;
	font-style:italic;
	color:#FFF;
	line-height:1.4em;
	padding-right:1%;
	float:left;
	box-sizing: border-box;
}
.footer_add .add_time{
	width:84%;
	text-align:left;
	font-size:24px;
	font-style:italic;
	color:#FFF;
	line-height:1.4em;
	float:right;
}
.footer_sitelink{
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.footer_sitelinkbox{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	line-height:2em;
	width:auto;
	padding:1px;
	box-sizing:content-box;
}
.footer_sitelinkbox a{
	font-size:13px;
	color:#FFF;
}

}