@charset "utf-8";

/* --------------------
 header
-------------------- */
	#top-image{
		background:url(../img/contents/top/image-1.gif) no-repeat center center;
		background-size:cover;
		position:absolute;
		top:0;
		left:0;
		right:0;
		max-width:100%;
		width:auto;
		z-index:-1;
		height:650px;
	}

#top #header{height:650px;}
#header #s-nav{
	background-color:#F7F7F7;
}
#header #o-nav{
	background-color:#fff;
}


#sns{
	position:absolute;
	top:58px;
	right:38px;
	z-index:2;
}
#sns ul{
	margin:0;
	padding:0;
	list-style:none;
}
#sns ul li{
	margin:0 0 0 12px;
	padding:0;
	float:left;
}
#sns ul li:forst-child{
	margin:0;
}
#anm-im{
	width:320px;
	position:absolute;
	top:200px;
	left:0;
	right:0;
	margin:auto;
	z-index:2;
}
#anm-im-winter{
	position:absolute;
	top:518px;
	left:242px;
	z-index:2;
}
#anm-im-30th{
	width:108px;
	position:absolute;
	top:66px;
	right:296px;
	margin:auto;
	z-index:2;
}
#anm-nav{
	position:absolute;
	top:590px;
	left:230px;
	max-width:700px;
	z-index:2;
	margin-right:10px;
}
#anm-nav ul{
	margin:0;
	padding:0 12px 0 0;
	list-style:none;
	width:100%;
}
#anm-nav ul li{
	margin:0 4px 0 0;
	padding:0;
	float:left;
	width:25%;
}
#anm-nav ul li:last-child{
	margin:0 -12px 0 0;
}
#pickup{
	padding:48px 25px 0;
	width:300px;
	height:610px;
	position:absolute;
	top:40px;
	right:0;
	background:url(../img/contents/top/bg-pickup.png) repeat left top;
}
#icon-pickup{margin-bottom:10px;}
#icon-pickup img{display:block;}
#pickup .box{
	width:250px;
}
#pickup .box ul{
	margin:0;
	padding:0;
	list-style:none;
	height:476px;
	overflow:hidden;
}
#pickup .box ul li{
	margin:0;
	padding:0;
	width:250px;
	height:476px;
}
#pickup .box ul li .ph{
	height:350px;
	background-color:#CFD2D3;
	display:table;
}
#pickup .box ul li .ph a{
	position:relative;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:100%;
	height:100%;
}
/*#pickup .box ul li .ph a:after{
	content:" ";
	width:24px;
	height:24px;
	background:url(../img/contents/top/icon-kakudai.png) no-repeat left top;
	background-size:cover;
	position:absolute;
	right:8px;
	bottom:8px;
}*/
#pickup .box ul li .article{
	padding:14px 20px 0;
	background-color:#fff;
	height:126px;
}
#pickup .box ul li .article h3{
	color:#000;
	line-height:1.2;
}
#pickup .box ul li .article .date{
	color:#000;
	font-size:10px;
	font-size:1.0rem;
}
#pickup .box ul li .article .text{
	color:#666;
	font-size:12px;
	font-size:1.2rem;
}
#pickup .box ul li .article .text a{
	color:#2E9D30;
	text-decoration:underline;
}
#pickup .box ul li .article .text a:hover{
	color:#f00;
}
.image-page-prev,
.image-page-next{
	display:none !important;
}
#image-page-nav{
	margin-top:14px;
	text-align:center;
}
#image-page-nav a{
	margin-left:10px;
	display:inline-block;
	overflow:hidden;
	text-indent:101%;
	white-space:nowrap;
	width:12px;
	height:12px;
	background-color:rgba(0,0,0,0.3);
	border-radius:6px;
}
#image-page-nav a:first-child{
	margin-left:0;
}
#image-page-nav a.selected{
	background-color:#C46476;
}
#info-box{
	margin-top:610px;
	width:100%;
}

#top #header #m-nav > ul > li .c-nav{
	height:650px;
	background-image:none;
}



/* main */
#info-box{margin-bottom:1px;}
#info-box > .inner{
	padding:40px 42px;
	width:50%;
	height:314px;
	float:left;
	overflow:hidden;
}
#info-box > #info-box-1{
	border-right:1px #fff solid;
	background-color:#F7F4EC;
}
#info-box > #info-box-2{
	background-color:#EEF0DF;
}
#info-box > .inner .title-box{
	margin:0 0 14px;
	width:100%;
	letter-spacing:-.40em;
}
#info-box > .inner .title-box h2,
#info-box > .inner .title-box .btn{
	display:inline-block;
	letter-spacing:normal;
}
#info-box > .inner .title-box h2{
	color:#000;
	font-size:22px;
	font-size:2.2rem;
	line-height:1.2;
	font-weight:normal;
}
#info-box > #info-box-1 .title-box h2{color:#4D3800;}
#info-box > #info-box-2 .title-box h2{color:#444D00;}
#info-box > .inner .sp-btn{display:none;}
#info-box > .inner .title-box .btn{
	margin-left:12px;
}
#info-box > .inner .title-box .btn a{
	display:inline-block;
	width:96px;
	color:#fff;
	background-color:#ACAAA5;
	font-size:12px;
	font-size:1.2rem;
	line-height:22px;
	text-align:center;
	text-decoration:none;
	position:relative;
}
#info-box > .inner .title-box .btn a::after{
	content:" ";
	background:url(../img/contents/top/btn-icon-1.png) no-repeat left top;
	background-size:cover;
	width:6px;
	height:6px;
	position:absolute;
	top:0;
	right:6px;
	bottom:0;
	margin:auto;
}
#info-box > .inner .list{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	letter-spacing:-.40em;
}
#info-box > .inner .list li{
	margin:0 18px 100px 0;
	padding:0;
	width:174px;
	letter-spacing:normal;
	vertical-align:top;
	display:inline-block;
}
#info-box > .inner .list li .ph{
	position: relative;
 width: 100%;
 height: auto;
	overflow:hidden;
}
#info-box > .inner .list li .ph::before{
	content: "";
 display: block;
 padding-top: 63%;
}
#info-box > .inner .list li .ph a{
 display:block;
 position: absolute;
 top: 0; 
 left: 0;
 width: 100%;
 height: 100%;
}
#info-box > .inner .list li .ph a img{
	position: relative;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#info-box > .inner .list li .category{
	margin-bottom:6px;
	color:#333;
	background-color:rgba(96,56,19,0.1);
	font-size:12px;
	font-size:1.2rem;
}
#info-box > .inner .list li .category .category-1{
	padding:0 6px;
	display:inline-block;
}
#info-box > .inner .list li .category .category-2{
	padding:0 6px;
	display:inline-block;
	color:#fff;
}
#info-box > .inner .list li .category .category-2.togei,
#info-box > .inner .list li .category .category-2.togei-dantai{background-color:#5D5C5C;}
#info-box > .inner .list li .category .category-2.senshoku,
#info-box > .inner .list li .category .category-2.senshoku-dantai{background-color:#C52A7E;}
#info-box > .inner .list li .category .category-2.shichiho,
#info-box > .inner .list li .category .category-2.shichiho-dantai{background-color:#30958A;}
#info-box > .inner .list li .category .category-2.glass,
#info-box > .inner .list li .category .category-2.glass-dantai{background-color:#776EBD;}
#info-box > .inner .list li .category .category-2.kinko{background-color:#B3B982;}
#info-box > .inner .list li .category .category-2.mokko{background-color:#C1722D;}
#info-box > .inner .list li .category .category-2.hanga{background-color:#839E3E;}
#info-box > .inner .list li .category .category-2.bijyutsu{background-color:#EB9D42;}
#info-box > .inner .list li h3{
	font-weight:normal;
	line-height:1.2;
}
#info-box > .inner .list li h3 a{
	text-decoration:underline;
}
#info-box > .inner .list li .date{
	font-size:10px;
	font-size:1.0rem;
}

#spc-bnr-box{
	padding:22px 30px;
	background-color:#082613;
}
#spc-bnr-box .box-1{
	margin:0 auto;
	max-width:960px;
}
#spc-bnr-box .box-1 .item{
	margin:0 auto;
	width:50%;
	max-width:464px;
}
#spc-bnr-box .box-1 .item .bnr-box-1{
	background-color:#FFF500;
}
#spc-bnr-box .box-1 .item .bnr-box-1 .list{
	margin:0;
	padding:20px;
	list-style:none;
}
#spc-bnr-box .box-1 .item .bnr-box-1 .list li{
	margin:0 0 1px;
	padding:0;
}
#spc-bnr-box .box-1 .item .bnr-box-1 .list li:last-child{
	margin:0;
}
#spc-bnr-box .box-1 .item a:hover{
	opacity:0.8;
}
#spc-bnr-box .box-1 .item .bnr-box-2{
	padding:20px;
	background:url(../img/contents/top/bg-bnr-scj2017.jpg) no-repeat left top;
	background-size:contain;
}
#spc-bnr-box .box-1 .item .bnr-box-2 .list{
	margin:0;
	padding:0;
	list-style:none;
}
#spc-bnr-box .box-1 .item .bnr-box-2 .list li{
	margin:0 0 4px;
	padding:0;
}
#spc-bnr-box .box-1 .item .bnr-box-2 .list li:first-child{
	margin:0 0 18px;
}
#spc-bnr-box .box-1 .item .bnr-box-2 .list li:last-child{
	margin:0;
}



#news-box{
	width:100%;
	display:table;
}
#news-box > .inner .sp-btn{display:none;}
#news-box > .inner{
	padding:40px 42px;
	width:50%;
	height:100%;
	display:table-cell;
	vertical-align:top;
}
#news-box > #news-box-1{
	background-color:#F7F7F7;
}
#news-box > #news-box-2{
}

#news-box .title-box{
	margin:0 0 14px;
	padding-bottom:0;
	width:100%;
	letter-spacing:-.40em;
}
#news-box .title-box h2,
#news-box .title-box .btn{
	display:inline-block;
	letter-spacing:normal;
}
#news-box .title-box h2{
	color:#000;
	font-size:22px;
	font-size:2.2rem;
	line-height:1.2;
	font-weight:normal;
}
#news-box .title-box .btn{
	margin-left:12px;
}
#news-box .contents-box #news-list{color:#000;}
#news-box .contents-box #news-list dl{
	margin:0 0 10px;
}
#news-box .contents-box #news-list dt{
	float:left;
	width:6em;
	color:#999;
}
#news-box .contents-box #news-list dd{
	margin-left:7em;
}
#news-box .contents-box #news-list dd a{
	color:#1a1a1a;
	text-decoration:underline;
}
#news-box .contents-box #news-list dd a:hover{
	color:#f00;
}
#news-box #news-cat-list{
	margin:0 auto;
	padding:0 32px 0 0;
	list-style:none;
	max-width:566px;
}
#news-box #news-cat-list li{
	margin:0 16px 0 0;
	padding:0;
	float:left;
	max-width:178px;
	width:33.3%;
}
#news-box #news-cat-list li:last-child{
	margin:0 -32px 0 0;
}
#sp-news-cat-list{display:none;}
#top-box-1{
	width:100%;
	padding:40px;
	border-top:1px #e5e5e5 solid;
}
#event-calendar{
	padding-right:360px;
	width:100%;
	float:left;
}
#event-calendar .title-box{
	margin:0 0 12px;
	width:100%;
	position:relative;
}
#event-calendar .title-box h2{
	margin-right:296px;
	color:#333;
	font-size:22px;
	font-size:2.2rem;
	line-height:1.2;
	font-weight:normal;
}
#event-calendar .title-box h2 span{
	color:#666;
	font-size:12px;
	font-size:1.2rem;
	display:block;
}
#event-calendar .title-box .list{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	width:296px;
}
#event-calendar .title-box .list li{
	margin:0 0 0 2px;
	padding:0;
	float:left;
	height:42px;
	font-size:16px;
	font-size:1.6rem;
	display:table;
	line-height:1.2;
}
#event-calendar .title-box .list li a,
#event-calendar .title-box .list li > div{
	display:table-cell;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
}
#event-calendar .title-box .list li a span{
	display:block;
}
#event-calendar .title-box .list li.btn-1{
	width:130px;
	font-size:12px;
	font-size:1.2rem;
}
#event-calendar .title-box .list li.btn-2{
	width:80px;
}
#event-calendar .title-box .list li.btn-3{
	width:80px;
}
#event-calendar .title-box .list li.btn-1 > div{
	padding-left:40px;
	color:#000;
	background:#f1f1f1 url(../img/contents/top/btn-icon-2.png) no-repeat 12px center;
	text-align:left;
}
#event-calendar .title-box .list li.btn-2 a{
	color:#fff;
	background:#F6A547 url(../img/contents/top/btn-icon-3.png) no-repeat right bottom;
}
#event-calendar .title-box .list li.btn-3 a{
	color:#fff;
	background:#579DCB url(../img/contents/top/btn-icon-3.png) no-repeat right bottom;
}
.g-calendar iframe{width:100% !important;}
.g-calendar.sp{display:none;}


#facebook-timeline{
	margin-left:-360px;
	width:320px;
	float:right;
}
#top-bnr-box{
	padding:30px 40px;
	width:100%;
	background:url(../img/contents/top/bg-bnr-box.jpg) no-repeat center center;
	background-size:cover;
}
#top-bnr-box h2{
	margin-bottom:8px;
	border-left:6px #50A128 solid;
	padding-left:12px;
	line-height:1.2;
	font-size:171%;
	color:#000;
}
#top-bnr-box h2 span{
	font-size:75%;
}
#top-bnr-box ul{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
}
#top-bnr-box ul li{
	margin:0 4px 4px 0;
	padding:0;
	float:left;
}
#top-bnr-box ul li:last-child{
	margin:0 -20px 0 0;
}
#top-bnr-box-2{
	padding:50px 40px;
	width:100%;
}
#top-bnr-box-2 h2{
	margin-bottom:12px;
	border-left:6px #50A128 solid;
	padding-left:10px;
	line-height:1.2;
	font-size:24px;
	font-size:2.4rem;
	color:#000;
}
#top-bnr-box-2 .list{
	margin:0;
	padding:0;
	list-style:none;
}
#top-bnr-box-2 .list li{
	margin:0 4px 4px 0;
	padding:0;
	max-width:310px;
	float:left;
}
#top-bnr-box-2 .list li:last-child{
	margin:0;
}



@media screen and (max-width: 1280px) {

	/* --------------------
		header
	-------------------- */
		#top-image{
			left:200px;
		}
	#anm-im{
		width:420px;
		position:absolute;
		top:200px;
		left:0;
		right:0;
		margin:auto;
		z-index:2;
		text-align:right;
	}
	#anm-im-30th{
		position:absolute;
		top:66px;
		right:20px;
		z-index:2;
	}
	#pickup{
		margin-top:610px;
		padding:25px 25px 0;
		height:580px;
		position:static;
		float:left;
	}
	#info-box{
		width:auto;
		margin-left:300px;
	}
	#info-box > .inner{
		padding:36px 40px;
		width:100%;
		float:none;
	}

}

@media screen and (max-width: 768px) {
	
	/* --------------------
		header
	-------------------- */
		#top-image{
			background:url(../img/contents/top/image-1.gif) no-repeat center center;
			background-size:cover;
			position:absolute;
			top:46px;
			left:0;
			right:0;
			max-width:100%;
			width:auto;
			z-index:-1;
			height:230px;
		}
	
	#top #header{height:46px;}
	
	
	#anm-im{
		width:120px;
		position:absolute;
		top:76px;
		left:0;
		right:0;
		margin:auto;
		z-index:2;
	}
	#anm-im-winter{
		width:131px;
		position:absolute;
		top:210px;
		left:22px;
		z-index:2;
	}
	#anm-im-30th{
		width:58px;
		position:absolute;
		top:62px;
		right:16px;
		margin:auto;
		z-index:2;
	}
	#pickup{
		margin-top:230px;
		padding:0;
  width:100%;
		height:auto;
		float:none;
		background:#fff none;
		position:static;
	}
	#icon-pickup{display:none;}
	#pickup .box{
		width:100%;
	}

	#pickup .box ul{
		margin:0;
		padding:0;
		list-style:none;
		width:100%;
		height:180px;
	}
	#pickup .box ul li{
		margin:0;
		padding:0;
		width:100%;
		height:180px;
	}
	#pickup .box ul li .ph{
		float:left;
		width:128px;
		margin-right:-128px;
		height:180px;
	}
	#pickup .box ul li .article{
		padding:16px;
		width:auto;
		margin-left:128px;
		height:100%;
	}
	#pickup .box ul li .article h3{
		font-size:14px;
		font-size:1.4rem;
	}
	#pickup .box ul li .article .date{
		color:#666;
		font-size:12px;
		font-size:1.2rem;
	}
	#pickup .box ul li .article .text{
		color:#4d4d4d;
		font-size:12px;
		font-size:1.2rem;
	}
	#pickup .box ul li .article .text a{
		color:#2E9D30;
		text-decoration:underline;
	}
	#pickup .box ul li .article .text a:hover{
		color:#2E9D30;
	}
	#pu-control{
		position:relative;
	}
	.image-page-prev{
		width:38px;
		height:38px;
		display:block !important;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
	}
	.image-page-next{
		width:38px;
		height:38px;
		display:block !important;
		position:absolute;
		top:0;
		right:0;
		z-index:2;
	}
	#image-page-nav{
		margin-top:0;
		background-color:#EEF0F2;
		height:38px;
	}
	#image-page-nav a{
		margin-top:14px;
		margin-left:10px;
		display:inline-block;
		overflow:hidden;
		text-indent:101%;
		white-space:nowrap;
		width:12px;
		height:12px;
		background-color:rgba(0,0,0,0.3);
		border-radius:6px;
	}
	#image-page-nav a:first-child{
		margin-left:0;
	}
	#image-page-nav a.selected{
		background-color:#C46476;
	}
	#info-box > .inner{
		padding:36px 40px;
		width:100%;
		float:none;
	}
	#info-box{
		margin-top:0;
		margin-left:0;
		width:100%;
	}
	
	#top #header #m-nav > ul > li .c-nav{
		height:auto;
		background-image:none;
	}
	
	
	
	/* main */
	#info-box{margin-bottom:2px;}
	#info-box > .inner{
		padding:22px 15px 30px;
		width:100%;
		height:auto;
		float:none;
		overflow:visible;
	}
	#info-box > #info-box-1{
		border-right:none;
	}
	#info-box > .inner .title-box{
		margin:0 0 10px;
		text-align:center;
	}
	#info-box > .inner .title-box h2{
		font-size:20px;
		font-size:2.0rem;
	}
	#info-box > .inner .title-box .btn{
		display:none;
	}
	#info-box > .inner .list{
		margin:0 auto;
		padding:0 14px 0 0;
		list-style:none;
		max-width:348px;
		width:100%;
		letter-spacing:-.40em;
	}
	#info-box > .inner .list li{
		margin:0 14px 14px 0;
		padding:0;
		max-width:174px;
		width:50%;
	}
	#info-box > .inner .list li:nth-child(2n){
		margin:0 -14px 14px 0;
	}
	#info-box > .inner .sp-btn{
		display:block;
	}
	#info-box > .inner .sp-btn a{
		padding:6px 0;
		display:inline-block;
		width:100%;
		color:#fff;
		background-color:#ACAAA5;
		font-size:12px;
		font-size:1.2rem;
		line-height:22px;
		text-align:center;
		text-decoration:none;
		position:relative;
	}
	#info-box > .inner .sp-btn a::after{
		content:" ";
		background:url(../img/contents/top/btn-icon-1.png) no-repeat left top;
		background-size:cover;
		width:6px;
		height:6px;
		display:inline-block;
		margin-left:12px;
	}

	#spc-bnr-box{
		padding:20px 15px;
	}
	#spc-bnr-box .box-1{
		margin:0 auto;
		padding-right:0;
	}
	#spc-bnr-box .box-1 .item{
		width:100%;
		float:none;
		margin:0 auto 15px;
	}
	#spc-bnr-box .box-1 .item:last-child{
		margin:0 auto;
	}
	#spc-bnr-box .box-1 .item .bnr-box-1 .list{
		display:none;
	}
	#spc-bnr-box .box-1 .item a:hover{
		opacity:1;
	}
	#spc-bnr-box .box-1 .item .bnr-box-2{
		padding:15px;
		background-size:cover;
	}
	#spc-bnr-box .box-1 .item .bnr-box-2 .list{
		margin:0;
		padding:0;
		list-style:none;
	}
	#spc-bnr-box .box-1 .item .bnr-box-2 .list li{
		margin:0 0 2px;
		padding:0;
	}
	#spc-bnr-box .box-1 .item .bnr-box-2 .list li:first-child{
		margin:0 0 12px;
	}
	#spc-bnr-box .box-1 .item .bnr-box-2 .list li:last-child{
		margin:0;
	}

	#news-box{
		width:100%;
		display:block;
		background-color:#fff;
	}
	#news-box > .inner{
		padding:24px 15px 30px;
		width:100%;
		height:auto;
		display:block;
	}
	#news-box .title-box{
		margin:0 0 14px;
		padding-bottom:0;
		width:100%;
		letter-spacing:-.40em;
		float:none;
		text-align:center;
	}
	#news-box .title-box h2,
	#news-box .title-box .btn{
		display:inline-block;
		letter-spacing:normal;
	}
	#news-box .title-box h2{
		font-size:20px;
		font-size:2.0rem;
	}
	#news-box .title-box .btn{
		display:none;
	}

	#news-box .contents-box{
		border-left:none;
		padding:0;
		margin-left:0;
	}
	#news-box .contents-box > div{
		width:100%;
		float:none;
	}
	#news-box .contents-box #news-list dl{
		margin:0 0 10px;
	}
	#news-box .contents-box #news-list dt{
		font-size:12px;
		font-size:1.2rem;
	}
	#news-box .contents-box #news-list dd{
		margin-left:6em;
		font-size:12px;
		font-size:1.2rem;
	}
	#news-box .contents-box #news-list dd a{
		color:#1a1a1a;
		text-decoration:underline;
	}
	#news-box .contents-box #news-list dd a:hover{
		color:#1a1a1a;
		text-decoration:underline;
	}
	#news-box #news-cat-list{
		display:none;
	}
	#news-box > .inner .sp-btn{
		margin-top:20px;
		display:block;
	}
	#news-box > .inner .sp-btn a{
		padding:6px 0;
		display:inline-block;
		width:100%;
		color:#fff;
		background-color:#ACAAA5;
		font-size:12px;
		font-size:1.2rem;
		line-height:22px;
		text-align:center;
		text-decoration:none;
		position:relative;
	}
	#news-box > .inner .sp-btn a::after{
		content:" ";
		background:url(../img/contents/top/btn-icon-1.png) no-repeat left top;
		background-size:cover;
		width:6px;
		height:6px;
		display:inline-block;
		margin-left:12px;
	}
 #sp-news-cat-list{
		margin:0 auto;
		padding:0;
		list-style:none;
		max-width:345px;
	 display:block;
 }	
 #sp-news-cat-list li{
		margin:0 0 8px;
		padding:0;
 }	
	#top-box-1{
		width:100%;
		padding:0 15px 20px;
		border-top:none;
	}
	#event-calendar{
		margin-bottom:20px;
		padding-right:0;
		width:100%;
		float:none;
	}
	#event-calendar .title-box{
		margin:0 0 12px;
		width:100%;
		position:relative;
	}
	#event-calendar .title-box h2{
		margin-right:0;
		margin-bottom:6px;
		padding-bottom:12px;
		border-bottom:4px #f1f1f1 solid;
		color:#404040;
		font-size:20px;
		font-size:2.0rem;
		text-align:center;
	}
	#event-calendar .title-box .list{
		margin:0 auto;
		padding:0 2px 0 0;
		list-style:none;
		position:static;
		width:100%;
		max-width:300px;
	}
	#event-calendar .title-box .list li{
		margin:0 2px 0 0;
		padding:0;
		float:left;
		height:42px;
		font-size:16px;
		font-size:1.6rem;
		display:table;
		line-height:1.2;
	}
	#event-calendar .title-box .list li a,
	#event-calendar .title-box .list li > div{
		display:table-cell;
		width:100%;
		height:100%;
		text-align:center;
		vertical-align:middle;
		text-decoration:none;
	}
	#event-calendar .title-box .list li a span{
		display:inline;
	}
	#event-calendar .title-box .list li.btn-1{
		margin:0 auto;
		width:160px;
		font-size:12px;
		font-size:1.2rem;
		float:none;
	}
	#event-calendar .title-box .list li.btn-2{
		width:50%;
	}
	#event-calendar .title-box .list li.btn-3{
		margin-right:-2px;
		width:50%;
	}
	#event-calendar .title-box .list li.btn-1 > div{
		padding-left:40px;
		color:#000;
		background:transparent url(../img/contents/top/btn-icon-2.png) no-repeat 12px center;
		text-align:left;
	}
	.g-calendar.pc{display:none;}
	.g-calendar.sp{
		display:block;
		position: relative;
  padding-bottom: 80%; /* 縦横比 */
  height: 0;
  overflow: hidden;
	}
	.g-calendar.sp iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
	}
	
	
	#facebook-timeline{
		margin:0 auto;
		width:100%;
		max-width:300px;
		float:none;
	}
	#facebook-timeline .fb-page{
		width:100% !important;
	}
	#top-bnr-box{
		padding:26px 15px 136px;
		width:100%;
		background:url(../img/contents/top/sp-bg-bnr-box.jpg) no-repeat center bottom;
		background-size:cover;
		position:relative;
	}
	#top-bnr-box::before{
		content:" ";
		width:38px;
		height:5px;
		background-color:#50a128;
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:auto;
	}
	#top-bnr-box h2{
		border-left:none;
		padding-left:0;
		font-size:143%;
		color:#000;
		text-align:center;
	}
	#top-bnr-box h2 span{
		font-size:80%;
		display:block;
	}
	#top-bnr-box ul{
		margin:0 auto;
		width:100%;
		max-width:270px;
	}
	#top-bnr-box ul li{
		margin:0 0 4px 0;
		padding:0;
		float:none;
		text-align:center;
	}
	#top-bnr-box ul li:last-child{
		margin:0;
	}
	#top-bnr-box ul li.clm1 a{
		width:100%;
		display:block;
		background-color:#fff;
		text-align:center;
	}

	#top-bnr-box-2{
		padding:24px 15px;
		position:relative;
	}
	#top-bnr-box-2::before{
		content:"";
		width:38px;
		height:5px;
		background-color:#50A128;
		display:block;
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:auto;
	}
	
	#top-bnr-box-2 h2{
		margin-bottom:14px;
		border-left:none;
		padding-left:0;
		font-size:20px;
		font-size:2.0rem;
		text-align:center;
	}
	#top-bnr-box-2 h2 span{
		display:block;
	}
	#top-bnr-box-2 .list{
		margin:0 auto;
		padding:0;
		list-style:none;
		max-width:270px;
	}
	#top-bnr-box-2 .list li{
		margin:0 0 4px;
		width:100%;
		float:none;
	}
	#top-bnr-box-2 .list li:last-child{
		margin:0;
	}

}
