@charset "utf-8";
/* =======================================

	Individual CSS

 -----------------------------------------
	Home CSS
	page CSS
 -----------------------------------------
 	

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

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

	Home CSS

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



body#home.home .sectionHomeTop {
	display:block;
	background: url(../images/home/bgHomeLead.jpg) no-repeat center top;
	background-size:cover;
	color:#FFF;
}


body#home.home .sectionHomeTop h3.pageLead{
	padding:40px 20px 30px;
	color:#FF0;
	font-size:1em;
}

body#home.home .sectionHomeTop .leadSent{
	padding:0 20px 20px;
}

body#home.home .sectionHomeTop p.sC{
	padding:0 20px 20px;
}


body#home.home .sectionHomeTop .btn a{
	width:70%;
	margin:0 auto 30px;
	display:block;
}

body#home.home .sectionType01 .btn{
	width:85%;
	margin-right:auto;
	margin-left:auto;
	display:block;
}

body#home.home .sectionType01 .add{
	padding-bottom:20px;
}

body#home.home #wrapper #costBox{
	display:none;
}

body#home.home #wrapper .twoColumn .inColumn #sennokaze{
	display:none;
}

#anchi{
	display:block;
	margin:-60px auto 40px;
}


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

	Member CSS

========================================== */
/* .privilegeBox
========================================== */
body#member.member .privilegeBox{
	border-top:#C6C68E solid 1px;
	border-left:#C6C68E solid 1px;
	border-right:#C6C68E solid 1px;
	padding:20px;
	display:block;
}

body#member.member .last{
	border-bottom:#C6C68E solid 1px;
	margin:0 0 30px;
}

body#member.member .privilegeBox dt{
	width:20%;
	float:left;
	margin:0 20px 0 0;
	display:block;
}

body#member.member .privilegeBox dd.no{
	padding:10px 0 10px;
	font-size:0.8em;
}

body#member.member .privilegeBox dd span{
	border-bottom:#C6C68E solid 1px;
}

body#member.member .privilegeBox dd.tit{
	font-size:1.2em;
	font-weight:bold;
	color:#339900;
	padding:0 0 10px;
}

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

	Access CSS

========================================== */
/* #accessHow
========================================== */
body#access.access #accessHow{
	padding:40px;
	display:block;
}

body#access.access #accessHow .columnBox{
}

body#access.access #accessHow dt{
	width:20%;
	float:left;
	margin:0 20px 0 0;
	display:block;
}

body#access.access #accessHow dd.tit{
	padding:0 0 10px;
	color:#6600CC;
}

body#access.access #accessHow dd.sent{
	padding-bottom:0px;
}

/* .mapBox
========================================== */
body#access.access .mapBox{
	width:100%;
	height:400px;
	margin:0 0 30px;
	display:block;
}

/* #accessCar
========================================== */
body#access.access #accessCar dd.tit{
	color:#339900;
	padding:0 10px 10px;
}

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

	Funeral CSS

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

body#funeral.funeral #cost_hendo .pL figure{
	width:70%;
	display:block;
	float:left;
}

body#funeral.funeral #cost_hendo .pR{
	width:27%;
	display:block;
	float:right;
}

body#funeral.funeral #pageBox02 .threeColumn .inColumn{
	width:48.5%;
	display:inline-block;
}

body#funeral.funeral form#mailformpro {
    padding: 0;
}

body#funeral.funeral form#mailformpro dl dt{
	border-top:none;
	font-size:1em;
}
body#funeral.funeral form#mailformpro dl dd{
	border-top:none;
	font-size:1em;
}
body#funeral.funeral form#mailformpro dl dd input{
	width:100%;
}
body#funeral.funeral form#mailformpro dl dd input.smallWide{
	width:30%;
}

body#funeral.funeral form#mailformpro dl dd input[type=radio] {
	display:inline;
	width:1em !important;
}

body#funeral.funeral form#mailformpro dl dd input[type=checkbox] {
	display:inline;
	width:1em !important;
}

body#funeral.funeral form#mailformpro dl dd textarea{
	width:95% !important;
}

body#funeral.funeral .mailformBox{ 
	padding:40px 20px 20px 20px;
}

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

	Hall CSS

========================================== */
/* .twoColumn */
body#hall.hall .twoColumn .inColumn{
	width:50%;
	float:left;
}

body#hall.hall .twoColumn .inColumn{ /width:49.5%;}

body#hall.hall .twoColumn figure img{
	width:97.5%;
}

body#hall.hall .contentsMain .twoColumn figure img{
	width:96%;
}

body#hall.hall .twoColumn .inColumn .columnBox{
	width:97.5%;
}

body#hall.hall .contentsMain .twoColumn .columnBox{
	width:96%;
}

/* .twoColumn */
body#hall.hall .twoColumn.tow-layout .inColumn{
	width:auto;
	float:none;
}

body#hall.hall .twoColumn.tow-layout .inColumn{ /width:auto;}

body#hall.hall .twoColumn.tow-layout figure img{
	width:auto;
}

body#hall.hall .contentsMain.tow-layout .twoColumn figure img{
	width:auto;
}

body#hall.hall .twoColumn.tow-layout .inColumn .columnBox{
	width:auto;
}

body#hall.hall .contentsMain.tow-layout .twoColumn .columnBox{
	width:auto;
}


/* mailformpro */
body#hall.hall form#mailformpro {
    padding: 0;
}

body#hall.hall form#mailformpro dl dt{
	border-top:none;
	font-size:1em;
}
body#hall.hall form#mailformpro dl dd{
	border-top:none;
	font-size:1em;
}
body#hall.hall form#mailformpro dl dd input{
	width:100%;
}

body#hall.hall form#mailformpro dl dd input[type=radio] {
	display:inline;
	width:1em !important;
}

body#hall.hall form#mailformpro dl dd input[type=checkbox] {
	display:inline;
	width:1em !important;
}

body#hall.hall form#mailformpro dl dd textarea{
	width:95% !important;
}

body#hall.hall .mailformBox{ 
	padding:40px 20px 20px 20px;
}

/* 768px以上で適用される　レイアウトの指定 -----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {

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

	Home CSS PC

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

body#home.home #mainVisual {
	display:block;
	background: url(../images/home/mainVisual.jpg) no-repeat center top;
}

body#home.home #mainVisual h3{
	display:block;
	height:400px;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	display:block;
}

body#home.home .sectionHomeTop h3.pageLead{
	padding:90px 20px 30px;
	font-size:1.2em;
}

body#home.home .sectionHomeTop .leadSent{
	width:820px;
	margin:0 auto;
	text-align:center;
}

body#home.home .sectionHomeTop {
	height:455px;
}

body#home.home .sectionHomeTop p.sC{
	padding:0 0 30px;
}

body#home.home .sectionHomeTop .btn a{
	width:35%;
	margin:0 auto 30px;
	display:block;
}

body#home.home .sectionType01 .pR dt{
	padding-top:30px;
}

body#home.home .sectionType01 .btn{
	width:70%;
}

body#home.home .sectionType01 .add{
	padding-bottom:60px;
}

body#home.home .contentsMain .btn01 {
	width:50%;
	margin-left:auto;
	margin-right:auto;
}


body#home.home #wrapper #costBox{
	display:block;
}

body#home.home #wrapper .twoColumn .inColumn #sennokaze{
	display:block;
}

#anchi{
	width:70%;
	margin:-60px auto 40px;
}

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

	Funeral CSS PC

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

body#funeral.funeral #cost_hendo .pL{
	width:60%;
	display:block;
}

body#funeral.funeral #cost_hendo .pR{
	width:35%;
	display:block;
}

body#funeral.funeral #cost_hendo .pL figure{
	width:auto;
	display:block;
	float:none;
}

body#funeral.funeral #pageBox02 .threeColumn .inColumn{
	width:33.3%;
	display:block;
}

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

	Hall CSS

========================================== */
/* .twoColumn */
body#hall.hall .twoColumn.tow-layout .inColumn{
	width:50%;
	float:left;
}

body#hall.hall .twoColumn.tow-layout .inColumn{ /width:49.5%;}

body#hall.hall .twoColumn.tow-layout figure img{
	width:97.5%;
}

body#hall.hall .contentsMain.tow-layout .twoColumn figure img{
	width:96%;
}

body#hall.hall .twoColumn.tow-layout .inColumn .columnBox{
	width:97.5%;
}

body#hall.hall .contentsMain.tow-layout .twoColumn .columnBox{
	width:96%;
}

}
/* 768px以上で適用される　レイアウトの指定　ここまで ------------------------------------------------------------*/