@charset "utf-8";


/*-------------------------------------*/
/* メインイメージ */
/*-------------------------------------*/
body {
	color:#666;
}


#wrapper {
	text-align: center;
}

h1 {
	margin: 0px;
	text-align: left;
}

h3 {
	margin: 20px 0;
}

header{
	margin: 20px auto;	
	width: 930px;
}

.container {
	margin: 20px auto;
	text-align: left;
	width: 960px;
}

#navilist {
	text-align: center;
	padding: 20px 15px 20px 0;
}

@media (min-width: 992px){
	#navilist {
	text-align: center;
	padding: 20px auto;
}
}

@media screen and (max-width: 760px) {
h1 {
	margin: 0px;
	text-align:center;
}
header{
	margin: 0;
}
.container{
    width:90%;
}
#navilist {
	text-align:center;
	padding: 20px;
}
}


footer{
	margin: 60px 0 20px 0;
	text-align:center;
}

a{ 
	color:#666;
	outline:none;}

a:hover{
	color:#FF9900;
	text-decoration:underline;
	outline:none;
}


/*-------------------------------------*/
/* SHOPCONTENT */
/*-------------------------------------*/
.shopcontent{
	margin-top: 20px;
	line-height: 140%;
}

/*-------------------------------------*/
/* TOPICS */
/*-------------------------------------*/
#newTopics ul {
	margin: 0px;
	padding:0px;
}

#newTopics ul li {
	list-style: none;
	border-bottom: 1px solid #ddd;
	line-height: 150%;
	padding-top:10px;
	line-height: 200%;
}

#newTopics ul li:first-child {
	padding-top: 0px;
}

#newTopics ul li span.date {
	color: #c00;
	margin-right: 10px;
}

/*-------------------------------------*/
/* BANNER */
/*-------------------------------------*/
	
ul#banner {
	margin: 0px;
	padding: 0px;
}

ul#banner li {
	list-style: none;
	margin-top: 10px;
	padding: 0px;
}

.snsicn {
    width: 252px;
    margin: 0px auto;
}

@media screen and (max-width: 760px) {
ul#banner li {
	list-style: none;
	margin-top: 10px;
	padding: 0px;
	text-align: center;
}
}

/*-------------------------------------*/
/* Schedule */
/*-------------------------------------*/
#open {
	margin:30px auto;
	padding-bottom: 20px;
	width: 600px;
	text-align:left;
	border-bottom: 1px solid #ddd;
}

#event{
	width: 100%;
	background-color:#f9f7ef;
	padding: 20px 0;
}

.eventcontent{
	margin: 0px auto 30px auto;
	width: 600px;
	text-align:left;
}

#event h5{
	color:#ea8c90;
	font-weight: bold;
}

@media screen and (max-width: 760px) {
.eventcontent, #open {
	width:90%;
}
}


.back {
	margin: 40px auto;
}