@charset "UTF-8";
/*「サンタ・ピエロ」もくじ用css*/

body {
 font-family: 'メイリオ','Hiragino Kaku Gothic Pro','sans-serif';
 background-color: #f5f5f5;
 color: #333333;
 width: 100%;
 margin: 5px auto 10px auto;
 line-height: 1.5em;
}

/*リンク動作－全体*/
a {
 color: #333333;
 text-decoration: none;
}

/*タイトル部分*/
h1 {
 margin-top: 30px;
 text-align: center;
 color: #11114d;
}
.title {
 height: 80px;
 width: 100%;
 background-color: #ffffff;
 margin-top: 0px;
 border: solid 1px #ffffff;
 background-image: url(st-bg.jpg);
 background-repeat: no-repeat;
}

/*著者名*/
.author {
 text-align: center;
 padding-bottom: 10px;
}
h2 {
 margin-top: 15px;
 margin-bottom: 0px;
}

/*「私立図書館へ戻る」*/
.back {
 height: 32px;
 width: 100%;
 background-color: #dcdcdc;
 text-align: center;
 border: solid 1px #d3d3d3;
 margin-top: 25px;
}
.back p {
 font-size: 18px;
 margin-top: 0px;
 line-height:1.8em;
 color: #ffffff;
}
.back a {
 padding: 1px;
 display: block;
}
.back a:hover {
 background-color: #8c8c8c;
 color: #ffffff;
}

/*「もくじ」*/
h3 {
 width: 100%;
 text-align: center;
 margin-top: 30px;
 margin-bottom: 30px;
}

/*もくじスペース*/
.mokuji {
 background-color: #fefefe;
 color: #4a4a4a;
 width: 98%;
 padding-bottom: 10px;
}

/*各話リスト*/
.mokuji ul {
 list-style: none;
 padding: 0px;
 width: 100%;
 text-align: center;
}
.mokuji li {
 border: dotted 1px #c4c4c4;
 }
.mokuji a {
 padding: 5px;
 display: block;
 color: #0000EE;
}
.mokuji a:visited {
 color: #551A8B;
}
.mokuji a:hover {
 background-color: #b2b2b2;
 color: #ffffff;
}

/*巻イメージイラスト*/
.illust {
 background-color: #fefefe;
 padding-top: 10px;
 padding-bottom: 30px;
}
.illust img {
 display: block;
 margin: 0 auto 0 auto;
 padding-bottom: 10px;
/* border: solid 1px #d3d3d3;*/
}
.illust2 {
 padding: 0 0 30px 0;
 text-align: center;
 background-color: #fefefe;
 margin-top: 0;
}
.illust2 small{
 margin-left: 0;
}

/*次のページ*/
.next {
 height: 80px;
 width: 100%;
 background-color: #dcdcdc;
 text-align: center;
 border: solid 1px #d3d3d3;
}
.next p {
 font-size: 24px;
 margin-top: 0px;
 line-height:1.8em;
}
.next a {
 padding: 20px;
 display: block;
}
.next a:hover {
 background-color: #8c8c8c;
 color: #ffffff;
}

/*「トップへ戻る」*/
.modoru {
 margin : 30px auto 15px auto;
 text-align: center;
}

/*フッター*/
footer {
 margin-bottom: 5px;
}
footer a {
 text-decoration: underline;
}
footer a:hover {
 color: #0000ff;
}

/*素材屋へのリンク*/
.sozai {
 padding: 2px;
}
.sozai img {
 margin-left: 10px;
}

/* ★★★===============================================★★★ */

/*560px以上の場合(タブレットスタイル）*/
@media screen and (min-width:560px)
{

/*もくじスペース*/
.mokuji {
 width: 560px;
 margin-right: auto;
 margin-left: auto;
 background-color: #fefefe;
 padding: 20px;
 border-top : solid 1px #cfcfcf;
 border-right : solid 1px #cfcfcf;
 border-left : solid 1px #cfcfcf;
}

/*各話リスト*/
.mokuji ul {
 width: 100%;
 margin-right: auto;
 margin-left: auto;
}

/*巻イメージイラスト・フッター・素材屋へのリンクの位置設定*/
.illust,.illust2,small,footer,.sozai {
 width: 560px;
 margin-right: auto;
 margin-left: auto;
 padding: 20px;
}

/*巻イメージイラストのスペースの枠線*/
.illust {
 border-left : solid 1px #cfcfcf;
 border-right : solid 1px #cfcfcf;
}
.illust2 {
 border-left : solid 1px #cfcfcf;
 border-right : solid 1px #cfcfcf;
 border-bottom: solid 1px #cfcfcf;
}

}

/* ★★★===============================================★★★ */

/*960px以上の場合(パソコンスタイル）*/
@media screen and (min-width:960px)
{
body {
 width: 860px;
 margin-right: auto;
 margin-left: auto;
 border: solid 1px #e6e6e6;
}

/*「私立図書館へ戻る」*/
.back {
 width: 860px;
 border-radius: 20px;
}
.back a:hover {
 border-radius: 20px;
}

/*「もくじ」*/
h3 {
 width: 800px;
 margin-right: auto;
 margin-left: auto;
}

/*もくじスペース*/
.mokuji {
 width: 800px;
 padding-left: 30px;
 padding-right: 30px;
}

/*「次のページ」*/
.next {
 width: 860px;
 margin-top: 20px;
 margin-right: auto;
 margin-left: auto;
 border-radius: 20px;
}
.next a:hover {
 border-radius: 20px;
}

/*巻イメージイラスト・フッター・素材屋へのリンクの位置設定*/
.illust,.illust2,small,footer,.sozai {
 width: 820px;
 margin-right: auto;
 margin-left: auto;
 padding: 20px;
}

}