@charset "utf-8";
　　// デフォルトのスタイル

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body{
color:#282828;
font-size:18px;
line-height:0;
background:#007AB1;
text-align:center;
margin: 0 auto;
-webkit-appearance: none;
-webkit-text-size-adjust: none;
font-family: "Helvetica Neue",
  Arial,
  "Hiragino Kaku Gothic ProN",
  "Hiragino Sans",
  Meiryo,
  sans-serif;
}

/* 全体　
------------------------------------------------------------*/

/*-------共通-------*/

.wrapper {
  max-width: 768px;
  margin: 0 auto;
  background-color: #FFFFFF;
  height: 100%;
}

/*
.img-responsive {
  width:100%;
  height:auto;
  vertical-align: bottom;
}

.img-bottom {
  margin-bottom: 5%;
}

*/

img {
  image-rendering: -webkit-optimize-contrast;
  width: 100%;
  vertical-align: bottom;

}

.manga_link_btn {
  display: flex;
  justify-content: space-around; 
  gap: 3%;
  width: 92%;
  margin: 0 auto;
  margin-top: -20%;
}

.manga_btn{
  object-fit: cover;
}

.contents_page1 {
  margin-top: 3%;
}

.btn_page1 {
  margin-top: -30%;
}

.contents_page2 {
  margin-top: 10%;
}

.btn_page2 {
  margin-top: -30%;
}

.contents_page3 {
  margin-top: 10%;
}

.btn_page3 {
  margin-top: -30%;
}

.btn_feature {
  margin-top: 20%;
}

.btn_feature img{
  width: 91%;
}

/*-------footer-------*/

footer {
  margin-top: 5%;

}


/* fadein.js用
------------------------------------------------------------
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }

.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
*/