@charset "UTF-8";
/**
 * 旅色BOOK トンマナ用CSS
 * Created on: 2019.05.29
 * Modified on: 2021.12.27 -- dart-sass対応
 */
/*--------------------------------------------------------
　BREAK POINT
--------------------------------------------------------*/
/*--------------------------------------------------------
　FONT
--------------------------------------------------------*/
/*--------------------------------------------------------
　COLOR
--------------------------------------------------------*/
/*--------------------------------------------------------
　FRAME WIDTH
--------------------------------------------------------*/
/*--------------------------------------------------------
　CSS SPRITE
--------------------------------------------------------*/
/*--------------------------------------------------------
　OTHERS
--------------------------------------------------------*/
/**
 * 旅色BOOK3月号 テーマカラー用CSS
 * Created on: 2026.02.25
 */
/*--------------------------------------------------------
　COLOR
--------------------------------------------------------*/
/**
 * 旅色BOOK3月号 トンマナ用CSS
 * Created on: 2026.02.25
 */
/*--------------------------------------------------------
　MONTHLY BOOK COMMON
--------------------------------------------------------*/
#menu_btn {
  background: #DC3C2D;
}

#menu_content {
  background: #E2EFF4;
}

#menu_content .cover a {
  display: block;
  cursor: pointer;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
#menu_content .cover a:hover {
  opacity: 0.7;
}
#menu_content #gnavi {
  position: relative;
}
#menu_content #gnavi ul {
  padding-bottom: 2.5em;
}
#menu_content #gnavi li {
  margin: 0.5% 0;
  /*.img {
    width: 10vmin;
  }*/
}
#menu_content #gnavi li .txt {
  line-height: 1.3;
}
#menu_content #gnavi .copyrights {
  width: 80vw;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  margin-bottom: 0.8%;
  z-index: -1;
}
#menu_content #gnavi .copyrights.rightbox {
  bottom: 0;
}
@media screen and (orientation: portrait) {
  #menu_content #gnavi li .img {
    width: 7vmax;
  }
  #menu_content #gnavi li .txt {
    font-size: 12px;
    line-height: 1.2em;
  }
}
#menu_content .staff-credit, #menu_content .copyrights {
  color: #000000;
}

.bottom-contents .ttl {
  font-size: 18px;
  font-family: "Hiragino Kaku Gothic W6 JIS2004", Sans-Serif;
}
@media only screen and (max-width: 1024px) {
  .bottom-contents .ttl {
    font-size: 16px;
  }
}
@media only screen and (max-width: 800px) {
  .bottom-contents .ttl {
    font-size: 2vw;
  }
}
@media only screen and (max-width: 640px) {
  .bottom-contents .ttl {
    font-size: 16px;
  }
}
.bottom-contents .ttl::after {
  width: calc(100% - 5em);
}
.bottom-contents ul li {
  margin-top: 2.5%;
}

.c-filter {
  pointer-events: none !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -moz-touch-callout: none !important;
  -moz-user-select: none !important;
  touch-callout: none !important;
  user-select: none !important;
}
/*# sourceMappingURL=common.css.map */