@charset "utf-8";

/*================================

shelf

================================*/

#shelf{
	width:760px;
	height:auto;
	min-height:1px;
	max-height:9999px;
	margin:60px auto 0;
	font-size:14px;
	text-align: center;
	}

@media screen and (max-width: 768px) {
#shelf{
	width:90%;
	margin:60px auto 0;
	font-size:12px;
	}
	}

@media screen and (max-width: 480px) {
#shelf{
	width:80%;
	margin:40px auto 0;
	font-size:11px;
	}
	}

#shelf h1{
	font-size:21px;
	font-weight: bold;
	}

@media screen and (max-width: 480px) {
#shelf h1{
	font-size:16px;
	font-weight: bold;
	}
	}

#shelf h2{
	font-size:12px;
	font-weight: bold;
	}

@media screen and (max-width: 480px) {
#shelf h2{
	font-size:10px;
	font-weight: bold;
	}
	}

#shelf h3{
	font-size:11px;
	font-weight: bold;
	padding-bottom:10px;
	}

@media screen and (max-width: 480px) {
#shelf h3{
	font-size:10px;
	font-weight: bold;
	}
	}

#shelf #photo{
	width:680px;
	height:auto;
	min-height:1px;
	max-height:9999px;
	margin:0 auto;
	cursor: pointer;
	}

@media screen and (max-width: 768px) {
#shelf #photo{
	width:80%;
	height:auto;
	margin:0 auto;
	}
	}

@media screen and (max-width: 480px) {
#shelf #photo{
	width:90%;
	height:auto;
	margin:0 auto;
	}
	}

#shelf #photo div{
	background-size: cover;
	}

#shelf #photo img{
	width:100%;
	height:auto;
	}

#shelf #color{
	width:720px;
	margin:0 auto;
	padding:20px 0 50px;
	text-align: center;
	border-top:1px solid #cccdcf;
	}

@media screen and (max-width: 768px) {
#shelf #color{
	width:90%;
	margin:0 auto;
	padding:20px 0 50px;
	text-align: center;
	border-top:1px solid #cccdcf;
	}
	}

@media screen and (max-width: 480px) {
#shelf #color{
	width:90%;
	margin:0 auto;
	padding:20px 0 30px;
	text-align: center;
	}
	}


/*================================

sns

================================*/

#sns{
	width:100%;
	padding:60px 0 20px;
	text-align: center;
	}

@media screen and (max-width: 480px) {
#sns{
	padding:40px 0 20px;
	}
	}


/*================================

shop

================================*/

#shop{
	width:100%;
	padding:10px 0 70px;
	text-align: center;
	font-size:13px;
	}

@media screen and (max-width: 480px) {
#shop{
	font-size:12px;
	}
	}

#shop a{
	text-decoration: underline;
	}



/*================================

navi

================================*/

#navi{
	width:100%;
	padding:10px 0 70px;
	text-align: center;
	font-size:13px;
	font-style:italic;
	}

#navi table{
	width:500px;
	margin: 0 auto;
	font-size:13px;
	table-layout: fixed;
	}

@media screen and (max-width: 768px) {
#navi table{
	width:400px;
	margin: 0 auto;
	}
	}

@media screen and (max-width: 480px) {
#navi table{
	width:270px;
	margin: 0 auto;
	font-size:11px;
	}
	}

#navi .prev,#navi .index,#navi .next{
	width:33.3%;
	text-align: center;
	}





/*================================

tomorrowland

================================*/

#tomorrowland{
	width:100%;
	padding:70px 0 10px;
	text-align: center;
	font-size:13px;
	}


@media screen and (max-width: 768px) {
#tomorrowland {
	font-size:12px;
	}
	}

@media screen and (max-width: 480px) {
#tomorrowland {
	font-size:11px;
	}
	}