@charset "utf-8";

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

	lp_tombstone

====================================================== */
.contents{
    padding-top: 20px;
}

/* --------------------------------
   □ intro
-------------------------------- */
#intro{
	padding-top:25px;
}

/* --------------------------------
   □ point
-------------------------------- */
#point ul.point-pickup{
	overflow:hidden;
	margin-left:-2%;
}

	#point ul.point-pickup li{
		float:left;
		width:48%;
		margin:0 0 15px 2%;
	}
	
	#point ul.point-pickup li img{
		width:100%;
	}

#point ul.point-details{
	overflow:hidden;
	margin-left:-2%;
}

#point ul.point-details > li{
	margin-left:2%;
	width:23%;
	float:left;
}

#point ul.point-details li img{
	width:100%;
}

#point ul.point-details > li dl{
	background:#C3E4F9;
	padding:10px;
}
	
	#point ul.point-details > li dl dt{
		margin-bottom:5px;
		text-align:center;
	}
	
	#point ul.point-details > li dl dd.text{
		margin-bottom:15px;
		font-size:84%;
	}

	#point ul.point-details > li dl dd.image ul li{
		margin-bottom:5px;
	}
	
	#point ul.point-details > li dl dd.image ul li:last-child{
		margin-bottom:0;
	}

/* --------------------------------
   □ recommend
-------------------------------- */
#recommend ul.item{
	overflow: hidden;
	margin-left:-1%;
}

	#recommend ul.item li{
		float:left;
		width: 32.3%;
		margin:0 0 17px 1%;
	}
	
	#recommend ul.item li img{
		width:100%;
	}

#recommend ul.reason{
	overflow:hidden;
	margin-left:-2%;
	margin-bottom:20px;
}

	#recommend ul.reason li{
		box-sizing:border-box;
		float:left;
		width:48%;
		margin:0 0 15px 2%;
		background:#F2F2F2;
	}
	
	#recommend ul.reason li img{
		max-width:100%;
	}
	#recommend ul.reason > li dl{
		padding:2%;
	}
		
	#recommend ul.reason > li dl dt{
		margin-bottom:8px;
	}
	
	#recommend ul.reason > li dl dd{
		padding:1%;
		font-size:84%;
	}
		
	#recommend ul.reason > li dl dd img{
		margin-top:8px;
	}

#recommend section.item{
	margin-bottom:35px;
}

#recommend section.item:last-child{
	margin-bottom:0;
}

#recommend section.item h4{
	margin-bottom:25px;
}

#recommend section.item ul.list{
	overflow: hidden;
	margin-left:-1%;
}

	#recommend section.item ul.list li{
		float: left;
		width: 32.3%;
		margin:0 0 17px 1%;
		font-size:72%;
	}

	#recommend section.item ul.list li img{
		width:100%;
	}
	
	#recommend section.item ul.list li .bgcolor{
		background:#e7e7e7;
		padding:4%;
		font-size: 90%;
		text-align:left;
	}
	
	#recommend section.item ul.list li .bgcolor p{
		margin-bottom:0;
	}
	
	#recommend section.item ul.list li .bgcolor p span{
		color:#f01;
	}
	
	#recommend section.item ul.list li p.btn{
		margin: 6% 0 0;
		position: relative;
	}


	#recommend section.item ul.list li p.btn a{
		display:block;
		text-align:center;
		color:#fff;
		padding: 3% 18px 3% 3%;
		text-decoration:none;
		background: #BD0D33;
		border-radius: 5px;
	}

	#recommend section.item ul.list li p.btn a:hover{
		background: #AD0D2E;
	}

	#recommend section.item ul.list li p.btn a:after{
		content: "";
		position: absolute;
		width: 12px;
		height: 12px;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 15px;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}

	#recommend section.item ul.list li table{
		margin-bottom:6%;
		width: 100%;
	}

	#recommend section.item ul.list li table tr{
		padding: 3% 0;
		display: block;
		vertical-align: top;
		border-bottom:1px solid #cdcdcd;
	}

	#recommend section.item ul.list li table th{
		width: 6em;
	}

	#recommend section.item ul.list li table td span{
		font-weight:bold;
	}

	#recommend section#wagata ul.list li p.btn a{
		background: #BD0D33;
	}

	#recommend section#wagata ul.list li p.btn a:hover{
		background: #AD0D2E;
	}

	#recommend section#design ul.list li p.btn a{
		background: #375EA3;
	}

	#recommend section#design ul.list li p.btn a:hover{
		background: #2E508B;
	}

	#recommend section#aji ul.list li p.btn a{
		background: #BD6FD5;
	}

	#recommend section#aji ul.list li p.btn a:hover{
		background: #9D5FB2;
	}

/* --------------------------------
   □ searchGrave
-------------------------------- */
.contents section#searchGrave{
	background: url(../../images/index/bg_searchgrave.jpg) no-repeat 0 0;
    background-size: cover;
    padding: 55px 0;
    position: relative;
}
	.contents section#searchGrave h2 {
		text-align: center;
		margin-bottom: 25px;
	}
	.contents section#searchGrave ul {
		overflow: hidden;
	}
	.contents section#searchGrave ul li {
		width: 320px;
		float: left;
		margin-right: 20px;
	}
	.contents section#searchGrave ul li:last-child {
		margin-right: 0;
	}
	.contents section#searchGrave ul li dt {
		font-size: 16px;
		text-align: center;
		margin-bottom: 20px;
		line-height: 1.2;
	}
	
	.contents section#searchGrave ul li dt span{
		font-size: 24px;
		display:block;
	}
	
	.contents section#searchGrave ul li.design dd {
		float: left;
	}

/* --------------------------------
   □ appeal
-------------------------------- */
#appeal .container{
	box-sizing:border-box;
	padding:25px 25px 0 25px;
	border:3px solid #11A58D;
	border-radius:10px;
}

	#appeal ul.images{
		overflow: hidden;
		margin-left:-1%;
	}
	
		#appeal ul.images li{
			float:left;
			width: 32.3%;
			margin:0 0 1% 1%;
		}
	
		#appeal ul.images li img{
			width:100%;
		}
	
	#appeal .container > section{
		margin-bottom:25px;
	}

/* --------------------------------
   □ create
-------------------------------- */
#create ul.comparison li{
	margin-bottom:35px;
}

#create ul.comparison li.allstone > dl dt{
	margin-bottom:25px;
}
#create ul.comparison li.allstone > dl dl dt{
	margin-bottom:15px;
}

/* --------------------------------
   □ ceremony
-------------------------------- */
#ceremony .icon{
	margin-bottom:35px;
}

/* --------------------------------
   □ works
-------------------------------- */
#works .blog{
	margin-bottom:0;
}

/* --------------------------------
   □ flier
-------------------------------- */

#flier div.pdf {
	background:#f1f1f1;
	padding:25px;
	position:relative;
	text-align:center;
}

	#flier div.pdf p.img{
		text-align:center;
	}
	
	#flier div.pdf img{
		/* width:100%; */
		height:auto;
		margin:0 auto;
	}
	
	#flier div.pdf span{
		position:absolute;
		right:25px;
		top:25px;
		background:#900;
		color:#fff;
		padding:2px 10px;
		line-height:1;
		font-size:84%;
	}

/* --------------------------------
   □ about
-------------------------------- */
#about ul.photogallery{
	overflow: hidden;
	margin-left:-1%;
	margin-bottom:40px;
}
	#about ul.photogallery li{
		float: left;
		width: 32.3%;
		margin:0 0 17px 1%;
	}
	#about ul.photogallery li img{
		width: 100%;
		height:201px;
	}
	
	#about ul.photogallery li dt{
		font-weight: bold;
		border-left: 6px solid #238667;
		padding: 0 0 0 7px;
		margin: 15px 0 5px 0;
	}

#about .outline{
	margin-bottom:40px;
}


#about .outline h4{
	text-align:center;
}

#about .outline h4 img{
	width:90%;
}


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

/* --------------------------------
   □ intro
-------------------------------- */
#intro{
	padding-top:0;
}

/* --------------------------------
   □ point
-------------------------------- */
#point ul.point-pickup{
	overflow:hidden;
	margin-left:-2%;
}

	#point ul.point-pickup li{
		float:left;
		width:48%;
		margin:0 0 15px 2%;
	}


#point ul.point-details{
	margin-left:-2%;
}

#point ul.point-details > li{
	width:48%;
	margin:0 0 2% 2%;
}

#point ul.point-details > li dl{
	padding:2%;
}

/* --------------------------------
   □ recommend
-------------------------------- */

#recommend section.item{
	margin-bottom:3%;
}

#recommend section.item:last-child{
	margin-bottom:0;
}

#recommend section.item h4{
	margin-bottom:2%;
}

#recommend section.item ul.list{

}
	#recommend section.item ul.list li img{

	}
	
	#recommend section.item ul.list li .bgcolor{
		padding:2%;
	}


	#recommend section.item ul.list li p.btn a:after{
		right: 5px;
	}

	#recommend section.item ul.list li table{
		display:block;
	}

	#recommend section.item ul.list li table tr{
		display:block;
	}

	#recommend section.item ul.list li table th,
	#recommend section.item ul.list li table td{
		display:block;
		width: auto;
	}

/* --------------------------------
   □ searchGrave
-------------------------------- */
	.contents section#searchGrave{
        padding:10% 3%;
    }
	
	.contents section#searchGrave ul{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	
	.contents section#searchGrave ul li {
		overflow:hidden;
		width: auto;
		float: none;
		margin-right: 0;
		margin-bottom: 10%;
		clear: both;
	}
	.contents section#searchGrave ul li img{
		width:100%;
	}
	
	.contents section#searchGrave ul li dl dd{
		text-align:center;
	}
	
	.contents section#searchGrave ul li.design dd {
		float: left;
		width:50.3%;
	}
	.contents section#searchGrave ul li.design dd:nth-child(odd){
		width:49.7%;
	}


/* --------------------------------
   □ appeal
-------------------------------- */
#appeal .container{
	padding:2%;
}

	
	#appeal .container > section{
		margin-bottom:3%;
	}

/* --------------------------------
   □ create
-------------------------------- */
#create ul.comparison li{
	margin-bottom:3%;
}

#create ul.comparison li.allstone > dl dt{
	margin-bottom:2%;
}
#create ul.comparison li.allstone > dl dl dt{
	margin-bottom:2%;
}

/* --------------------------------
   □ ceremony
-------------------------------- */
#ceremony .icon{
	margin-bottom:3%;
}

/* --------------------------------
   □ about
-------------------------------- */
#about ul.photogallery{
	margin-left:-2%;
}
#about ul.photogallery li{
	width: 48%;
	margin:0 0 17px 2%;
}
#about ul.photogallery li img{
	width: 100%;
	height: auto;
}
#about ul.photogallery li dt{
	line-height:1.2;
}


	

}