@import url(style.css);

@charset "utf-8";


.viewSmall {
display: none;
}

.smallbr:before,
.minimumbr:before {
content: " ";
}

/* layout
---------------------------------------------------------------------- */
body{
background: url("../img/body_background.png") no-repeat;
background-position:right 600px top 50px;
}

div#wrapper,
header,
div#contents,
footer {
overflow:hidden;
clear:both;
width: 100%;
margin: 0;
padding: 0;
}
div#inner {
margin: 0 auto;
padding: 0 0;
}
header div#inner,
nav#globalNav div#inner,
div#contents div#inner {
padding: 0 50px 50px;
}
footer div#inner {
padding: 0 50px;
}

a[href*="tel:"] {
color: #000000;
pointer-events: none;
cursor: default;
text-decoration: none;
}
a.tel,
a.tel:link,
a.tel:visited,
a.tel:focus,
a.tel:hover,
a.tel:active { color: #000;}

/* contents-elements
---------------------------------------------------------------------- */
#contents h1,
#contents h2 {
padding: 5px 0 5px 15px;
}

#contents h3 {
margin-top: 0;
}
#contents th,
#contents td {
border-bottom: 1px solid #CCC;
padding: 10px;
}

#contents .rightImage {
margin: 0 0 30px 30px;
float: right;
width: 40%;
} 
#contents a.textLink {
padding-left: 17px;
background: url("../img/pictLink.png") left center no-repeat;
}


/* header
---------------------------------------------------------------------- */
header {
margin: 0;
border-bottom: 3px solid #763DB6;
}
header #inner {
position: relative;
height: 140px;
margin: 0 auto 5px;
}
header h1 {
position: absolute;
bottom: 0;
left: 50px;
max-width: 35%;
}
header h1 img {
max-width: 100%;
}
header h2 {
position: absolute;
bottom: 0;
right: 50px;
max-width: 30%;
}
header h2 img {
max-width: 100%;
}


/* globalNav
---------------------------------------------------------------------- */
nav#globalNav {
background: url("../img/nav_background.png") center -60px repeat-x;
}
#mainMenu {
clear: both;
display: table;
position: relative;
}
#mainMenu ul {
display: table-cell;
border-collapse: separate;
border-spacing: 0;
line-height: 130%;
}
#mainMenu li {
display: table-cell;
white-space: nowrap;
width: 192px;
overflow: hidden;
text-align: center;
vertical-align: middle;
}
#mainMenu a {
display: block;
height: 25px;
padding: 15px 0;
color: #333;
font-size: 125%;
font-weight: 600;
font-family: 'Sawarabi Gothic',"Hiragino Kaku Gothic Pro","Meiryo","MS PGothic",sans-serif;
vertical-align: middle;
text-decoration: none;
}
#mainMenu a:focus,
#mainMenu a:hover,
#mainMenu a:active { color: #F70; background: url("../img/nav_background.png") center 0 repeat-x;}

#snsMenu {
overflow: hidden;
margin: 0 0 1.0em 0.5em;
float: right;
}
#snsMenu li {
float: left;
margin: 0 0 0 0.5em;
}
#subMenu {
overflow: hidden;
margin-top: 0.3em;
float: right;
}
#subMenu li {
float:left;
}
#subMenu li:before {
content:"　";
}
#subMenu li a {
padding-left: 20px;
background: url("../img/pictLink.png") left center no-repeat;
}

/* footer
---------------------------------------------------------------------- */
footer #inner {
margin: 15px auto;
}
footer div.outline {
display: block;
overflow: hidden;
padding: 15px 5px 30px;
}
footer div.outline h1 {
float: left;
margin-right: 30px; 
max-width: 35%;
}
footer div.outline p {
float: left;
}
footer div.outline h1 img {
width: 100%;
}
nav#footerNav {
clear: both;
margin: 15px 0;
}
nav#footerNav #menu ul:after {
content:"｜";
}
nav#footerNav #menu li {
float: left;
}
nav#footerNav #menu li:before {
content:"｜";
}
footer p.copyright {
clear: both;
}

/* page-elements
---------------------------------------------------------------------- */
/* section top-corona */
section#top-corona figure {
float: right;
margin: 0 0 0 35px;
}


/* section top-familyfuneral */
section#top-familyfuneral {
padding-left: 0;
}
section#top-familyfuneral figure {
float: left;
margin: 0 35px 35px 0;
}


/* section-top-plan */
section#top-plan ul {
display: table;
margin: 0 -15px 30px;
}
section#top-plan ul li {
display: table-cell;
vertical-align: top;
padding: 0 15px;
}
section#top-plan img {
max-width: 100%;
}
section#top-plan ul figcaption {
text-align: center;
}










/* section-top-hall */
section#top-hall p {
float: left;
max-width: 31.5%;
}
section#top-hall ul {
display: table;
}
section#top-hall li {
display: table-cell;
vertical-align: top;
padding-left: 30px;
}
section#top-hall img {
max-width: 100%;
}
section#top-hall figcaption {
text-align: center;
}

/* section-top-transport */
section#top-transport p {
float: left;
max-width: 66%;
}
section#top-transport ul {
display: table;
}
section#top-transport li {
display: table-cell;
vertical-align: top;
padding-left: 30px;
}
section#top-transport img {
max-width: 100%;
}

/* section-top-option */
section#top-option ul {
display: table;
margin: 0 -15px 30px;
}
section#top-option li {
display: table-cell;
width: 33%;
vertical-align: top;
padding: 0 15px;
}
section#top-option img {
float: left;
max-width: 50%;
padding-right: 15px;
}


/* section-myhome */
section#myhome figure.main,
section#hanayaka figure.main {
float: left;
margin-right: 15px;
max-width: 40%;
}
section#myhome figure.main img,
section#hanayaka figure.main img {
max-width: 100%;
}
section#myhome figcaption,
section#hanayaka figcaption {
text-align: center;
}


/* section-temple */
section#temple ul {
display: table;
margin: 0 -15px;
}
section#temple ul li {
display: table-cell;
vertical-align: top;
padding: 0 15px;
}
section#temple img {
max-width: 100%;
}



/* section-transport */
section#transport figure.main {
float: right;
margin-left: 15px;
max-width: 40%;
}
section#transport figure.main img {
max-width: 100%;
}


/* section-hall */
section#hall figure.main {
float: left;
margin-right: 15px;
max-width: 40%;
}
section#hall figure.l {
padding: 0 5%;
max-width: 30%;
}
section#hall figure.main img {
max-width: 100%;
}
section#hall figcaption {
text-align: center;
}
section#hall ul {
clear: both;
display: table;
margin: 0 -15px 30px;
}
section#hall li {
display: table-cell;
text-align: center;
padding: 0 15px;
width: 20%;
}
section#hall li figure.w img {
padding: 16.25% 5%;
max-width: 90%;
background: #F0F0F0;
}
section#hall li figure.l img {
padding: 10% 20%;
max-width: 60%;
background: #F0F0F0;
}

/* section-threetype */
section#threetype ul {
display: table;
margin: 0 -15px 30px;
}
section#threetype li {
display: table-cell;
vertical-align: top;
padding: 0 15px;
}
section#threetype img {
max-width: 100%;
}
section#threetype-details th {
vertical-align: middle;
text-align: left;
}

/* section-option */
section#option figure.main {
float: left;
margin-right: 15px;
max-width: 40%;
}
section#option figure.main img {
max-width: 100%;
}
section#option figcaption {
text-align: center;
}
section#option ul {
clear: both;
display: table;
margin: 0 -15px 30px;
}
section#option li {
display: table-cell;
text-align: center;
padding: 0 15px;
width: 25%;
}
section#option img {
max-width: 100%;
}

/* section-form */
section#form table {
margin: 0 auto;
}

/* section-parking */
section#parking figure {
float: left;
margin-right: 15px;
max-width: 30%;
}
section#parking figure img {
max-width: 100%;
}
section#parking figcaption {
text-align: center;
}

/* section-map */
section#map.hall iframe {
width: 100%;
}
section#map.crematorium iframe {
float: left;
margin-right: 15px;
width: 62%;
}