@charset "utf-8";
/*
00 404.html
01 index.html
-----------------------------------
xx for iphone 5


-------------------------------------------------------*/
a.btn{
	padding: 1px;
	border-radius: 5px;
	display: block;
	background: #c8b27e;
	background: -webkit-linear-gradient(top,  #c8b27e 0%,#dfc996 100%);
	background: linear-gradient(to bottom,  #c8b27e 0%,#dfc996 100%);
	color: #282322;
	font-size: 1.29rem;
	text-decoration: none;
}
a.btn span{
	padding: 5px 25px;
	background: #b69b5c;
	background: -webkit-linear-gradient(top, #f8e4b6 0%, #b69b5c 100%);
	background: linear-gradient(to bottom, #f8e4b6 0%, #b69b5c 100%);
	display: block;
	position: relative;
}
a.btn:hover{
	background: #dbcdab;
	background: -webkit-linear-gradient(top,  #dbcdab 0%,#eadbba 100%);
	background: linear-gradient(to bottom,  #dbcdab 0%,#eadbba 100%);
}
a.btn:hover span{
	background: #d1c198;
	background: -webkit-linear-gradient(top, #f9ecce 0%, #d1c198 100%);
	background: linear-gradient(to bottom, #f9ecce 0%, #d1c198 100%);
}
a.btn span:after{
	content:'';
	position: absolute;
	top:50%;
	right:10px;
	margin:-7px 0 0 0;
	width:0;
	height:0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #574c36;
}

.pagination{text-align: center;}
.pagination span.swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	margin:0 2px !important;
	background: #fff;
	opacity: 1;
}
.pagination span.swiper-pagination-bullet-active{background: #00ba9e;}

#contents{padding: 5px;}
/*
00 404.html
--------------------------------------------------------- */
#nf{
	height: 100%;
	flex: 1 1 auto;

	padding: 45px 5px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#nf h1{margin-bottom: 20px;}
#nf h2{margin-bottom: 15px;}
#nf h3{font-size: 1.13rem;}

#nf p{
	padding: 10px 0;
	font-size: .88rem;
}


/*#nfLinks {padding: 0 7px;}*/
#nfLinks li{padding: 2px 0;}
#nfLinks li a{
	padding: 5px 0;
	border: 2px solid #897648;
	border-radius: 5px;
	display: block;
	text-decoration: none;
	color: #897648;
	font-size: 1.13rem;
}

.shopLinks{
	/*padding: 0 5px;*/
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	text-align: center;
}
.shopLinks li{
	padding: 2px;
	flex: 0 0 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.shopLinks li a{
	/*height: 42px;*/
	padding: 5px;
	display: block;

	border-radius: 5px;
	color: #fff;
	border: 1px solid #76663e;
	text-decoration: none;
	font-size: 1.13rem;
	font-weight: bold;

	background: #b1985d;
	background: -webkit-linear-gradient(top, #b1985d 0%, #897648 100%);
	background: linear-gradient(to bottom, #b1985d 0%, #897648 100%);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#ftFunc .shopLinks li.slGrp a,
#subNav .shopLinks li.slGrp a{
	border: 2px solid #897648;
	background: #fff;
	text-decoration: none;
	color: #897648;
}
#subNav .shopLinks li:last-child a{
	background: none;
}

/*
01 index.html
--------------------------------------------------------- */
#hd_vdtest{
	margin-bottom: 5px;
	text-align: center;
}
#hd_vdtest img{
	max-width: 365px;
	width: 100%;
	height: auto;
}
#maintext p{margin-bottom: 15px;}
#enter{
	margin-bottom: 20px;
	text-align: center;
}
#enter a{
	padding: 10px 40px;
	background: #eee;
	border-radius: 40px;
	background-color: #39d3d2;
	background-repeat: no-repeat;
	font-size: 1.75rem;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	position: relative;
	text-shadow: 1px 1px 2px rgba(0,0,0,.4);
	display: inline-block;
}
#enter a:after{
	width: 19px;
	height: 21px;
	margin-top: -10px;
	background-image: url(../img/common/icon_arrow.png);
	background-position: 0 0;
	-webkit-background-size: 19px 21px;
	background-size: 19px 21px;
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
}
#enter a span{font-size: 2.13rem;}

#u18{
	min-height: 42px;
	padding-left: 50px;
	margin-bottom: 15px;
	background-image: url(../img/common/under18.png);
	-webkit-background-size: 44px 42px;
	background-size: 44px 42px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	text-align: left;
	font-size: .75rem;
}
#leave{
	margin-bottom: 20px;
	text-align: center;
}
#leave a{
	padding: 5px 40px;
	display: inline-block;
	background: #a97150;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1em;
	text-indent: 1em;
}

#recruit{text-align: center;}
#recruit a{
	padding: 5px 20px;
	display: inline-block;
	background: #63bba5;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.31rem;
}
.authlinks{margin-bottom: 10px;}
.authlinks li{
	text-align: center;
	padding: 5px 0;
}
.authlinks li img{
	max-width: 468px;
	width: 100%;
	height: auto;
}

#authtable{
	margin-top: -5px;
}
#authtable li{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}
#authtable li > div{
	display: flex;
	align-items: center;
	justify-content: center;
}
.authtableL a img{
	max-width: 100%;
	height: auto;
}
.authtableR > div{
	display: flex;
	align-items: center;
	justify-content: center;
}
.authtableR a{
	width: 25%;
}
.authtableR a img{
	max-width: 100%;
	height: auto;
}
#hataj a img{
	width: 100%;
	height: auto;
}

/*
xx for iphone 5
--------------------------------------------------------- */
@media screen and (max-width: 320px) {
	.blogfunc ul li a{font-size: .75rem;}
	#sitemap dl dd ul li a{font-size: .88rem;}
}