@charset "UTF-8";


body::-webkit-scrollbar {
  display: none;
}
li{
	list-style-type:none;
}

#wide-area{
	width:350px;
	margin:0 auto;
}

#header-logo h1{
	font-size:1.0em;
	font-weight:bold;
	text-align:center;
	padding:20px 10px;
}

#slide ul{
	position:relative;
}

#slide li{
	position:absolute;
	width:100%;
}
#slide-head {
        text-align:center;
        font-size:1.2rem;
}
#museum-ex {
        width:350px;
        height:180px;
}
#button{
	padding-top:;
	text-align:center;
}
#button-top{
	padding-top:200px;
	text-align:center;
}
#button ul{
	display:inline-block;
}
#button-top ul{
	display:inline-block;
}
#button ul li{
	float:left;
	margin-right:15px;
}
#button-top ul li{
	float:left;
	margin-right:15px;
}
#button ul li:last-child{
	margin-right:0;
}
#button-top ul li:last-child{
	margin-right:0;
}
/*
#button ul li a{
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	width:14px;
	height:14px;
	border-radius:7px;
	background:#A8DCDB;
}
*/
#button ul li a{
	overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
	text-decoration:none;
	display:block;
	width:10px;
	height:10px;
	border-radius:5px;
	background:#A8DCDB;
}
#button-top ul li a{
	overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
	text-decoration:none;
	display:block;
	width:14px;
	height:14px;
	border-radius:7px;
	background:#fffef8;
}
#button ul li a.target{
	background:#41AFAD;
}
#button-top ul li a.target{
	background:#fffef8;
}
/*
DESKTOP SIZE
================================================ */
@media (min-width: 600px) {
/* Common */
body::-webkit-scrollbar {
  display: none;
}
li{
	list-style-type:none;
}

#wide-area{
	width:1200px;
	margin:0 auto;
}

#header-logo h1{
	font-size:2.5em;
	font-weight:bold;
	text-align:center;
	padding:40px 25px;
}

#slide ul{
	position:relative;
}

#slide li{
	position:absolute;
	width:100%;
}
#slide-head {
        text-align:center;
        font-size:2.0rem;
}
#museum-ex {
        width:1200px;
        height:600px;
}
#button{
	padding-top:;
	text-align:center;
}
#button-top{
	padding-top:700px;
	text-align:center;
}
#button ul{
	display:inline-block;
}
#button-top ul{
	display:inline-block;
}
#button ul li{
	float:left;
	margin-right:15px;
}
#button-top ul li{
	float:left;
	margin-right:15px;
}
#button ul li:last-child{
	margin-right:0;
}
#button-top ul li:last-child{
	margin-right:0;
}


/*
#button ul li a{
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	width:14px;
	height:14px;
	border-radius:7px;
	background:#A8DCDB;
}
*/
#button ul li a{
	overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
	text-decoration:none;
	display:block;
	width:18px;
	height:18px;
	border-radius:9px;
	background:#033146;
}
#button-top ul li a{
	overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
	text-decoration:none;
	display:block;
	width:;
	height:;
	border-radius:;
	background:#fffef8;
}
#button ul li a.target{
	background:#F5A22F;
}
#button-top ul li a.target{
	background:#fffef8;
}
}