@charset "utf-8";
@media screen and (max-width:1000px) {
#wrapper{
	min-height: auto;
	min-width: 100%;
}
.area{
	width: 92%;
}

/*-----------------------------------------------
	TOP
-----------------------------------------------*/
.showMainTop .topArea{
	padding-top: 0;
	margin-top: 10em;
}
.showMainTop h2{
	width: 70%;
	top: 5%;
	max-width: auto;
}
.btArea ul{
	width: 84%;
	margin: 0 auto;
}
.btArea p.ja{
	font-size: 4.4rem;
	line-height: 1.2;
}
.btArea p.day{
	font-size: 4.3rem;
}
.btArea a:link{
	padding:2em 8em 2em 3em;
}

}
@media screen and (max-width:767px) {
/*-----------------------------------------------
	TOP
-----------------------------------------------*/
.showMainTop .topArea{
	margin-top: 15em;
}
.showMainTop h2{
	width: 70%;
	top: 0%;
	max-width: auto;
}
.showMainTop h2 img.pcim{
	display: none;
}
.showMainTop h2 img.spim{
	display: block;
}
.showMainTop p.ss{
	bottom: 1em;
	right: 1em;
}
	
.btArea{
	padding: 6em 0 10em;
}
.btArea ul{
	width: 90%;
	margin: 0 auto;
}
.btArea a:link{
	padding:2em 5em 2em 2em;
}
.btArea p.ja{
	font-size: 1.3rem;
	line-height: 1.2;
}
.btArea p.day{
	font-size: 1.3rem;
}
.btArea a:link::before {
  right:2em;
  width: 8%;
  margin-right:-1px;
}
.btArea a:link::after {
  right:2em;
}

}
@media screen and (max-width:500px) {
/*-----------------------------------------------
	TOP
-----------------------------------------------*/
.showMainTop .topArea{
	margin-top: 12em;
}
.showMainTop h2{
	width: 75%;
	top: -2em;
}
.showMainTop h3 img.spim{
	display: block;
}
.showMainTop h3 img.pcim{
	display: none;
}
.btArea{
	padding: 5em 0 8em;
}
.btArea ul{
	width: 94%;
}
.btArea li{
	margin-bottom: 1.5em;
}
.btArea a:link{
	padding:2em 3em 2em 1.2em;
}
.btArea a:link::before {
  right:1.5em;
  width: 5%;
  margin-right:0px;
}
.btArea a:link::after {
  right:1.5em;
  margin-top:-4px;
  width: 8px;
  height: 8px;
}	
.btArea p.ja{
	font-size: 1.4rem;
}
.btArea p.day{
	font-size: 1.6rem;
}
.btArea li::before {
	top: .3em;
	left: .3em;
}
}