@charset "utf-8";

/* ---------------------------------------------------------------------------------
base */

*{}


li img{ width:100%;}
img{ vertical-align:bottom;}

a:link{ color:#180116;text-decoration: none;}
a:visited{ color:#180116;text-decoration: none;}
a:active{ color:#180116;text-decoration:none;}
a:hover{ color:#ff0000;text-decoration:none;}

a{transition: transform .2s;}
a:active{transform: scale(0.95);}


body{ background:#fff ; height:100%; width:100%;}


p{ line-height: 1.8em;}

.hrTac img{ width:100%;}
img{ width:100%;}

a.arrowBtn{ display:block; color:#fff; font-weight:bold; background:#322; text-align:center;padding:15px; position:relative; margin-left:auto; margin-right:auto; width:80%; max-width:600px;
/* box-shadow */
box-shadow:-2px 0px 0px -50px #75dc90;

/* border-radius */
border-radius:5px;
}


a.arrowBtn::after{
	content:"";
	display: block;
	width:6px;
	height:6px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left:20px;
	top:50%;
	margin-top:-4px;
}


a.arrowBtn:hover{ background:#000;}






/* ---------------------------------------------------------------------------------
common */


.clear{ clear:both;}
.tac{ text-align:center !important;}

@media(min-width:751px){
.sp{ display:none !important;}
} /* Responsive End */

@media(max-width:750px){
.pc{ display:none !important; }
} /* Responsive End */

@media(max-width:750px){
#commonFooter{ display:none !important; }
}

@media(max-width:750px){
#commonFooter{ display:none !important; }
}


@media(max-width:750px){
.tac_pc{ text-align:left !important;}
.tac_sp{ text-align:center !important;}
}

@media(min-width:751px){
.tac_pc{ text-align:center !important;}
.tac_sp{ text-align:left !important;}
}