@charset "UTF-8";

/* 全体 */
article#news .column {
    display: block;
    width: 94%;
    height: auto;
    background: url('./_image/bg.jpg')repeat-y center top/100% auto;
    margin: 0 auto;
    padding: 0 0 5%;
    font-size: 15px;
}

/*メイン------------------------------*/
/* メイン */
.main {
    max-width: 100%;
    margin: 0 auto;
}

/* ロゴ */
.logo {
    max-width: 97%;
    margin: 0 auto;
}

/* 原作・マンガ */
.writer {
    max-width: 67%;
    margin: -1.5% auto;
}

/* キービジュアル */
.key {
    max-width: 100%;
    margin: 3% auto 0;
}

/*-----------------------------------------------------------*/
/*『///SCAR-LET///』とは？------------------------------*/
.about {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 3%;
    background: url('./_image/about_bg.png')no-repeat center top/100% 100%;
}

/* 見出し */
.bnr {
    max-width: 86%;
    width: 86%;
    margin: 0.5% auto 0;
}

/* 天ノ川緋色 */
.chara1 {
    max-width: 66%;
    margin: 3% 0 0 7.5%;
}

/* 天ノ川瑠羽 */
.chara2 {
    max-width: 66%;
    margin: -8.5% 0 0 30%;
}

/* 懲厳己いちご */
.chara3 {
    max-width: 73%;
    margin: -8% 0 0 7.5%;
}

/*-----------------------------------------------------------*/
/*あらすじ------------------------------*/
/* あらすじ */
.story {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 1%;
    background: url('./_image/story_bg.png')no-repeat center top/100% 100%;
}

.arasuji {
    max-width: 90%;
    margin: 4.5% auto;
}

/* テキスト */
article#news .column p {
    margin: 0 auto;
    padding: 0 0 1%;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*-----------------------------------------------------------*/
/*試し読み------------------------------*/
.read {
    max-width: 100%;
    margin: 0 auto;
    background: url('./_image/read_bg.png')no-repeat center top/100% 100%;
}

/* 注意書き */
.cau {
    max-width: 54.5%;
    margin: 2% auto;
}

/* 試し読み */
.cut {
    max-width: 87%;
    margin: 0% auto;
}

/* 試し読みボタン */
.btn {
    max-width: 20%;
    margin: -44% auto 0;
    padding-bottom: 30%;
}


footer {
    position: relative;
    width: 94%;
    background: #000;
    margin: 0 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*/
}