@charset "UTF-8";
/* 全体 */
article#news .column {
  display: block;
  width: 94%;
  height: auto;
  margin: -3% auto 0;
  padding: 0;
  font-size: 15px;
}
/*メイン------------------------------*/
/* メイン */
.main {
  max-width: 100%;
  margin: 0 auto 0;
  background: url('./_image/main.webp')no-repeat center top/100% auto;
}
/* キービジュアル */
.key {
  max-width: 100%;
  margin: 3% auto 0;
}
/* ロゴ */
.logo {
  max-width: 55.5%;
  margin: -26% auto 0;
}
/* 原作・マンガ */
.writer {
  max-width: 21%;
  margin: -13% 0 0 72%;
}
/* コンテンツ */
.cont {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-bottom: 5%;
background: url('./_image/bg.webp')no-repeat center top 110%/100% auto;
}
/*-----------------------------------------------------------*/
/*『かもめの剣術』とは？------------------------------*/
.about {
  max-width: 100%;
  margin: 0 auto;
}
/* 見出し */
.bnr {
  max-width: 52%;
  margin: -1% auto 0;
}
/* かもめ */
.charaname {
max-width: 16.5%;
margin: -5.5% 0 0 70%;
}
/* かもめ紹介 */
.cap1 {
 max-width: 29%;
margin: -29% 0 0 1%;
}

/* 登場人物 */
section.about .ttl {
  max-width: 10%;
  margin: -48% 0 0 83.5%;
}
/* かもめ */
.chara1 {
max-width: 58%;
margin: -45.5% 0 0 23%;
}
/*-----------------------------------------------------------*/
/*あらすじ------------------------------*/
/* あらすじ */

.story {
  max-width: 100%;
  margin: 0 auto;

}
/* 登場人物 */
section.story .ttl {
  max-width: 10%;
  margin: -47.5% 0 0 7%;
}
/* あらすじ */
.arasuji {
  max-width: 86%;
  margin: -12.5% 0 0 6.5%;
}

/*-----------------------------------------------------------*/
/*試し読み------------------------------*/
.read {
  max-width: 100%;
  margin: 0 auto;

}
.read .bnr {
  max-width: 73.5%;
margin: 16% auto 0;
}
/* 試し読み */
.cut {
  max-width: 83%;
  margin: 0.5% auto 0;
}
/* 試し読みボタン */
.btn {
  max-width: 24%;
  margin: -42% auto 0;
}
.btnlink i img {
max-width: 78%;
margin: 19% auto 0;
padding: 0 0 5%;
}
footer {
  position: relative;
  width: 94%;
  background: #000;
  margin: -1% auto 0;
  padding: 10% 0 4%;
  text-align: center;
  box-sizing: border-box;
  z-index: 999;
}
/*-----------------------------------------------------------*/
/*SP用ページ用設定*/
/*-----------------------------------------------------------*/
@media screen and (max-width: 667px) {
  /*---------------------------------------------------------*/
  /*------------------------------------------------end@media*/
}