@charset "utf-8";

/* -------------------------------------
	activities
----------------------------------------*/

p.top {
	margin : 0 0 20px;
}

p.right {
	text-align : right;
	font-weight : bold;
}

p.mt {
	margin : 10px 0 0;
}

p.right span.small {
	font-weight : normal;
	font-size : 80%;
}

.half h4 a {
	color:#6fba2c;
	background:url(/cmn/images/arrow_02.png) no-repeat left 2px;
	padding-left:15px;
}

.sub_area01 li {
	background:url(/community/activity/img/img_event200903.jpg) no-repeat left 7px;
	padding-left:15px;
	margin-bottom : 4px;
}

p.bor {
	border-top : 1px dotted #ccc;
	padding : 8px 0 0;
	margin : 8px 0 0;
}

.sub_area01 .normal {
	margin-bottom : 0;
}
.eco-weight {
	font-size:174%;
	font-weight:bold;
}

@media screen and (max-width: 960px) {
	#main_section h4.border,
	#main_section h5.border{
		background:url(/cmn/images/ttl_bg02.png) no-repeat left bottom;
		padding:0 0 1.5% 0;
		font-weight:bold;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow:none;
		behavior: url(/cmn/js/PIE.htc);
	}
}

.activity.index .inner p + p{
}
.activity.index .column03 .inner p + p{
	margin-top:0;
}

.activity.index #main_section section.half.img_area .inner{
	margin:0;
}

/*accordion*/
p.back,
p.ac_back{
        cursor: pointer;
		color: #6fba2c;
    margin: 0 3.07% 3.07% 0;
    background: url(/cmn/images/arrow_04.png) no-repeat left 6px;
    padding-left: 17px;
}
p.back:hover,
p.ac_back:hover{
        text-decoration: underline;
}
#past,
#ac_past{
        display: none;
}

.lp_icontitle {
  text-align: center;
  color: #666;
  font-size: 182%;
  font-weight: bold;
  position: relative;
  display: block;
  line-height: 2;
  border-bottom: #c7c3c2 2px solid;
  border-top: #c7c3c2 2px solid;
  background-image: url(../img/icon_bellmark.png), url(../img/icon_bellmark.png);
  background-position: right 10% center, left 10% center;
  background-size: 4% auto, 4% auto;
  background-repeat: no-repeat, no-repeat;
}

@media only screen and (max-width: 1024px) {
  .lp_icontitle {
    /*font-size: 2.4rem;*/
    line-height: 1.6;
    background-image: url(../img/icon_bellmark.png);
    background-position: left center;
    background-size: auto;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 16%;
    text-align: left;
    position: relative;
  }
}
@media screen and (min-width:630px) and ( max-width:1024px) {
    .lp_icontitle {
        line-height: 1.8;
        background-size: auto;
        padding: 5px 5px 5px 10%;
        background-position: 2% center;
    }
	}
	
	.bl_products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 1024px) {
    .bl_products {
        margin-bottom: 0px;
    }
}

.bl_products li {
    width: calc(calc(100% - 40px) / 5);
		margin: 0 10px 0 0;
		text-align: center;
}

@media all and (-ms-high-contrast: none){

.bl_products li {
    margin: 0 20px 0 0;
}

}

@media only screen and (max-width: 1024px) {
    .bl_products li {
        width: calc(calc(100% - 10px) / 2);
        margin: 0 10px 10px 0;
    }

    .bl_products li:nth-child(even) {
        margin-right: 0;
    }
}

.bl_products li:last-child {
    margin-right: 0;
}

.bl_products figcaption {
    /*font-size: 1.6rem;*/
    font-weight: bold;
    line-height: 1.2;
}

@media only screen and (max-width: 1024px) {
    .bl_products figcaption {
        /*font-size: 1.1rem;*/
    }
}