@charset "utf-8";
/* CSS Document */

/*このファイルは「lomf」フォルダー内でのみ使用するスタイルを記述したものです。
必ず「style-works.css」の後に読みこんでください。*/

/* 作品別テーマカラー
つきほの:#fbc70e*/

/*------------------------------
    h styles
 ------------------------------*/
.border-lomf {
  border-bottom-color: #fbc70e;
}
.head-moon {
  margin: 56px auto 40px;
  margin: 5.6rem auto 4rem;
  padding: .25em 1em;
  width: 45%;
  position: relative;
  border-top: solid .1em #fbc70e;
  border-bottom: solid .1em #fbc70e;
  color: #666;
  text-align: center;
  font-weight: 400;
  letter-spacing: .2em;
}
.head-moon::before, .head-moon::after {
  content: '';
  position: absolute;
  top: -7px;
  top: -.42rem;
  width: 2px;
  width: .13em;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + .89em);
  background-color: #fbc70e;
}
.head-moon:before {
  left: .4em;
}
.head-moon:after {
  right: .4em;
}
.chapterNumber-lomf {
  margin-right: .4em;
  color: #fbc70e;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: .1em;
}
/*------------------------------
    header styles
 ------------------------------*/
/* つきほのナビゲーションリンクスタイル */
.mainMenu.lomf a {
  border-bottom: .2em solid #ffe598;
}
/*------------------------------
   min-width is 940px
 ------------------------------*/
@media screen and (min-width:940px){
	/* つきほのナビゲーションリンクスタイル */
  .mainMenu.lomf a {
    border-bottom: .2em solid #ffe598;
  }
  .mainMenu.lomf a::after {
    width: 100%;
    height: .13em;
    position: absolute;
    bottom: -2px;
    bottom: -.13em;
    left: 0;
    background: #fbc70e;
    display: block;
    content: "";
    transform: scaleX(0);
    transform-origin: right top;
    transition: transform .3s;
  }
  .mainMenu.lomf a:hover::after {
    transform: scaleX(1);
    transform-origin: left top;
  }
}