@charset "UTF-8";
/* line 5, ../../../../usr/local/share/gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, .about .hero, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../usr/local/share/gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../usr/local/share/gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../usr/local/share/gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../usr/local/share/gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../usr/local/share/gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../usr/local/share/gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../usr/local/share/gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../usr/local/share/gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, .about .hero, summary {
  display: block;
}

/* line 3, ../sass/style.scss */
* {
  box-sizing: border-box;
  -ms-text-size-adjust: none;
}

/*
*{
outline: 1px solid skyblue;
}
#fakeLoader,.attention{
	display: none !important;
}
.sitemap .new a{
	border-bottom: 3px solid red;
}
body:before {
	content: "動画を製作中";
	background: #09d34f;
	color: #fff;
	padding: 1em;
	font-weight: bold;
	position: fixed;
	font-size: 0.8em;
	display: inline-block;
	left: 0;
	top: 0;
	z-index: 999999;
}
*/
/* line 32, ../sass/style.scss */
.hidden_pc {
  display: none !Important;
}

@font-face {
  font-family: "MyYuGothicM";
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
}
@font-face {
  font-family: "MyYuGothicM";
  font-weight: bold;
  src: local("YuGothic-Bold"), local("YuGothic-Bold"), local("Yu Gothic");
}
/* line 49, ../sass/style.scss */
html {
  font-size: 62.5%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

/* line 58, ../sass/style.scss */
body {
  background: #eee;
  font-family: MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  line-height: 1.75;
  letter-spacing: 0.06em;
  color: #202020;
  font-size: 17px;
  font-size: 1.7rem;
  height: 100%;
  scrollbar-base-color: #888;
  scrollbar-face-color: #fff;
  scrollbar-shadow-color: #fff;
  scrollbar-arrow-color: #666;
}

/* line 75, ../sass/style.scss */
.space-tate {
  margin: 5em 0;
}

/* line 79, ../sass/style.scss */
.space-yoko {
  margin: 0 5em;
}

/* line 83, ../sass/style.scss */
.align-center {
  text-align: center;
}

/* line 87, ../sass/style.scss */
.container {
  margin: 0 auto;
  position: relative;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-style: -ms-autohiding-scrollbar;
}

/* line 95, ../sass/style.scss */
.pull-right {
  float: right;
}

/* line 99, ../sass/style.scss */
.pull-left {
  float: left;
}

/* line 103, ../sass/style.scss */
.image {
  width: 28.25em;
  height: 20em;
  background-size: cover;
  background-color: #ccc;
}

/* line 110, ../sass/style.scss */
.tate, .story .relations figure figcaption {
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  text-align: justify;
  /*	font-family: "source-han-serif-japanese", "Sawarabi Mincho", "Hiragino Mincho ProN", serif; */
  font-family: "source-han-serif-japanese", "Hiragino Mincho ProN", serif;
  line-height: 1.7;
  letter-spacing: 0.02em;
  transform: rotate(0.05deg);
}
/* line 125, ../sass/style.scss */
.tate p, .story .relations figure figcaption p {
  margin-left: 0.7em;
}
/* line 127, ../sass/style.scss */
.tate p:last-of-type, .story .relations figure figcaption p:last-of-type {
  margin-left: 0;
}

/* ----縦書き&源ノ明朝 固有の問題対策（/story/088-suzuki-riki.html のルビなど）------ */
/* .wf-active は源ノ明朝が読み込まれた時にbodyにつくクラス */
/* line 136, ../sass/style.scss */
.wf-active .tate ruby, .wf-active .story .relations figure figcaption ruby, .story .relations figure .wf-active figcaption ruby {
  position: relative;
}

/* line 139, ../sass/style.scss */
.wf-active .tate rt, .wf-active .story .relations figure figcaption rt, .story .relations figure .wf-active figcaption rt {
  -webkit-transform: translateX(-0.4em);
  position: relative;
  margin-left: 0.2em;
}

/* ffでrubyが横ズレする問題対策 */
@-moz-document url-prefix() {
  /* line 148, ../sass/style.scss */
  .wf-active .tate ruby, .wf-active .story .relations figure figcaption ruby, .story .relations figure .wf-active figcaption ruby {
    position: relative;
    left: 0em !important;
  }

  /* line 152, ../sass/style.scss */
  .wf-active .tate h2 ruby, .wf-active .story .relations figure figcaption h2 ruby, .story .relations figure .wf-active figcaption h2 ruby {
    left: 0em !important;
  }

  /* line 155, ../sass/style.scss */
  .kagi-kakko {
    margin-top: -0.4em;
    font-family: "Hiragino Mincho ProN", "Sawarabi Mincho",serif;
  }

  /* line 159, ../sass/style.scss */
  .kagi-tojikakko {
    margin-bottom: -0.4em;
    font-family: "Hiragino Mincho ProN", "Sawarabi Mincho", serif;
  }

  /* line 163, ../sass/style.scss */
  .dakuten {
    position: relative;
    top: -10px;
    left: 12px;
  }
}
/* Safariで'…'が横になる問題（いずれ解決されてしまうかもしれないことも念頭に） */
/* line 170, ../sass/style.scss */
.wf-active .santen, .wf-active .hatena {
  font-family: serif;
}

/* line 174, ../sass/style.scss */
#p7frame {
  display: none !important;
}

/* ----/縦書き&源ノ明朝 固有の問題対策------ */
/*header*/
/* line 184, ../sass/style.scss */
.header {
  position: relative;
  z-index: 900;
  text-align: right;
  padding-top: 1em;
  padding-right: 1em;
}
/* line 191, ../sass/style.scss */
.header a {
  color: #202020;
  font-size: 0.9em;
  position: relative;
  z-index: 9999;
  cursor: pointer;
}
header div.hidden_mobile{max-width:600px!important;margin: 0 0 0 auto!important;}
@font-face {
  font-family: "Sawarabi Mincho";
  src: url("../fonts/SawarabiMincho-Regular.ttf") format("truetype");
}
@font-face {
  font-family: 'sns';
  src: url("../fonts/sns.eot?16790440");
  src: url("../fonts/sns.eot?16790440#iefix") format("embedded-opentype"), url("../fonts/sns.woff2?16790440") format("woff2"), url("../fonts/sns.woff?16790440") format("woff"), url("../fonts/sns.ttf?16790440") format("truetype"), url("../fonts/sns.svg?16790440#sns") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 211, ../sass/style.scss */
.sns {
  position: fixed;
  right: 0;
  top: 5em;
  z-index: 997;
}
/* line 216, ../sass/style.scss */
.sns [class^="icon-"]:before,
.sns [class*=" icon-"]:before {
  font-family: "sns";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
}
/* line 228, ../sass/style.scss */
.sns .twitter {
  background: #000000;
}
/* line 230, ../sass/style.scss */
.sns .twitter:hover {
  background: #414141;
}

/* line 234, ../sass/style.scss */
.sns .facebook {
  background: #3b5998;
}
/* line 236, ../sass/style.scss */
.sns .facebook:hover {
  background: #4c70ba;
}
/* line 240, ../sass/style.scss */
.sns .hatena {
  background: #2b93d3;
}
/* line 242, ../sass/style.scss */
.sns .hatena:hover {
  background: #55a9dc;
}
/* line 246, ../sass/style.scss */
.sns .icon-twitter:before {
  content: url(../img/logo-white-x.png);
  margin-right:0;
}
/* line 249, ../sass/style.scss */
.sns .icon-facebook:before {
  content: '\f09a';
}
.sns .insta {
  background: #E1306C;
}
/* line 230, ../sass/style.scss */
.sns .insta:hover {
  background: #e88cab;
}
.sns .insta img{width: 17px;
  height: 17px;
vertical-align: middle;}
/* line 252, ../sass/style.scss */
.sns .hatebu {
  font-weight: bold;
  font-family: 'Franklin Gothic Medium', sans-serif;
}
/* line 256, ../sass/style.scss */
.sns a {
  display: block;
  background: #aaa;
  height: 2.5em;
  width: 2.5em;
  text-align: center;
  line-height: 2.5em;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}

/* line 269, ../sass/style.scss */
.wrapper {
  overflow-x: hidden;
  min-width: 1100px;
}

/* line 274, ../sass/style.scss */
.hero {
  text-align: center;
  transform: translateY(0em) !important;
}

/* line 279, ../sass/style.scss */
.hero .title .tate, .hero .title .story .relations figure figcaption, .story .relations figure .hero .title figcaption {
  width: 4em;
  position: relative;
  left: 50%;
  margin-left: -2em;
  float: none !important;
  line-height: 2em;
}

/* line 288, ../sass/style.scss */
section, .about .hero {
  width: 70em;
  height: 26em;
  margin: -2em auto;
  z-index: 333;
  position: relative;
  overflow: visible;
  padding: 1.5em 2em;
}

/* line 300, ../sass/style.scss */
.aside,
.footer,
.remarks {
  width: 100%;
  min-width: 80em;
  margin: 0;
}

/* line 308, ../sass/style.scss */
.video {
  z-index: 2;
  width: 100%;
  margin: 0;
  left: 0;
  position: relative;
}

/* line 316, ../sass/style.scss */
.arrow-top, .arrow-bottom, .arrow-left {
  display: block;
  border-right: 2px solid #202020;
  border-top: 2px solid #202020;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 2em;
  height: 2em;
}
/* line 323, ../sass/style.scss */
.arrow-top:hover, .arrow-bottom:hover, .arrow-left:hover {
  cursor: pointer;
  border-color: #a09a95;
}

/* line 329, ../sass/style.scss */
.arrow-bottom {
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

/* line 334, ../sass/style.scss */
.arrow-left {
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* line 339, ../sass/style.scss */
.logo {
  position: absolute;
  left: 2em;
  height: 30em;
  width: 17em;
}
/* line 344, ../sass/style.scss */
.logo img {
  vertical-align: top;
  margin-top: 2em;
}
/* line 348, ../sass/style.scss */
.logo span {
  font-size: 0.8em;
  padding-right: 3em;
  float: left;
  font-family: MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
/* line 354, ../sass/style.scss */
.logo .tate, .logo .story .relations figure figcaption, .story .relations figure .logo figcaption {
  height: 21em;
  width: 6em;
}

/* index */
/* line 364, ../sass/style.scss */
.index #search-genre,
.index #search-area {
  margin-bottom: 2em;
}
.index #search-sort a,
.index #search-genre a,
.index #search-area a{
  color: #2b2e38;
}
/* line 368, ../sass/style.scss */
.index .filter {
  display: inline-block;
  margin-right: 0.5em;
  text-decoration: underline;
  cursor: pointer;
}
/* line 374, ../sass/style.scss */
.index .filter-disabled {
  display: inline-block;
  margin-right: 0.5em;
  text-decoration: none;
  color: #a09a95;
}
/* line 380, ../sass/style.scss */
.index .container {
  width: 59.5em;
}
/* line 383, ../sass/style.scss */
.index .main {
  margin-top: 5em;
}
/* line 386, ../sass/style.scss */
.index .hero {
  margin: 8em auto 10em;
}
/* line 388, ../sass/style.scss */
.index .hero .container {
  width: 100%;
  padding-right: 2em;
  padding-left: 2em;
}
/* line 394, ../sass/style.scss */
.index footer {
  height: 10em;
  line-height: 4em;
  font-size: 0.8em;
}
/* line 399, ../sass/style.scss */
.index--about {
  font-size: 0.8em;
  text-align: center;
  margin: 8em 0 0;
}
/* line 403, ../sass/style.scss */
.index--about a {
  color: inherit;
  border-bottom: 1px solid #202020;
  text-decoration: none;
  padding-bottom: 0.2em;
}
/* line 408, ../sass/style.scss */
.index--about a:hover {
  color: rgba(32, 32, 32, 0.7);
}
/* line 413, ../sass/style.scss */
.index--intro {
  height: 12em;
  text-align: justify;
  width: 18em;
  margin: 5em auto 1em;
  font-size: 1.1em;
  position: relative;
  left: 50%;
  margin-left: -8em;
}
/* line 424, ../sass/style.scss */
.index--search a {
  font-size: 1.5rem;
  color: #202020;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: normal;
}

/* line 433, ../sass/style.scss */
.list {
  margin: 0 -0.6em;
  display: flex;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
}
/* line 439, ../sass/style.scss */
.list--item {
  width: 20em;
  padding: 0 1em 2.5em;
  display: inline-block;
  vertical-align: top;
}
/* line 445, ../sass/style.scss */
.list--item a {
  height: 0;
  width: 100%;
  padding-bottom: 72%;
  position: relative;
  display: block;
}
/* line 451, ../sass/style.scss */
.list--item a .list--item--thumb {
  opacity: 1;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
/* line 455, ../sass/style.scss */
.list--item a .list--item--thumb-hover {
  background-size: 100% !important;
  background-position: 50% 50%;
  -moz-transition: background-size 1s linear;
  -o-transition: background-size 1s linear;
  -webkit-transition: background-size 1s linear;
  transition: background-size 1s linear;
}
/* line 462, ../sass/style.scss */
.list--item a:hover .list--item--thumb {
  opacity: 0;
}
/* line 465, ../sass/style.scss */
.list--item a:hover .list--item--thumb-hover {
  background-size: 105% !important;
}
/* line 469, ../sass/style.scss */
.list--item--thumb {
  position: absolute;
  display: block;
  height: 0;
  width: 100%;
  padding-bottom: 72%;
  background-size: cover !important;
  z-index: 2;
}
/* line 477, ../sass/style.scss */
.list--item--thumb:before {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  width: 100%;
  padding-bottom: 72%;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(70%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.4) 100%);
}
/* line 487, ../sass/style.scss */
.list--item--thumb-hover {
  z-index: 0;
  position: absolute;
  display: block;
  height: 0;
  width: 100%;
  padding-bottom: 72%;
  background-size: cover !important;
}
/* line 495, ../sass/style.scss */
.list--item--thumb-hover--cover {
  z-index: 1;
  height: 0;
  width: 100%;
  padding-bottom: 72%;
  position: absolute;
  display: block;
  opacity: 0.7;
}
/* line 504, ../sass/style.scss */
.list--item--thumb-hover:before {
  content: "";
}
/* line 509, ../sass/style.scss */
.list--item a span {
  position: absolute;
  display: block;
  bottom: 1em;
  left: 1em;
  color: white;
  z-index: 4;
}
/* line 517, ../sass/style.scss */
.list--item .caption {
  float: left;
  font-size: 1.1em;
  margin-top: 1em;
}
/* line 522, ../sass/style.scss */
.list--item .date {
  font-size: 0.8em;
  margin-top: 1em;
  float: right;
}

/* $story */
/* line 534, ../sass/style.scss */
.story .hero {
  margin-bottom: 14em;
  overflow: visible;
}
/* line 535, ../sass/style.scss */
.story .hero .container {
  height: 30em;
}
/* line 540, ../sass/style.scss */
.story .hero-product {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 4em;
  z-index: -1;
}
/* line 547, ../sass/style.scss */
.story .hero .to-index {
  position: absolute;
  left: 1em;
  bottom: 0;
  height: 2.5em;
  display: block;
  color: #202020;
  text-decoration: none;
}
/* line 555, ../sass/style.scss */
.story .hero .to-index i {
  float: left;
}
/* line 559, ../sass/style.scss */
.story .hero .container {
  width: 100%;
  position: relative;
}
/* line 563, ../sass/style.scss */
.story .hero .title {
  margin: -2em auto 0;
  width: 16em;
  position: relative;
}
/* line 568, ../sass/style.scss */
.story .hero .title .arrow-top, .story .hero .title .arrow-bottom, .story .hero .title .arrow-left {
  margin: 1em auto;
  text-align: center;
}
/* line 572, ../sass/style.scss */
.story .hero .title .number {
  font-size: 1.6em;
  margin-bottom: 1em;
  display: block;
  transform: rotate(0.05deg);
  font-family: "Sawarabi Mincho", "Hiragino Mincho ProN", serif;
  margin-left: -0.5em;
}
/* line 581, ../sass/style.scss */
.story .hero .btn {
  background: #000;
  color: #fff;
  padding: 1em 1.5em;
  line-height: 1;
  text-decoration: none;
  display: block;
  width: 16em;
  margin: 2em auto 0;
  position: absolute;
  bottom: 0;
  cursor: pointer;
  left: 50%;
  margin-left: -8em;
  -moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
/* line 596, ../sass/style.scss */
.story .hero .btn:hover {
  background: #a09a95;
}
/* line 600, ../sass/style.scss */
.story .hero time {
  position: absolute;
  left: 50%;
  bottom: -3em;
  margin-left: -3.5em;
  font-size: 0.8em;
}
/* line 608, ../sass/style.scss */
.story .tate a, .story .relations figure figcaption a {
  text-decoration: none;
  border-right: 1px dotted #202020;
  padding-right: 0.2em;
  color: #202020;
}
/* line 613, ../sass/style.scss */
.story .tate a:hover, .story .relations figure figcaption a:hover {
  background: #eee;
  cursor: pointer;
}
/* line 618, ../sass/style.scss */
.story .video {
  height: 24em;
  position: relative;
  overflow: hidden;
  left: 0;
  float: left;
  margin-bottom: -2em;
}
/* line 625, ../sass/style.scss */
.story .video:before {
  content: "";
  display: block;
  height: 440px;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  position: relative;
  left: 0;
  top: 0;
  z-index: 99;
}
/* line 636, ../sass/style.scss */
.story .video video {
  min-height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ddd;
}
/* line 643, ../sass/style.scss */
.story .video video > * {
  vertical-align: middle;
}
/* line 647, ../sass/style.scss */
.story .video figcaption,
.story .video .figcaption {
  position: absolute;
  z-index: 999;
  text-align: center;
  width: 100%;
  vertical-align: middle;
  margin-top: 10em;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-font-smoothing: subpixel-antialiased;
  -ms-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  top: 0;
}
/* line 674, ../sass/style.scss */
.story h1 {
  margin: 0 auto;
  display: block;
  font-size: 1.7em;
  margin-right: -0.3em;
  line-height: 1.5;
}
/* line 680, ../sass/style.scss */
.story h1 small {
  display: block;
  font-size: 0.6em;
  margin-left: 0.3em;
}
/* line 687, ../sass/style.scss */
.story section img, .story .about .hero img, .about .story .hero img {
  margin-left: 5em;
}
/* line 691, ../sass/style.scss */
.story h2 {
  font-size: 1.8em;
  display: block;
  margin-left: 1.2em;
  text-align: left;
  line-height: 1.4;
  /* letter-spacing: -0.018em; */
}
/* line 701, ../sass/style.scss */
.story h2 small {
  display: inline-block;
  font-size: 0.7em;
  line-height: 1.6;
  margin-left: 1em;
}
/* line 707, ../sass/style.scss */
.story h2:after {
  content: "";
  display: block;
  border-left: 1px solid #666;
  height: 2em;
  width: 1px;
  padding-right: 1em;
  margin-top: 0.1em;
}
/* line 717, ../sass/style.scss */
.story .kakko {
  margin-top: -0.2em;
  font-family: "Sawarabi Mincho", "Hiragino Mincho ProN", serif;
}
/* line 721, ../sass/style.scss */
.story .tojikakko {
  margin-bottom: -0.2em;
  font-family: "Sawarabi Mincho", "Hiragino Mincho ProN", serif;
}
/* line 725, ../sass/style.scss */
.story .kagi-kakko {
  margin-top: -0.4em;
  /*		font-family: "Hiragino Mincho ProN", "Sawarabi Mincho",serif; */
}
/* line 729, ../sass/style.scss */
.story .kagi-tojikakko {
  margin-bottom: -0.4em;
  /*		font-family: "Hiragino Mincho ProN", "Sawarabi Mincho", serif; */
}
/* line 733, ../sass/style.scss */
.story .kagi-kakko-yoko {
  margin-left: -0.4em;
}
/* line 736, ../sass/style.scss */
.story .kagi-tojikakko-yoko {
  margin-right: -0.4em;
}
/* line 739, ../sass/style.scss */
.story .santen {
  margin-right: -0.4em;
}
/* line 742, ../sass/style.scss */
.story .profile {
  height: 21em;
}
/* line 745, ../sass/style.scss */
.story .profile,
.story .interview,
.story .interview2,
.story .interview3,
.story .note {
  background: #fff;
  clear: both;
  /* FF hack */
}
/* line 752, ../sass/style.scss */
.story .profile .tate, .story .profile .relations figure figcaption, .story .relations figure .profile figcaption,
.story .interview .tate,
.story .interview .relations figure figcaption,
.story .relations figure .interview figcaption,
.story .interview2 .tate,
.story .interview2 .relations figure figcaption,
.story .relations figure .interview2 figcaption,
.story .interview3 .tate,
.story .interview3 .relations figure figcaption,
.story .relations figure .interview3 figcaption,
.story .note .tate,
.story .note .relations figure figcaption,
.story .relations figure .note figcaption {
  padding: 2em 0;
  background: #fff;
}
/* line 755, ../sass/style.scss */
.story .profile .tate p, .story .profile .relations figure figcaption p, .story .relations figure .profile figcaption p,
.story .interview .tate p,
.story .interview .relations figure figcaption p,
.story .relations figure .interview figcaption p,
.story .interview2 .tate p,
.story .interview2 .relations figure figcaption p,
.story .relations figure .interview2 figcaption p,
.story .interview3 .tate p,
.story .interview3 .relations figure figcaption p,
.story .relations figure .interview3 figcaption p,
.story .note .tate p,
.story .note .relations figure figcaption p,
.story .relations figure .note figcaption p {
  padding: 0.5em;
  background: #fff;
}
/* line 759, ../sass/style.scss */
.story .profile .tate h2, .story .profile .relations figure figcaption h2, .story .relations figure .profile figcaption h2,
.story .interview .tate h2,
.story .interview .relations figure figcaption h2,
.story .relations figure .interview figcaption h2,
.story .interview2 .tate h2,
.story .interview2 .relations figure figcaption h2,
.story .relations figure .interview2 figcaption h2,
.story .interview3 .tate h2,
.story .interview3 .relations figure figcaption h2,
.story .relations figure .interview3 figcaption h2,
.story .note .tate h2,
.story .note .relations figure figcaption h2,
.story .relations figure .note figcaption h2 {
  padding: 0.24em 0.5em 0 0;
}
@-moz-document url-prefix() {
  /* line 765, ../sass/style.scss */
  .story .profile .tate, .story .profile .relations figure figcaption, .story .relations figure .profile figcaption,
  .story .interview .tate,
  .story .interview .relations figure figcaption,
  .story .relations figure .interview figcaption,
  .story .interview2 .tate,
  .story .interview2 .relations figure figcaption,
  .story .relations figure .interview2 figcaption,
  .story .interview3 .tate,
  .story .interview3 .relations figure figcaption,
  .story .relations figure .interview3 figcaption,
  .story .note .tate,
  .story .note .relations figure figcaption,
  .story .relations figure .note figcaption {
    height: 19em;
  }
}
/* line 769, ../sass/style.scss */
.story .profile h2,
.story .interview h2,
.story .interview2 h2,
.story .interview3 h2,
.story .note h2 {
  background: #fff;
  position: relative;
}
/* line 777, ../sass/style.scss */
.story .interview .image,
.story .profile .image {
  position: absolute;
  right: 0;
  margin-left: 2em;
  margin-right: -8em;
  margin-top: -4em;
}
/* line 784, ../sass/style.scss */
.story .interview .tate, .story .interview .relations figure figcaption, .story .relations figure .interview figcaption,
.story .profile .tate,
.story .profile .relations figure figcaption,
.story .relations figure .profile figcaption {
  float: right;
}
/* line 787, ../sass/style.scss */
.story .interview .image + .tate, .story .interview .relations figure .image + figcaption, .story .relations figure .interview .image + figcaption,
.story .profile .image + .tate,
.story .profile .relations figure .image + figcaption,
.story .relations figure .profile .image + figcaption {
  float: left;
}
/* line 791, ../sass/style.scss */
.story .interview2 {
  /* 画像左 */
}
/* line 793, ../sass/style.scss */
.story .interview2 .tate, .story .interview2 .relations figure figcaption, .story .relations figure .interview2 figcaption {
  background: #fff;
  position: relative;
  margin-left: -8em;
  padding-left: 1em;
  float: right;
  padding: 2em;
}
/* line 801, ../sass/style.scss */
.story .interview2 .image {
  position: absolute;
  left: 0;
  margin-right: 2em;
  margin-left: -8em;
  margin-top: -4em;
}
/* line 810, ../sass/style.scss */
.story .interview3 .tate, .story .interview3 .relations figure figcaption, .story .relations figure .interview3 figcaption {
  padding: 2em 0;
  width: 40.2em;
  margin-left: -20.1em;
  left: 50%;
  position: relative;
  float: none;
}
/* line 819, ../sass/style.scss */
.story .relations {
  height: 30em;
  text-align: center;
  margin-top: 0em;
  margin-bottom: 2em;
  /* FF hack */
  /* IE11 hack */
}
/* line 824, ../sass/style.scss */
.story .relations .container > div {
  margin: 5em 0;
  display: flex;
  justify-content: center;
  width: 100%;
  float: left;
}
/* line 831, ../sass/style.scss */
.story .relations figure {
  position: relative;
}
/* line 834, ../sass/style.scss */
.story .relations figure img {
  margin: 0 auto;
  display: block;
}
/* line 839, ../sass/style.scss */
.story .relations figure figcaption {
  position: absolute;
  display: block;
  background: #fff;
  height: 13em;
  padding: 1em;
  margin: 0;
}
/* line 848, ../sass/style.scss */
.story .relations figure:first-of-type {
  margin-right: 2em;
}
/* line 850, ../sass/style.scss */
.story .relations figure:first-of-type figcaption {
  bottom: 0;
  margin-bottom: -5em;
  left: 0;
  margin-left: -5em;
}
/* line 859, ../sass/style.scss */
.story .relations figure:nth-of-type(2) figcaption {
  top: 0;
  margin-top: -5em;
  right: 0;
  margin-right: -0.5em;
  z-index: 2;
}
/* line 867, ../sass/style.scss */
.story .relations figure:last-of-type {
  margin-left: 2em;
}
/* line 869, ../sass/style.scss */
.story .relations figure:last-of-type figcaption,
.story .relations figure:last-of-type .figcaption {
  top: 0;
  margin-top: -5em;
  right: 0;
  margin-right: -5em;
}
@-moz-document url-prefix() {
  /* line 882, ../sass/style.scss */
  .story .relations figure:first-of-type figcaption {
    margin-left: -3em;
  }
  /* line 887, ../sass/style.scss */
  .story .relations figure:nth-of-type(2) figcaption {
    margin-right: -2.5em;
  }
  /* line 892, ../sass/style.scss */
  .story .relations figure:last-of-type figcaption {
    margin-right: -2.5em;
  }
}
@media all and (-ms-high-contrast: none) {
  /* line 902, ../sass/style.scss */
  .story .relations figure:first-of-type figcaption {
    margin-left: -3em;
  }
  /* line 907, ../sass/style.scss */
  .story .relations figure:nth-of-type(2) figcaption {
    margin-right: -2.5em;
  }
  /* line 912, ../sass/style.scss */
  .story .relations figure:last-of-type figcaption {
    margin-right: -2.5em;
  }
}
/* line 919, ../sass/style.scss */
.story .thanks {
  background: #f3f3f3;
  margin-top: 8em;
  text-align: center;
  z-index: 2;
  word-break: break-all;
  position: relative;
}
/* line 926, ../sass/style.scss */
.story .thanks a {
  color: #202020;
  text-decoration: none;
  padding: 2.5em 0;
  display: block;
  cursor: pointer;
  -moz-transition: background 0.8s linear;
  -o-transition: background 0.8s linear;
  -webkit-transition: background 0.8s linear;
  transition: background 0.8s linear;
}
/* line 933, ../sass/style.scss */
.story .thanks a:hover {
  background: #fff;
  color: #666;
}
/* line 938, ../sass/style.scss */
.story .thanks div + div {
  background: #ededed;
}
/* line 940, ../sass/style.scss */
.story .thanks div + div + div {
  background: #f3f3f3;
}
/* line 942, ../sass/style.scss */
.story .thanks div + div + div + div {
  background: #ededed;
}
/* line 942, ../sass/style.scss */
.story .thanks div + div + div + div + div {
  background: #f3f3f3;
}
/* line 954, ../sass/style.scss */
.story .note .tate, .story .note .relations figure figcaption, .story .relations figure .note figcaption {
  padding: 2em 0;
  width: 46em;
  margin: 0 auto;
  position: relative;
  left: 50%;
  margin-left: -23em;
  float: none;
}
/* line 964, ../sass/style.scss */
.story .remarks {
  background: #E7EADB;
  height: 26em;
  margin-top: -4em;
  z-index: 1;
  padding-top: 8em;
}
/* line 970, ../sass/style.scss */
.story .remarks .tate, .story .remarks .relations figure figcaption, .story .relations figure .remarks figcaption {
  position: relative;
  width: 42em;
  height: 14em !important;
  left: 50%;
  margin-left: -21em;
}
/* line 977, ../sass/style.scss */
.story .remarks figcaption,
.story .remarks .figcaption {
  font-size: .9em;
}
/* line 981, ../sass/style.scss */
.story .remarks img {
  margin-left: 2em;
}
/* line 984, ../sass/style.scss */
.story .remarks + .next {
  margin-top: -4em;
}
/* line 988, ../sass/style.scss */
.story footer {
  height: 20em;
  clear: both;
  font-family: "Sawarabi Mincho", "Hiragino Mincho ProN", serif;
  margin-top: -4em;
  background: url(/img/story-footer.png) no-repeat #3A3A3A;
  background-size: cover;
}
/* line 993, ../sass/style.scss */
.story footer div > div {
  background: #3A3A3A;
  color: #fff;
  width: 29em;
  height: 25em;
  float: right;
  padding: 4em;
  font-size: 0.8em;
  z-index: 999;
}
/* line 1002, ../sass/style.scss */
.story footer div > div h2 {
  margin: 0 0 1.25em;
  font-size: 1.8em;
}
/* line 1005, ../sass/style.scss */
.story footer div > div h2:after {
  content: none;
}
/* line 1013, ../sass/style.scss */
.story nav.next {
  background: #fff;
  text-align: center;
}
/* line 1017, ../sass/style.scss */
.story nav.next .arrow-bottom {
  margin: 0 auto;
}
/* line 1020, ../sass/style.scss */
.story nav.next a {
  color: #202020;
  padding: 5em 0;
  display: block;
  cursor: pointer;
  text-decoration: none;
  -moz-transition: background 0.2s lienar;
  -o-transition: background 0.2s lienar;
  -webkit-transition: background 0.2s lienar;
  transition: background 0.2s lienar;
}
/* line 1028, ../sass/style.scss */
.story nav.next a:hover {
  background: #eee;
}

/* line 1036, ../sass/style.scss */
.sitemap .to-index {
  display: none;
}
/* line 1039, ../sass/style.scss */
.sitemap .wrapper {
  overflow: hidden;
}
/* line 1042, ../sass/style.scss */
.sitemap section, .sitemap .about .hero, .about .sitemap .hero {
  padding: 6em 0 6em 0;
  height: auto;
  font-size: 0.9em;
  margin-top: 4em;
  padding-bottom: 4em;
  line-height: 1.5;
  margin-left: 24em;
}
/* line 1050, ../sass/style.scss */
.sitemap section li, .sitemap .about .hero li, .about .sitemap .hero li {
  margin-bottom: 1.5em;
}
/* line 1052, ../sass/style.scss */
.sitemap section li:before, .sitemap .about .hero li:before, .about .sitemap .hero li:before {
  content: "-";
  margin-right: 1em;
}
/* line 1057, ../sass/style.scss */
.sitemap section a, .sitemap .about .hero a, .about .sitemap .hero a {
  color: #202020;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid #333;
  padding-bottom: 0.1em;
}
/* line 1063, ../sass/style.scss */
.sitemap section a:hover, .sitemap .about .hero a:hover, .about .sitemap .hero a:hover {
  background: #fefefe;
}

/* line 1074, ../sass/style.scss */
.about .to-index {
  display: none;
}
/* line 1077, ../sass/style.scss */
.about .hero {
  margin-bottom: 4em;
}
/* line 1081, ../sass/style.scss */
.about .title .tate, .about .title .story .relations figure figcaption, .story .relations figure .about .title figcaption {
  width: 2em;
  height: auto !important;
  position: relative;
  left: 50%;
  margin-left: -1em;
}
/* line 1091, ../sass/style.scss */
.about h1 {
  font-size: 2em;
  line-height: 1em;
  height: 4.2em;
}
/* line 1096, ../sass/style.scss */
.about h2 {
  font-size: 1.8em;
  line-height: 1.1em;
}
/* line 1100, ../sass/style.scss */
.about h1 {
  margin-top: 2em;
}
/* line 1104, ../sass/style.scss */
.about h2 {
  position: relative;
  margin-top: 4em;
}
/* line 1108, ../sass/style.scss */
.about h2:before {
  content: "";
  display: block;
  border-right: 1px solid #202020;
  height: 2em;
  width: 1px;
  position: absolute;
  top: 0;
  margin-top: -2.2em;
  margin-bottom: 2em;
  left: 50%;
  margin-right: 0.55em;
}
/* line 1122, ../sass/style.scss */
.about .about1 .content {
  height: 14em !important;
  width: 30em;
  margin-left: -15em;
  left: 50%;
  position: relative;
  margin-top: 2em;
}
/* line 1130, ../sass/style.scss */
.about .about2,
.about .about3 {
  height: auto !important;
  margin-top: 4em;
  text-align: center;
}
/* line 1135, ../sass/style.scss */
.about .about2 a,
.about .about3 a {
  color: #202020;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid #333;
  padding: 0.1em;
}
/* line 1142, ../sass/style.scss */
.about .about2 a:hover,
.about .about3 a:hover {
  background: #fefefe;
}
/* line 1147, ../sass/style.scss */
.about .about2 .content h3,
.about .about3 .content h3 {
  font-weight: 600;
  margin-top: 2em;
  margin-bottom: 1em;
}
/* line 1154, ../sass/style.scss */
.about .about3 {
  margin-bottom: 8em;
}

/* line 1159, ../sass/style.scss */
.attention {
  display: block;
  width: 100%;
  position: fixed;
  bottom: 0;
  line-height: 1.3;
  padding: 1em;
  background: #a09a95;
  color: #fff;
  font-weight: bold;
  text-align: center;
  z-index: 9998;
  font-size: 0.8em;
  opacity: 0.9;
}

/* line 1176, ../sass/style.scss */
.fuwari {
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* line 1182, ../sass/style.scss */
.fuwari0 {
  -moz-transform: translateY(-4em);
  -ms-transform: translateY(-4em);
  -webkit-transform: translateY(-4em);
  transform: translateY(-4em);
}

@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
/* footer sns */
/* line 1239, ../sass/style.scss */
.follow_us {
  padding: 4em 0 0;
  text-align: center;
}

/* line 1270, ../sass/style.scss */
.follow_us .btn {
  height: 3em;
  line-height: 3em;
  width: 11em;
  margin: 1em 0.2em 0;
  font-size: 1em;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

/* line 1288, ../sass/style.scss */
.btn-follow_us-tiwtter {
  background: #000000;
}
.btn-follow_us-insta {
  background: #E1306C;
}
.btn-follow_us-insta:hover {
  background: rgba(225, 50, 108, 0.6);
}

/* line 1292, ../sass/style.scss */
.btn-follow_us-tiwtter:hover {
  background: rgba(0, 0, 0, 0.6);
}

/* line 1296, ../sass/style.scss */
.btn-follow_us-facebook {
  background: #3b5998;
}

/* line 1300, ../sass/style.scss */
.btn-follow_us-facebook:hover {
  background: rgba(59, 89, 152, 0.6);
}

/* line 1304, ../sass/style.scss */
.btn-follow_us-youtube {
  background: #e62117;
}

/* line 1308, ../sass/style.scss */
.btn-follow_us-youtube:hover {
  background: rgba(230, 33, 23, 0.6);
}

/* line 1311, ../sass/style.scss */
.p7button a {
  background: #EEAC00;
}

/* line 1314, ../sass/style.scss */
.p7button a:hover, .p7button a:hover > a {
  background-color: #D69A00;
}

/* line 1317, ../sass/style.scss */
.p7button a {
  font-size: 1em !important;
  height: 3em !important;
  line-height: 3em !important;
  width: 14em !important;
  margin: 1em 0.2em 0 !important;
}

/* line 1324, ../sass/style.scss */
.p7button a svg {
  display: none !important;
}

/* youtube mordal */
/* line 1329, ../sass/style.scss */
.lity-hidden .header,
.attention.lity-hidden {
  display: none;
}

/* line 1334, ../sass/style.scss */
.lity-close {
  height: 1em !important;
  width: 1em !important;
  padding: 0 !important;
  line-height: 1em !important;
  font-size: 2.5em !important;
  /* outline: 1px solid red; */
  margin-top: .5em !important;
  background: rgba(255, 255, 255, 0.3) !important;
}

/* fakeLoader */
/* line 1347, ../sass/style.scss */
#fakeLoader {
  /*display:none;*/
  background-image: url(/img/hero-logo.png);
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 1353, ../sass/style.scss */
#fakeLoader .fl img {
  display: inline-block !important;
  animation-duration: 1s;
  animation-name: fade-in;
  -moz-animation-duration: 1s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: fade-in;
}

/* line 1365, ../sass/style.scss */
#fakeLoader .fl img.sys-fuwatto {
  opacity: 1;
  display: inline-block !important;
}

/* line 1370, ../sass/style.scss */
.controls-pagination {
  margin: 4em auto;
  text-align: center;
}

/* line 1380, ../sass/style.scss */
.controls-pagination button {
  -moz-appearance: none;
  -webkit-appearance: none;
  height: 3em;
  width: 3em;
  text-align: center;
  line-height: 2em;
  background: #fff;
  border: none;
  font-size: 1em;
  cursor: pointer;
  margin: 0 0.2em;
}

/* line 1393, ../sass/style.scss */
.controls-pagination button:hover {
  background: rgba(191, 169, 109, 0.6);
}

/* line 1397, ../sass/style.scss */
.controls-pagination button:focus {
  outline: none;
}

/* line 1401, ../sass/style.scss */
.mixitup-page-stats {
  padding: 1em 0;
}

/* line 1405, ../sass/style.scss */
.controls-pagination .mixitup-control-disabled {
  background: #a09a95;
}

/* line 1409, ../sass/style.scss */
.controls-pagination .mixitup-control-active {
  background: #bfa96d;
}

/* line 1413, ../sass/style.scss */
.cta_movie {
  position: fixed;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: rgba(200, 200, 200, 0.94);
  z-index: 999;
  text-align: center;
}
/* line 1423, ../sass/style.scss */
.cta_movie .btn {
  display: inline-block;
  background: #000;
  color: #fff;
  text-decoration: none;
  padding: 12px 0;
  margin-top: 14px;
  width: 280px;
}
.yokokubtn{background: #000;
	padding: 0.7em 1em;
	line-height: 1;
	width: 9em;
	margin: 1em auto 0;
	cursor: pointer;
font-size: 14px;}
.yokokubtn a{	color: #fff!important;text-decoration: none!important;
}
.yokokubtn a:hover{background-color:#000!important;text-decoration: none!important;
}
.vertical{    vertical-align: 1px;}
.credit{display: inline-block;position: absolute;bottom: 1em;right: 0;margin-right: 19em;font-size: 14px;color: #fff;background-color: #000;padding: 5px;}
@media screen and (max-width: 480px) {
	.credit{
		background-color:inherit;
margin-right:auto;margin-bottom:15em;}
.vertical{    vertical-align: 0px;}}
.to-gallery{    background-color: #BFA96C;
border: none;margin-top:20px;}
.to-gallery a{ font-family: "source-han-serif-japanese", "Hiragino Mincho ProN", serif;
  color: #fff;
  text-decoration: none;padding: 5px 10px;
display: block;font-weight:bold;}

/*ギャラリーPOPUP*/
#intro-gallery{background-color:#fff;padding:2rem;text-align:center;border:#BFA96D 6px solid;}
#intro-gallery img{width: 340px;}
#intro-gallery .pop-box{display:flex;    justify-content: space-around;}
#intro-gallery .open-day{ font-family:serif;
  font-size: 55px;}
#intro-gallery .newopen{color:#BFA96D;font-family:  serif;    font-size: 50px;    line-height: 1;}
#intro-gallery  p.gallery-place{font-family:  serif;     font-size: 28px;}
#intro-gallery p.gallery-place span{    font-size: 16px;
margin-left: 20px;}
#intro-gallery .togallery{border: none;    margin: 0 auto;
  padding:0;
  background-color: #BFA96D;
  margin-top: 5px;
  height:auto;
width: 400px;}
#intro-gallery .togallery a{font-size: 24px;    padding-top: 10px;
  padding-bottom: 10px;
  font-family: serif;
  text-decoration: none;
  color: #fff;
  display: block;
font-weight: bold;}

.personaldate{
	color: #202020;
	display: block;
	margin: 113px 0 0 0;
	font-size: 0.8em;
}