@charset "UTF-8";
/*  mixin
-------------------------------------------------- */
@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  src: url("/pc/yogurtbook/fonts/icomoon.eot?9pd7ow");
  src: url("/pc/yogurtbook/fonts/icomoon.eot?9pd7ow#iefix") format("embedded-opentype"), url("/pc/yogurtbook/fonts/icomoon.ttf?9pd7ow") format("truetype"), url("/pc/yogurtbook/fonts/icomoon.woff?9pd7ow") format("woff"), url("/pc/yogurtbook/fonts/icomoon.svg?9pd7ow#icomoon") format("svg");
}
/*  ブルガリア共和国【ヨーグルトの故郷】
-------------------------------------------------- */
/*  mixin
-------------------------------------------------- */
.bulgariabook main {
  padding-top: 18.75%;
  overflow: hidden;
}
.bulgariabook main p {
  line-height: 1.7;
  font-size: 14px;
  font-size: 4.375vw;
}
.bulgariabook main p + p {
  margin: 9.375% 0 0;
}
.bulgariabook section > .inner {
  margin: 0 auto;
  width: 90%;
}
.bulgariabook .headline-h2 {
  margin: 0 0 25%;
  line-height: 0;
  text-align: center;
}
.bulgariabook .headline-h3 {
  margin: 0 0 6.25%;
  padding: 0 0 6.25%;
  border-bottom: 2px solid #000;
}
.bulgariabook .bg-blue-wrap {
  padding: 0 0 62.5%;
  position: relative;
  color: #FFF;
  background: url(/sp/frombulgaria/images/bulgariabook/bg-bulgaria.png) no-repeat center bottom, linear-gradient(to bottom, #021957 0%, #021957 10%, #217bcb 90%, #217bcb 100%);
  background-size: 100%, auto;
}
.bulgariabook .bg-blue-wrap .headline-h3 {
  border-bottom-color: #FFF;
}
.bulgariabook .bg-blue-wrap:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/sp/frombulgaria/images/bulgariabook/bg-light.png) no-repeat center top;
  background-size: 100%;
  pointer-events: none;
  content: "";
}
.bulgariabook .bg-gray-wrap {
  background: #eeece7;
}
.bulgariabook .kv {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 91vh;
}
.bulgariabook .kv h1 {
  position: relative;
  z-index: 2;
  width: 75%;
  line-height: 0;
  text-align: center;
}
.bulgariabook .kv h1 img {
  width: 100%;
}
.bulgariabook .kv .bg-map-line {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: 93.75%;
  pointer-events: none;
}
.bulgariabook .kv .scroll {
  border-right: 3px solid #FFF;
  border-bottom: 3px solid #FFF;
  display: block;
  position: absolute;
  bottom: 6.25%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 5%;
  font-size: 0;
}
.bulgariabook .kv .scroll:before {
  padding-top: 100%;
  display: block;
  content: "";
}
.bulgariabook .where {
  padding: 23.4375% 0 69.53125%;
  position: relative;
}
.bulgariabook .where p {
  position: relative;
  z-index: 2;
}
.bulgariabook .where .bg-world-map {
  position: absolute;
  bottom: -29%;
  width: 100%;
}
.bulgariabook .culture {
  padding: 10.9375% 0;
  position: relative;
  z-index: 2;
}
.bulgariabook .culture .culture-item {
  margin: 14.0625% 0 0;
  padding: 39.0625% 0 0;
  display: flex;
  position: relative;
}
.bulgariabook .culture .culture-item > img {
  position: absolute;
  top: 0;
  width: 106%;
  max-width: none;
}
.bulgariabook .culture .culture-item .text-area {
  position: relative;
  z-index: 2;
  width: 90%;
}
.bulgariabook .culture .culture-item.img-right {
  justify-content: flex-end;
}
.bulgariabook .culture .culture-item.img-right > img {
  right: -10%;
}
.bulgariabook .culture .culture-item.img-left > img {
  left: -10%;
}
.bulgariabook .heritage {
  padding: 10.9375% 0;
}
.bulgariabook .heritage p {
  margin: 0 0 17.1875%;
}
.bulgariabook .heritage p:last-child {
  margin: 0;
}
.bulgariabook .smolyan {
  padding: 15.625% 0 0;
  position: relative;
}
.bulgariabook .smolyan .inner {
  position: relative;
  z-index: 2;
}
.bulgariabook .smolyan .full-inner {
  padding: 15.625% 0 46.875%;
  position: relative;
}
.bulgariabook .smolyan .full-inner img {
  width: 95.3125%;
}
.bulgariabook .smolyan .full-inner .caption {
  padding: 7.8125% 6.25%;
  position: absolute;
  top: 46.875%;
  right: 0;
  width: 95.3125%;
  background: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
}
.bulgariabook .smolyan .bg-smolyan-map {
  position: absolute;
  top: -5%;
  right: 0;
  width: 76%;
}
.bulgariabook .meguru {
  padding: 21.875% 0 23.4375%;
}
.bulgariabook .meguru .headline-h2 {
  margin: 0 0 12.5%;
}
.bulgariabook .meguru .full-inner {
  margin: 10.9375% 0;
  display: flex;
  justify-content: flex-end;
}
.bulgariabook .meguru .full-inner .img-area {
  display: block;
  width: 95%;
  text-decoration: none;
}
.bulgariabook .meguru .full-inner .img-area img {
  width: 100%;
}
.bulgariabook .meguru .full-inner .img-area p {
  margin: 0.5em 0 0;
}
.bulgariabook .meguru .full-inner .img-area a.link-block {
  display: block;
}
.bulgariabook .meguru .circle-arrow {
  padding-left: 1.5em;
  position: relative;
  color: #000;
  font-size: 12px;
  font-size: 3.75vw;
}
.bulgariabook .meguru .circle-arrow:before {
  margin-right: 0.5em;
  position: absolute;
  left: 0;
  font-family: "icomoon";
  vertical-align: middle;
  content: "\ea42";
  font-size: 14px;
  font-size: 4.375vw;
}
.bulgariabook .meguru .other-item {
  margin: 14.0625% 0 0;
  display: flex;
  flex-wrap: wrap;
}
.bulgariabook .meguru .other-item li {
  width: 50%;
}
.bulgariabook .meguru .other-item li a {
  display: block;
  position: relative;
}
.bulgariabook .meguru .other-item li img {
  width: 100%;
}
.bulgariabook .meguru .other-item li .circle-arrow {
  position: absolute;
  bottom: 5%;
  left: 5%;
  width: 90%;
  color: #FFF;
  line-height: 1.2;
}
.bulgariabook .meguru .other-item li .circle-arrow:before {
  margin-right: 0.3em;
}
.bulgariabook .first-make {
  padding: 23.4375% 0 25%;
  background: #dedad1;
}
.bulgariabook .first-make .headline-h2 {
  margin: 0 0 12.5%;
}
.bulgariabook .first-make .full-inner {
  display: flex;
}
.bulgariabook .first-make .full-inner.img-right {
  margin: 9.375% 0;
  justify-content: flex-end;
}
.bulgariabook .first-make .full-inner.img-left {
  margin: 10.9375% 0 7.8125%;
}
.bulgariabook .first-make .full-inner img {
  align-self: flex-start;
  width: 95%;
}
.bulgariabook .anniversary {
  padding: 6.25% 0;
  background: #dedad1;
}
.bulgariabook .anniversary .full-inner {
  padding: 54.6875% 0 20.3125%;
  position: relative;
}
.bulgariabook .anniversary .headline-h2 {
  margin: 0 0 7.8125%;
}
.bulgariabook .anniversary .text-area {
  padding: 9.375% 6.25%;
  position: absolute;
  top: 0;
  left: 0;
  width: 93.75%;
  background: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
}
.bulgariabook .anniversary .caption {
  padding: 9.375% 6.25%;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 84.375%;
  background: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
}
.bulgariabook .end-map {
  padding: 17.1875% 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dedad1;
}
.bulgariabook .end-map img {
  width: 70%;
}
.bulgariabook .yogurtbook {
  padding: 4.6875% 0;
  background: url(/sp/frombulgaria/images/bulgariabook/bg-yogurtbook.png) no-repeat center center;
  background-size: cover;
  box-shadow: 0px -10px 20px -3px rgba(0, 0, 0, 0.1);
}
.bulgariabook .yogurtbook .bnr-wrap {
  margin: auto;
  padding: 4.6875% 0;
  border: 3px solid #000;
  display: block;
  width: 90%;
  text-align: center;
}
.bulgariabook .yogurtbook .bnr-wrap img {
  width: 65%;
}
@media screen and (orientation: landscape) {
  .bulgariabook main {
    padding-top: 8.5%;
  }
  .bulgariabook .kv {
    height: 65vw;
  }
  .bulgariabook .kv h1 {
    width: 70%;
  }
}

.bulgariabook.en .kv h1 {
  width: 93.75%;
}
.bulgariabook.en .smolyan .bg-smolyan-map {
  top: -3%;
}
.bulgariabook.en .smolyan .full-inner {
  padding-bottom: 82.8125%;
}
.bulgariabook.en .smolyan .full-inner .caption {
  top: 37.5%;
}
.bulgariabook.en .anniversary .full-inner {
  padding: 164.0625% 0 39.0625%;
}
.bulgariabook.en .yogurtbook .bnr-wrap img {
  width: 72%;
}

.bulgariabook.cn .kv h1 {
  width: 93.75%;
}
.bulgariabook.cn .smolyan .bg-smolyan-map {
  top: -3%;
}
.bulgariabook.cn .smolyan .full-inner {
  padding-bottom: 82.8125%;
}
.bulgariabook.cn .smolyan .full-inner .caption {
  top: 37.5%;
}
.bulgariabook.cn .anniversary .full-inner {
  padding: 164.0625% 0 39.0625%;
}
.bulgariabook.cn .yogurtbook .bnr-wrap img {
  width: 72%;
}