@charset "utf-8";

/* ==================================================================
	ihai
=================================================================== */

#object section.contentsDetails, 
#object section, 
#object section.itemInfo, 
#object section.qalist, 
#object .staffImg, 
#object .flyerarea, 
#object .contactarea {
    margin-bottom: 40px;
}

#object section.contentsDetails{
}

#object section p.txt{
	font-size:116%;
	margin-bottom:5%;
}

#object .box01{
	border:#1A885E 3px solid;
	border-radius: 10px; 
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
	background:url(../../../images/graveclose/img01.jpg) no-repeat left;
	padding:25px 25px 15px 180px;
	height:190px;
	margin-bottom:55px;
}
	#object .box01 ul{
		overflow:hidden;
		margin:0 0 20px 0;
	}
	#object .box01 li{
		text-align: center;
		font-size:200%;
		font-weight:bold;
	}
	#object .box01 p{
		color:#FF0000;
		font-size:300%;
		font-weight:bold;
		text-align:center;
		line-height:1.2em;
	}
	
#object section p.title{
	margin-bottom:2%;
}

#object section ul.special{
	margin-bottom:5%;
}

#object section ul.special li{
	margin-bottom:2%;
}

#object section p.btn{
	background: #c69b3a;
    margin: 0 auto;
    border-radius: 5px;
    position: relative;
    width: 60%;
}

#object section p.btn a{
	display: block;
    font-size: 125%;
    text-align: center;
    color: #fff;
    padding: 3%;
    text-decoration: none;
}

#object section 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);
}

#object section ul.showroom{
	margin: 5% 0 1% 0;
    overflow: hidden;
}

#object section ul.showroom li{
	margin-bottom: 4%;
    width: 48%;
    float: left;
    margin-right: 4%;
}

#object section ul.showroom li:nth-child(2n){
	margin-right:0;
}

#object section.contentsDetails ul.item-list{
	overflow: hidden;
}

#object section.contentsDetails ul.item-list li{
	width:48%;
	margin-right:3%;
	float:left;
	margin-bottom: 7%;
	position: relative;
	padding-bottom: 7%;
}

#object section.contentsDetails ul.item-list li:nth-child(2n){
	margin-right:0;
}

#object section ul.item-list li p.leftimg {
    margin-bottom: 5%;
    display: inline-block;
}

#object section ul.item-list li .rightarea {
    width: 50%;
    float: right;
    font-size: 116%;
    height: 233px;
    position: relative;
}

#object section ul.item-list li .rightarea table{
	width: 100%;
	float: left;
	margin-bottom: 5%;
}

#object section.contentsDetails ul.item-list li dl dt{
	border-left: 3px solid #14694B;
    padding: 8px;
    font-weight: 700;
    font-size: 133%;
	margin-bottom:3%;
}

#object section.contentsDetails ul.item-list li dl dd.img{
	margin-bottom:3%;
}

#object section.contentsDetails ul.item-list li dl dd.txt{
	font-size:116%;
}

#object section.contentsDetails p.caution{
	margin-bottom:5%;
}

#object section .beginning{
	margin-bottom:5%;
	overflow: hidden;
}

#object section ul.item-list{
	clear:both;
}

#object section.contentsDetails ul.item li {
    width: auto;
    margin-right: 0;
    float: none;
    margin-bottom: 7%;
    position: relative;
    padding-bottom: 7%;
}

#object section ul.item-list li{
	margin-bottom:5%;
}

#object section ul.item-list li:last-child{
	margin-bottom:0;
}

#object section ul.item-list li p.leftimg{
	margin-bottom: 5%;
	display: inline-block;
	    float: left;
}


#object section ul.item-list li table{
	width: 100%;
	float: left;
	margin-bottom: 5%;
}

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

#object section ul.item-list li table th{
	width: 190px;
    text-align: center;
    background-color: #eee;
    padding: 5px 0;
}

#object section ul.item-list li table td{
	text-align:left;
	font-weight: bold;
    padding: 5px 0;
    padding-left: 15px;
}


#object section ul.item-list li p.btn{
	margin: 6% 0 0;
	border-radius: 5px;
	background: #bc0d32;
	width: 100%;
    position: absolute;
    bottom: 0;
}

#object section ul.item-list li p.btn a{
	display:block;
	font-size: 125%;
	text-align:center;
	color:#fff;
	padding: 3%;
	text-decoration:none;
}

#object section ul.item-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);
}

#object section ul.item-list li p.assortment{
	box-sizing:border-box;
	background: #14694b;
    color: #fff;
    padding: 3%;
	width:100%;
    text-align: center;
    overflow: hidden;
	position:absolute;
	bottom:0;
	margin-bottom:0;
}

#object section.qalist dl {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#object section.qalist dl:last-child {
    margin-bottom: 0;
}

#object section.qalist dl dt {
    background:url("../../images/common/icon-question.gif") 0% 50% no-repeat;
    padding: 10px 0 10px 50px;
    font-size: 16px;
    font-weight: bold;
    color: #14694b;
}

#object section.qalist dl dd {
    font-size: 14px;
    background:url("../../images/common/icon-answer.gif") 0 0 no-repeat;
    padding: 8px 0 8px 50px;
}

#object section.qalist dl dd.img {
    background:none;
}


#object section dl.estimate_appeal{
	overflow: hidden;
	margin-bottom: 3%;
}

#object section dl.estimate_appeal dt{
	background:#14694b;
	display:inline-block;
	color:#fff;
	font-size: 180%;
    width: 34%;
    text-align: center;
	padding:2% 3%;
	font-weight:bold;
	float: left;
}

#object section dl.estimate_appeal dd{
	width: 53%;
    float: right;
	margin-right:3%;
}

#object section.contentsBox .comment{
	border:1px solid #afabab;
	padding:4%;
	margin-bottom:10%;
}

#object section.contentsBox .last{
	margin-bottom:5%;
}

#object section.contentsBox .comment p{
	font-size:116%;
	margin-bottom:0;
}


#object section p.img{
	margin-bottom:7%;
}

#object section .combination{
	border: 3px solid #eed6a2;
    padding: 3%;
	margin-bottom:7%;
}

#object section .combination table.price{
	width:100%;
}

#object section .combination table.price td{
	text-align: center;
}

#object section .combination table.price td.txt{
	font-size:150%;
	width: 65%;
}

#object section .combination table.price td.txt span.red{
	color:#f01;
}

#object section .combination table.price td.img{
	text-align: right;
	width:35%;
}

#object section .Caution{
	margin-bottom:4%;
	background: #333;
    padding: 2%;
    font-size: 116%;
}

#object section .Caution p{
	color:#fff;
	margin-bottom:0;
}

#object section .staffImg{
	margin-bottom: 6%;
}


#object section .contactarea{
	margin-bottom: 6%;
}




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

#object section.contentsDetails {
	margin-bottom:2%;
}
	
    #object section.contentsBox img {
        width: 100%;
    }
    #object section.contentsBox{
        margin: 0 3% 30px;
    }

	#object .box01 {
		padding: 3%;
		height: 135px;
		margin-bottom: 6%;
		background-size: 35%;
	}
	
		#object .box01 p {
			font-size: 150%;
			float: right;
			width: 67%;
		}
		
		#object .box01 ul {
			margin: 15px auto 15px;
			width: 62%;
			float: right;
			font-size: 82%;
		}
	
    #object section{
		margin-bottom:2%;
	}
	
	#object section.qalist{
		margin-top: 7%;
	}
	
    #object p.txt {
        font-size: 14px;
        margin-bottom: 25px;
        line-height: 1.75;
    }
	
#object section p.lefttxt {
    width: auto;
    float: none;
}


#object section p.rightimg {
    float: none;
	margin-bottom:7%;
}

#object section ul.item-list li {
    margin-bottom: 13%;
}

#object section ul.item-list li p.leftimg {
    display: block;
}

#object section ul.item-list li {
    width: auto;
	height:auto;
    float: none;
}

#object section ul.item-list li .rightarea {
    width: auto;
    float: none;
    height: auto;
    position: relative;
}

#object section ul.item-list li p.assortment  {
	margin-bottom:7%;
	position: inherit;
}


#object section ul.item-list li table th ,
#object section ul.item-list li table td {
    width: auto;
    text-align: left;
	display:block;
}

#object section ul.list li p.btn {
    margin: 8% 0 0;
}

#object section ul.list li p.btn a {
    font-size: 110%;
	padding: 5% 18%;
}


#object section dl.estimate_appeal {
    margin-top: 7%;
}

#object section dl.estimate_appeal dt {
    display: block;
	width: auto;
    float: none;
	margin-bottom:2%;
	font-size: 180%;
    padding-bottom: 0;
}

#object section dl.estimate_appeal dd {
    width: auto;
    float: none;
    margin-right: 0;
}

}