@charset "utf-8";
/* CSS Document */
body {
	min-width: 1260px;
}
.inner {
	box-sizing:border-box;
	width:1260px;
	padding:0 140px;
	margin:0 auto;
	position:relative;
	clear:both;
}
header{
	background:url(../../img/activity/title_bg.png) no-repeat center;
	background-size:cover;
	overflow:hidden;
	box-sizing:border-box;
	padding-top:10px;
	box-shadow:0 10px 20px rgba(0,0,0,0.2);
	margin-bottom:50px;
}
header .inner{
	padding:0;
}
header h1{
	float:left;
	padding:0 0 0 100px;
}
header h1 img{
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
}
header h1 span{
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	line-height:150%;
	font-size:14px;
}
header p{
	float:right;
	padding:5px 140px 0 0;
}
.seachbox{
	padding:30px 0 0;
}
.seachbox dl{
	width:100%;
	margin-bottom:50px;
}
.seachbox dl dt{
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	font-size:13px;
	font-weight:bold;
	width:210px;
	padding:0 20px;
}
.seachbox dl dt span{
	font-size:18px;
	color:#549E39;
}
.seachbox dl dd{
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	width:760px;
}
.seachbox dl dd ul li{
	display:inline-block;
	vertical-align:middle
}
.seachbox dl dd ul li input{
	display:none;
}
.seachbox dl dd ul li label{
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}
.seachbox dl.sns_search dd ul li label{
	width:122px;
	height:37px;
	position:relative;
	transition:0.3s;
}
.seachbox dl.sns_search dd ul li label:after{
	content:"";
	position:absolute;
	right:0;
	top:6px;
	line-height:0;
	border-right:1px solid #c2c2c2;
	height:25px;
}
.seachbox dl.sns_search dd ul li:first-of-type label:before{
	content:"";
	position:absolute;
	left:0;
	top:6px;
	line-height:0;
	border-left:1px solid #c2c2c2;
	height:25px;
}
.seachbox dl.category_search dd ul li{
	margin-right:20px;
}
.seachbox dl.category_search dd ul li label{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	padding:6px 0 0 28px;
}
.seachbox dl.category_search dd ul li label:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:23px;
	height:23px;
	border-radius:50px;
	background:#BEBDB6;
}
.seachbox dl.category_search dd ul li label:after{
	content:"";
	position:absolute;
	left:5px;
	top:5px;
	height:7px;
	width:10px;
	border-left: 3px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.seachbox dl dd ul li label.btn_tw{
	background:url(../../img/activity/icon_tw.png) no-repeat center;
}
.seachbox dl dd ul li label.btn_tw:hover{
	background:url(../../img/activity/icon_tw_ov.png) no-repeat center;
}

.seachbox dl dd ul li input:checked + label.btn_tw{
	background:url(../../img/activity/icon_tw_ov.png) no-repeat center;
}
.seachbox dl dd ul li label.btn_fb{
	background:url(../../img/activity/icon_fb.png) no-repeat center;
}
.seachbox dl dd ul li label.btn_fb:hover{
	background:url(../../img/activity/icon_fb_ov.png) no-repeat center;
}
.seachbox dl dd ul li input:checked + label.btn_fb{
	background:url(../../img/activity/icon_fb_ov.png) no-repeat center;
}
.seachbox dl dd ul li label.btn_yt{
	background:url(../../img/activity/icon_yt.png) no-repeat center;
}
.seachbox dl dd ul li label.btn_yt:hover{
	background:url(../../img/activity/icon_yt_ov.png) no-repeat center;
}
.seachbox dl dd ul li input:checked + label.btn_yt{
	background:url(../../img/activity/icon_yt_ov.png) no-repeat center;
}
.seachbox dl dd ul li label.btn_insta{
	background:url(../../img/activity/icon_insta.png) no-repeat center;
}
.seachbox dl dd ul li label.btn_insta:hover{
	background:url(../../img/activity/icon_insta_ov.png) no-repeat center;
}
.seachbox dl dd ul li input:checked + label.btn_insta{
	background:url(../../img/activity/icon_insta_ov.png) no-repeat center;
}
.seachbox dl.category_search dd ul li input:checked + label:before{
	background:#55A936;
}
.seachbox dl.keyword_search dd ul li label{
	font-size:14px;
	font-weight:bold;
	border:1px solid #32312C;
	padding:10px 15px;
	margin:0 5px 10px 0;
	transition:0.3s;
}
.seachbox dl.keyword_search dd ul li label:hover{
	background:#55A936;
	border:1px solid #55A936;
	color:#fff;
}
.seachbox dl.keyword_search dd ul li input:checked + label{
	background:#55A936;
	border:1px solid #55A936;
	color:#fff;
}
.contents{
	background:#F6F6F6;
	padding:60px 0 80px;
}
#grid {
	width: 100%;
	margin: 0 auto;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
}
#grid .box {
	height: auto;
	box-sizing: border-box;
	float:left;
	width:240px;
	margin:0 5px 5px 0;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
#grid .box .box-padding {
	padding: 4px 2px;
}
#grid .box .box-inner {
	position: relative;
	width: 100%;
}
#grid .number {
	display: none;
}
#grid figure {
	margin:0;
	background: #EBEAE4;
	width:100%;
	box-sizing:border-box;
	padding:20px;
	display:table;
}
#grid figure .icon {
	width: 70px;
	display:table-cell;
	vertical-align:top;
	margin-right:5px;
}
#grid .box .box-inner img {
	width: 100%;
}
#grid figure figcaption{
	display:table-cell;
	vertical-align:top;
	width:105px;
	padding:10px 0 10px 10px;
}
#grid figure figcaption h3 {
	font-size: 16px;
	font-weight: bold;
}
#grid figure figcaption h3 span{
	margin-bottom:5px;
	display:block;
	font-size:13px;
	color:#666;
	font-weight:100;
}
#grid .comment {
	text-decoration: none;
	display:block;
	background: #fff;
	position:relative;
}
#grid .comment:before {
	content:"";
	border-top:1px solid #ccc;
	position:absolute;
	top:0;
	left:20px;
	width:200px;
}
#grid .comment:first-of-type:before{
	border-top:none;
}
#grid .comment:not(:first-of-type) > img{
	padding-top:20px;
}
#grid .comment p {
	padding: 20px;
	font-size: 14px;
	line-height: 1.4em;
	color:#000;
}
#grid .comment p span{
	display:block;
	margin:1em 0 0;
	font-size:12px;
	color:#666;
}
#grid .more {
	position: relative;
	display: none;
	overflow: hidden;
}
#grid .more.show {
	display: block;
}
#grid .more .comment:first-of-type:before {
	content:"";
	border-top:1px solid #ccc;
	position:absolute;
	top:0;
	left:20px;
	width:200px;
}
.box-inner > p a{
	text-align:center;
	display:block;
	padding:10px 0;
	background:#65BA45;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	position:relative;
}
.box-inner > p a:before{
	font-family:FontAwesome;
	content:"\f0d7";
	position:absolute;
	line-height:0;
	top:50%;
	left:70%;
}
#totop{
	text-align:center;
	position:relative;
	width:20px;
	margin:0 auto;
	display:block;
}
#totop a{
	position:relative;
	top:-23px;
	transition:0.3s;
	margin-left: -16px;
}
#totop a:hover{
	top:-33px;
}
#totop a:hover img{
	opacity:1;
}
footer{
	margin-top:-60px;
	text-align:center;
}
footer div{
	padding:20px 0;
}
footer div:first-of-type{
	background:#2B332F;
	padding:50px 0 20px;
}
footer div:first-of-type p{
	margin:0 0 20px;
}
footer div:last-of-type{
	padding:20px 0;
	color:#999;
}
footer div ul li{
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
}

#loader {
	width: 100%;
	height: 0px;
	background: url(../../img/ajax-loader.gif) no-repeat center 35%;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
#loader.loading {
	height: 125px;
}

@media screen and ( max-width:768px )
{
	body {
		min-width: inherit;
	}
	img{
		width:100%;
	}
	.inner {
		width:100%;
		padding:0;
	}
	header{
		background-size:cover;
		padding-top:0;
		position:relative;
		margin-bottom:3%;
	}
	header .inner{
		width:100%;
	}
	header h1{
		float:none;
		padding:3% 0 0;
		text-align:center;
		width:35%;
		margin:0 auto;
	}
	header h1 img{
		margin-right:0;
	}
	header h1 span{
		display:none;
	}
	header p{
		float:none;
		padding:0;
		position:absolute;
		right:3%;
		top:15%;
		width:25%;
	}
	.seachbox{
		padding:3% 3% 0;
	}
	.seachbox dl{
		width:100%;
		margin-bottom:3%;
	}
	.seachbox dl dt{
		display:block;
		width:100%;
		padding:3% 0;
	}
	.seachbox dl dd{
		display:block;
		width:100%;
	}
	.seachbox dl dd ul li label{
		display:inline-block;
		vertical-align:middle;
		cursor:pointer;
	}
	.seachbox dl.sns_search dd ul{
		letter-spacing:-.4em;
	}
	.seachbox dl.sns_search dd ul li{
		letter-spacing:normal;
		width:25%;
		padding:0 2% 0 0;
		box-sizing:border-box;
	}
	.seachbox dl.sns_search dd ul li:last-of-type{
		padding:0;
	}
	.seachbox dl.sns_search dd ul li label{
		width:100%;
		position:relative;
		transition:0.3s;
		border:1px solid #ccc;
	}
	.seachbox dl.sns_search dd ul li label:after{
		display:none;
	}
	.seachbox dl.sns_search dd ul li:first-of-type label:before{
		display:none;
	}
	.seachbox dl dd ul li label.btn_tw,
	.seachbox dl dd ul li input:checked + label.btn_tw,
	.seachbox dl dd ul li label.btn_fb,
	.seachbox dl dd ul li input:checked + label.btn_fb,
	.seachbox dl dd ul li label.btn_yt,
	.seachbox dl dd ul li input:checked + label.btn_yt,
	.seachbox dl dd ul li label.btn_insta,
	.seachbox dl dd ul li input:checked + label.btn_insta{
		background-size: 28px auto;
	}
	.seachbox dl dd ul li label.btn_tw:hover{
		background-image: url(../../img/activity/icon_tw.png);
		background-size: 28px auto;
	}
	.seachbox dl dd ul li label.btn_fb:hover{
		background-image: url(../../img/activity/icon_fb.png);
		background-size: 28px auto;
	}
	.seachbox dl dd ul li label.btn_yt:hover{
		background-image: url(../../img/activity/icon_yt.png);
		background-size: 28px auto;
	}
	.seachbox dl dd ul li label.btn_insta:hover{
		background-image: url(../../img/activity/icon_insta.png);
		background-size: 28px auto;
	}

	.seachbox dl.category_search dd ul{
		background:#EBF8E7;
		padding:0 3%;
	}
	.seachbox dl.category_search dd ul li{
		margin-right:0;
		width:49%;
		padding:3% 0;
	}
	.seachbox dl.category_search dd ul li label{
		font-size:13px;
	}
	.seachbox dl.keyword_search dd ul li label{
		font-size:13px;
	}
	.seachbox dl.keyword_search dd ul li label:hover{
		background:transparent;
		border:1px solid #23212c;
		color:#000;
	}
	.contents{
		padding:5% 3% 20%;
	}
	#grid .box {
		float:none;
		width:100%;
		margin:0 0 3%;
	}
	#grid figure {
		padding:5%;
	}
	#grid figure .icon {
		margin-right:3%;
		width:30%;
	}
	#grid figure figcaption{
		width:65%;
	}
	#grid .comment:before {
		left:5%;
		width:90%;
	}
	#grid .comment:first-of-type:before{
		border-top:none;
	}
	#grid .comment:not(:first-of-type) > img{
		padding-top:5%;
	}
	#grid .comment p {
		padding: 5%;
	}
	#grid .more .comment:first-of-type:before {
		left:5%;
		width:90%;
	}
	#totop{
		width:15%;
	}
	footer{
		margin-top:-18%;
	}
	footer div{
		padding:5% 0;
	}
	footer div:first-of-type{
		padding:15% 0 5%;
	}
	footer div:first-of-type p{
		margin:0 auto 5%;
		width:50%;
	}
}