@charset "utf-8";





@media(max-width:750px){	


}



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

#gFooter{
padding: 40px 0 0 0;
clear: both;
}


#gFooter #snsArea{}
#gFooter #snsArea ul{
    width: 700px;
    margin: 0 auto 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 30px;
}
#gFooter #snsArea li a{ display: block; color: #333;}

#gFooter #snsArea li{
  position: relative;
  display: block;
  font-weight: 600;
  text-decoration: none;
  color: #000;
text-align: center;
border-bottom: 2px solid #333;
padding-bottom: 5px;
letter-spacing: 0.06em;
}

#gFooter li.insta a{background:url("/shunga/asset/images/icon_insta.png") no-repeat left 50%;background-size:22px;}
#gFooter li.x a{background:url("/shunga/asset/images/icon_x.png") no-repeat left 50%;background-size:22px;}
#gFooter li.podcast a{background:url("/shunga/asset/images/icon_podcast.png") no-repeat left 50%;background-size:22px;}





.ftinner{ width: 1000px; margin: 0 auto;}


@media(max-width:750px){	
.ftinner{ width: auto; margin: 0 50px;}
}

.ftLogo{font-size: 20px;
  font-family: "Shippori Mincho", serif;letter-spacing: 0.05em;
  font-weight: 400;
  font-style: normal;
line-height: 1.4em;
margin-bottom: 10px;}
.ftLogo a{ color: #333;}

.ftMenues{
    width: auto;
    margin: 0 auto 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 30px;
}

.ftMenu li{ margin-bottom: 5px; font-size: 14px; line-height: 1.4em;}
.ftMenu li a{color: #333;}


#ftUnder{
width: auto; background: #000;
}

#ftUnder >ul{ width: 1000px; margin: 0 auto;text-align: center;padding: 20px 0;}
#ftUnder >ul li{ display: inline; margin-right: 30px;}
#ftUnder >ul li:last-child{margin-right: 0;}
#ftUnder >ul li a{ color: #fff; font-size: 14px;}

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


@media(max-width:750px){	
.ftLogo{font-size: 34px;
margin-bottom: 30px;}
#ftUnder >ul{ width: auto; margin: 0 auto;text-align: center;padding: 20px 0;}
.ftMenues{
    width: auto;
    margin: 0 auto 50px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
    row-gap: 30px;
}
.ftMenu li{ margin-bottom: 15px; font-size: 22px;}
#ftUnder >ul li a{ color: #fff; font-size:20px;}
.underCopy{ 
	padding: 20px;font-size: 100%;
}
}