@charset "UTF-8";
/*!
  Theme Name: 
  Author: advoke
*/
/* Scss Document */
html,
body {
  position: relative;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  color: #010101; }
  html a,
  body a {
    text-decoration: none;
    color: #010101; }
  html a:hover img,
  body a:hover img {
    opacity: 0.8; }
  html a:focus,
  body a:focus {
    outline: none; }
  html img,
  body img {
    border: 0;
    max-width: 100%; }
  html blockquote,
  html figure,
  html dd,
  html div,
  html dl,
  html dt,
  html h1,
  html h2,
  html h3,
  html h4,
  html h5,
  html h6,
  html li,
  html ol,
  html p,
  html pre,
  html span,
  html td,
  html th,
  html ul,
  body blockquote,
  body figure,
  body dd,
  body div,
  body dl,
  body dt,
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6,
  body li,
  body ol,
  body p,
  body pre,
  body span,
  body td,
  body th,
  body ul {
    margin: 0;
    padding: 0;
    font-weight: normal; }
  html figure,
  html h1,
  html h2,
  html h3,
  html h4,
  html h5,
  html h6,
  html p,
  body figure,
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6,
  body p {
    font-size: 0;
    line-height: 0; }
  html li,
  body li {
    list-style: none; }
  html input,
  html select,
  body input,
  body select {
    border: 0;
    box-sizing: border-box;
    vertical-align: middle; }
  html table,
  body table {
    border-collapse: collapse;
    border-spacing: 0; }
  html main,
  body main {
    display: block; }

.letter, .f12, body header > div > div > *, body .mainvis_sp > div > a.mail > span, body #sidenav > div > div.side > *, body main .bg_title > div > p, body main.sub > div > div.breadcrumb > ul > li, body main.top > div.news_area > div > ul > li > p, .f12l24, body main form > dl > dt > span.small, body main form > p, .f14, body footer > dl > dd > ul > li, body .mainvis_sp > div > p, .f14l18, body footer > dl > dt > div > p.add, body main.top > div.info_area > div > ul > li > a > h4, .f14l24, body main.top .access_area > div > dl > dd > *, body main.event > div > div.contents > dl > dd > p.small, body main.event > div > div.contents > dl > dd > div.board > p, body main.access > div > div.contents > dl > dd.bus > p.small, .f14l32, body footer > p.copy, .f16, body footer > dl > dt > div.btn > a, body main form > dl, body main form > dl > dd > input, body main form > dl > dd > textarea, body main form > dl > dd > p.error_message, body main.temple > div > div.contents p,
body main.temple > div > div.contents a, body main.doctrine > div > div.contents > dl > dd > p, body main.question > div > div.contents > p, body main.event > div > div.contents > dl > dd > p, body main.event > div > div.contents > dl > dd > a, body main.event > div > div.contents > p, body main.priest > div > div.contents > dl > dd > p, body main.priest > div > div.contents > p, body main.rental > div > div.contents > dl > dd > p, body main.rental > div > div.contents > p, body main.access > div > div.contents > dl > dd > p, body main.access > div > div.contents > div.bg_image > p, body main.mizuko > div > div.contents a.btn, body main.mizuko > div > div.contents > dl > dd > p, body main.mizuko > div > div.contents > p, body main.mizuko > div > div.contents > table tr > th[colspan="2"] > p, body main.mizuko > div > div.contents > table tr > td > p, body main.mizuko > div > div.contents > div.box > div > p, body main.mizuko > div > div.contents > div.box:last-child > p, body main.contact > div > div.contents > div > p, body main.news > div > div.contents > dl > dd > p, body main.noukotu > div > div.contents > dl > dd > p, body main.noukotu > div > div.contents > dl > dd > table.t1 tr, body main.noukotu > div > div.contents > dl > dd > table.t2 tr, body main.noukotu > div > div.contents > div.box > p, body main.funeral > div > div.contents > div.table > table tr > *, body main.funeral > div > div.contents p,
body main.funeral > div > div.contents a, body main.english > div > div.contents p,
body main.english > div > div.contents a, .f16l18, body main.rental > div > div.contents > table, .f18, body main form > input[type="submit"], body main.doctrine > div > div.contents > dl > dd > p.bold, body main.doctrine > div > div.contents > p, body main.mizuko > div > div.contents > table tr > th > p, body main.mizuko > div > div.contents > div.box:last-child > p.red, body main.noukotu > div > div.contents > ul > li > p, .f18l18, body footer > dl > dt > a, body main.sub > div > div.contents > h3, body main.top > div.info_area > div > ul > li > a > h3, .f20, .f22l22, body footer > dl > dt > div > p.title, .f22l30, body main .bg_title > div > h2 {
  letter-spacing: 0.1em; }

.f12, body header > div > div > *, body .mainvis_sp > div > a.mail > span, body #sidenav > div > div.side > *, body main .bg_title > div > p, body main.sub > div > div.breadcrumb > ul > li, body main.top > div.news_area > div > ul > li > p {
  font-size: 12px;
  line-height: 1.5; }

.f12l24, body main form > dl > dt > span.small, body main form > p {
  font-size: 12px;
  line-height: 24px; }

.f14, body footer > dl > dd > ul > li, body .mainvis_sp > div > p {
  font-size: 14px;
  line-height: 1.5; }

.f14l18, body footer > dl > dt > div > p.add, body main.top > div.info_area > div > ul > li > a > h4 {
  font-size: 14px;
  line-height: 18px; }

.f14l24, body main.top .access_area > div > dl > dd > *, body main.event > div > div.contents > dl > dd > p.small, body main.event > div > div.contents > dl > dd > div.board > p, body main.access > div > div.contents > dl > dd.bus > p.small {
  font-size: 14px;
  line-height: 24px; }

.f14l32, body footer > p.copy {
  font-size: 14px;
  line-height: 32px; }
  @media screen and (max-width: 737px) {
    .f14l32, body footer > p.copy {
      font-size: 12px; } }

.f16, body footer > dl > dt > div.btn > a, body main form > dl, body main form > dl > dd > input, body main form > dl > dd > textarea, body main form > dl > dd > p.error_message, body main.temple > div > div.contents p,
body main.temple > div > div.contents a, body main.doctrine > div > div.contents > dl > dd > p, body main.question > div > div.contents > p, body main.event > div > div.contents > dl > dd > p, body main.event > div > div.contents > dl > dd > a, body main.event > div > div.contents > p, body main.priest > div > div.contents > dl > dd > p, body main.priest > div > div.contents > p, body main.rental > div > div.contents > dl > dd > p, body main.rental > div > div.contents > p, body main.access > div > div.contents > dl > dd > p, body main.access > div > div.contents > div.bg_image > p, body main.mizuko > div > div.contents a.btn, body main.mizuko > div > div.contents > dl > dd > p, body main.mizuko > div > div.contents > p, body main.mizuko > div > div.contents > table tr > th[colspan="2"] > p, body main.mizuko > div > div.contents > table tr > td > p, body main.mizuko > div > div.contents > div.box > div > p, body main.mizuko > div > div.contents > div.box:last-child > p, body main.contact > div > div.contents > div > p, body main.news > div > div.contents > dl > dd > p, body main.noukotu > div > div.contents > dl > dd > p, body main.noukotu > div > div.contents > dl > dd > table.t1 tr, body main.noukotu > div > div.contents > dl > dd > table.t2 tr, body main.noukotu > div > div.contents > div.box > p, body main.funeral > div > div.contents > div.table > table tr > *, body main.funeral > div > div.contents p,
body main.funeral > div > div.contents a, body main.english > div > div.contents p,
body main.english > div > div.contents a {
  font-size: 16px;
  line-height: 1.5; }

.f16l18, body main.rental > div > div.contents > table {
  font-size: 16px;
  line-height: 18px; }

.f18, body main form > input[type="submit"], body main.doctrine > div > div.contents > dl > dd > p.bold, body main.doctrine > div > div.contents > p, body main.mizuko > div > div.contents > table tr > th > p, body main.mizuko > div > div.contents > div.box:last-child > p.red, body main.noukotu > div > div.contents > ul > li > p {
  font-size: 18px;
  line-height: 1.5; }

.f18l18, body footer > dl > dt > a, body main.sub > div > div.contents > h3, body main.top > div.info_area > div > ul > li > a > h3 {
  font-size: 18px;
  line-height: 1; }

.f20 {
  font-size: 20px;
  line-height: 1.5; }

.f22l22, body footer > dl > dt > div > p.title {
  font-size: 22px;
  line-height: 1; }
  @media screen and (max-width: 737px) {
    .f22l22, body footer > dl > dt > div > p.title {
      font-size: 16px; } }

.f22l30, body main .bg_title > div > h2 {
  font-size: 22px;
  line-height: 30px; }

.center, body header > div, body nav > div, body footer > dl, body .mainvis > div, body #sidenav, body main.sub, body main.top > div.news_area > div, body main.top > div.info_area > div, body main.top .access_area > div {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px; }
  @media screen and (max-width: 1000px) {
    .center, body header > div, body nav > div, body footer > dl, body .mainvis > div, body #sidenav, body main.sub, body main.top > div.news_area > div, body main.top > div.info_area > div, body main.top .access_area > div {
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }

@media screen and (max-width: 737px) {
  .pc {
    display: none !important; } }

@media screen and (min-width: 737px) {
  .sp {
    display: none !important; } }

dl.left {
  overflow: hidden; }
  @media screen and (min-width: 737px) {
    dl.left > dt {
      float: left; }
    dl.left > dd {
      float: right; } }

dl.right {
  overflow: hidden; }
  @media screen and (min-width: 737px) {
    dl.right > dt {
      float: right; }
    dl.right > dd {
      float: left; } }

.mt20 {
  margin-top: 20px; }

.w290 {
  width: 290px; }

.w185 {
  width: 185px; }

.w390 {
  width: 390px; }

button.tcon {
  appearance: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  transition: 0.3s;
  user-select: none;
  width: 40px;
  background: transparent;
  outline: none; }
  button.tcon > * {
    display: block; }
  button.tcon:hover, button.tcon:focus {
    outline: none; }
  button.tcon::-moz-focus-inner {
    border: 0; }
button .tcon-menu__lines {
  display: inline-block;
  height: 5px;
  width: 40px;
  transition: 0.3s;
  background: #fff;
  position: relative; }
  button .tcon-menu__lines::before, button .tcon-menu__lines::after {
    display: inline-block;
    height: 5px;
    width: 40px;
    transition: 0.3s;
    background: #fff;
    content: '';
    position: absolute;
    left: 0;
    transform-origin: 2.85714px center;
    width: 100%; }
  button .tcon-menu__lines::before {
    top: 12px; }
  button .tcon-menu__lines::after {
    top: -12px; }
button .tcon-transform .tcon-menu__lines {
  transform: scale3d(0.8, 0.8, 0.8); }
button.tcon-menu--xbutterfly {
  width: auto; }
  button.tcon-menu--xbutterfly .tcon-menu__lines::before, button.tcon-menu--xbutterfly .tcon-menu__lines::after {
    transform-origin: 50% 50%;
    transition: top .3s .6s ease, transform .3s ease; }
button.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines {
  background: transparent; }
  button.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before, button.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after {
    top: 0;
    transition: top .3s ease, transform .3s .5s ease;
    width: 40px; }
  button.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before {
    transform: rotate3d(0, 0, 1, 45deg); }
  button.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after {
    transform: rotate3d(0, 0, 1, -45deg); }
button .tcon-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  background: #fff; }
  button .tcon-visuallyhidden:active, button .tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

#pagetop {
  cursor: pointer;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #010101;
  z-index: 999;
  right: 10px; }
  #pagetop:before {
    content: "";
    color: #fff;
    position: absolute;
    top: 30px;
    left: 26px;
    width: 16px;
    height: 16px;
    border-top: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg); }

/*
//横から出るアコーディオンnav
    div.gnav{
        .tcon{
            position: fixed;
            z-index: 999;
        }
        >ul{
            position: fixed;
            overflow-y: scroll;
            height: 100%;
            max-height:400px;
            top: 0;
            left: -200px;
            z-index: 998;
            padding-top: 70px;
            width: 200px;
            background-color: $white;
            border-right: 1px solid $gray;
            border-bottom: 1px solid $gray;
            box-sizing: border-box;
            >li{
                @extend.f18;
                color:$base; 
                border-top: 1px solid $gray;
                padding: 0.5em 1em;
                box-sizing: border-box;
            }
        }
    }
*/
body {
  background-image: url(/img/cmn/bg_black.jpg); }
  body header {
    background-color: #891216; }
    body header > div > div {
      height: 32px;
      display: table-cell;
      vertical-align: middle; }
      body header > div > div > * {
        display: inline-block;
        color: #fff; }
      body header > div > div > h1 {
        padding-left: 220px; }
      body header > div > div > a {
        margin-left: 150px; }
    @media screen and (max-width: 737px) {
      body header > div > div {
        height: auto; }
        body header > div > div > h1 {
          padding-left: 0;
          font-size: 10px; } }
  body nav {
    background-image: url(/img/cmn/bg_brown.jpg);
    padding-bottom: 5px; }
    body nav > div {
      padding-top: 35px; }
      body nav > div > ul {
        margin-left: 210px;
        display: inline-block; }
        body nav > div > ul > li {
          display: inline-block;
          margin: 0 2px;
          vertical-align: top; }
      body nav > div > div.btn {
        display: inline-block;
        margin-left: 170px;
        vertical-align: top;
        margin-top: 5px; }
        body nav > div > div.btn > a {
          display: inline-block;
          margin-left: 10px; }
          body nav > div > div.btn > a:first-child {
            margin-left: 0; }
  body .nav_sp {
    display: none;
    position: fixed;
    height: 100%;
    top: 0;
    width: 100%;
    padding-top: 100px;
    box-sizing: border-box;
    background-color: rgba(1, 1, 1, 0.7);
    z-index: 999; }
    body .nav_sp > ul {
      display: flex;
      -webkit-justify-content: space-around;
      /* Safari */
      justify-content: space-around; }
  body footer {
    background-image: url(/img/cmn/bg_brown.jpg);
    position: relative;
    z-index: 999; }
    @media screen and (max-width: 737px) {
      body footer {
        background-size: cover; } }
    @media screen and (min-width: 737px) {
      body footer > dl {
        padding-top: 40px;
        height: 345px; } }
    @media screen and (max-width: 737px) {
      body footer > dl {
        width: 100%;
        margin: 0; } }
    body footer > dl > dt {
      width: 500px; }
      body footer > dl > dt > div {
        overflow: hidden; }
        body footer > dl > dt > div > img {
          float: left;
          margin-left: 25px;
          margin-right: 10px; }
        body footer > dl > dt > div > p {
          float: left; }
          body footer > dl > dt > div > p.title {
            font-weight: bold;
            margin-top: 15px; }
          body footer > dl > dt > div > p.add {
            margin-top: 10px; }
        body footer > dl > dt > div > ul {
          display: flex; }
          @media screen and (max-width: 737px) {
            body footer > dl > dt > div > ul {
              justify-content: center;
              margin-bottom: 80px; } }
          body footer > dl > dt > div > ul > li {
            margin-left: 20px; }
      body footer > dl > dt > a {
        display: inline-block;
        padding: 0.8em 1.2em;
        background-color: #891216;
        color: #fff;
        clear: both;
        margin-top: 2em;
        margin-left: 30px; }
      body footer > dl > dt > div.btn {
        margin-top: 25px; }
        body footer > dl > dt > div.btn > a {
          display: inline-block;
          margin-left: 10px; }
          body footer > dl > dt > div.btn > a:first-child {
            margin-left: 35px; }
          body footer > dl > dt > div.btn > a > img {
            vertical-align: middle;
            margin-right: 5px; }
      @media screen and (max-width: 737px) {
        body footer > dl > dt {
          width: auto;
          text-align: center; }
          body footer > dl > dt > div {
            display: block;
            max-width: 300px;
            margin: 0 auto;
            margin-top: 35px; }
            body footer > dl > dt > div > img {
              display: inline-block;
              margin: 0; }
            body footer > dl > dt > div > p {
              display: inline-block;
              width: calc(100% - 70px);
              margin: 0;
              margin-left: 0.5em;
              text-align: left; }
          body footer > dl > dt > a {
            margin-top: 1em;
            margin-bottom: 30px;
            margin-left: 0; }
            body footer > dl > dt > a.btn {
              margin-bottom: 0;
              padding: 0;
              margin-left: auto;
              margin-right: auto;
              background: none;
              display: block;
              max-width: 346px; } }
    body footer > dl > dd {
      width: 500px; }
      body footer > dl > dd > ul {
        display: inline-block;
        width: 200px;
        margin-left: 15px;
        vertical-align: top; }
        body footer > dl > dd > ul > li {
          margin-top: 0.8em; }
      @media screen and (max-width: 737px) {
        body footer > dl > dd {
          width: auto; }
          body footer > dl > dd > ul {
            display: block;
            width: auto;
            margin-left: 0; }
            body footer > dl > dd > ul > li {
              margin: 0;
              border-bottom: 2px solid #010101; }
              body footer > dl > dd > ul > li > a {
                display: block;
                padding: 1em; }
                body footer > dl > dd > ul > li > a:after {
                  content: ">";
                  display: inline-block;
                  float: right; } }
    body footer > p.copy {
      height: 32px;
      background-color: #891216;
      color: #fff;
      text-align: center; }
      @media screen and (max-width: 737px) {
        body footer > p.copy {
          position: absolute;
          width: 100%;
          bottom: 15px; } }
  body .mainvis_sp.sub_vis {
    padding-bottom: 20px;
    background-image: url(/img/cmn/bg_brown.jpg);
    background-size: cover; }
  body .mainvis_sp.top_vis {
    position: absolute;
    width: 100%; }
  body .mainvis_sp > div {
    display: inline-block;
    width: 33.33%;
    text-align: center;
    vertical-align: top; }
    body .mainvis_sp > div > button.tcon {
      display: block;
      margin: 0 auto;
      margin-top: 8px;
      position: relative;
      z-index: 9999; }
    body .mainvis_sp > div > a.mail {
      display: inline-block;
      margin-top: 13px; }
      body .mainvis_sp > div > a.mail > img {
        width: 45px; }
      body .mainvis_sp > div > a.mail > span {
        display: block;
        color: #fff;
        padding-top: 0.2em; }
    body .mainvis_sp > div > p {
      display: inline-block;
      color: #fff; }
  body .mainvis {
    background-image: url(/img/top/main_new.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    height: 721px; }
    body .mainvis > div {
      padding-top: 110px;
      position: relative; }
      body .mainvis > div > img {
        margin-left: 35px; }
      body .mainvis > div > ul {
        display: inline-block;
        vertical-align: top;
        margin-top: 10px;
        margin-left: 230px; }
        body .mainvis > div > ul > li {
          display: inline-block;
          margin: 0 2px;
          vertical-align: top; }
      body .mainvis > div > div {
        position: absolute;
        top: -32px;
        left: 45px; }
        body .mainvis > div > div > div.bg {
          background-color: #f9f9f9;
          width: 142px;
          height: 496px;
          opacity: 0.9; }
        body .mainvis > div > div > img {
          position: absolute;
          left: 0;
          top: 0; }
  body .mainvis_top {
    padding-top: 120px;
    background-color: #000; }
    body .mainvis_top > div {
      background-image: url(/img/sp/top/main_sp.jpg);
      height: 800px;
      background-size: cover;
      background-position: top center;
      text-align: right; }
      body .mainvis_top > div > div {
        display: inline-block;
        width: 33.33%;
        margin-top: 50px;
        text-align: center; }
  body #sidenav {
    z-index: 100; }
    @media screen and (max-width: 737px) {
      body #sidenav {
        display: none; } }
    body #sidenav > div {
      position: absolute;
      top: 0;
      margin-left: 45px;
      height: 100%; }
      body #sidenav > div > div.bg {
        width: 142px;
        height: 100%;
        background-color: #f9f9f9;
        opacity: 0.9; }
      body #sidenav > div > div.side {
        position: fixed;
        top: 0;
        width: 142px;
        text-align: center; }
        body #sidenav > div > div.side > div {
          text-align: left;
          margin-top: 20px; }
        body #sidenav > div > div.side > ul {
          margin: 0 10px;
          text-align: left; }
          body #sidenav > div > div.side > ul.link_list {
            margin-top: 40px;
            border-top: 2px solid;
            border-bottom: 2px solid; }
            body #sidenav > div > div.side > ul.link_list > li {
              margin-bottom: 1em; }
              body #sidenav > div > div.side > ul.link_list > li > a {
                color: #891216; }
              body #sidenav > div > div.side > ul.link_list > li:first-child {
                margin-top: 0.5em; }
              body #sidenav > div > div.side > ul.link_list > li:before {
                content: "▶";
                display: inline-block;
                margin-right: 0.5em; }
          body #sidenav > div > div.side > ul.news_list > li > a {
            color: #891216; }
        body #sidenav > div > div.side > p {
          margin-top: 10px;
          margin-left: 10px;
          text-align: left; }
        body #sidenav > div > div.side > a {
          margin-top: 1em;
          display: inline-block;
          padding: 0.2em 0.5em;
          border: 2px solid; }
        body #sidenav > div > div.side > * {
          color: #891216; }
  body #bg_tree {
    position: fixed;
    bottom: 25%;
    z-index: -999; }
    @media screen and (max-width: 737px) {
      body #bg_tree {
        display: none; } }
  body main .videos {
    text-align: center; }
    @media screen and (min-width: 737px) {
      body main .videos > iframe {
        margin-top: 30px;
        margin-bottom: 15px; } }
    @media screen and (max-width: 737px) {
      body main .videos > iframe {
        width: 100%; } }
  body main .bg_title {
    width: 583px;
    height: 81px;
    background-image: url(/img/cmn/tit_bg.png);
    display: table;
    margin: 0 auto; }
    body main .bg_title > div {
      display: table-cell;
      vertical-align: middle; }
      body main .bg_title > div > h2 {
        color: #fff;
        text-align: center; }
      body main .bg_title > div > p {
        color: #fff;
        text-align: center; }
    @media screen and (max-width: 737px) {
      body main .bg_title {
        width: 100%;
        max-width: 583px;
        background-position: center center; } }
  body main form {
    margin-top: 50px; }
    body main form > dl {
      color: #fff;
      margin-top: 20px; }
      body main form > dl > dt {
        width: 280px;
        margin-top: 4px; }
        body main form > dl > dt > span.red {
          color: red; }
      body main form > dl > dd {
        width: 390px; }
        body main form > dl > dd label {
          display: inline-block;
          line-height: 32px;
          margin-right: 30px; }
          body main form > dl > dd label input {
            height: 32px;
            margin: 0;
            margin-right: 5px; }
        body main form > dl > dd > input {
          height: 32px;
          padding: 0 0.2em; }
        body main form > dl > dd > textarea {
          padding: 0 0.2em; }
        body main form > dl > dd > p {
          font-size: 16px !important;
          line-height: 1.5 !important;
          margin-top: 4px; }
        body main form > dl > dd > p.error_message {
          color: red; }
    body main form > p {
      color: #fff;
      margin-top: 1em; }
    body main form > input[type="submit"] {
      background-color: #891216;
      color: #fff;
      padding: 0.5em 1.5em;
      margin-top: 20px; }
      body main form > input[type="submit"].back {
        margin-right: 10px; }
  body main.sub {
    padding-bottom: 30px; }
    body main.sub > div {
      padding-left: 225px; }
      body main.sub > div > div.bg_title {
        margin: 0;
        margin-top: 20px; }
      body main.sub > div > div.breadcrumb > ul > li {
        color: #fff;
        display: inline-block;
        margin-left: 1em;
        margin-top: 1em; }
        body main.sub > div > div.breadcrumb > ul > li:first-child {
          margin-left: 0; }
        body main.sub > div > div.breadcrumb > ul > li > a {
          color: #fff; }
      body main.sub > div > div.contents {
        padding: 40px 0; }
        body main.sub > div > div.contents > h3 {
          color: #fff;
          vertical-align: middle; }
          body main.sub > div > div.contents > h3:before {
            content: url(/img/cmn/small_icon.png);
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px; }
          body main.sub > div > div.contents > h3.bg {
            height: 39px;
            padding-top: 4px;
            padding-left: 5px;
            box-sizing: border-box;
            background-image: url(/img/cmn/bg_subtitle.png); }
            @media screen and (min-width: 737px) {
              body main.sub > div > div.contents > h3.bg {
                width: 730px; } }
      @media screen and (max-width: 737px) {
        body main.sub > div {
          padding-left: 0; } }
  body main.top > div.news_area {
    text-align: center;
    margin-top: 35px;
    height: 430px; }
    body main.top > div.news_area > div > ul > li {
      display: inline-block;
      width: 220px;
      margin: 0 10px;
      margin-top: 20px; }
      body main.top > div.news_area > div > ul > li > p {
        text-align: left;
        color: #fff;
        margin-top: 5px; }
        body main.top > div.news_area > div > ul > li > p > span {
          color: #f00; }
    @media screen and (max-width: 737px) {
      body main.top > div.news_area {
        height: auto;
        padding-bottom: 30px; } }
  body main.top > div.info_area {
    background: url(/img/cmn/bg_brown.jpg);
    height: 580px;
    text-align: center; }
    body main.top > div.info_area > div {
      padding-top: 35px; }
      body main.top > div.info_area > div > div.bg_title > div > * {
        color: #010101;
        font-weight: bold; }
      body main.top > div.info_area > div > ul > li {
        display: inline-block;
        margin: 0 10px;
        margin-top: 22px; }
        body main.top > div.info_area > div > ul > li > a {
          display: block;
          width: 312px;
          height: 144px;
          text-align: left; }
          body main.top > div.info_area > div > ul > li > a.bg01 {
            background: url(/img/top/banner001.jpg); }
          body main.top > div.info_area > div > ul > li > a.bg02 {
            background: url(/img/top/banner002.jpg); }
          body main.top > div.info_area > div > ul > li > a.bg03 {
            background: url(/img/top/banner003.jpg); }
          body main.top > div.info_area > div > ul > li > a.bg04 {
            background: url(/img/top/banner004.jpg); }
          body main.top > div.info_area > div > ul > li > a.bg05 {
            background: url(/img/top/banner005.jpg); }
          body main.top > div.info_area > div > ul > li > a.bg06 {
            background: url(/img/top/banner006.jpg); }
          body main.top > div.info_area > div > ul > li > a > * {
            display: inline-block;
            margin-left: 15px; }
          body main.top > div.info_area > div > ul > li > a > h3 {
            margin-top: 35px; }
          body main.top > div.info_area > div > ul > li > a > h4 {
            margin-top: 20px; }
    @media screen and (max-width: 737px) {
      body main.top > div.info_area {
        height: auto;
        padding-bottom: 30px; }
        body main.top > div.info_area > div > ul > li {
          margin: 0 10px;
          margin-top: 30px; }
          body main.top > div.info_area > div > ul > li > a {
            width: auto;
            max-width: 312px; } }
  body main.top .access_area {
    height: 980px; }
    body main.top .access_area > div {
      padding-top: 35px; }
      body main.top .access_area > div > dl {
        margin-top: 40px; }
        body main.top .access_area > div > dl > dt {
          width: 500px;
          text-align: right; }
        body main.top .access_area > div > dl > dt.add  {
          margin-left: -45px; }
          body main.top .access_area > div > dl > dt > iframe {
            width: 350px;
            height: 305px;
            margin-right: 45px;
            background-color: #fff; }
        body main.top .access_area > div > dl > dd {
          width: 500px; }
          body main.top .access_area > div > dl > dd > * {
            color: #fff;
            margin-top: 1em; }
          body main.top .access_area > div > dl > dd > p:first-child {
            margin-top: 0; }
          body main.top .access_area > div > dl > dd > a {
            display: inline-block; }
      body main.top .access_area > div > div.btn {
        text-align: center; }
        body main.top .access_area > div > div.btn > a {
          display: inline-block;
          margin: 60px 0px 60px 0px; }
    @media screen and (max-width: 737px) {
      body main.top .access_area {
        height: auto;
        padding-bottom: 30px; }
        body main.top .access_area > div > dl > dt {
          width: 100%;
          text-align: center; }
          body main.top .access_area > div > dl > dt > iframe {
            margin: 0; }
        body main.top .access_area > div > dl > dd {
          width: auto;
          text-align: left;
          margin-top: 30px; }
        body main.top .access_area > div > div.btn {
          margin-top: 20px; }
          body main.top .access_area > div > div.btn > a {
            margin-top: 20px; } }
  body main.temple > div > div.contents > dl {
    margin-top: 35px; }
    body main.temple > div > div.contents > dl > dd {
      width: 475px;
      padding-right: 40px;
      box-sizing: border-box;
      text-align: right; }
      body main.temple > div > div.contents > dl > dd > p {
        text-align: left; }
      body main.temple > div > div.contents > dl > dd > a {
        display: inline-block;
        margin-top: 1em;
        margin-right: 1em; }
  body main.temple > div > div.contents p,
  body main.temple > div > div.contents a {
    color: #fff; }
  body main.temple > div > div.contents > ul {
    margin-top: 40px; }
    body main.temple > div > div.contents > ul > li {
      display: inline-block;
      margin-left: 20px; }
      body main.temple > div > div.contents > ul > li:first-child {
        margin-left: 0; }
  body main.temple > div > div.contents > p {
    margin-top: 1em; }
  @media screen and (max-width: 737px) {
    body main.temple > div > div.contents > dl > dt {
      text-align: center; }
    body main.temple > div > div.contents > dl > dd {
      margin-top: 20px;
      padding-right: 0;
      width: auto; }
    body main.temple > div > div.contents > ul {
      margin-top: 20px;
      text-align: center; }
      body main.temple > div > div.contents > ul > li {
        margin: 0 10px;
        margin-top: 20px; }
        body main.temple > div > div.contents > ul > li:first-child {
          margin: 0 10px; } }
  body main.doctrine > div > div.contents > dl {
    margin-top: 35px; }
    body main.doctrine > div > div.contents > dl > dt {
      margin-left: 30px; }
    body main.doctrine > div > div.contents > dl > dd {
      width: 460px;
      padding-right: 40px;
      box-sizing: border-box; }
      body main.doctrine > div > div.contents > dl > dd > p {
        color: #fff;
        margin-top: 1em; }
        body main.doctrine > div > div.contents > dl > dd > p:first-child {
          margin-top: 0; }
        body main.doctrine > div > div.contents > dl > dd > p.bold {
          font-weight: bold;
          color: #fffd70; }
      body main.doctrine > div > div.contents > dl > dd.big {
        width: 475px; }
  body main.doctrine > div > div.contents > p {
    color: #fff;
    margin-top: 1em;
    padding-left: 30px; }
  @media screen and (max-width: 737px) {
    body main.doctrine > div > div.contents > dl > dt {
      text-align: center;
      margin-left: 0; }
    body main.doctrine > div > div.contents > dl > dd {
      width: auto;
      padding-right: 0;
      margin-top: 20px; }
      body main.doctrine > div > div.contents > dl > dd.big {
        width: auto; }
    body main.doctrine > div > div.contents > p {
      padding-left: 0; } }
  body main.question > div > div.contents > p {
    color: #fff;
    margin-top: 1em;
    width: 730px; }
    body main.question > div > div.contents > p.bold {
      font-weight: bold;
      margin-top: 3em;
      color: pink; }
  @media screen and (max-width: 737px) {
    body main.question > div > div.contents > h3 {
      width: auto;
      background-size: contain; }
    body main.question > div > div.contents > p {
      width: auto; } }
  body main.event > div > div.contents > dl {
    margin-top: 35px; }
    body main.event > div > div.contents > dl > dt {
      width: 270px; }
      body main.event > div > div.contents > dl > dt img:first-child {
        margin-bottom: 45px; }
    body main.event > div > div.contents > dl > dd {
      width: 475px;
      padding-right: 45px;
      box-sizing: border-box; }
      body main.event > div > div.contents > dl > dd > p {
        color: #fff; }
        body main.event > div > div.contents > dl > dd > p.small {
          margin-top: 30px; }
      body main.event > div > div.contents > dl > dd > div.board {
        width: 454px;
        height: 308px;
        background-image: url(/img/event/board.png);
        margin-left: -40px;
        margin-top: 40px;
        position: relative; }
        body main.event > div > div.contents > dl > dd > div.board > p {
          position: absolute;
          color: #fff;
          top: 35px;
          left: 40px; }
      body main.event > div > div.contents > dl > dd > img {
        display: block;
        margin: 0 auto;
        margin-top: 20px; }
      body main.event > div > div.contents > dl > dd > a {
        display: inline-block;
        padding: 1em 0;
        width: 220px;
        background-color: #891216;
        color: #fff;
        font-weight: bold;
        padding-left: 60px;
        margin-top: 30px; }
    @media screen and (max-width: 737px) {
      body main.event > div > div.contents > dl > dt {
        text-align: center; }
      body main.event > div > div.contents > dl > dd {
        width: auto;
        padding-right: 0;
        margin-top: 20px; }
        body main.event > div > div.contents > dl > dd > a {
          display: block;
          margin: 0 auto;
          margin-top: 30px; } }
  body main.event > div > div.contents > p {
    color: #fff;
    margin-top: 30px; }
    @media screen and (min-width: 737px) {
      body main.event > div > div.contents > p {
        width: 730px; } }
  body main.priest > div > div.contents > dl {
    margin-top: 35px; }
    body main.priest > div > div.contents > dl > dd {
      width: 475px;
      padding-right: 45px;
      box-sizing: border-box; }
      body main.priest > div > div.contents > dl > dd > p {
        color: #fff;
        margin-top: 1em; }
        body main.priest > div > div.contents > dl > dd > p:first-child {
          margin-top: 0; }
        body main.priest > div > div.contents > dl > dd > p > span {
          display: inline-block;
          width: 100px; }
    @media screen and (max-width: 737px) {
      body main.priest > div > div.contents > dl > dt {
        text-align: center; }
      body main.priest > div > div.contents > dl > dd {
        width: auto;
        padding-right: 0;
        margin-top: 20px; }
        body main.priest > div > div.contents > dl > dd > a {
          display: block;
          margin: 0 auto;
          margin-top: 30px; }
        body main.priest > div > div.contents > dl > dd > p > span {
          display: block;
          margin-top: 0.5em; } }
  body main.priest > div > div.contents > p {
    color: #fff;
    margin-top: 30px;
    width: 730px; }
  body main.rental > div > div.contents > dl {
    margin-top: 35px; }
    body main.rental > div > div.contents > dl > dd {
      width: 475px;
      padding-right: 45px;
      box-sizing: border-box; }
      body main.rental > div > div.contents > dl > dd > p {
        color: #fff; }
    @media screen and (max-width: 737px) {
      body main.rental > div > div.contents > dl > dt {
        text-align: center; }
      body main.rental > div > div.contents > dl > dd {
        width: auto;
        padding-right: 0;
        margin-top: 20px; }
        body main.rental > div > div.contents > dl > dd > a {
          display: block;
          margin: 0 auto;
          margin-top: 30px; } }
  body main.rental > div > div.contents > table {
    color: white; }
    @media screen and (min-width: 737px) {
      body main.rental > div > div.contents > table {
        margin-left: 20px; } }
    body main.rental > div > div.contents > table tr {
      text-align: center; }
      body main.rental > div > div.contents > table tr > * {
        border: 1px solid #fff; }
    body main.rental > div > div.contents > table.table01 {
      margin-top: 5px; }
      body main.rental > div > div.contents > table.table01 tr > th {
        width: 150px; }
      body main.rental > div > div.contents > table.table01 tr > td {
        width: 240px; }
      body main.rental > div > div.contents > table.table01 tr > * {
        padding: 0.8em 0; }
    body main.rental > div > div.contents > table.table02 {
      margin-top: 5px; }
      body main.rental > div > div.contents > table.table02 tr > th {
        width: 120px; }
        body main.rental > div > div.contents > table.table02 tr > th:first-child {
          width: 80px; }
      body main.rental > div > div.contents > table.table02 tr > td {
        width: 215px; }
      body main.rental > div > div.contents > table.table02 tr > * {
        padding: 0.8em 0; }
    body main.rental > div > div.contents > table.table03 {
      margin-top: 40px; }
      body main.rental > div > div.contents > table.table03 tr > th {
        width: 150px; }
      body main.rental > div > div.contents > table.table03 tr > td {
        width: 240px;
        padding: 1em 0; }
        body main.rental > div > div.contents > table.table03 tr > td[rowspan="2"] {
          line-height: 2; }
      body main.rental > div > div.contents > table.table03 tr:first-child > * {
        padding: 0.8em 0; }
  body main.rental > div > div.contents > p {
    color: #fff;
    margin-top: 5px; }
    body main.rental > div > div.contents > p.bold {
      font-weight: bold;
      margin-top: 30px; }
    @media screen and (min-width: 737px) {
      body main.rental > div > div.contents > p {
        margin-left: 20px; } }
  body main.access > div > div.contents > dl {
    margin-top: 30px; }
    body main.access > div > div.contents > dl > dt > iframe {
      width: 415px;
      height: 305px;
      background-color: #fff;
      margin-right: 50px; }
    body main.access > div > div.contents > dl > dd > p {
      color: #fff;
      margin-top: 1em; }
      body main.access > div > div.contents > dl > dd > p:first-child {
        margin-top: 0; }
    body main.access > div > div.contents > dl > dd.bus {
      width: 410px; }
      body main.access > div > div.contents > dl > dd.bus > p.small {
        margin-top: 2em; }
        body main.access > div > div.contents > dl > dd.bus > p.small:last-child {
          margin-top: 1em; }
    @media screen and (max-width: 737px) {
      body main.access > div > div.contents > dl > dt {
        text-align: center; }
        body main.access > div > div.contents > dl > dt > iframe {
          margin-right: 0; }
      body main.access > div > div.contents > dl > dd {
        width: auto;
        padding-right: 0;
        margin-top: 20px; } }
  body main.access > div > div.contents > div.bg_image {
    width: 738px;
    height: 1851px;
    background-image: url(/img/access/illust.jpg);
    margin-top: 40px;
    margin-bottom: 160px;
    position: relative; }
    body main.access > div > div.contents > div.bg_image > p {
      color: #fff;
      position: absolute; }
      body main.access > div > div.contents > div.bg_image > p.txt01 {
        top: 270px;
        left: 15px; }
      body main.access > div > div.contents > div.bg_image > p.txt02 {
        top: 630px;
        left: 330px; }
      body main.access > div > div.contents > div.bg_image > p.txt03 {
        top: 825px;
        left: 15px; }
      body main.access > div > div.contents > div.bg_image > p.txt04 {
        top: 1045px;
        left: 405px; }
      body main.access > div > div.contents > div.bg_image > p.txt05 {
        top: 1395px;
        left: 15px; }
      body main.access > div > div.contents > div.bg_image > p.txt06 {
        top: 1885px;
        left: 300px; }
    body main.access > div > div.contents > div.bg_image > img {
      position: absolute;
      top: 1075px;
      left: 735px; }
  body main.mizuko > div > div.contents a.btn {
    display: inline-block;
    padding: 0.8em 2em;
    color: #fff;
    background-color: #891216; }
    @media screen and (max-width: 737px) {
      body main.mizuko > div > div.contents a.btn {
        display: table;
        margin-left: auto;
        margin-right: auto; } }
  body main.mizuko > div > div.contents > dl {
    margin-top: 30px; }
    body main.mizuko > div > div.contents > dl > dd {
      width: 475px;
      padding-right: 45px;
      box-sizing: border-box; }
      body main.mizuko > div > div.contents > dl > dd > p {
        color: #fff; }
    @media screen and (max-width: 737px) {
      body main.mizuko > div > div.contents > dl > dt {
        text-align: center; }
      body main.mizuko > div > div.contents > dl > dd {
        width: auto;
        padding-right: 0;
        margin-top: 20px; } }
  body main.mizuko > div > div.contents > p {
    color: #fff; }
  body main.mizuko > div > div.contents > table {
    text-align: left; }
    body main.mizuko > div > div.contents > table tr > * {
      border: 1px solid #fff; }
    body main.mizuko > div > div.contents > table tr > th {
      width: 290px;
      vertical-align: top; }
      body main.mizuko > div > div.contents > table tr > th > * {
        vertical-align: top;
        margin-top: 24px; }
      body main.mizuko > div > div.contents > table tr > th > img {
        margin-left: 10px;
        margin-right: 8px; }
      body main.mizuko > div > div.contents > table tr > th > p {
        display: inline-block;
        color: #fff; }
      body main.mizuko > div > div.contents > table tr > th[colspan="2"] {
        vertical-align: middle; }
        body main.mizuko > div > div.contents > table tr > th[colspan="2"] > p {
          font-weight: bold;
          margin-top: 0;
          padding: 1em; }
    body main.mizuko > div > div.contents > table tr > td {
      width: 430px;
      box-sizing: border-box;
      padding: 10px;
      padding-bottom: 20px; }
      body main.mizuko > div > div.contents > table tr > td > p {
        color: #fff;
        margin-top: 1em; }
        body main.mizuko > div > div.contents > table tr > td > p:first-child {
          margin-top: 0; }
    @media screen and (max-width: 737px) {
      body main.mizuko > div > div.contents > table tr > th {
        display: block;
        width: auto;
        margin-top: 10px; }
        body main.mizuko > div > div.contents > table tr > th > img {
          margin: 5px; }
        body main.mizuko > div > div.contents > table tr > th > p {
          margin-top: 7px;
          width: calc(100% - 40px); }
      body main.mizuko > div > div.contents > table tr > td {
        display: block;
        width: auto; } }
  body main.mizuko > div > div.contents > a {
    margin-top: 25px; }
  body main.mizuko > div > div.contents > div.box {
    width: 730px;
    background-image: url(/img/cmn/bg_subtitle.png);
    background-repeat: repeat-y;
    padding: 20px 10px;
    box-sizing: border-box; }
    body main.mizuko > div > div.contents > div.box > img {
      display: inline-block;
      vertical-align: top; }
    body main.mizuko > div > div.contents > div.box > div {
      display: inline-block;
      width: 670px;
      margin-top: 5px;
      margin-left: 10px;
      box-sizing: border-box; }
      body main.mizuko > div > div.contents > div.box > div > p {
        color: #fff; }
        body main.mizuko > div > div.contents > div.box > div > p > span {
          color: #f00; }
      body main.mizuko > div > div.contents > div.box > div > a {
        margin-top: 10px; }
      body main.mizuko > div > div.contents > div.box > div > ul {
        margin: 20px 0; }
        body main.mizuko > div > div.contents > div.box > div > ul > li {
          display: inline-block;
          margin-left: 15px; }
          body main.mizuko > div > div.contents > div.box > div > ul > li:first-child {
            margin-left: 0; }
    body main.mizuko > div > div.contents > div.box:last-child {
      margin-top: 75px;
      padding: 50px;
      box-sizing: border-box; }
      body main.mizuko > div > div.contents > div.box:last-child > p {
        color: #fff;
        margin-top: 1em; }
        body main.mizuko > div > div.contents > div.box:last-child > p:first-child {
          margin-top: 0; }
        body main.mizuko > div > div.contents > div.box:last-child > p.red {
          color: #891216;
          font-weight: bold; }
    @media screen and (max-width: 737px) {
      body main.mizuko > div > div.contents > div.box {
        width: auto;
        background-size: contain; }
        body main.mizuko > div > div.contents > div.box > div {
          display: block;
          width: auto;
          margin-left: 0;
          margin-top: 10px; }
          body main.mizuko > div > div.contents > div.box > div > ul {
            text-align: center; }
            body main.mizuko > div > div.contents > div.box > div > ul > li {
              margin: 0 10px;
              margin-top: 20px; }
              body main.mizuko > div > div.contents > div.box > div > ul > li:first-child {
                margin-top: 0; }
        body main.mizuko > div > div.contents > div.box:last-child {
          padding: 20px; } }
  body main.mizuko > div > div.contents > img.arrow {
    display: block;
    margin-top: 15px;
    margin-left: 270px;
    margin-bottom: 10px; }
    @media screen and (max-width: 737px) {
      body main.mizuko > div > div.contents > img.arrow {
        margin-left: auto;
        margin-right: auto; } }
  body main.contact > div > div.contents > div {
    padding: 20px 10px;
    box-sizing: border-box; }
    @media screen and (min-width: 737px) {
      body main.contact > div > div.contents > div {
        width: 730px; } }
    body main.contact > div > div.contents > div > p {
      color: #fff; }
      body main.contact > div > div.contents > div > p > span {
        color: red; }
    body main.contact > div > div.contents > div label {
      display: table; }
  body main.news > div > div.contents > dl {
    margin-top: 35px; }
    body main.news > div > div.contents > dl > dd {
      width: 477px;
      padding-right: 40px;
      box-sizing: border-box; }
      body main.news > div > div.contents > dl > dd > p {
        color: #fff; }
  body main.news > div > div.contents > img {
    margin-top: 35px; }
  @media screen and (max-width: 737px) {
    body main.news > div > div.contents > dl > dt {
      text-align: center;
      margin-left: 0; }
    body main.news > div > div.contents > dl > dd {
      width: auto;
      padding-right: 0;
      margin-top: 20px; }
    body main.news > div > div.contents > img {
      margin-top: 20px; } }
  body main.noukotu > div > div.contents > dl {
    margin-top: 35px; }
    body main.noukotu > div > div.contents > dl > dt {
      width: 245px; }
      body main.noukotu > div > div.contents > dl > dt > img {
        margin-top: 70px; }
        body main.noukotu > div > div.contents > dl > dt > img:first-child {
          margin-top: 0; }
    body main.noukotu > div > div.contents > dl > dd {
      width: 475px;
      padding-right: 45px;
      box-sizing: border-box; }
      body main.noukotu > div > div.contents > dl > dd > p {
        color: #fff; }
      body main.noukotu > div > div.contents > dl > dd > table.t1 {
        margin-top: 37px;
        margin-left: 55px; }
        body main.noukotu > div > div.contents > dl > dd > table.t1 tr {
          color: #fff;
          text-align: center; }
          body main.noukotu > div > div.contents > dl > dd > table.t1 tr > * {
            width: 160px;
            height: 35px;
            border: 1px solid; }
      body main.noukotu > div > div.contents > dl > dd > table.t2 tr {
        color: #fff; }
        body main.noukotu > div > div.contents > dl > dd > table.t2 tr > * {
          border: 1px solid;
          vertical-align: top;
          text-align: left;
          padding: 5px 10px 20px 10px;
          box-sizing: border-box; }
        body main.noukotu > div > div.contents > dl > dd > table.t2 tr > th {
          width: 130px; }
        body main.noukotu > div > div.contents > dl > dd > table.t2 tr > td {
          width: 280px; }
    @media screen and (max-width: 737px) {
      body main.noukotu > div > div.contents > dl {
        margin-top: 15px; }
        body main.noukotu > div > div.contents > dl > dt {
          text-align: center;
          width: 100%; }
          body main.noukotu > div > div.contents > dl > dt > img {
            display: inline-block;
            margin: 0 10px;
            vertical-align: top;
            margin-top: 20px; }
            body main.noukotu > div > div.contents > dl > dt > img:first-child {
              margin-top: 20px; }
        body main.noukotu > div > div.contents > dl > dd {
          width: auto;
          padding-right: 0;
          margin-top: 20px; }
          body main.noukotu > div > div.contents > dl > dd > table {
            display: table; }
            body main.noukotu > div > div.contents > dl > dd > table.t1 {
              margin-left: auto;
              margin-right: auto; }
            body main.noukotu > div > div.contents > dl > dd > table.t2 {
              margin-left: auto;
              margin-right: auto; } }
  body main.noukotu > div > div.contents > ul > li {
    display: inline-block;
    width: 190px;
    height: 300px;
    vertical-align: top;
    text-align: center;
    margin-left: 80px;
    margin-top: 45px;
    position: relative; }
    body main.noukotu > div > div.contents > ul > li:first-child {
      margin-left: 0; }
    body main.noukotu > div > div.contents > ul > li > p {
      color: #fff;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%; }
  @media screen and (max-width: 737px) {
    body main.noukotu > div > div.contents > ul {
      text-align: center; }
      body main.noukotu > div > div.contents > ul > li {
        margin: 0 10px;
        margin-top: 30px; } }
  body main.noukotu > div > div.contents > div.box {
    background-color: #fff;
    margin-left: 15px;
    margin-right: 45px;
    margin-top: 55px;
    padding: 30px 25px;
    border-radius: 10px; }
    body main.noukotu > div > div.contents > div.box > p {
      margin-top: 1em; }
      body main.noukotu > div > div.contents > div.box > p.title {
        text-align: center;
        margin-top: 0; }
    @media screen and (max-width: 737px) {
      body main.noukotu > div > div.contents > div.box {
        margin: 0;
        margin-top: 55px;
        padding: 15px 10px; } }
  body main.funeral > div > div.contents > div.table {
    margin-top: 35px; }
    body main.funeral > div > div.contents > div.table > p {
      text-align: center; }
      body main.funeral > div > div.contents > div.table > p:first-child {
        margin-bottom: 1em; }
    body main.funeral > div > div.contents > div.table > table {
      border: 1px solid #fff;
      margin-top: 5px; }
      body main.funeral > div > div.contents > div.table > table tr {
        border-top: 1px solid #fff; }
        body main.funeral > div > div.contents > div.table > table tr:first-child {
          border-top: 0; }
        body main.funeral > div > div.contents > div.table > table tr > * {
          color: #fff;
          padding: 0.2em 0.5em; }
        body main.funeral > div > div.contents > div.table > table tr > th {
          border-right: 1px solid #fff;
          width: 150px;
          text-align: left; }
      @media screen and (max-width: 737px) {
        body main.funeral > div > div.contents > div.table > table tr > * {
          display: block; }
        body main.funeral > div > div.contents > div.table > table tr > th {
          width: auto;
          border-right: 0;
          border-bottom: 1px dashed #fff; } }
  body main.funeral > div > div.contents > dl {
    margin-top: 35px; }
    body main.funeral > div > div.contents > dl > dt {
      width: 275px;
      padding-left: 5px; }
    body main.funeral > div > div.contents > dl > dd {
      width: 475px;
      box-sizing: border-box; }
      body main.funeral > div > div.contents > dl > dd > p {
        margin-top: 1em;
        padding-right: 40px; }
        body main.funeral > div > div.contents > dl > dd > p:first-child {
          margin-top: 0; }
      body main.funeral > div > div.contents > dl > dd > div.bg1 {
        background-image: url(../img/funeral/bg1.png);
        width: 437px;
        height: 197px;
        margin-left: 5px;
        margin-top: 20px;
        margin-bottom: 40px; }
        body main.funeral > div > div.contents > dl > dd > div.bg1 > p {
          padding-top: 20px;
          padding-left: 10px; }
      body main.funeral > div > div.contents > dl > dd > div.bg2 {
        background-image: url(../img/funeral/bg2.png);
        width: 437px;
        height: 252px;
        margin-left: 5px;
        margin-top: 50px;
        margin-bottom: 30px; }
        body main.funeral > div > div.contents > dl > dd > div.bg2 > p {
          padding: 0 20px;
          padding-top: 20px; }
          body main.funeral > div > div.contents > dl > dd > div.bg2 > p:first-child {
            text-align: center; }
  body main.funeral > div > div.contents p,
  body main.funeral > div > div.contents a {
    color: #fff; }
  @media screen and (max-width: 737px) {
    body main.funeral > div > div.contents > dl > dt {
      width: auto;
      text-align: center;
      padding-left: 0; }
      body main.funeral > div > div.contents > dl > dt > img {
        display: block;
        margin: 0 auto; }
      body main.funeral > div > div.contents > dl > dt > img:first-child {
        margin-bottom: 10px; }
    body main.funeral > div > div.contents > dl > dd {
      margin-top: 20px;
      padding-right: 0;
      width: auto; }
      body main.funeral > div > div.contents > dl > dd > p {
        padding-right: 0; }
      body main.funeral > div > div.contents > dl > dd > div.bg1, body main.funeral > div > div.contents > dl > dd > div.bg2 {
        width: auto;
        height: auto;
        margin: 20px 0; }
        body main.funeral > div > div.contents > dl > dd > div.bg1 > p, body main.funeral > div > div.contents > dl > dd > div.bg2 > p {
          padding: 10px 3%; }
    body main.funeral > div > div.contents > ul {
      margin-top: 20px;
      text-align: center; }
      body main.funeral > div > div.contents > ul > li {
        margin: 0 10px;
        margin-top: 20px; }
        body main.funeral > div > div.contents > ul > li:first-child {
          margin: 0 10px; } }
  body main.english > div > div.contents {
    padding-bottom: 210px; }
    body main.english > div > div.contents > dl {
      margin-top: 35px; }
      body main.english > div > div.contents > dl > dd {
        width: 550px;
        box-sizing: border-box; }
        body main.english > div > div.contents > dl > dd > p {
          margin-top: 1em;
          padding-right: 40px; }
          body main.english > div > div.contents > dl > dd > p:first-child {
            margin-top: 0; }
    body main.english > div > div.contents p,
    body main.english > div > div.contents a {
      color: #fff; }
    @media screen and (max-width: 737px) {
      body main.english > div > div.contents > dl > dt {
        text-align: center; }
      body main.english > div > div.contents > dl > dd {
        margin-top: 20px;
        padding-right: 0;
        width: auto; }
      body main.english > div > div.contents > ul {
        margin-top: 20px;
        text-align: center; }
        body main.english > div > div.contents > ul > li {
          margin: 0 10px;
          margin-top: 20px; }
          body main.english > div > div.contents > ul > li:first-child {
            margin: 0 10px; } }
