@charset "UTF-8";
* {
  background-repeat: no-repeat; }

body {
  font-feature-settings: "palt"; }

/*▼For All Website*/
/*Text settings
Browser Default Font Size
100% = 1em = 1rem = 16px = 12pt
*/
html {
  font-size: 62.5%;
  line-height: 62.5%; }

/*フォントサイズの基準を1rem=10pxに*/
.justify {
  text-align: justify;
  text-justify: inter-ideograph; }

/*Text-shadow settings*/
.txt_shadow_blk {
  text-shadow: 0px 0px 5px #000; }

.txt_shadow_wht {
  text-shadow: 0px 0px 5px #fff; }

/*Align settings*/
.align_center {
  text-align: center; }

.align_left {
  text-align: left; }

.align_right {
  text-align: right; }

/*Last-element settings*/
.l_to_r > *:last-child {
  margin-right: 0 !important; }

.t_to_b > *:last-child {
  margin-bottom: 0 !important; }

/*Responsive settings*/
@media screen and (max-width: 500px) {
  img {
    max-width: 100%;
    height: auto;
    width: auto; } }

@media screen and (max-width: 500px) {
  .onlyPC {
    display: none; } }

@media screen and (min-width: 500px) {
  .onlySP {
    display: none; } }

.notes_img {
  position: relative; }
  .notes_img span {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 1rem;
    line-height: 1;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.7); }
    .notes_img span:before, .notes_img span:after {
      display: block;
      content: '';
      width: 0;
      height: 0; }
    .notes_img span:before {
      margin-top: calc((1rem - (1rem * 1)) / 2); }
    .notes_img span:after {
      margin-bottom: calc((1rem - (1rem * 1)) / 2); }
    @media screen and (max-width: 500px) {
      .notes_img span {
        bottom: 5px;
        right: 5px;
        font-size: 0.8rem;
        line-height: 1; }
        .notes_img span:before, .notes_img span:after {
          display: block;
          content: '';
          width: 0;
          height: 0; }
        .notes_img span:before {
          margin-top: calc((0.8rem - (0.8rem * 1)) / 2); }
        .notes_img span:after {
          margin-bottom: calc((0.8rem - (0.8rem * 1)) / 2); } }

/*link settings*/
.opacity {
  transition: 0.3s ease-in-out; }

.opacity:hover {
  opacity: 0.5;
  filter: alpha(opacity=50); }

/*Grayscale*/
.grayscale {
  transition: 0.3s ease-in-out;
  filter: grayscale(100%); }

.grayscale:hover {
  filter: none; }

/*Scroll_in*/
.scroll_in {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all 500ms; }

.scroll_in_active {
  opacity: 1;
  transform: translate(0, 0); }

/*# sourceMappingURL=Library.css.map */