/* ArtLab-Tokyo Custom CSS */




/*news*/


	section#news dl, section#event dl, section#special dl {
	  clear: both;
	  margin-top: 5px;
	  margin-bottom: 5px;
	}
	section#news dl {
    border: 1px solid #4fa6c6;
	}
		section#news dl:after {
		  content: "";
		  clear: both;
		  display: block;
		}
		
	#campaign section#news dl {
    border-top: solid 5px #95ccff;
	}
					
		
	section#news dl dt, section#event dl dt, section#special dl dt {
	  clear: left;
	  float: left;
	  overflow: hidden;
	}
		section#news dl dt {
			
		}
	section#news dl dt, section#special dl dt {
			width: 40%;
			margin-right: 5%;
			float: left;
	}
		section#news dl dt img, section#special dl dt img {
			width: 100%;
			height: auto;
		}
	section#news dl dd, section#special dl dd{
	}
	section#news dl dd{
		width: 55%;
		float: left;
	}
	section#news dl dd span.date {
		font-size: 80%;
		width: 100%;
		float: none;
		clear: both;
		display: block;
		margin-top: 10px;
	}
	section#news dl dd span.ttl {
		width: 100%;
		float: none;
		clear: both;
		display: block;
	}
	
/*横幅768px以上に適応*/
@media screen and (min-width: 768px) {
	section#news dl {
	  clear: none;
	  width: 31%;
	  margin: 5px 1%;
	  float: left;
	}
	section#news dl dt {
	  clear: left;
	  float: left;
	  overflow: hidden;
	}
	section#news dl dt {
		width: 100%;
		margin-right: 0;
		clear: both;
	}
		section#news dl dt img {
			width: 100%;
			height: auto;
		}
	section#news dl dd{
		width: 100%;
		float: none;
		clear: both;
		padding: 5px;
	}
}


.container .blk_news img {
	width: 100%;
	height: auto;
}
@media (min-width: 768px) {
	 .container .blk_news img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
}

	.container .blk_news span.date {
		font-size: 80%;
		width: 100%;
		float: none;
		clear: both;
		display: block;
	}
	.container .blk_news span.ttl {
		width: 100%;
		float: none;
		clear: both;
		display: block;
	}

/* textbtn */
a.textbtn {
	width: 10em;
  height: 3em;
  line-height: 3em;
  position: relative;
  display: block;
  text-decoration: none;
  font-size: 1em;
}
a.textbtn_back {
	float: left;
	text-align: left;
}
	a.textbtn_back i {
		padding-right: 0.5em;
	}
a.textbtn_next {
	float: right;
	text-align: right;
}
	a.textbtn_next i {
		padding-left: 0.5em;
	}

@media (min-width: 768px) {
	div.contact {
			width: 50%;
			margin:0 auto;
	}
}

.btn {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
}

.btn {
 display: block;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  background: #0099FF;
  
}
.btn:hover {
  color: #FFF;
}

.btn-block {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.btn-block+.btn-block {
    margin-top: 10px;
}