@charset "utf-8";
/* Common CSS */
*{margin:0;padding:0;}
h1{border-bottom:5px solid #555555;width:98%;margin:1%;font-weight:bold;}
h2{font-weight:bold;margin:10px 0;padding:0;}
.facebook h2{border-left:10px solid #365289;border-bottom:3px solid #365289;color:#365289;background:url('../img/facebook.png') no-repeat 5px center;}
.twitter h2{border-left:10px solid #3891c1;border-bottom:3px solid #3891c1;color:#3891c1;background:url('../img/twitter.png') no-repeat 5px center;}
.instagram h2{border-left:10px solid #b900b4;border-bottom:3px solid #b900b4;color:#b900b4;background:url('../img/instagram.png') no-repeat;}
.content{width:98%;margin:1%;}
.shop,.shops{text-align:center;}
#footer{width:100%;border:none;}
#footer img{background:#e50010;}
#footer p{margin:0;}

/* for Mobile Browser */
@media screen and (min-width:320px) and (max-width:767px){
*{max-width:100%;}
h1{font-size:5vw;}
h2{font-size:4.6vw;background-size:5%!important;padding-left:8%;}
.instagram h2{background-position:3% center;padding-left:10%;}
img{width:48%;margin:1%;}
.kojibou img,h2 img{width:98%;}
#footer img{width:100%;}
#footer p{font-size:3vw;}
}

/* for Other Browser */
@media screen and (min-width:768px){
*{max-width:940px;font-size:62.5%;}
h1{font-size:26px;font-size:2.6rem;}
h2{font-size:50px;font-size:5.0rem;padding-left:60px;}
.instagram h2{padding-left:100px;background-position:25px center;}
.shops a{display:inline-block;width:300px;margin:5px 5px 5px 0;}
a img{width:100%;}
.shop a{display:inline-block;vertical-align:middle;margin:5px 10px 5px 0;}
.shop a:last-child{margin-right:0;}
}