@charset "utf-8";
/* CSS Document */

body, html {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p.logo{
position: fixed;
top: 78%;
left: 0%;
}
p.logo img{width: 50%;
height: auto;
}
nav ul{
width: 100%;
overflow:hidden;
position: fixed;
z-index: 100;
top: 80%;
margin-left: 1%;
color:#fff;
}
nav ul li img{
width: 100%;
height: auto;
}
nav ul li{
float: left;
font-size: 20px;
margin-right: 1%;
}
nav ul li.logo{
width:170px;
height:auto;
margin-top: -8px;
}
nav ul li.concept{
width:124px;
height:auto;
}
nav ul li.news{
width:76px;
height:auto;
}
nav ul li.collection{
width:153px;
height:auto;
}
nav ul li.webstore{
width:151px;
height:auto;
}
nav ul li.shoplist{
width:145px;
height:auto;
}
nav ul li.link{
width:71px;
height:auto;
}
nav ul li.blog{
width:64px;
height:auto;
}
nav ul li.weibo{
width:96px;
height:auto;
}
nav h1{
width: 230px;
height: auto;
position: fixed;
margin-top: -56px;
top: 77%;
margin-left: 1%;
z-index: 100;
}
nav h1 img{
width:100%;
}
small a,nav a,small a:hover,nav a:hover{
text-decoration:none;
color:#fff;
}
small{
font-family: "PT Sans";
font-size: 10px;
color:#fff;
position:fixed;
z-index: 100;
bottom: 0%;
left:50%;
margin-left:-130px;
text-align:center;
}
#btn-bd {
    position: fixed;
    margin-left: 15px;
    top: 0px;
}


/* ---------- Webフォント指定 ---------- */



	@font-face {
        font-family: "PT Sans Itl";
        src: url('../fonts/pts56f/996673584-PTS56F.eot');
        src: url('../fonts/pts56f/996673584-PTS56F.eot?#iefix') format('embedded-opentype'),
        url('../fonts/pts56f/996673584-PTS56F.svg#PT Sans Caption') format('svg'),
        url('../fonts/pts56f/996673584-PTS56F.woff') format('woff'),
        url('../fonts/pts56f/996673584-PTS56F.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
	
	@font-face {
        font-family: "PT Sans";
        src: url('../fonts/ptc55f/846984864-PTC55F.eot');
        src: url('../fonts/ptc55f/846984864-PTC55F.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ptc55f/846984864-PTC55F.svg#PT Sans Caption') format('svg'),
        url('../fonts/ptc55f/846984864-PTC55F.woff') format('woff'),
        url('../fonts/ptc55f/846984864-PTC55F.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
	
	@font-face {
        font-family: "PT Sans ItlB";
        src: url('../fonts/pts76f/429718018-PTS76F.eot');
        src: url('../fonts/pts76f/429718018-PTS76F.eot?#iefix') format('embedded-opentype'),
        url('../fonts/pts76f/429718018-PTS76F.svg#PT Sans Caption') format('svg'),
        url('../fonts/pts76f/429718018-PTS76F.woff') format('woff'),
        url('../fonts/pts76f/429718018-PTS76F.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
header ul#sns{
	overflow:hidden;
	position:fixed;
	top:0;
	right:3%;
	z-index:100;
}
header ul#sns li{
width:50px;
height:auto;
float:left;
}
header ul#sns li img{
width:100%;
height:auto;
}
header ul#language {
width: 30px;
height: 100px;
background-image: url(../img/collection/language.png);
background-repeat: no-repeat;
background-size: cover;
position: fixed;
z-index: 100;
top: 4%;
left: 0%;
text-indent:-9999px;
}
header ul#language a{
display:block;
width: 30px;
height: 50px;
}

/* スクロールしたらトップに戻るボタン  */
.pagetop {
	display: none;
	position: fixed;
margin-left: 75%;
	top: 87%%;
}
.pagetop a {
	display: block;
}