@import url(https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&family=Sawarabi+Mincho&display=swap);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@charset "utf-8";


/* base
---------------------------------------------------------------------- */
body {
font-size: 100%;
font-weight: 200;
font-family: "Noto Sans Japanese","Hiragino Kaku Gothic Pro","Meiryo","MS PGothic",sans-serif;
line-height: 1.8em;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
}
div#contents {
margin: 0 0 1px 0;
border-bottom: 1px solid #763DB6;
}
footer {
background:#F0F0E0;
}

@page { size: A4; margin: 0mm; }


/* site-elements
------------------------------------------------- */
h1,h2,h3 {
clear:both;
font-weight: 900;
font-family: 'Sawarabi Mincho', serif;
line-height: 1.5em;
}

h1 {
font-size: 200%;
}
h2 {
font-size: 165%;
}
h3 {
font-size: 150%;
color: #333;
}
h4,h5 {
clear:both;
font-weight: 900;
line-height: 1.5em;
font-size: 125%;
}
img {
image-rendering: -webkit-optimize-contrast;
}
p {
margin-bottom: 15px;
}
b {
clear:both;
display: block;
padding: 15px 0 0;
font-size: 150%;
font-weight: 900;
font-family: 'Sawarabi Mincho', serif;
color: #333;
line-height: 1.5em;
}
strong {
font-weight: 200;
}
small {
font-size: 85%;
}
.red {
color: #F80000;
}

a {
text-decoration: none;
}
a.link {
padding-left: 20px;
background: url("../img/pictLink.png") left center no-repeat;
}
a.pdf {
padding-left: 20px;
background: url("../img/pictPdf.png") left center no-repeat;
}

footer a:link,
footer a:visited { color: #000; }
footer a:focus,
footer a:hover,
footer a:active { color: #000; text-decoration: underline;}

#contents a:link,
#contents a:visited { color: #25F; }
#contents a:focus,
#contents a:hover,
#contents a:active { color: #25F; text-decoration: underline;}

#subMenu a:link,
#subMenu a:visited { color: #25F; }
#subMenu a:focus,
#subMenu a:hover,
#subMenu a:active { color: #25F; text-decoration: underline;}

.button:link,
.button:visited { color: #000; }
.button:focus,
.button:hover,
.button:hover {
color: #000;
text-decoration: none;
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}

a:focus img,
a:hover img,
a:active img {
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}
a:active img {
outline: none;
position: relative;
top: 1px;
}


/* top-slick
---------------------------------------------------------------------- */
#main_visual {
overflow: hidden;
margin-bottom: 0;
}
#main_visual ul {
position: relative;
}
#main_visual img {
max-width: 100%;
height: auto;
}
ul#slider_main .slide-arrow {
position: absolute;
top: 50%;
margin-top: -15px;
opacity: 0.7;
z-index: 1;
}
ul#slider_main .prev-arrow {
left: 25px;
}
ul#slider_main .next-arrow {
right: 25px;
}


/* breadcrumbs
---------------------------------------------------------------------- */
div#breadcrumbs ul {
float: right;
}
div#breadcrumbs li {
float: left;
}
div#breadcrumbs p {
display:inline;
margin: 0;
}
div#breadcrumbs li.parent:after {
content:" > ";
white-space: pre;
}


/* pagetop
---------------------------------------------------------------------- */
#pagetop {
position: fixed;
bottom: 20px;
right: 3%;
font-size: 150%;
}
#pagetop a {
background: #763DB6;
text-decoration: none;
color: #fff;
padding: 15px 17px;
text-align: center;
display: block;
border-radius: 5px;
}
#pagetop a:hover {
text-decoration: none;
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}


/* contents-elements
---------------------------------------------------------------------- */
#contents h1 {
color: #FF7700;
border-left: 15px solid #FF7700;
background: rgba( 255, 225, 200, 0.6 );
}
#contents h2 {
margin-top: 15px;
color: #008844;
border-bottom: 1px solid #008844;
}
#contents h4 {
margin-top: 15px;
color: #FF7700;
}
#contents section {
overflow: hidden;
margin: 1px 0 50px;
padding: 15px 0 0;
border-top: 5px solid #008844;
}
#contents th {
text-align: left;
}

/* page-elements
---------------------------------------------------------------------- */
/* section top-corona */
section#top-corona {
overflow: hidden;
margin: 50px 0;
border: none;
}
section#top-corona h3 {
color: #FF4D4D;
}
section#top-corona span {
font-size: 75%;
}
section#top-corona b {
clear: none;
font-size: 115%;
}
section#top-corona ol {
margin-left: 20px;
list-style-type: decimal;
text-align: left;
}


/* section top-familyfuneral */
section#top-familyfuneral {
overflow: hidden;
margin: 50px 0;
padding: 35px;
border: none;
background:url(../img/familyfuneral/image02.png) right bottom no-repeat;
}
section#top-familyfuneral h2 {
display: inline-block;
margin: 0 0 10px;
color: #333;
line-height: 1.0em;
border: none;
}


/* section-threetype */
section#threetype {
border: none;
}
section#threetype-details td {
position: relative;
vertical-align: middle;
}
section#threetype-details td.range0,
section#threetype-details td.range1 {
padding-left: 50px;
}
section#threetype-details td.range0:before,
section#threetype-details td.range1:before {
vertical-align: middle;
font-size: 180%;
font-weight: 700;
position: absolute;
top: 50%;
left: 10px;
margin-top: -14px;
}
section#threetype-details td.range0:before {
content:"〇";
color: #F44;
}
section#threetype-details td.range1:before {
content:"× ";
color: #73B;
font-size: 180%;
}
_:-ms-input-placeholder, :root section#threetype-details td.range0:before,
_:-ms-input-placeholder, :root section#threetype-details td.range1:before {
font-size: 70%;
}


/* section-myhome */
section#myhome {
border: none;
}


/* section-temple */
section#temple h3 {
margin: 15px 0 10px;
font-size: 130%;
}
section#temple figcaption h3 {
text-align: center;
}


/* section-transport */
section#transport {
border: none;
}


/* section-optionThreetype */
section#optionThreetype td {
position: relative;
vertical-align: middle;
}
section#optionThreetype td.range001,
section#optionThreetype td.range011,
section#optionThreetype td.range111 {
padding-left: 130px;
}
section#optionThreetype td.range001:before,
section#optionThreetype td.range011:before,
section#optionThreetype td.range111:before,
section#optionThreetype td.range001:after,
section#optionThreetype td.range011:after,
section#optionThreetype td.range111:after {
vertical-align: middle;
font-size: 180%;
font-weight: 700;
position: absolute;
top: 50%;
margin-top: -14px;
}
section#optionThreetype td.range001:before,
section#optionThreetype td.range011:before,
section#optionThreetype td.range111:before {
left: 10px;
color: #F44;
}
section#optionThreetype td.range001:before {
content:"〇 〇";
}
section#optionThreetype td.range001:after {
content:"×";
left: 80px;
color: #73B;
}
section#optionThreetype td.range011:before {
content:"〇";
}
section#optionThreetype td.range011:after {
content:"× ×";
left: 45px;
color: #73B;
}
section#optionThreetype td.range111:after {
content:"× × ×";
left: 10px;
color: #73B;
}
_:-ms-input-placeholder, :root section#optionThreetype td.range001:before,
_:-ms-input-placeholder, :root section#optionThreetype td.range011:before,
_:-ms-input-placeholder, :root section#optionThreetype td.range111:before,
_:-ms-input-placeholder, :root section#optionThreetype td.range001:after,
_:-ms-input-placeholder, :root section#optionThreetype td.range011:after,
_:-ms-input-placeholder, :root section#optionThreetype td.range111:after {
font-size: 70%;
}

/* section-optionMyhome */
section#optionMyhome td {
position: relative;
vertical-align: middle;
}



/* section-form */
section#form td.order {
text-align: center;
}
section#form td.order p {
text-align: left;
}
section#form input,
section#form select,
section#form textarea {
border:0;
padding:10px;
border:solid 1px #666;
margin:0 0 10px;
box-sizing: border-box;
}
section#form input[type="text"].name,
section#form input[type="text"].tel {
width: 50% !important;
}
section#form input[type="text"].postalcode {
width: 20% !important;
background: none;
}
section#form input[type="text"].address {
width: 100% !important;
background: none;
}
section#form input[type="text"].email,
section#form input[type="text"].other {
width: 100% !important;
background: none;
}
section#form textarea {
width: 100% !important;
}
section#form input.button {
display: inline-block;
cursor: pointer;
resize: vertical;
}
section#form input.submit,
section#form input.reset {
width: 150px;
}


/* section-map */
section#map iframe {
height: 400px;
}