@charset "UTF-8";
/* ------------------------------
トップページで使用するcss
--------------------------- */
/* トップページのみサイドとコンテンツの左右が逆
#contents{
	float: left;
}

#side{
	float: right;
} */


/*メインビジュアル*/
.mainV{
	clear:both;
	width: 100%;
	height: auto;
	text-align: center;
	line-height: 1;
	font-size: 1;
}
.mainV .large{
	position: relative;
	width: 100%;
	height: 335px;
	background-color:#f1f4fd;
	background-image: url(../img/top_mainv.png);
	background-position: 50% 100%;
	background-repeat: no-repeat;
}
.mainV .large .ttl{
	position: absolute;
	top: 40px;
	left: 0;
}
.mainV .large .text{
	position: absolute;
	top: 150px;
	left: 0;
}
.mainV .bar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
	background-color: rgba(255, 255, 255, 0.5);
}
.mainV .bar .wrap{
	padding: 25px 0;
}

/* 今日 */
div.today {
	float: left;
	width: 340px;
	padding-left: 70px;
	text-align: left;
	background-image: url(../img/ic_calender.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0px 0px;
}
div.today .year{
	display: block;
	font-size:16px;
	font-size:1.6rem;
	font-weight: normal;
	line-height: 1.6;
}
div.today .day{
	display: inline-block;
	font-size:28px;
	font-size:2.8rem;
	vertical-align: middle;
}
div.today .rokuyou{
	display: inline-block;
	margin-left: 0.3em;
	padding:0.3em 0.8em;
	vertical-align: middle;
	border-radius: 2px;
	font-size:14px;
	font-size:1.4rem;
}

/* 逝去日から探す */
.dateSearch {
	float: right;
	width: 650px;
}
.dateSearch h2{
	background-image: url(../img/ic_calender70.png);
	background-size: 41px auto;
	background-repeat: no-repeat;
	background-position: 97% 50%;
}
.dateSearch ul{
	padding: 5px 0px 0px 0px;
	list-style: none;
	font-size:16px;
	font-size:1.6rem;
}
.dateSearch li{
	float: left;
	width: 30%;
}
.dateSearch li:nth-child(2){
	width: 40%;
	padding:0 5%;
}
.dateSearch li:nth-child(3){
	float: right;
}

.dateSearch li a{
	display: inline-block;
	width: 210px;
	max-width: 100%;
	padding: 15px 15px;
	background-color: #9b609d;
	background-image: url(../img/comon_flower_white20.png);
	background-size: 45px auto;
	background-repeat: no-repeat;
	background-position: 96% 100%;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
.dateSearch li a span.date{
	display: block;

}
.dateSearch li a:hover{
	opacity: 0.8;
}

.mainV .small{
	display: none;
}


/*トップページメインエリア汎用ブロック*/
#contents .block {
	margin:0px 0 40px 0;
	background-color: #efeded;
	border-radius: 5px;
}
#contents .block h2{
	padding: 25px 30px;
	background-color: #9b609d;
	border-radius: 5px 5px 0 0;
	color: #fff;
	font-size:24px;
	font-size:2.4rem;
	font-weight: normal;
	line-height: 1;
}


/*新着おくやみ情報*/
.new{
	margin:0px 0 40px 0;
}
.new h2{
	padding: 25px 30px;

	background-color: #9b609d;
	background-image: url(../img/comon_flower_white20.png);
	background-size: 66px auto;
	background-repeat: no-repeat;
	background-position: 98% 100%;

	border-radius: 5px ;
	color: #fff;
	font-size:24px;
	font-size:2.4rem;
	font-weight: normal;
	line-height: 1;
}
.new p{
	margin:20px 30px;
}
.new p.caution{
	margin:5px 10px;
}
.scroll{
	border-top: solid 2px #d5d5d5;
	border-bottom: solid 2px #d5d5d5;
	width: 100%;
	max-height:400px;
	overflow-y: scroll;
}
.scroll table.okuyamiList{
	margin: 0;
	border-top: solid 0px #d5d5d5;
	border-bottom: solid 0px #d5d5d5;
}

/* map */
.areaSearch {
	padding: 0 0 30px 0;
}
.areaSearch h2{
	margin: 0 0 30px 0;
	background-image: url(../img/ic_search70.png);
	background-size: 41px auto;
	background-repeat: no-repeat;
	background-position: 97% 50%;
}
.map{
	position: relative;
	width:670px;
	height: 350px;
	margin: 0 auto;
	background: #e0f3ff url(../img/top_map_shizuoka.png) no-repeat 50% 50%;
	list-style: none;
}
.map li.izu{
	position: absolute;
	bottom: 16px;
	right: 14px;
}
.map li.middle{
	position: absolute;
	top: 24px;
	left: 60px;
}
.map li.est{
	position: absolute;
	top: 13px;
	right: 44px;
}
.map li.west{
	position: absolute;
	top: 226px;
	left: 10px;
}
.map li span{
	display: none;
}


/* 絞り込み */
.search {
}
.search h2{
	margin: 0 0 20px 0;
	background-image: url(../img/ic_search70.png);
	background-size: 41px auto;
	background-repeat: no-repeat;
	background-position: 97% 50%;
}

table.searchBlock {
	width: 670px;
	max-width: 100%;
	margin: 0 30px;
	font-size:14px;
	font-size:1.4rem;
}
table.searchBlock th{
	width: 110px;
	padding: 7px 0;
	font-weight: normal;
	text-align: left;
}
table.searchBlock td{
	padding: 7px 0;
}
table.searchBlock .button td{
	padding: 7px 0 20px 0;
	text-align: center;
}

/* カレンダー */
.calendar {
	margin:50px 0;
}
.calendar ul{
	position: relative;
	height: 50px;
	list-style: none;
}
.calendar li.now{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width:30%;
	margin:auto;
	font-size:26px;
	font-size:2.6rem;
	text-align: center;
}
.calendar li.prev{
	position: absolute;
	top: 0;
	left: 0;
	width:20%;
	text-align: center;
}
.calendar li.next{
	position: absolute;
	top: 0;
	right: 0;
	width:20%;
	text-align: center;
}
.calendar li a{
	display: block;
	padding: 0.4em;
	background: #f0e6f0;
	border-radius: 5px;
	text-decoration:none;
	color: #000;
}
.calendar li a:hover{
	opacity: 0.6;
}

.calendar table{
	width: 100%;
	border:solid 1px #d7d7d7;
}
.calendar td{
	border:solid 1px #d7d7d7;
	vertical-align: top;
	text-decoration: left;
}
.calendar td div{
	position: relative;
	height: 105px;
	padding: 10px;
}
.calendar td span{
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size:12px;
	font-size:1.2rem;
}
.calendar td.today{
	background: #f7f2f7;
}
.calendar th{
	padding: 10px;
	background: #ebebeb;
	border:solid 1px #d7d7d7;
	text-align: center;
	font-weight: normal;
}

/*トップページメインエリア 過去データ検索*/
.past {
	margin:0px 0 40px 0;
	padding-bottom: 20px;
	background-color: #f0e6f0;
	border-radius: 5px;
}
.past h2{
	padding: 25px 30px;
	background-color: #9b609d;
	border-radius: 5px 5px 0 0;
	color: #fff;
	font-size:24px;
	font-size:2.4rem;
	font-weight: normal;
	line-height: 1;
}
.past table.searchBlock .button td{
	padding-bottom: 0;
}
/*トップページメインエリア 過去データ検索 ログイン前は会員登録募集*/
.pastDataSearch {
	position: relative;
	width: 100%;
	/*max-height: 371px;*/
	padding: 95px 20px 20px 20px;
	background-color: #f0e6f0;
	background-image:url(../img/common_pastdata_search_sample.png);
	background-position: 50% 0%;
	background-repeat: no-repeat;
	/*background-size: cover;*/
	border-radius: 5px;
}
.memberRegistration{
	margin:0 20px 0px 20px;
	padding: 20px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ccffffff,EndColorStr=#ccffffff);
	background-color: rgba(255, 255, 255, 0.8);
	/*background-color: #fff;*/
	border-radius: 0px;
	font-size:12px;
	font-size:1.2rem;
} 
.memberRegistration h3{
	margin-bottom: 0.5em;
	padding:0.3em 0em;
	color: #9b609d;
	font-size:20px;
	font-size:2.0rem;
	border-bottom: double 5px #c3a0c4;
}
.memberRegistration h4{
	margin:1em 0 0.2em 0;
	color: #9b609d;
	font-size:16px;
	font-size:1.6rem;
}
.memberRegistration li{
	list-style: none;
}
.memberRegistration li p{
	line-height: 1.6;
}
.memberRegistration .link{
	margin-top: 1.5em;
	text-align: center;
	line-height: 1;
}
.memberRegistration .link .button a{
	display: inline-block;
	margin:0 auto 0.5em auto;
	padding: 0.8em 2em;
	font-size:16px;
	font-size:1.6rem;
}

/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ1024px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {

/*メインビジュアル*/
.mainV{
	clear:both;
	width: 100%;
	height: auto;
	text-align: center;
	line-height: 1;
	font-size: 1;
}
.mainV .large{
	position: relative;
	width: 100%;
	height: 335px;
	background-color:#f1f4fd;
	background-image: url(../img/top_mainv.png);
	background-position: 50% 100%;
	background-repeat: no-repeat;
}
.mainV .large .ttl{
	position: absolute;
	top: 40px;
	left: 0;
}
.mainV .large .text{
	position: absolute;
	top: 150px;
	left: 0;
}
.mainV .bar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
	background-color: rgba(255, 255, 255, 0.5);
}
.mainV .bar .wrap{
	padding: 25px 0;
}

/* 今日 */
div.today {
	width: 32%;
	padding-left: 0px;
	background-image: none;
}
div.today .day{
	font-size:22px;
	font-size:2.2rem;
}
div.today .rokuyou{
	font-size:12px;
	font-size:1.2rem;
}

/* 逝去日から探す */
.dateSearch {
	width: 68%;
}
.dateSearch ul{
	padding: 5px 0px 0px 0px;
	list-style: none;
	font-size:14px;
	font-size:1.4rem;
}
.dateSearch li{
	float: left;
	width: 32%;
}
.dateSearch li:nth-child(2){
	width: 32%;
	margin-left: 2%;
	margin-right: 2%;
	padding: 0;
}
.dateSearch li:nth-child(3){
	float: right;
}

.dateSearch li a{
	width: 100%;
	max-width: 100%;
	padding: 15px 5px;
}



table.searchBlock{
	width: 100%;
	margin-left: 0;
}
table.searchBlock th{
	padding-left: 20px;
}

.map{
	width:670px;
	max-width: 100%;
	margin: 0 auto;
}


}



/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ690px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */

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

.mainV .large{
	display: none;
}
.mainV .small{
	display: block;
}


/*トップページメインエリア汎用ブロック*/
#contents .block {
	margin:0px 0 3em 0;
}
#contents .block h2{
	padding: 1em 15px;
	font-size:18px;
	font-size:1.8rem;
}



/* 逝去日から探す */
.dateSearch {
	width: 100%;
	margin-top: 10px;
	padding:4% 8%;
	/*background: #efefef;*/
	background: rgb(244,244,244); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(236,234,242,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(236,234,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(236,234,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eceaf2',GradientType=0 ); /* IE6-9 */
}
.dateSearch h2{
	display: none;
	background-image: none;
	font-weight: normal;
	font-size: 1.6rem;
	color: #9b609d;
}
.dateSearch ul{
	padding:5% 0%;
}
.dateSearch li{
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
.dateSearch li:nth-child(2){
	width: 100%;
	margin: 0;
	padding: 0;
}
.dateSearch li:nth-child(3){
	float: none;
	margin: 0;
	padding: 0;
}

.dateSearch li a{
	width: 100%;
	margin-bottom: 1em;
	padding:1em 1em;
	background-size: 40px auto;
}
.dateSearch li:last-child a{
	margin-bottom: 0em;
}




/*新着おくやみ情報*/
.new{
}
.new h2{
	padding: 1em 15px;
	background-size: 50px auto;
	font-size:18px;
	font-size:1.8rem;
}
.new p{
	font-size: 1.4rem;
	margin: 1em 3%;
}
.new p.caution{
	font-size: 1.0rem;
}



/* map */
.areaSearch {
	padding: 0 0 0px 0;
}
.areaSearch h2{
	margin: 0 0 0px 0;
	background-image: url(../img/ic_search70.png);
	background-size: 30px auto;
	background-repeat: no-repeat;
	background-position: 97% 50%;
}
.map{
	position: relative;
	width: 100%;
	height: auto;
	background-image: none;
	background:transparent;
}
.map li.izu{
	position: static;
}
.map li.middle{
	position: static;
}
.map li.est{
	position: static;
}
.map li.west{
	position: static;
}
.map li img{
	display: none;
}
.map li{
	background:#fff;
	border-right: solid 1px #bd8cbf;
	border-left: solid 1px #bd8cbf;
}
.map li span{
	display: block;
}
.map li a{
	display: block;
	margin: 0;
	padding:1em 1em 1em 1em;
	text-decoration: none;
	border-bottom: solid 1px #f0e6f0;
/*	background-image: url(../img/top_map_ic_est.png);
	background-size: 40px auto;
	background-repeat: no-repeat;
	background-position: 10px 50%;*/
}
.map li a:before{
	float: left;
	content: "→";
	margin: 0 0.5em 0 0em;
	color: #9b609d;
}

.map li a:hover{
	opacity: 0.6;
}
.map li:last-child{
	border-radius: 0 0 5px 5px;
}
.map li:last-child a{
	border-radius: 0 0 5px 5px;
	border-bottom: solid 1px #bd8cbf;
}

/* 絞り込み */
.search {
}
.search h2{
	margin: 0 0 0px 0;
	background-size: 30px auto;
}
.past h2{
	font-size: 1.8rem;
	padding: 1em 55px 1em 15px;
	margin: 0 0 20px 0;
	background-size: 30px auto;
}
.past form{
	margin-top: -20px;
}
table.searchBlock {
	font-size:14px;
	font-size:1.4rem;
}
table.searchBlock th{
	display: block;
	width: 100%;
	padding: 1em 1em 0.2em 1em;
	line-height: 1.8;
}
table.searchBlock td{
	display: block;
	width: 100%;
	padding: 0em 1em 0em 1em;
	line-height: 1.8;
}
table.searchBlock .button td{
	padding: 1em 1em 1em 1em;
	text-align: center;
}
table.searchBlock select{
	margin:0.2em 0;
}

/* カレンダー */
.calendar {
	margin:50px 0;
}
.calendar ul{
	height: 40px;
}
.calendar li.now{
	width:30%;
	font-size:16px;
	font-size:1.6rem;
}
.calendar li.prev{
	width:25%;
	font-size:12px;
	font-size:1.2rem;
	white-space: nowrap;
}
.calendar li.next{
	width:25%;
	font-size:12px;
	font-size:1.2rem;
	white-space: nowrap;
}


.calendar table{
	width: 100%;
	border:solid 1px #d7d7d7;
}
.calendar td{
	font-size:10px;
	font-size:1.0rem;
}
.calendar td div{
	height: 50px;
	padding: 5px;
}
.calendar td span{
	bottom: 4px;
	right: 4px;
	font-size:9px;
	font-size:0.9rem;
	line-height: 1;
}
.calendar th{
	padding:10px 5px;
	font-size:12px;
	font-size:1.2rem;
}

}