@charset "utf-8"; /* CSS Document */
/*------------------------------------------------------
お供え、お悔やみ特集
2015/03/5 
------------------------------------------------------*/
#offering_contents{ margin-bottom: 70px; line-height: 180%; color:#401f1f; }
#offering_contents a{ display:inline-block; }
#offering_contents h1{ margin-top:20px; }
#offering_contents h2{ margin: 30px 0 0 0; padding-left: 30px; background-repeat: no-repeat; background-position: left top; background-image: url(//img.e87.com/condolence/images/h2_bg.png); font: 24px/180% bold; clear: both; color: #FFF; }  
#offering_contents h2 a,#offering_contents h3 a { display: inline-block; text-decoration: none; }
#offering_contents h3 a { color: #FFFFFF; }

#offering_contents .oc_section1 li{ float: left; width: 450px; }

#offering_contents .oc_section1,
#offering_contents .cnt_wrapper_,
#offering_contents .cnt_wrapper_2,
#offering_contents .oc_section2{ background:#f6f0ee; padding: 20px; }

#offering_contents .cnt_wrapper_ ul li,
#offering_contents .cnt_wrapper_2 ul li a{ float: left; width: 210px; margin: 0 10px 0 0; padding: 0px 40px; display: block; background: #fff url(//img.e87.com/condolence/images/tree2.png) 20px center no-repeat; height: 40px; line-height: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#offering_contents .cnt_wrapper_2 ul { padding: 0 20px 0 0; overflow: hidden; }

#offering_contents .oc_section2 h3{ color: #ffffff; background-image:url(//img.e87.com/condolence/images/h3_bg.png); background-repeat:no-repeat; width: 920px; height: 40px; padding: 0px 0px 0 15px; line-height: 40px; font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }
#offering_contents .StyleP_Line_ {float: left; width: 100%; }
#offering_contents .StyleP_Item_ { width: 215px; float: left; margin: 0 15px 0 0; }
#offering_contents .price_ { font-size: 12px; padding: 10px 0 10px 0; border-top: 1px dotted #d9d9db; border-bottom: 1px dotted #d9d9db; }
#offering_contents .price_ span{ font-size: 10px; }
#offering_contents .sender_ { padding: 10px 0; border-bottom: 1px dotted #d9d9db; }
#offering_contents .icon_ { overflow: hidden; padding: 10px 0; }
#offering_contents .icon_ p { float: left; width: 66px; margin: 0 5px 0 0; }
#offering_contents .comment_ { font-size: 10px; margin: 0 0 5px 0px; min-height: 45px; }
#offering_contents .name_ { line-height: 180%; }
#offering_contents .name1_  a{ font-size:12px; }
#offering_contents #preserved{ float:left; margin-right: 5px; width:100%; }
#offering_contents #art_flower{ overflow:hidden; }
#offering_contents .column{ border: #e5ddda 1px solid; border-radius: 5px; padding:20px; }
#offering_contents .column_title{ text-align:center; margin-bottom:20px; font-size: 130%; font-weight: bold; }
#offering_contents .column li{ width: 280px; float: left; margin: 0 10px 10px 11px; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; }
#offering_contents .column{ overflow:hidden; }
#offering_contents h4{ color: #ffffff; background-image:url(//img.e87.com/condolence/images/h4_bg.png); background-repeat:no-repeat; width: 450px; height: 40px; padding: 0px 0px 0 15px; line-height: 40px; font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }	
#offering_contents h4 a{ display: inline-block; text-decoration: none; color: #FFF; }
#offering_contents .sender_ span{ color:#e73232; font-weight:bold; }
#offering_contents .margin{ margin-left:20px !important; }

.bnr_to{ width: 750px; margin: 0 auto; }

p.btn{ margin: 0 auto; width: 440px;}

@media screen and (max-width: 767px) {
	#mainVisualInR dl dd img { width: 100%; height: auto; }
}
@media screen and (min-width:900px) {
	#mainVisualInR dl dd.mother { display: none; }
/*#mainVisualInR dl dd img{ width: 100%; height: auto; margin-top: 10px; }*/
}