@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=VT323);
/*!
 * Template: 26-quest v1.0.0 (https://klee.mypace.net/)
 * Copyright 2017 klee
 * Licensed under MIT (https://opensource.org/licenses/mit-license.php)
 */
/* ============================================================
   適用デバイス：すべて（xs,sm,md,lg）
   ============================================================ */
/* 適用対象：要素全体
   ============================================================ */
/* リセットCSS */
h1{font-weight: normal;}
nav ul{list-style:none;padding:0;}
nav ul, dt, dd{margin: 0;}
ins, h1 a, a:hover{text-decoration: none;}

/* bodyなど #333 #594*/
body{line-height:1.7;background-image: url("../img/bg.png");  background-repeat: repeat;color: #ccc;margin: 20px 0;} 
header{text-align: center;}
main section{margin: 40px 0;}
main section section{margin: 20px 0;}
main section:first-child{margin-top: 20px;}
main section:last-child{margin-bottom: 20px;}

/* りんごちゃん画像用: 
img {
 width: 100%;
 height: 100%;
 max-width: 200px;
 margin-right: 0;
 margin-left: auto;
 display: block;
}

/* りんごちゃん画像用2: */
.ringo {
 display: flex;
 justify-content: center;
}

.ringo__card {
 margin-right: 25px;
 margin-top: auto;
}

.ringo__card:last-child {
 margin-right: 0;
}
img {
 width: 100%;
 height: 100%;
 max-width: 200px;
 margin-right: 0;
 margin-left: auto;
 display: block;
}

/* リンク */
a{color: #ccc;}

/* 水平線 */
hr{border-top: 1px solid #fff;}
/* 重要性 */
strong{color: #38bdf8;}
/* 追加要素 */
ins::after{color: #ccc;content: "new";border: 1px solid;margin-left: 10px;padding: 0 5px;}
/* 適用対象：クラス名を付けた要素
   ============================================================ */
/* 見出し */
.site-title{margin: 0;line-height: 1;}
.site-title a:link, site-title a:visited{font-size: 3.6rem;font-family: "M PLUS Rounded 1c"; cursive;}
.site h2, .site h3{font-size: 100%;}
.site h2{display: inline-block;border-bottom: 2px solid;}
.site main h3::before{content: "＊";}
.site main h3, .h3{margin: 5px auto;}

/* ナビゲーションメニュー */
.gnav{margin: -10px;}
.gnav li a, .game li a{display: block;}
.gnav li a, .game li a{text-decoration: none;padding: 0 0 0 1em;}
.gnav li a:hover, local-nav li a:hover, .now, .game li a:hover{background: url(../img/nav-bg.png) no-repeat 0% 50%;}

/* 展示リスト */
.list, .list-ss{list-style: none;padding: 0;}
.list li{color: #666;}
.list li a{margin-right: 15px;}
.list-caption dd{padding-left: 10px;}
.list-display dt {float: left;width: 9em;height:auto;}
.list-display dd {margin: 0 0 5px 9em;padding-left: 1em;}
.list-caption dd, .list-display dd{color: #999;}
.list-ss li{display: inline;border-right: 1px solid #ccc;padding-right: 7px;margin-right: 7px;}
.list-ss li:last-child{border: none;}

/* ページ下部のメニュー */
.local-nav {text-align: center;margin: 20px auto 0;padding: 0;}
.local-nav li{display: inline;padding: 0 30px;}

/* 装飾ボックス */
.inner{border: 2px solid #ccc;margin: 20px 0;padding: 20px;border-radius:8px;background: rgba(0,0,0,0.6);}
.box{border: 1px solid #ccc;border-radius: 4px;padding: 10px;}

/* カウンター */
.counter, .counter a{font-size: smaller;text-align: right;}

/* 余白調整 */
.inner:first-child{margin-bottom: 0;}
main section:first-child, .site main h2:first-child{margin-top: 0;}
main section:last-child, .novel:last-child, main ul:last-child{margin-bottom: 0;}

/* ============================================================
   適用デバイス：タブレット(sm)・デスクトップ(md)・大画面デスクトップ(lg)
   ============================================================ */
@media all and (min-width: 768px) {
body{margin: 30px 0;}
.link-bn dt{float: left;}
.link-bn dd{margin-left: 210px;padding: 0 0 0 10px;}
.btn-inline{display: inline;}
}


.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
   filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
   filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}