/* �@shift_jis */


.c5-link_ttl {
	border:#dadada 1px solid;
	background-color: #FAFAFA;
	padding: 0.5%;
	font-size: 2rem;
	color: #363636 ;
}

.c5-anchor-button {
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  border-radius: 1px;
  padding: 0 3% 2%;
  width: 95%;
  border-left: 1px #7a7a7a solid;
  -webkit-transition: background .2s;
          transition: background .2s;
}
	.c5-anchor-button:last-child {
		margin-bottom: 0px;
		margin-right: 0px;
	}
	.c5-anchor-button-last {
		 border-right: 1px #7a7a7a solid; 
	}
@media(max-width:639px){
	.c5-anchor-button-last {
		border-right: none;
	}
}

  a:hover .c5-anchor-button, .c5-anchor-button:hover {
    color: #8d9094;
    text-decoration: none;
    -webkit-transition: background 0;
            transition: background 0;
}

.c5-anchor-button .c5-ttl {
	padding: 1% 10px;
	font-weight: 600;
}

.c5-anchor-button .c5-sub-ttl {
	padding: 1%;
	font-size:14px;
}

.c5-icon_down {
	font-size: 2rem;
	margin: -10px 3px -5px 0 !important;
}


.c5-contents-ttl {
	padding: 1.5% 10px;
}
.c5-contents-ttl p{
	margin-bottom: 0 !important;
}
.c5-contents-ttl h3{
}
			


.c5-line {
	max-width: 80%;
	border-bottom: 1px solid #7a7a7a;
}


.c5-news {
	background: #F5F5F5;
	padding: 2%;
}
.c5-news dl.s5-listHorizontal dt {
	width: 5rem;
	margin-bottom: 5px;
}
.c5-news dl.s5-listHorizontal dd {
	margin-left: 7rem;
	margin-bottom: 5px;
}
@media screen and (max-width: 639px) {
.c5-news dl.s5-listHorizontal dt {
    clear: none;
    float: none;
    text-align: left;
    width: auto;
}
.c5-news dl.s5-listHorizontal dd {
    margin-left: 1rem;
}
}

/*========================================

  .recycleBlockWrap

========================================*/
.recycleBg{
	position: relative;
	margin-top: 20px;
	margin-bottom: 45px;
}
.recycle__container{
	width: 92.5%;
	max-width: 950px;
	margin: 0 auto;
	max-height: 400px;
	height: auto;
}

.recycle__inner{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 92.5%;
	max-width: 950px;
	height: 100%;
	margin: 0 auto;
}
.recycle__grid{
	width: 91.89189%;
	max-width: 920px;
	height: 100%;
	margin: 0 auto;
}
.recycle__left{
	float: right;
	width: 37.60784%;
	height: 160%;
	text-align: left;
}
.recycle__table{
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
}
.recycle__table-cell{
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}
.recycle__box{
	margin-top: 1%;
	text-align: left;
}
.recycle__copy{
	margin:0;
	padding: 0;
}

.recycle__copy p{
	font-size: 0.8125em;
	line-height: 1.53846;
	color: #fff;
}

.recycle__copy p a.s5-button {
	background: rgba(66,70,88,0.95);
	padding: 4%;
}
.recycle__copy p a:hover{
	opacity: 0.75;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
@media screen and (max-width: 980px) {

	.recycle__copy p{
		font-size: 0.75em;
		line-height: 1.5;
		color: #fff;
	}
}

@media screen and (max-width: 639px) {
	.recycleBg{
		position: relative;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.recycle__container{
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
	max-height: 610px;
	height: auto;
}
	.recycle__inner{
		position: relative;
		top: 100%;
		right: 0;
		left: 0;
		width: 96%;
		max-width: 640px;
		height: 100%;
		margin: 0 auto;
	}
	.recycle__grid{
		width: 96%;
		max-width: 620px;
		height: 100%;
		margin: 0 auto;
	}
	.recycle__left{
		float: none;
		width: 100%;
		height: 100%;
		text-align: left;
	}
	.recycle__box{
		margin-top: 10px;
		text-align: left;
	}
	.recycle__copy p{
		font-size: 1.0em;
		line-height: 1.5;
		color: #fff;
	}
	.pc {
	display: none;
	}
	.sp {
	display: block;
	}
}


/* ==============================================
modal
============================================== */

#modal-win {
width: 100%;
position: absolute;
}
#modal-win-inner {
box-shadow: 0 0 5px rgba(0, 0, 0, .25);
margin: 0 auto;
position: relative;
z-index: 9999;
border-radius: 0;
}
#modal-win-inner > * {
border-radius: 10px;
}
#modal-bg {
width: 100%;
height: 100%;
background-color: #000;
position: fixed;
top: 0;
left: 0;
z-index: 9998;
cursor: pointer;
}
.pp{
display:none;
width:853px;
position:relative;
background:#FFF;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.pp iframe{
width:853px;
height:480px;
border:none;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
vertical-align:top;
}
.pp .modal-close {
position:absolute;
top:-22px;
right:-22px;
padding:0;
}
.pp .sp {
display:none;
}


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

.pp{
width:300px;
}
.pp iframe{
width:300px;
height:169px;
}
.pp .modal-close {
position:absolute;
bottom:-50px;
	top: inherit;
right:0;
text-align:center;
width:100%;
}
.pp .modal-close img {
width:30px;
	height:auto;
}

}