@charset "UTF-8";
/* CSS Document */
body{
	width:100%;
	position:relative;
	z-index:0;
	height:100%;
	border-top: 10px solid #998675;
}
#main{
	background: url(../../img/construct/main.jpg) no-repeat center bottom;
	min-height:330px;
}
#main .w960{
	position:relative;
}
#designLnk{
	position: absolute;
	top:-115px;
	right:40px;
}

/*　#info
--------------------------------------------------------------------------------------- */
#info{
	padding:40px 0 20px;
}
#info .inner{
	padding:0 60px;
}
#info h2{
	background: url(../../img/popularity/title_popularity.png) no-repeat left center;
	text-indent: -9999px;
	height:40px;
	margin-bottom: 20px;
}
#info .msg{
	color:#7C6854;
}

/*　#itemList
--------------------------------------------------------------------------------------- */
#itemList{
	margin-bottom: 50px;
}
#itemList .item{
	width: 470px;
	height: 350px;
	float: left;
	border: 1px solid #7B6753;
	margin:0 15px 15px 0;
	margin:0 5px 15px 0 \9;
	box-sizing: border-box;
	padding: 20px 30px;
	color: #7B6753;
	line-height: 1.8;
}
#itemList .item.long{
	height: 420px;
}
#itemList .item.short{
	height: 320px;
}
#itemList .item:nth-child(2n){
	margin-right:0;
}
#itemList .header{
	margin-bottom: 10px;
}
#itemList .textarea{
	float: left;
	width: 40%;
}
#itemList .textarea.w100{
	float: none;
	width: 100%;
}
#itemList .textarea .right{
	float: right;
	padding:5px;
	width:250px;
}
#itemList .img{
	float: right;
	width: 60%;
	text-align: center;
}
#itemList .img.w100{
	float: none;
	width: 100%;
}

/*　SP
--------------------------------------------------------------------------------------- */
@media screen and (max-width: 641px){
	
#main{
	margin: 0;
	background: url(../../img/construct_sp/main.jpg)no-repeat center bottom;
	min-height:230px;
}

/*　SP #info
--------------------------------------------------------------------------------------- */
#info{
	padding:40px 0 20px;
}
#info .inner{
	padding:0;
}

/*　SP #itemList
--------------------------------------------------------------------------------------- */
#itemList{
	margin-bottom: 50px;
}
#itemList .item{
	width: 100%;
	height: auto;
	float: none;
	border: 1px solid #7B6753;
	margin:0 0 15px 0;
	box-sizing: border-box;
	padding: 20px 30px;
	color: #7B6753;
	line-height: 1.8;
}
#itemList .item.long{
	height: auto;
}
#itemList .item.short{
	height: auto;
}
#itemList .textarea{
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
#itemList .textarea .right{
	float: none;
	padding:0;
	margin-bottom: 10px;
	width:100%;
	display: block;
	
}
#itemList .img{
	float: none;
	width: 100%;
	text-align: center;
}

}


/*
     FILE ARCHIVED ON 23:42:42 Nov 27, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:31:57 Nov 30, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 128.361
  exclusion.robots: 0.077
  exclusion.robots.policy: 0.07
  RedisCDXSource: 4.21
  esindex: 0.006
  LoadShardBlock: 100.727 (3)
  PetaboxLoader3.datanode: 93.309 (4)
  CDXLines.iter: 20.821 (3)
  load_resource: 93.778
  PetaboxLoader3.resolve: 39.812
*/