@charset "UTF-8";

body,html{
min-width:375px;
}

header { width:100%; padding:0 20px 10px 20px; }

.container { padding:0 10px 0 10px; width:100%; }

section { padding:0; }

#logo { width:100%; padding:0; }
#logo img { width:100%; }

#main-image { height: 250px; }

.spmenu { display:block; font-size:85%; }
#nav { display:none; }
#navi-image { width:100%; margin:10px 0 0 0; }

.cat01-link, .cat02-link { float: none; width: 100%;}
.banner-link { float: none; width: 100%; text-align: center;}
.banner-link a { display: block; margin: 10px 0;}

#information ul li { float:none; width:100%; padding:1%; text-align:center; }

.footer { float:none; text-align:center; }
.footer-link { float:none; text-align:center; }

.company-name { font-size:120%; }

#facebook { float:none; width:100%; }

#instafeed { float:none; width:100%; text-align:center; padding-left:0; }
#instafeed .insta-box { width:150px; height:150px; float:left; margin:10px; }


#kanko-background { height: 150px; background-size: cover; }
#about-background { height: 150px; background-size: cover; }


#kanko img {  float: none; width:80%; display:block; margin:0 auto; }
#kanko b { font-size:120%; margin: 0px auto 20px; }
#kanko table tr td { padding:10px; font-size:68%; }

#about img {  float: none; width:80%; display:block; margin:0 auto; }
#about b { font-size:120%; margin: 0px auto 20px; }

#spnav { display:block; text-align:center; }

#spnav ul li { padding:13px; display:inline-block; text-align:center; margin:0 auto; font-size:85%; }
#spnav ul li a { color:#000; }

#information ul li { float: left; width: 50%; }

#sns { margin-top:20px; }