@charset "utf-8";
/* CSS Document */
/*このファイルは「azure」フォルダー内でのみ使用するスタイルを記述したものです。
必ず「style-works.css」の後に読みこんでください。*/
/* 作品別テーマカラー
AZURE:#81bef7 */
/*------------------------------
    h styles
 ------------------------------*/
.head-azure {
  padding-left: 1em;
  background-color: #6699cc;
  color: #fff;
  font-weight: bold;
  letter-spacing: .1em;
}
.chapter-azure {
  margin: 15px 8px 20px;
  margin: 1.5rem .8rem 2rem;
  padding: 5px 9px;
  padding: .5rem .9rem;
  color: #272727;
  font-weight: normal;
  background: url("../img/azure/mark.svg") no-repeat left center;
}
/*------------------------------
    header styles
 ------------------------------*/
.ttl.azure {
  width: 70vw;
  color: #fff;
  font-size: 22px;
  font-size: 2.2rem;
  padding: .3em;
}
.ttl.azure a {
  color: #fff;
  text-decoration: none;
}
.ttl.azure a:hover {
  color: rgba(255, 255, 255, .8);
}
/* ↑ marginなどレイアウト基本スタイルは「style-works.css」内「.ttl」参照 */
/* AZUREナビゲーションリンクスタイル */
.navigation-wrap.azure {
  background-color: rgba(129, 190, 247, .9);
}
.mainMenu.azure a {
  color: #fff;
}
/*------------------------------
    #contents style
 ------------------------------*/
.top.azure {
  background: url("../img/azure/top20220721_sp.jpg") no-repeat center center /cover;
}
/*------------------------------
   min-width is 940px
 ------------------------------*/
@media screen and (min-width: 940px) {
  .ttl.azure {
    margin-left: 18px;
    margin-left: 1.8rem;
  }
  .mainMenu.azure a:hover {
    color: rgba(255, 255, 255, .8);
  }
}
/*------------------------------
   min-width is 768px
 ------------------------------*/
@media screen and (min-width:768px) {
  .top.azure {
    background: url("../img/azure/top20230318.jpg") no-repeat center center /cover;
  }
}