@font-face {
  font-family: "Hall Fetica";
  src: url("../fonts/HallFetica.eot?") format("eot"), url("../fonts/HallFetica.woff") format("woff"),
    url("../fonts/HallFetica.ttf") format("truetype"),
    url("../fonts/HallFetica.svg#HallFetica") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "agency";
  src: url("../fonts/ufonts.com_agency-fb.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "NotoSans";
  src: url("../fonts/NotoSansHant-Regular.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Futura LT Bold";
  src: url("../fonts/futura_lt_bold_1_.eot?") format("eot"),
    url("../fonts/futura-lt-bold.woff") format("woff"),
    url("../fonts/futura-lt-bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Vrinda";
  src: url("../fonts/Vrinda.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/*
	mixin
*/
/* line 156, ../sass/_basic.scss */
.bg {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(22, 22, 22, 0.95);
  z-index: -1;
  top: 0;
  left: 0;
}

/*
some variables
*/
@-webkit-keyframes move {
  /* line 184, ../sass/_basic.scss */
  from {
    background-position: 0 50%;
  }

  /* line 185, ../sass/_basic.scss */
  to {
    background-position: -100% 50%;
  }
}

@keyframes move {
  /* line 189, ../sass/_basic.scss */
  from {
    background-position: 0 50%;
  }

  /* line 190, ../sass/_basic.scss */
  to {
    background-position: -100% 50%;
  }
}

@-webkit-keyframes hoverPop {
  /* line 195, ../sass/_basic.scss */
  from {
    transform: scale(1);
  }

  /* line 196, ../sass/_basic.scss */
  to {
    transform: scale(1.5);
  }
}

@keyframes hoverPop {
  /* line 200, ../sass/_basic.scss */
  from {
    transform: scale(1);
  }

  /* line 201, ../sass/_basic.scss */
  to {
    transform: scale(1.5);
  }
}

@-webkit-keyframes w {
  /* line 207, ../sass/_basic.scss */
  0% {
    top: calc((100% - 30px) / 2);
    left: calc((100% - 30px) / 2);
    width: 30px;
    height: 30px;
    opacity: 1;
  }

  /* line 214, ../sass/_basic.scss */
  99% {
    opacity: 1;
  }

  /* line 217, ../sass/_basic.scss */
  100% {
    top: calc((100% - 2100px) / 2);
    left: calc((100% - 2100px) / 2);
    width: 2100px;
    height: 2100px;
    opacity: 0;
  }
}

@keyframes w {
  /* line 226, ../sass/_basic.scss */
  0% {
    top: calc((100% - 30px) / 2);
    left: calc((100% - 30px) / 2);
    width: 30px;
    height: 30px;
    opacity: 1;
  }

  /* line 233, ../sass/_basic.scss */
  99% {
    opacity: 1;
  }

  /* line 236, ../sass/_basic.scss */
  100% {
    top: calc((100% - 2100px) / 2);
    left: calc((100% - 2100px) / 2);
    width: 2100px;
    height: 2100px;
    opacity: 0;
  }
}

@-webkit-keyframes boundDown {
  /* line 248, ../sass/_basic.scss */
  from {
    height: 0;
    transform: translateY(-100vh);
  }

  /* line 253, ../sass/_basic.scss */
  to {
    height: 100vh;
    transform: translateY(0);
  }
}

@keyframes boundDown {
  /* line 262, ../sass/_basic.scss */
  from {
    height: 0;
  }

  /* line 266, ../sass/_basic.scss */
  to {
    height: 100vh;
  }
}

@keyframes fadeInFromNone {
  /* line 272, ../sass/_basic.scss */
  0% {
    display: none;
    opacity: 0;
  }

  /* line 277, ../sass/_basic.scss */
  1% {
    display: block;
    opacity: 0;
  }

  /* line 282, ../sass/_basic.scss */
  100% {
    display: block;
    opacity: 0.2;
  }
}

@-webkit-keyframes fadeInFromNone {
  /* line 287, ../sass/_basic.scss */
  0% {
    display: none;
    opacity: 0;
  }

  /* line 292, ../sass/_basic.scss */
  1% {
    display: block;
    opacity: 0;
  }

  /* line 297, ../sass/_basic.scss */
  100% {
    display: block;
    opacity: 0.2;
  }
}

@keyframes fadeInFromNone5 {
  /* line 304, ../sass/_basic.scss */
  0% {
    display: none;
    opacity: 0;
  }

  /* line 309, ../sass/_basic.scss */
  1% {
    display: block;
    opacity: 0;
  }

  /* line 314, ../sass/_basic.scss */
  100% {
    display: block;
    opacity: 0.5;
  }
}

@-webkit-keyframes fadeInFromNone5 {
  /* line 319, ../sass/_basic.scss */
  0% {
    display: none;
    opacity: 0;
  }

  /* line 324, ../sass/_basic.scss */
  1% {
    display: block;
    opacity: 0;
  }

  /* line 329, ../sass/_basic.scss */
  100% {
    display: block;
    opacity: 0.5;
  }
}

@keyframes fadeInFromNone10 {
  /* line 335, ../sass/_basic.scss */
  0% {
    display: none;
    opacity: 0;
  }

  /* line 340, ../sass/_basic.scss */
  1% {
    display: block;
    opacity: 0;
  }

  /* line 345, ../sass/_basic.scss */
  100% {
    display: block;
    opacity: 1;
  }
}

@-webkit-keyframes fadeInFromNone10 {
  /* line 350, ../sass/_basic.scss */
  0% {
    display: none;
    opacity: 0;
  }

  /* line 355, ../sass/_basic.scss */
  1% {
    display: block;
    opacity: 0;
  }

  /* line 360, ../sass/_basic.scss */
  100% {
    display: block;
    opacity: 1;
  }
}

/* line 366, ../sass/_basic.scss */
.leftRight {
  -webkit-animation-name: leftRight;
  -webkit-animation-duration: 0.3s;
  animation-name: leftRight;
  animation-duration: 0.3s;
}

@-webkit-keyframes leftRight {
  /* line 374, ../sass/_basic.scss */
  50% {
    transform: translateX(-65%) translateY(-50%);
  }

  /* line 377, ../sass/_basic.scss */
  100% {
    transform: translateX(50%) translateY(-50%);
  }
}

@keyframes leftRight {
  /* line 382, ../sass/_basic.scss */
  50% {
    transform: translateX(-65%) translateY(-50%);
  }

  /* line 385, ../sass/_basic.scss */
  100% {
    transform: translateX(50%) translateY(-50%);
  }
}

@-webkit-keyframes zoom {
  /* line 392, ../sass/_basic.scss */
  50% {
    transform: scale(1.3);
  }

  /* line 395, ../sass/_basic.scss */
  100% {
    transform: scale(1);
  }
}

@keyframes zoom {
  /* line 400, ../sass/_basic.scss */
  50% {
    transform: scale(1.3);
  }

  /* line 403, ../sass/_basic.scss */
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes fadeUp {
  /* line 410, ../sass/_basic.scss */
  0% {
    transform: translateY(50%);
    opacity: 0;
  }

  /* line 414, ../sass/_basic.scss */
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes fadeUp {
  /* line 420, ../sass/_basic.scss */
  0% {
    transform: translateY(50%);
    opacity: 0;
  }

  /* line 424, ../sass/_basic.scss */
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

@-webkit-keyframes load1 {
  /* line 432, ../sass/_basic.scss */
  0% {
    background: #fb7677;
  }

  /* line 433, ../sass/_basic.scss */
  25%,
  50%,
  75%,
  100% {
    background: #6c6e8d;
  }
}

@keyframes load1 {
  /* line 436, ../sass/_basic.scss */
  0%,
  100% {
    background: #fb7677;
  }

  /* line 437, ../sass/_basic.scss */
  25%,
  50%,
  75% {
    background: #6c6e8d;
  }
}

@-webkit-keyframes load2 {
  /* line 440, ../sass/_basic.scss */
  0%,
  100% {
    background: #fb7677;
  }

  /* line 441, ../sass/_basic.scss */
  25%,
  50%,
  75% {
    background: #6c6e8d;
  }
}

@keyframes load2 {
  /* line 444, ../sass/_basic.scss */
  25% {
    background: #fb7677;
  }

  /* line 445, ../sass/_basic.scss */
  0%,
  50%,
  75%,
  100% {
    background: #6c6e8d;
  }
}

@-webkit-keyframes load3 {
  /* line 448, ../sass/_basic.scss */
  50% {
    background: #fb7677;
  }

  /* line 449, ../sass/_basic.scss */
  0%,
  25%,
  75%,
  100% {
    background: #6c6e8d;
  }
}

@keyframes load3 {
  /* line 452, ../sass/_basic.scss */
  50% {
    background: #fb7677;
  }

  /* line 453, ../sass/_basic.scss */
  0%,
  25%,
  75%,
  100% {
    background: #6c6e8d;
  }
}

@-webkit-keyframes load4 {
  /* line 456, ../sass/_basic.scss */
  75% {
    background: #fb7677;
  }

  /* line 457, ../sass/_basic.scss */
  0%,
  25%,
  50%,
  100% {
    background: #6c6e8d;
  }
}

@keyframes load4 {
  /* line 460, ../sass/_basic.scss */
  75% {
    background: #fb7677;
  }

  /* line 461, ../sass/_basic.scss */
  0%,
  25%,
  50%,
  100% {
    background: #6c6e8d;
  }
}

/* line 4, ../sass/diary.scss */
#diaryListPage {
  overflow: auto;
}
/* line 6, ../sass/diary.scss */
#diaryListPage:before {
  content: "";
  position: fixed;
  height: 100%;
  width: 30px;
  display: block;
  right: 0;
  top: 0;
  background: #ffffff;
}
/* line 16, ../sass/diary.scss */
#diaryListPage > .content:before {
  content: "";
  position: fixed;
  height: 20vh;
  width: 100%;
  display: block;
  right: 0;
  top: 0;
  z-index: 10;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF0F0EF', endColorstr='#FFFFFFFF');
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #ffffff),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background-image: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
/* line 28, ../sass/diary.scss */
#diaryListPage > .content:after {
  content: "";
  position: fixed;
  width: 100%;
  height: 8%;
  display: block;
  right: 0;
  bottom: 0;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF00FFFF', endColorstr='#FFFFFFFF');
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(100%, #ffffff)
  );
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

/* line 41, ../sass/diary.scss */
#diary_article .topCover {
  background: #f0f0ef;
}
/* line 44, ../sass/diary.scss */
#diary_article:after {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF0F0EF', endColorstr='#FFF0F0EF');
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, rgba(240, 240, 239, 0)),
    color-stop(100%, #f0f0ef)
  );
  background-image: -webkit-linear-gradient(top, rgba(240, 240, 239, 0) 0%, #f0f0ef 100%);
  background-image: -moz-linear-gradient(top, rgba(240, 240, 239, 0) 0%, #f0f0ef 100%);
  background-image: -o-linear-gradient(top, rgba(240, 240, 239, 0) 0%, #f0f0ef 100%);
  background-image: linear-gradient(top, rgba(240, 240, 239, 0) 0%, #f0f0ef 100%);
}
/* line 48, ../sass/diary.scss */
#diary_article:before {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF0F0EF', endColorstr='#FFF0F0EF');
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #f0f0ef),
    color-stop(100%, rgba(240, 240, 239, 0))
  );
  background-image: -webkit-linear-gradient(top, #f0f0ef 0%, rgba(240, 240, 239, 0) 100%);
  background-image: -moz-linear-gradient(top, #f0f0ef 0%, rgba(240, 240, 239, 0) 100%);
  background-image: -o-linear-gradient(top, #f0f0ef 0%, rgba(240, 240, 239, 0) 100%);
  background-image: linear-gradient(top, #f0f0ef 0%, rgba(240, 240, 239, 0) 100%);
}

/* line 55, ../sass/diary.scss */
.diaries {
  width: 100%;
  min-height: 30%;
  position: relative;
  padding-left: 7%;
  box-sizing: border-box;
}
@media (max-width: 800px) {
  /* line 55, ../sass/diary.scss */
  .diaries {
    padding: 0;
  }
}
/* line 64, ../sass/diary.scss */
.diaries ul {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 30vh 0 0;
}
@media (max-width: 800px) {
  /* line 64, ../sass/diary.scss */
  .diaries ul {
    margin: calc(6vh + 120px) 0 0;
  }
}
/* line 73, ../sass/diary.scss */
.diaries .list_diary {
  display: block;
  width: 50%;
  position: relative;
  height: 150px;
  margin: 55px;
  cursor: pointer;
}
/* line 80, ../sass/diary.scss */
.diaries .list_diary:nth-child(even) {
  margin-left: 50%;
}
@media (max-width: 800px) {
  /* line 73, ../sass/diary.scss */
  .diaries .list_diary {
    width: 100%;
    margin: 8% auto;
    height: calc(18.5vw + 42px);
  }
  /* line 87, ../sass/diary.scss */
  .diaries .list_diary:before {
    content: "";
    width: 85%;
    height: 1px;
    display: block;
    background: #ddd;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  /* line 99, ../sass/diary.scss */
  .diaries .list_diary:nth-child(even) {
    margin: 5% auto;
  }
}
/* line 105, ../sass/diary.scss */
.diaries .list_diary .thumbnail {
  height: 220px;
  width: 220px;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: 22px 19px 29px rgba(7, 0, 2, 0.08);
  transform: rotate(45deg);
  margin: 35px;
  overflow: hidden;
}
@media (max-width: 800px) {
  /* line 105, ../sass/diary.scss */
  .diaries .list_diary .thumbnail {
    height: 75px;
    width: 75px;
    right: 0;
    left: auto;
    top: -74px;
    background-color: white;
    box-shadow: 14px 13px 18px rgba(7, 0, 2, 0.08);
  }
}
/* line 124, ../sass/diary.scss */
.diaries .list_diary .thumbnail img {
  height: 100%;
  margin: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.9;
}
/* line 131, ../sass/diary.scss */
.diaries .list_diary .number {
  position: absolute;
  bottom: 54px;
  font-size: 77pt;
  left: 20px;
  font-family: "Futura LT Bold";
}
/* line 137, ../sass/diary.scss */
.diaries .list_diary .number:after {
  transform: rotate(45deg);
  content: "";
  position: absolute;
  height: 15px;
  width: 15px;
  display: block;
  background: #475258;
  bottom: 3%;
  right: -17%;
}
@media (max-width: 800px) {
  /* line 131, ../sass/diary.scss */
  .diaries .list_diary .number {
    left: -10px;
    font-size: 14vw;
    top: 20%;
    bottom: auto;
    opacity: 0.13;
  }
  /* line 154, ../sass/diary.scss */
  .diaries .list_diary .number:after {
    right: -16%;
    bottom: -12%;
    height: 3vw;
    width: 3vw;
    max-width: 15px;
    max-height: 15px;
  }
}
/* line 164, ../sass/diary.scss */
.diaries .list_diary .date {
  position: absolute;
  bottom: 35px;
  left: 32px;
  text-transform: uppercase;
  font-size: 10pt;
  font-weight: bold;
  letter-spacing: 4px;
  transform: scale(1, 0.9);
}
@media (max-width: 800px) {
  /* line 164, ../sass/diary.scss */
  .diaries .list_diary .date {
    width: 5vw;
    top: 0;
    line-height: 4vw;
    letter-spacing: 3px;
    font-size: 3vw;
  }
}
/* line 181, ../sass/diary.scss */
.diaries .list_diary .words {
  position: absolute;
  height: 50%;
  bottom: 0;
  width: 48%;
  left: 45%;
}
@media (max-width: 800px) {
  /* line 181, ../sass/diary.scss */
  .diaries .list_diary .words {
    width: 52vw;
    top: 0;
    left: calc(17vw + 40px);
  }
}
/* line 192, ../sass/diary.scss */
.diaries .list_diary .words svg {
  height: 28px;
  width: 28px;
  float: left;
  position: absolute;
  left: -38px;
  top: 4px;
}
@media (max-width: 800px) {
  /* line 192, ../sass/diary.scss */
  .diaries .list_diary .words svg {
    left: calc(-7.5vw - 5px);
    top: 4px;
  }
}
/* line 204, ../sass/diary.scss */
.diaries .list_diary .words .title {
  position: relative;
  font-size: 22pt;
  line-height: 35px;
  font-weight: bold;
}
/* line 209, ../sass/diary.scss */
body[lang="en_US"] .diaries .list_diary .words .title {
  font-size: 20pt;
  text-transform: uppercase;
}
@media (max-width: 800px) {
  /* line 204, ../sass/diary.scss */
  .diaries .list_diary .words .title {
    font-size: 20pt;
    line-height: 22pt;
  }
  /* line 216, ../sass/diary.scss */
  body[lang="en_US"] .diaries .list_diary .words .title {
    font-size: 20pt;
  }
}
@media (max-width: 400px) {
  /* line 204, ../sass/diary.scss */
  .diaries .list_diary .words .title {
    font-size: 16pt;
    line-height: 18pt;
  }
  /* line 223, ../sass/diary.scss */
  body[lang="en_US"] .diaries .list_diary .words .title {
    font-size: 14pt;
    line-height: 15pt;
  }
}
/* line 229, ../sass/diary.scss */
.diaries .list_diary .words .preview {
  position: relative;
  font-size: 8pt;
  line-height: 1.9;
  margin-top: 5px;
  height: 48pt;
  overflow: hidden;
}
@media (max-width: 800px) {
  /* line 229, ../sass/diary.scss */
  .diaries .list_diary .words .preview {
    line-height: 1.8;
    margin-top: 5.2%;
  }
}

/* line 245, ../sass/diary.scss */
#diaryListPage .pageNav {
  overflow: inherit;
  margin-left: 30px;
  height: auto;
  pointer-events: initial;
}
@media (max-width: 800px) {
  /* line 245, ../sass/diary.scss */
  #diaryListPage .pageNav {
    display: none;
  }
}
/* line 253, ../sass/diary.scss */
#diaryListPage .pageNav .chap_choose {
  padding: 35px 0px;
  box-sizing: border-box;
  position: relative;
  height: auto;
}
/* line 259, ../sass/diary.scss */
#diaryListPage .pageNav li {
  list-style: none;
  width: 87px;
  height: 30px;
  transform: translateX(-50%);
  text-align: center;
  line-height: 30px;
  margin: 0px 0 10px 50%;
  display: none;
  font-size: 9pt;
}
/* line 269, ../sass/diary.scss */
#diaryListPage .pageNav li.ch1 {
  display: block;
}
/* line 275, ../sass/diary.scss */
#diaryListPage .pageNav.show2 li.ch2 {
  display: block;
}
/* line 275, ../sass/diary.scss */
#diaryListPage .pageNav.show3 li.ch3 {
  display: block;
}
/* line 275, ../sass/diary.scss */
#diaryListPage .pageNav.show4 li.ch4 {
  display: block;
}
/* line 280, ../sass/diary.scss */
#diaryListPage .pageNav .next {
  z-index: 10;
}

/* line 284, ../sass/diary.scss */
#diary_navMobile {
  display: none;
  position: fixed;
  top: 0;
  height: 50px;
  width: 100%;
  background: #ffffff;
  line-height: 50px;
  padding: 5vh 0 20px 105px;
  z-index: 40;
}
@media (max-width: 800px) {
  /* line 284, ../sass/diary.scss */
  #diary_navMobile {
    display: block;
  }
}
/* line 297, ../sass/diary.scss */
#diary_navMobile li {
  list-style: none;
  float: left;
  margin: 0 10px;
  cursor: pointer;
}
/* line 302, ../sass/diary.scss */
#diary_navMobile li.ch2,
#diary_navMobile li.ch3,
#diary_navMobile li.ch4 {
  display: none;
}
/* line 308, ../sass/diary.scss */
#diary_navMobile.show2 li.ch2 {
  display: block;
}
/* line 308, ../sass/diary.scss */
#diary_navMobile.show3 li.ch3 {
  display: block;
}
/* line 308, ../sass/diary.scss */
#diary_navMobile.show4 li.ch4 {
  display: block;
}
/* line 314, ../sass/diary.scss */
#diary_navMobile:before {
  content: "Chapter";
  display: block;
  left: 40px;
  position: absolute;
  color: #475258;
}
/* line 321, ../sass/diary.scss */
#diary_navMobile:after {
  content: "";
  display: block;
  left: 0;
  width: 100%;
  height: 15px;
  bottom: -15px;
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FF00FFFF');
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, white),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background-image: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

/* line 338, ../sass/diary.scss */
#diary_time {
  color: #ffffff;
  text-shadow: 0 16px 17px rgba(7, 0, 2, 0.06);
  opacity: 0.7;
  z-index: 15;
  pointer-events: none;
  text-transform: uppercase;
}

/* line 348, ../sass/diary.scss */
#diaryPage {
  background: #f0f0ef;
  overflow: auto;
}
/* line 351, ../sass/diary.scss */
#diaryPage > .content:before {
  content: "";
  position: fixed;
  height: 100%;
  width: 30px;
  display: block;
  right: 0;
  top: 0;
  background: #f0f0ef;
}
/* line 361, ../sass/diary.scss */
#diaryPage .squareBG .square path {
  stroke: #ffffff;
}
/* line 364, ../sass/diary.scss */
#diaryPage .decor_line path {
  fill: #ffffff;
}
/* line 368, ../sass/diary.scss */
#diaryPage .deco_square .fillColor {
  stop-color: #ffffff;
}

/* line 373, ../sass/diary.scss */
.diary_image {
  height: 43vh;
  width: 43vh;
  position: absolute;
  margin: 0 auto;
  right: 16%;
  z-index: 11;
  bottom: 53%;
  pointer-events: none;
  max-width: 800px;
  max-height: 800px;
  transform: rotate(45deg);
  background-size: cover !important;
  box-shadow: 22px 19px 29px rgba(7, 0, 2, 0.08);
}

/* line 388, ../sass/diary.scss */
#diary_shareArea {
  pointer-events: none;
}

/* line 391, ../sass/diary.scss */
#diary_article_category {
  position: absolute;
  font-size: 40pt;
  margin-top: -20px;
  z-index: -1;
  opacity: 0.1;
  font-family: serif;
}

/* line 399, ../sass/diary.scss */
#DiaryImgMobile {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100% auto !important;
  background-position: top left !important;
}

@media (max-width: 800px) {
  /* line 411, ../sass/diary.scss */
  .diaryPage #copyright {
    display: none !important;
  }

  /* line 414, ../sass/diary.scss */
  #diary_article {
    width: 85%;
    padding-left: 16vw;
  }
  /* line 417, ../sass/diary.scss */
  #diary_article:before,
  #diary_article .topCover {
    display: none;
  }
  /* line 420, ../sass/diary.scss */
  #diary_article:after {
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF00FFFF', endColorstr='#FFFFFFFF');
    background-image: -webkit-gradient(
      linear,
      50% 0%,
      50% 100%,
      color-stop(0%, rgba(240, 240, 239, 0)),
      color-stop(100%, #f0f0ef)
    );
    background-image: -webkit-linear-gradient(top, rgba(240, 240, 239, 0) 0%, #f0f0ef 100%);
    background-image: -moz-linear-gradient(top, rgba(240, 240, 239, 0) 0%, #f0f0ef 100%);
    background-image: -o-linear-gradient(top, rgba(240, 240, 239, 0) 0%, #f0f0ef 100%);
    background-image: linear-gradient(top, rgba(240, 240, 239, 0) 0%, #f0f0ef 100%);
  }

  /* line 429, ../sass/diary.scss */
  #diary_shareArea {
    display: none;
  }

  /* line 433, ../sass/diary.scss */
  #DiaryImgMobile {
    display: block;
  }

  /* line 436, ../sass/diary.scss */
  #diary_article_category {
    font-size: 12vw;
  }

  /* line 441, ../sass/diary.scss */
  #diaryPage > .content:before {
    display: none;
  }
  /* line 444, ../sass/diary.scss */
  #diaryPage .scrollHint {
    display: none;
  }
  /* line 446, ../sass/diary.scss */
  #diaryPage .scrollHint.showTop {
    display: block;
  }
  /* line 449, ../sass/diary.scss */
  #diaryPage .scrollHint .up {
    display: block;
  }
  /* line 452, ../sass/diary.scss */
  #diaryPage .scrollHint svg {
    transform: rotate(180deg);
  }
}