html {
	min-width: 250px;
	overflow-y: scroll;
}

body {
	max-width: 480px;
	min-width: 250px;
	-webkit-text-size-adjust: 100%;
}

span.df,
div.df {
	display: none;
}

span.sp,
div.sp {
	display: inline;
}

h2.title {
    padding: 0px 0px 15px 0px;
    width: auto;
    max-width: 350px;
}

h3.title {
    padding-bottom: 10px;
    font-size: 115%;
}

p {
	line-height: 1.8em;
}

p.center {
	text-align: justify;
}

p.center span.center {
    display: block;
    text-align: center;    
}

a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

body#entry div.body i a,
a.link-btn,
span.link-btn a {
	display: block;
	margin: 20px 0px;
	padding: 10px 5%;
	text-align: center;
	width: 90%;
}

a.link-btn-prev,
span.link-btn-prev a {
	display: block;
	margin: 20px 0px;
	padding: 10px 5%;
	width: 90%;
}

ul.list {
	line-height: 1.5em;
}

ul.list li {
	background-position: 3px 13px;
	padding: 5px 0px 5px 18px;
}

.spwideimg {
	height: auto;
	width: 100%;
}

span.img-left,
span.img-right {
	display: block;
	float: none;
	margin: 0px;
	padding-bottom: 10px;
	text-align: center;
}

/***********************************************************************/
ul.blog-list li {
	display: block;
	padding: 0px 0px 20px 0px;
	width: 100%;
}

ul.blog-list li div.img {
	margin: auto;
	width: auto;
}

ul.blog-list li div.img img {
	height: auto;
	width: 100%;
}

ul.blog-list li div.text {
	padding: 14px 30px;
}

ul.blog-list li div.text span.date {
	font-size: 90%;
}

ul.blog-list li div.text h3 {
	font-size: 110%;
}

/***********************************************************************/
div.indent {
	padding-left: 0px;
}

div.mainbtn {
	padding: 0px 10px;
}

div.mainbtn ul li {
	float: left;
	height: auto;
	padding: 3px 0px;
	text-align: center;
	width: 50%;
}

div.mainbtn ul li img {
	height: auto;
	max-width: 312px;
	width: 95%;
}

table.list-table th {
	line-height: 1.3em;
	padding: 10px 8px;
	text-align: center;
	white-space: nowrap;
	width: auto;
}

table.list-table th em.bodai {
	font-size: 70%;
	padding-top: 5px;
}

table.list-table th span.sp-t {
	display: block;
	font-size: 70%;
}

table.list-table td {
	line-height: 1.6em;
	padding: 10px 10px 10px 15px;
	white-space: normal;
}

ul.detail-list li {
    display: block;
    width: auto;
}

table.detail-table th {
	padding: 5px 0px;
    width: auto;
    border-bottom: 0px;
}

table.detail-table td {
	padding: 5px 20px;
    border-bottom: 0px;
}

table.detail-table th.blank,
table.detail-table td.blank {
	display: none;
}

table.area-table {
	border-top: none;
	border-bottom: 1px solid white;
}

table.area-table tr {
	border-bottom: none;
}

table.area-table th {
	display: block;
	width: auto;
	border-top: 1px solid white
}

table.area-table td {
	display: block;
	padding: 5px 0px;
	text-align: center;
}

table.area-table td.ku {
	width: auto;
}

form h2 {
	padding: 10px;
	text-align: center;
}

table.form-table {
	border-bottom: 1px solid #cbc68e;
}

table.form-table tr {
	display: block;
	position: relative;
	border-bottom: none;
}

table.form-table th {
	border: none;
	display: block;
	font-size: 105%;
	margin: auto;
	padding: 15px 10px 5px 10px;
	text-align: left;
	width: 90%;
}

table.form-table td {
	border: none;
	clear: both;
	display: block;
	line-height: 1.5em;
	margin: auto;
	padding: 10px 0% 20px 5%;
	width: auto;
}

table.form-table td.e {
	border: none;
	float: right;
	height: 25px;
	padding: 0px;
	position: absolute;
	right: 20px;
	top: 12px;
	width: 25px;
}

table.form-table select {
	width: 89%;
}

table.form-table td span.spwideform input,
table.form-table td span.spwideform textarea {
	width: 89%;
}

table.form-table td span.comment {
	line-height: 2em;
}

table.form-table td table th,
table.form-table td table td {
	display: table-cell;
	font-size: 100%;
}

input.submit {
	display: block;
	font-size: 125%;
	padding: 15px 20px 18px 20px;
	width: 100%;
}

body#form table.form-table th {
    padding: 15px 0px 2px 0px ;
}

body#form table.form-table td {
	padding: 10px 5px 15px 15px;
}

body#form div.thankstext p {
	text-align: justify;
}

/***********************************************************************/
body#error div.error {
    padding: 50px 0px 60px 0px;
}

body#error div.error div.img {
    width: 100px;
    margin: auto;
    padding-bottom: 20px;
}

body#error div.error h3 {
    font-size: 130%;
}

body#error div.error p {
    text-align: center;
}

/***********************************************************************/
#header-bg {
	height: auto;
	padding: 15px 0px;
	width: auto;
	position: relative;
}

#header {
	margin: 0px;
	width: auto;
    height: auto;
    padding-top: 0px;
    position: relative;
}

#header #header-logo {
	display: table-cell;
	float: none;
	vertical-align: middle;
	width: 230px;
    padding:0px 70px 0px 15px;
}

#header #header-logo img {
	height: auto;
	width: 100%;
}

#header-right {
    display: none;
}

#header-contact-sp {
    display: block;
}

#header-tel-sp {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    background-color: #7a7539;
    padding: 0px;
    text-align: center;
}

#header-tel-sp img {
	width: 13%;
    max-width: 35px;
    height: auto;
}

#header-tel-sp a {
    text-decoration: none;
    font-weight: bold;
    color: white;
}

#header-tel-sp span.number {
    font-size: 120%;
    padding-left: 10px;
    padding-top: 0px;
    line-height: 1.8em;
    vertical-align: top;
}

#header-mail-sp {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    background-color: white;
    padding: 0px 15px;
    text-align: center;
}

#sp-icon {
	display: inline;	
}

ul#menu {
	display: block;
	text-align: center;
	position: absolute;
	background: none;
	bottom: 0px;
	opacity: 1;
	display: none;
	 -webkit-overflow-scrolling: touch;
}

ul#menu li {
	background: url(images/link_btn.png)no-repeat center right 15px #9f9a49;
	display: block;
	padding: 0px;
    color: white;
	font-size: 95%;
	border-bottom: 1px dotted white;
}

ul#menu li:first-child{
	border-top: 1px dotted white;
}

ul#gnav {
	display: none;
}

#header #header-tel-df {
	display: none;
}

#header #header-tel-sp {
	display: table-cell;
	padding-left: 10px;
	vertical-align: middle;
	width: 13%;
}

#header #header-tel-sp img {
	height: auto;
	width: 100%;
}

#maintitle {
	height: auto;
}

#maintitle #title {
	margin: auto;
	padding: 25px 0px;
	width: 100%;
}

#maintitle #title img {
	height: auto;
	width: 93%;
}

div.main,
div.main-s {
	padding: 0px 20px;
	width: auto;
}

ul.style li {
	width: auto;
	display: block;
	margin-bottom: 20px;
}

ul.style li div.title-container img {
	width: 100%;
}

div.table-container {
	padding: 0px 20px 20px 20px;
}

table.style-table {
	width: 100%;
	margin: auto;
}

div.option-container {
	padding: 30px 0px;
}

div.option-container a {
	display: block;
}

div.option-container img {
	width: 100%;
}

div.option-container img.right {
	float: none;
	margin-top: 20px;
}

div.flow-container {
    position: relative;
}

div.flow-container ul.flow li {
    -ms-writing-mode: lr-tb; /* for IE */
    writing-mode: lr-tb;
    display: block;
}

div.flow-container ul.flow li div.text {
    height: auto;
    padding: 15px 0px;
    font-size: 115%;
    border:10px solid #eaeaea; 
}

div.flow-container div.cursor-df {
    display: none;
}

div.flow-container div.cursor-sp {
    display: block;
}

div.flow-container p.sup {
    text-align: justify;
}

div.flow-container ul.flow li.schedule-df {
    display: none;
}

div.flow-container div.schedule-sp {
	display: block;
}

div.flow-container div.schedule-sp span.theday,
div.flow-container div.schedule-sp span.tsuya,
div.flow-container div.schedule-sp span.yobi,
div.flow-container div.schedule-sp span.funeral {
	display: block;
	position: absolute;
    -ms-writing-mode: tb-rl; /* for IE */
    writing-mode: vertical-rl;
	font-size: 90%;
	font-weight: bold;
	right: 60px;
}

div.flow-container div.schedule-sp span.theday {
	background-color: #ffe1e2;
}

div.flow-container div.schedule-sp span.tsuya,
div.flow-container div.schedule-sp span.yobi{
	background-color: #ecdfff;
}

div.flow-container div.schedule-sp span.funeral {
	background-color: #e1efff;
}








div.notices {
    width: auto;
    padding: 20px 20px 15px 20px;
    color: white;
    text-align: center;
    font-size: 95%;
}

div.total p.total {
    font-size: 100%;
}

div.total p.total span.total {
    font-size: 110%;
    padding: 2px 8px 2px 8px;
    display: block;
    margin-bottom: 20px;
}

div.total p.total span.cost {
    font-size: 260%;
    padding: 0px 5px 0px 10px ;  
}

div.contents div.left {
    display: block;
    width: auto;
}

div.contents div.left img {
    width: 100%;
    height: auto;
}

div.contents div.right {
    display: block;
    width: auto;
    padding-left: 0px;
}

div.contents div.right h3 {
    text-align: center;
    padding-top: 12px;
}

#areamap div.hamamatsu,
#areamap div.iwata,
#areamap div.kakegawa {
	margin-top: 50px;
}

#areamap h3 img {
	width: 100%;
	height: auto;
	margin: auto;
}

#areamap div.map {
	display: block;
	width:auto;
	padding-right: 0px;
}

#areamap div.map img {
	width: 100%;
	height: auto;
	margin: auto;
}

#areamap div.map-detail {
	display: block;
}

#areamap div.map-detail h4 {
	margin-top: 20px;
}

#contact {
	padding: 35px 15px 40px 15px;
    width: auto;
}

#contact h3 img {
    width: 85%;
    margin: auto;
    height: auto;
    max-width: 420px;
}

#contact h4 {
    font-size: 105%;
	padding: 10px 0px;
}

#contact p.center {
    text-align: justify;
}

#contact p.tel {
	padding: 10px 0px;
	display: inline;
}


#contact p.tel img {
	width: 35px;
    height: auto;
}

#contact p.tel span.df {
	display: none;
}

#contact p.tel span.sp {
	font-size: 170%;
	padding-left: 10px;
	display: table-cell;
	vertical-align: middle;
}

#contact div.mail {
    width: 100%;
}

#contact div.mail img {
    width: 100%;
    height: auto;
}

#footer {
	width: auto;
    padding: 0px;
}

#footer-nav-container {
	background-color: none;
	padding:0px;
}	

#footer #footer-nav {
	font-size: 90%;
	padding: 0px;
	width: auto;
}

#footer #footer-nav li {
	border-left: none;
	display: block;
	padding: 0px;
	font-size: 100%;
}

#footer #footer-nav li.l {
	border-right: none;
}

#footer #footer-nav li a {
	background: #7a7539 url(images/link_btn.png) no-repeat  right 15px center;
	border-top: 1px solid white;
	color: white;
	display: block;
	font-weight: 500;
	padding: 10px;
	text-decoration: none;
}

#footer #info #subtitle {
    padding:10px 0px;
    width: 70%;
    margin: auto;
}

#footer #info #subtitle img {
    width: 100%;
    height: auto;
    max-width: 340px;
}

#footer #footer-logo {
	width: 30%;
    max-width: 138px;
}

#footer #footer-logo img {
	width: 100%;
    height: auto;
}

#footer p#copy {
	padding: 30px 0px 20px 0px;
}

#pagetop {
	margin: 0px;
	position: static;
	text-align: center;
}

#pagetop a {
	background-color: #2b2b2b;
	height: auto;
	padding: 15px 0px;
	width: auto;
}

#pagetop a img {
	height: auto;
	width: 20%;
	max-width: 180px;
}