@charset "utf-8";


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  Last Updated: November 17, 2018
  Last Updated: March 29, 2014

  layout
  #globalHeader
  #cover
  contents
  #globalFooter
  temp - globalNav setting

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


body {
  color: #000;
  font-family: Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: 0.1em;
  min-width: 960px;
  background-color: #fff;
}
a {
  color: #000;
  text-decoration: underline;
}


/* ============================================================
layout
============================================================ */
#globalHeader,
#globalFooter {
  width: 100%;
}


/* ============================================================
#globalHeader
============================================================ */
#globalHeader {
  height: 280px;
  border-bottom: #ccc 1px solid;
  position: relative;
}
#globalHeader > header {
  width: 940px;
  padding: 0 10px;
  margin: 0 auto;
}
#globalHeader > header:after {
  content: "";
  display: table;
  clear: both;
}
#globalHeader > header > div.title {
  width: 300px;
  padding-top: 40px;
  float: left;
}
#globalHeader > header > div.title > h1 {
  width: 220px;
  margin-bottom: 30px;
}
#globalHeader > header > div.title > h1 > a {
  display: block;
  height: 125px;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/shared/globalheader-logo.png) 0 0 no-repeat;
  overflow: hidden;
}
#globalHeader > header > div.title > p.address {
  font-size: 11px;
}

/* ------------------------------
#globalNav
------------------------------ */
#globalNav {
  width: 590px;
  float: right;
  padding-top: 61px;
}
#globalNav > ul {
  width: 100%;
  clear: right;
}
#globalNav > ul > li {
  width: 19px;
  padding-top: 22px;
  margin-left: 40px;
  float: right;
  background-position: 50% 0;
  background-repeat: no-repeat;
  overflow: hidden;
}
#globalNav > ul > li:hover {
  background-image: url(../images/shared/globalnav-point-current.png);
}
#globalNav > ul > li > a {
  display: block;
  white-space: nowrap;
  text-indent: 100%;
}
#globalNav > ul > li.home > a {
  height: 127px;
  background: url(../images/shared/globalnav-home.png) 0 0 no-repeat;
}
#globalNav > ul > li.precincts > a {
  height: 92px;
  background: url(../images/shared/globalnav-precincts.png) 0 0 no-repeat;
}
#globalNav > ul > li.access > a {
  height: 117px;
  background: url(../images/shared/globalnav-access.png) 0 0 no-repeat;
}
#globalNav > ul > li.access2 > a {
  height: 140px;
  background: url(../images/shared/globalnav-access2.png) 0 0 no-repeat;
}
#globalNav > ul > li.experience > a {
  height: 93px;
  background: url(../images/shared/globalnav-experience.png) 0 0 no-repeat;
}
#globalNav > ul > li.cuisine > a {
  height: 116px;
  background: url(../images/shared/globalnav-cuisine.png) 0 0 no-repeat;
}
#globalNav > ul > li.event > a {
  height: 92px;
  background: url(../images/shared/globalnav-event.png) 0 0 no-repeat;
}
#globalNav > ul > li.cemetery > a {
  height: 92px;
  background: url(../images/shared/globalnav-cemetery.png) 0 0 no-repeat;
}
#globalNav > ul > li.faq > a {
  height: 143px;
  background: url(../images/shared/globalnav-faq.png) 0 0 no-repeat;
}
#globalNav > ul > li.blog > a {
  height: 91px;
  background: url(../images/shared/globalnav-blog.png) 0 0 no-repeat;
}
#globalNav > ul > li.readyfor > a {
  height: 147px;
  background: url(../images/shared/globalnav-readyfor.png) 0 0 no-repeat;
}

/* ------------------------------
p.lang
------------------------------ */
#globalHeader > header > .subNav {
  position: absolute;
  right: 20px;
  top: 10px;
}
#globalHeader > header > .subNav > p {
  float: right;
  padding-left: 20px;
}
#globalHeader > header > .subNav > p > a {
  display: block;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
#globalHeader > header > .subNav > p.facebook > a {
  width: 97px;
  height: 20px;
  background: url(../images/shared/globalheader-btn-facebook.png) 0 0 no-repeat;
}
#globalHeader > header > .subNav > p.lang > a {
  width: 90px;
  height: 20px;
  background: url(../images/shared/globalheader-btn-en.png) 0 0 no-repeat;
}


/* ============================================================
#cover
============================================================ */
#cover {
  width: 100%;
  height: 635px;
  margin-bottom: 60px;
  overflow: hidden;
  position: relative;
}
#cover > p {
  width: 1280px;
  height: 635px;
  margin-left: -640px;
  position: absolute;
  left: 50%;
}


/* ============================================================
#coverSlide
============================================================ */
#coverSlide {
  width: 100%;
  height: 665px;
  margin-bottom: 40px;
  overflow: hidden;
  position: relative;
  background: url(../images/home/cover-loader.gif) 50% 50% no-repeat;
}
#coverSlide > ul#coverSlideContainer {
  width: 1280px;
  height: 635px;
  margin-left: -640px;
  position: absolute;
  left: 50%;
}
#coverSlide > ul#coverSlideContainer > li {
  width: 1280px;
  height: 635px;
  position: absolute;
  left: 0;
  top: 0;
}
#coverSlide > ul#coverSlideContainer > li {
  display: none;
}

/* ------------------------------
Elements are created by home.js
------------------------------ */
#coverSlide > ul#coverIndex {
  font-size: 0;
  width: 940px;
  height: 10px;
  padding: 0 10px;
  margin: 655px auto 0;
  overflow: hidden;
  text-align: center;
}
#coverSlide > ul#coverIndex > li {
  display: inline-block;
  float: none;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: url(../images/home/cover-nav-dot.png) 0 0 no-repeat;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  cursor: pointer;
}
#coverSlide > ul#coverIndex > li.current {
  background: url(../images/home/cover-nav-dot-current.png) 0 0 no-repeat;
}


/* ============================================================
contents
============================================================ */
article > footer {
  position: relative;
}
article > footer > div.snsShare {
  width: 500px;
  position: absolute;
  left: 0;
  top: 0;
}
article > footer > div.snsShare > p {
  width: 24px;
  height: 24px;
  overflow: hidden;
  float: left;
  margin-right: 5px;
  position: relative;
}
article > footer > div.snsShare > p.on {
  width: 95px;
  height: auto;
  overflow: visible;
}
article > footer > div.snsShare > p.facebook.on {
  width: 155px;
}
article > footer > div.snsShare > p > span {
  float: left;
}
article > footer > div.snsShare > p > span.icon {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/shared/sns-badge-sprite.png) 0 0 no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
article > footer > div.snsShare > p.facebook > span.icon {
  background-position: 0 0;
}
article > footer > div.snsShare > p.twitter > span.icon {
  background-position: -24px 0;
}
article > footer > div.snsShare > p.pinterest > span.icon {
  background-position: -48px 0;
}
article > footer > div.snsShare > p.linkedIn > span.icon {
  background-position: -72px 0;
}
article > footer > div.snsShare > p > span.st_facebook_vcount,
article > footer > div.snsShare > p > span.st_fblike_vcount,
article > footer > div.snsShare > p > span.st_twitter_vcount,
article > footer > div.snsShare > p > span.st_pinterest_vcount,
article > footer > div.snsShare > p > span.st_linkedin_vcount {
  display: block;
  position: absolute;
  left: 29px;
  top: -49px;
}
article > footer > div.snsShare > p > span.st_fblike_vcount {
  left: 100px;
  top: -40px;
}
p.pageTop {
  font-size: 12px;
  text-align: right;
}
p.pageTop > a {
  display: inline-block;
  padding-left: 10px;
  background: url(../images/shared/pagetop-icon.png) 0 50% no-repeat;
}
a.pdf {
  display: inline-block;
  min-height: 16px;
  padding-left: 21px;
  background: url(../images/shared/pdf-icon.png) 0 50% no-repeat;
}


/* ============================================================
#globalFooter
============================================================ */
#globalFooter {
}
#globalFooter > footer {
  width: 960px;
  margin: 0 auto;
  padding-bottom: 30px;
}
#globalFooter > footer > p.copyright {
  text-align: center;
  padding-top: 70px;
  background: url(../images/shared/footer-logo.png) 50% 0 no-repeat;
}
#globalFooter > footer > p.copyright > small {
  font-size: 13px;
}

/* ------------------------------
#globalFooter
------------------------------ */
#footerNav {
  width: 940px;
  margin: 0 auto 60px;
}
#footerNav > ul {
  text-align: center;
  width: 100%;
}
#footerNav > ul > li {
  display: inline;
  padding-right: 12px;
  margin-right: 12px;
  border-right: #000 1px solid;
}
#footerNav > ul > li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}
#footerNav > ul > li > a {
  display: inline-block;
  height: 13px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
#footerNav > ul > li.home > a {
  width: 77px;
  background: url(../images/shared/footernav-home.png) 0 0 no-repeat;
}
#footerNav > ul > li.precincts > a {
  width: 56px;
  background: url(../images/shared/footernav-precincts.png) 0 0 no-repeat;
}
#footerNav > ul > li.access > a {
  width: 70px;
  background: url(../images/shared/footernav-access.png) 0 0 no-repeat;
}
#footerNav > ul > li.experience > a {
  width: 56px;
  background: url(../images/shared/footernav-experience.png) 0 0 no-repeat;
}
#footerNav > ul > li.cuisine > a {
  width: 39px;
  background: url(../images/shared/footernav-cuisine.png) 0 0 no-repeat;
}
#footerNav > ul > li.event > a {
  width: 55px;
  background: url(../images/shared/footernav-event.png) 0 0 no-repeat;
}
#footerNav > ul > li.cemetery > a {
  width: 55px;
  background: url(../images/shared/footernav-cemetery.png) 0 0 no-repeat;
}
#footerNav > ul > li.faq > a {
  width: 77px;
  background: url(../images/shared/footernav-faq.png) 0 0 no-repeat;
}
#footerNav > ul > li.blog > a {
  width: 57px;
  background: url(../images/shared/footernav-blog.png) 0 0 no-repeat;
}
#footerNav > ul > li.facebook > a {
  width: 80px;
  background: url(../images/shared/footernav-facebook.png) 0 0 no-repeat;
}


/* ============================================================
temp - globalNav setting
============================================================ */
/*
#globalNav > ul > li.none {
  opacity: 0.2;
}
#globalNav > ul > li.none:hover {
  background-image: url(../images/shared/globalnav-point.png);
}

#globalNav > ul > li > span {
  display: block;
  white-space: nowrap;
  text-indent: 100%;
}
#globalNav > ul > li.home > span {
  height: 42px;
  background: url(../images/shared/globalnav-home.png) 0 0 no-repeat;
}
#globalNav > ul > li.precincts > span {
  height: 92px;
  background: url(../images/shared/globalnav-precincts.png) 0 0 no-repeat;
}
#globalNav > ul > li.access > span {
  height: 117px;
  background: url(../images/shared/globalnav-access.png) 0 0 no-repeat;
}
#globalNav > ul > li.experience > span {
  height: 92px;
  background: url(../images/shared/globalnav-experience.png) 0 0 no-repeat;
}
#globalNav > ul > li.cuisine > span {
  height: 91px;
  background: url(../images/shared/globalnav-cuisine.png) 0 0 no-repeat;
}
#globalNav > ul > li.event > span {
  height: 92px;
  background: url(../images/shared/globalnav-event.png) 0 0 no-repeat;
}
#globalNav > ul > li.cemetery > span {
  height: 92px;
  background: url(../images/shared/globalnav-cemetery.png) 0 0 no-repeat;
}
#globalNav > ul > li.faq > span {
  height: 143px;
  background: url(../images/shared/globalnav-faq.png) 0 0 no-repeat;
}
#globalNav > ul > li.blog > span {
  height: 91px;
  background: url(../images/shared/globalnav-blog.png) 0 0 no-repeat;
}
*/

article video{
    width: 100%;
    height: auto;
    cursor: pointer;
}
.movieArea{
    position: relative;
}
.movieArea .btnPlaymovie{
    position: absolute;
    top:45%;
    left: 43%;
    cursor: pointer;
}
.movieArea:hover .btnPlaymovie{
    opacity: 0.7;
}