@charset "utf-8";


#gFooter{ position: relative;}
.footerTop{ background: url(/common/images/footer/footer_bg.png) repeat-x center top; background-size:2500px auto;}

.footerTop ul{ width: 800px; margin: 0 auto;padding: 100px 0 20px; border-bottom: 1px dashed #fff; 

    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 5px;
    row-gap: 5px;
}



@media(max-width:750px){


.footerTop{ background: url(/common/images/footer/footer_bg_sp.png) repeat-x center top; background-size:1400px auto;padding-top: 50px;}


.footerTop ul{ width: auto; margin: 0 50px;padding: 100px 0 20px; border-bottom: 1px dashed #fff; 
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 5px;
    row-gap: 5px;
}
  .footerTop ul li:last-child {
    grid-column: 1 / -1;   /* 横2列ぶち抜き */
    justify-self: center; /* 中央寄せ */
  }

}




.footerUnder{ background: url(/common/images/footer/ft_bgColor.png) repeat center top;}

.footerUnder >.inner{ width: 800px; margin:0 auto; display: table;padding: 20px 0 50px;}
.footerUnder .copyright{ display: table-cell; width: 20%; vertical-align: bottom;}
.footerUnder .ftTitle{ display: table-cell; width: 60%; text-align: center; vertical-align: bottom;}
.footerUnder .privacy{ display: table-cell; width: 20%; vertical-align: bottom;}
.footerUnder .privacy p{text-align: right; opacity: 0; pointer-events: none;}
.footerUnder .ftTitle img{ width: 70%;}
.footerUnder p{ color: #fff; font-size: 70%; font-weight: normal;}
.footerUnder p a:link{ color: #fff;}
.footerUnder p a:visited{ color: #fff;}
.footerUnder p a:hover{ color: #fff; text-decoration: underline;}


.gototop{ width: 120px; display: block; position: absolute;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
top: -40px;
transition: all  0.3s ease;
}

a.gototop:hover{ top:-36.5px; transform: scale(0.95);}
a.gototop:active{ transform: scale(0.9);}

@media(max-width:750px){

.gototop{ width: 170px; display: block; position: absolute;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
top: -40px;
transition: all  0.3s ease;
}



.footerUnder >.inner{ width: auto; margin:0 auto; display: table;padding: 20px 0 30px;}

.footerUnder .copyright{ display: none; width: 0%; vertical-align: bottom;}
.footerUnder .ftTitle{ display: table-cell; width: 100%; text-align: center; vertical-align: bottom;}
.footerUnder .privacy{ display: none; width: 50%; vertical-align: bottom;}

.footerUnder .ftTitle img{ width: 90%;}

p.spPrivacy{ text-align: center; padding-bottom:20px; font-size: 22px; display: none;}
p.spCopy{ text-align: center;padding-bottom: 50px; font-size: 24px;}

}





/* ---------------------------------------------------------------------------------
footer */

@media(max-width:750px){

}




.underCopy{ 
	padding: 20px;font-size: 70%;
	background: #fff;
	color: #333; 
	width: 100%; text-align: center;
}


@media(max-width:750px){

}