@charset "utf-8";

/**
 *
 *  BASELカタログ
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/

.section-wrap h2{
	margin-bottom: 29px;
	text-align: center;
}

@media screen and (max-width:768px) {
	#Main{
		width: 100%;
	}
}


/*--------------------------------------------------------------------------
   sec-catalog
---------------------------------------------------------------------------*/

.sec-catalog{
	padding: 0 0 30px 0;
	background-color: #FBF4E6;
}
.sec-catalog .sec01{
	position: relative;
	height: 258px;
	padding: 40px 30px 0 30px;
	background: url(../images/sec-bg.png) no-repeat center top;
}
.sec-catalog .sec01 .catch{
	position: absolute;
	top: 6px;
	left: -1px;
}
.sec-catalog .sec01 .btn{
	position: absolute;
	top: 211px;
	left: 64px;
}
.sec-catalog .sec01 .img{
	position: absolute;
	top: 49px;
	left: 414px;
}

.sec-catalog .sec02{
	padding: 0 30px;
}
.sec-catalog .sec02 .box01{
	padding: 30px 40px 33px;
	background-color: #fff;
	border-top: 2px solid #D1A559;
}
.sec-catalog .sec02 .box01 p{
	margin-top: 29px;
}
.sec-catalog .sec02 .box01 p:first-child{
	margin-top: 0;
}
.sec-catalog .sec02 .box02{
	position: relative;
	padding: 31px 45px 40px;
	background-color: #fff;
	border-top: 1px solid #EDEDED;
}
.sec-catalog .sec02 .box02 .ribbon{
	position: absolute;
	top: 0;
	left: 0;
}
.sec-catalog .sec02 .box02 .list span{
	display: block;
}
.sec-catalog .sec02 .box02 .list01{
	width: 54%;
	float: left;
}
.sec-catalog .sec02 .box02 .list02{
	width: 46%;
	float: right;
}
.sec-catalog .sec02 .box02 li{
	margin-bottom: 2px;
	font-size: 92%;
}


/* sec
-----------------------------------------------------------------*/

@media screen and (max-width:768px) {
	.sec-catalog .sec01{
		margin-bottom: 25px;
		background: url(../images/sec-bg.png) repeat-y left top;
	}
	.sec-catalog .sec01 .catch{
		position: static;
	}
	.sec-catalog .sec01 .img{
		position: static;
		margin-bottom: 20px;
	}
	.sec-catalog .sec01 .btn{
		position: static;
	}
	.sec-catalog .sec01{
		height: auto;
		padding-top: 10px;
		text-align: center;
	}
}

@media screen and (max-width:700px) {
	.sec-catalog .sec02 .box02 .list{
		float: none;
		width: 100%;
	}
	.sec-catalog .sec02 .box02 .list span{
		display: inline;
	}
}

@media screen and (max-width:480px) {
	.section-wrap h2{
		padding-left: 2%;
		padding-right: 2%;
	}
	.sec-catalog .sec01{
		padding: 0;
	}
	.sec-catalog .sec01 .catch img{
		width: 314px;
		height: 94px;
	}
	.sec-catalog .sec01 .img img{
		width: 142px;
		height: 173px;
	}
	.sec-catalog .sec01 .btn{
		width: 290px;
		height: 45px;
		margin: 0 auto;
	}
	.sec-catalog .sec02{
		padding-left: 10px;
		padding-right: 10px;
	}
	.sec-catalog .sec02 .box01,
	.sec-catalog .sec02 .box02{
		padding-left: 20px;
		padding-right: 20px;
	}
	.sec-catalog .sec02 .box02{
		padding-top: 25px;
	}
	.sec-catalog .sec02 .box02 .ribbon{
		width: 37px;
		height: 37px;
	}
}