@charset "utf-8";

/* top
----------------------------------------- */
#mainVisual {
	margin-bottom: 30px;
	text-align: center;
	padding-top:  150px;
}
#mainVisual img {
	width: 100%;
	max-width: 480px;
	height: auto;
}
#mainVisual .pc {
	display: none;
}
#mainVisual .sp {
	display: block;
}

/* entry */
#entry section {
	margin-bottom: 40px;
}
#entry section.last {
	margin-bottom: 0;
}
#entry section .icon {
	margin-bottom: 20px;
	text-align: center;
}
#entry section .icon img {
	width: 100%;
	max-width: 280px;
}
#entry section ul.list ul li{
	text-indent: 1.0em;
}
#entry section ul.list ul li li{
	text-indent: 3.0em;
}
#entry section .text01{
	margin: auto;
	width: 90%;
	max-width: 280px;
}

#entry section .icon img.small {
	width: 100%;
	max-width: 180px;
}

/* whats-new */
#whats-new {
	/*margin-bottom: 30px;*/
	padding: 0 20px;
	height: 160px;
	/*width: 100%;*/
/*	overflow:scroll;      */
/*  上記scroll -> hidden へ修正 2018/12/7 */
	overflow:hidden;
}
#whats-new iframe{
		width: 100%;
}

#whats-new li {
	margin-bottom: 5px;
	text-align: left;
}
#whats-new li:last-child {
	margin-bottom: 0;
}
#whats-new li span {
	margin-right: 2em;
}

/* event */
#event {
	margin-bottom: 30px;
	/*padding: 0 30px;*/
}
#event li {
	/* margin-bottom: 40px; */
	text-align: right;
}
#event li:last-child {
	margin-bottom: 0;
}
#event .photo {
	/* margin-bottom: 30px; */
	text-align: center;
}
#event .photo img {
	width: 280px;
}
#event .cont {
	margin-bottom: 20px;
	text-align: left;
}
#event .detail {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 8px 12px;
	background-color: #eee;
	letter-spacing: 0.1em;
}
#event .event-ttl{
	font-size:1.2em;
	line-height:20px;
	width:90%;
	margin:20px 5px 10px 0px;
	padding:10px 10px 10px 15px;
	border:1px solid #66ccff;
	border-radius:15px;
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
	-moz-border-radius:15px;   /* Firefox用 */

}

/* タブレット向け：760px～960px */
@media only screen and (min-width: 760px) {

/* mainVisual */
#mainVisual {
	margin-bottom: 80px;
	background-color: #ecebeb;
	text-align: center;
	padding-top:  95px;
	padding-bottom: 10px;
}
#mainVisual img {
	max-width: 960px;
	height: auto;
}

/* top */
#mainVisual .pc {
	display: block;
}
#mainVisual .sp {
	display: none;
}

/* entry */
#entry {
	padding: 0;
}
#entry section {
	float: left;
/*	width: 30%;*/
	width: 45%;
	height: auto;
	margin-right: 1%;
}
#entry section.last {
	margin-right: 0;
}
#entry section .icon {
	margin-bottom: 40px;
	text-align: center;
}

#entry section {
	margin-bottom: 40px;
}
#entry section.last {
	margin-bottom: 0;
}
#main h2.ttl {
}
#main h3.ttl {
	font-size: 22px;
}

/* whats-new */
#whats-new {
	max-width: 920px;
	margin: 0 5% 15px 5%;
	padding: 0;
}
#whats-new li{
	margin-right: 5%;
	margin-bottom: 0;
}
#whats-new li:nth-child(3n){
	margin-right: 0;
}

/* event */
#event {
/*	max-width: 920px;
	margin: 0 5% 50px 5%;
	padding: 0;*/
}
#event li {
	display: inline-block;
	width: 30%;
	margin-right: 3%;
	/* margin-bottom: 60px; */
	vertical-align: top;
}
#event  li:nth-child(3n){
	margin-right: 0;
}
#event .photo {
}
#event .photo img {
	width: 100%;
	height: auto;
}
#event .cont {
	margin-bottom: 20px;
}
#event .detail {
	padding: 8px 12px;
	background-color: #eee;
}
.toTop a {
	display: block;
	width: 24px;
	margin: 0 auto 20px auto;
	padding: 8px 20px;
}

} /* タブレット向け */




/* PC向けレイアウトの指定：961px～ */
@media only screen and (min-width: 961px) {

/* entry */
#entry {
	padding: 0;
}
#entry section {
	float: left;
	width: 28%;
/*	height: 260px;*/
	margin-right: 20px;
	margin-left: 20px;
}
#main h2.ttl {
	margin-bottom: 15px;
}
#main h3.ttl {
	font-size: 25px;
}

/* whats-new */
#whats-new {
	width: 920px;
	margin: 0 auto 5px auto;
	padding: 0;
}
#whats-new li{
	margin-right: 40px;
}

/* event */
#event {
	/*width: 920px;
	margin: 0 auto 50px auto;
	padding: 0;*/
}
#event li {
	width: 30%;
	margin-right: 40px;
}

} /* PC向け */