* {
    margin:0;
    padding:0;
    word-wrap:break-word;
    overflow-wrap:break-word;
    box-sizing:border-box;
}
body {
	font-size:16px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka;
	background:#000;
    color:#222;
}
h1 {
    margin:0 0 24px;
    line-height:1.4em;
    letter-spacing:1.2px;
    font-size:20px;
    color:#FFF;
}
h2 {
    margin:0 0 24px;
    letter-spacing:1.5px;
    font-size:24px;
    color:#FFF;
}
h2:before {
    content:"■";
}
h2:after {
    content:"■";
}
area {
    border:none;
    outline:none;
}
img {
    border:none;
}
a {
    text-decoration:none;
    color:#FFF;
}
a:hover {
    opacity:0.8;
}

#container {
    margin:0 auto;
    width:1200px;
    line-height:1.4em;
    letter-spacing:1px;
    text-align:center;
}

#top {
    margin:0 0 28px;
    height:290px;
    background:url("img/topbanner-pc.gif") top no-repeat;  
}

#map {
    margin:0 0 64px;
}

#itemlink {
    display:none;
}

#makerlink {
    margin:0 auto;
    width:660px;
    list-style:none;
}
#makerlink img {
    border-right:#FFF 1px solid;
    border-bottom:#FFF 2px solid;
}
#makerlink li {
    margin:0 0 20px;
    width:100%;
}
#makerlink li:last-child {
    margin:0 0 48px;
}

#foot {
    clear:both;
    margin:0 auto 2%;
}

@media screen and (max-width:480px) {

h1 {
    margin:0 1em 5%;
    font-size:16px;
}
h2 {
    margin:0 0 4%;
    font-size:18px;
}
img {
    max-width:100%;
}

#container {
    width:94%;
}

#top {
    margin:0 0 4%;
    padding:0 0 60%;
    height:auto;
    background:url("img/topbanner-sp.gif") top no-repeat;
    background-size:100%;
}

#map {
    display:none;
}

#itemlink {
    display:inherit;
    margin:0 auto;
    width:100%;
    list-style:none;
}
#itemlink li {
    margin:0;
}
#itemlink li:last-child {
    margin:4% 0 16%;
}

#makerlink {
    width:100%;
}
#makerlink li {
    margin:0 0 2.5%;
}
#makerlink li:last-child {
    margin:0 0 8%;
}

#foot {
    margin:0 auto 4%;
    font-size:12px;
}

}