@charset "utf-8";

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

mt調整

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

.mt-image-none{
	margin:10px 0;
	}

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

news

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

.news{
	width: 100%;
	height: auto;
	margin:0 auto;
	}
@media screen and (max-width: 480px) {
.news{
	width: 90%;
	}
	}


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

contentstitle

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

.news .inner .contentstitle{
	width: 100%;
	height: 140px;
	margin: 0 auto;
	text-align: center;
	line-height: 140px;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: .2em;
	}
@media screen and (max-width: 480px) {
.news .inner .contentstitle{
	font-size: 21px;
	height: 100px;
	line-height: 100px;
	}
	}

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

block

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

.news .block{
	width: 100%;
	height: auto;
	margin: 0 auto 0;
	position: relative;
	}
.news .block {
	display: inline-table;
	}
* html .news .goods {
	height: 1%;
	}
.news .block {
	width: 1100px;
	display: block;
	margin: auto;
	}
.news .block:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
@media screen and (max-width: 480px) {
.news .block{
	width: 100%;
	height: auto;
	margin: 0 auto 0;
	position: relative;
	}
	}

.news .block .box{
	float: left;
	width: 490px;
	height: auto;
	margin: 0 30px 60px;
	position: relative;
	}
@media screen and (max-width: 480px) {
.news .block .box{
	float: none;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	}
	}

.news .block .box .photo{
	width: 100%;
	height: auto;
	background-color:#000;
	}
@media screen and (max-width: 480px) {
.news .block .box .photo{
	width: 100%;
	height: auto;
	}
	}

.news .block .box .photo img{
	width: 100%;
	height: auto;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	}
@media screen and (max-width: 480px) {
.news .block .box .photo img{
	width: 100%;
	height: auto;
	}
	}