狡噛慎也所持品セット配布

・写真（画像）は全て碧が撮ったものです。持ち帰りや直リンクはやめてください。普通に差し替えて使ってネ

名前変換ありバージョン

メインページ HTML（表紙画面レイアウト）・素材をアップロードし番号を変えてください＜img src="#mtr1_url#"＞
・＜sya＞の中身はテキストをそのまま書くか、素材を入れられます（画像）
　素材を入れる場合＜img src="#mtr1_url#"＞というように入れる
・名前変換部分を編集してください

<!DOCTYPE html>
<html lang="ja" id="top">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="/js/jquery.js"></script>
  <script src="/js/lightbox.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="/js/ofi.min.js"></script>
<script>
  $(function (){
    objectFitImages()
  });
</script>

<META NAME="ROBOTS" CONTENT="NOINDEX">
<META NAME="ROBOTS" CONTENT="NOFOLLOW">
<META NAME="ROBOTS" CONTENT="NOARCHIVE">
<META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW,NOARCHIVE">
<META NAME="ROBOTS" CONTENT="NONE">
<meta name="robots" content="noindex">
<meta name="robots" content="nofollow">
<meta name="robots" content="noarchive">
<meta name="robots" content="noindex,nofollow,noarchive">
<meta name="robots" content="none">
<META NAME="GOOGLEBOT" CONTENT="NOINDEX">
<META NAME="GOOGLEBOT" CONTENT="NOFOLLOW">
<META NAME="GOOGLEBOT" CONTENT="NOARCHIVE">
<META NAME="GOOGLEBOT" CONTENT="NOINDEX,NOFOLLOW,NOARCHIVE">
<MATA NAME="GOOGLEBOT" CONTENT="NONE">
<meta name="googlebot" content="noindex">
<meta name="googlebot" content="nofollow">
<meta name="googlebot" content="noarchive">
<meta name="googlebot" content="noindex,nofollow,noarchive">
<meta name="googlebot" content="none">
<META NAME="LIBWWW-PERL" CONTENT="NOINDEX">
<META NAME="LIBWWW-PERL" CONTENT="NOFOLLOW">
<META NAME="LIBWWW-PERL" CONTENT="NOARCHIVE">
<META NAME="LIBWWW-PERL" CONTENT="NOINDEX,NOFOLLOW,NOARCHIVE">
<META NAME="LIBWWW-PERL" CONTENT="NONE">
<meta name="libwww-perl" content="noindex">
<meta name="libwww-perl" content="nofollow">
<meta name="libwww-perl" content="noarchive">
<meta name="libwww-perl" content="noindex,nofollow,noarchive">
<meta name="libwww-perl" content="none">

</head>

<body>

<div class="box">
  <namae>狡噛慎也 所持品セット</namae>
  <!-- ここから変更しない --!><footer>Template by <a href="https://sicknecks.lovesick.jp/">Sicknecks</a></footer><!-- ここまで変更しない --!>

<div class="tate" id="iti">
     <sya>
      狡噛さんなんてガバガバなパンツ履いてるんですか！フリーサイズって10センチも幅があったらずり落ちたりピッチピチになるに決まってるじゃないですか！何考えてるんですかちゃんとしたサイズで申請してくださいよ！
     </sya>
    <te>
      <a href="URL">
      公安局刑事課支給品<br>
      パンツ
      </a>
    </te>
    </div>

<div class="tate" id="iti">
      <sya>
        ちゃんとしたサイズで申請してくださいよ！こっちはウッキウキで狡噛さんの腰やヒップやあんなとこやそんなとこのサイズが分かる…！？って全裸待機してたのにひどいじゃないですか！
       </sya>
     <te>
      <a href="URL">
      SPINEL<br>
      シガレット
      </a>
    </te>
    </div>

<div class="tate" id="iti">
      <sya>
        タバコは銘柄指定で申請する癖にどうしてパンツはフリーサイズなんですか！？<br>
        なんでそんなひどいことするの！
       </sya>
      <te>
      <a href="URL">
        備品＆落書き<br>
        クリアシール
      </a>
      </te>
     </div>
  </div>

<div class="flex" id="suma">
  <div class="tate">
    <sya id="ima">
    <img src="#mtr1_url#">
    </sya>
      <te>
      <a href="URL">
      ANTERCTIC<br>
      DOROPS
      </a>
      </te>
    </div>

<!-- ここから変更する --!>
<top><a href="URL">←</a>　<form action="/サイト名/novel/番号/dream" method="post"><input type="text" name="DreamID[2]" value="名字"> <input type="text" name="DreamID[1]" value="名前"><input type="submit" name="set" value=" "></form></top>
<!-- ここまで変更する --!>

</div>

</body>
</MATA>
</html>

小説ページ HTML（ページを作る）・タイトルはPC用とスマホ用で2か所あります。両方変えてください
１．
＜!-- ここから変更する --!＞
＜a href=""＞
公安局刑事課支給品＜ｂｒ＞
パンツ
＜!-- ここまで変更する --!＞
２．
＜!-- ここから変更する --!＞
公安局刑事課支給品
パンツ
＜!-- ここまで変更する --!＞

<!DOCTYPE html>
<html lang="ja" id="kopeji">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="/js/jquery.js"></script>
  <script src="/js/lightbox.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="/js/ofi.min.js"></script>
<script>
  $(function (){
    objectFitImages()
  });
</script>

<div class="box">
  <namae>狡噛慎也 所持品セット</namae>

<!-- ここから変更しない --!>
<paso>
<footer id="kopeji">Template by <a href="https://sicknecks.lovesick.jp/">Sicknecks</a></footer>
</paso>
<!-- ここまで変更しない --!>

<!-- ここから変更する --!>
       <a href="URL">
       公安局刑事課支給品<br>
       パンツ
<!-- ここまで変更する --!>
       </a>
     </te>
  </nakami>
 </sec>

<su>
<!-- ここから変更する --!>
 公安局刑事課支給品
パンツ
<!-- ここまで変更する --!>
</su>

<sec>
  <h1>
<!-- ここから本文 --!>
「狡噛さんなんてガバガバなパンツ履いてるんですか！ フリーサイズって10センチも幅があったらずり落ちたりピッチピチになるに決まってるじゃないですか！ 何考えてるんですかちゃんとしたサイズで申請してくださいよ！ こっちはウッキウキで狡噛さんの腰やヒップやあんなとこやそんなとこのサイズが分かる…！？ って全裸待機してたのにひどいじゃないですか！ タバコは銘柄指定で申請する癖にどうしてパンツはフリーサイズなんですか！？」<br>
<br>
　突如、監視官権限で部屋に乗り込んできた彼女は弾丸のように激しく俺に向かってギャーギャー喚き始めた。<br>
<br>
「なんでそんなひどいことするの！」<br>
<br>
　一息で言い切ったな。拍手でもしてやった方がいいだろうか。覚えている単語は、パンツ、フリーサイズ、サイズぐらいか。何回か出てきた言葉は覚えやすいな。で、<br>
<br>
「……なんだって？」<br>
「だ・か・ら・パンツの話ですよ！ 勿論申請は却下しましたから」<br>
<br>
　空耳じゃなかったようだ。どうやら俺の購入申請はにべもなく却下されたらしい。理由はとてつもなくくだらない。履ければいいんだよ履ければ。履けてんだよ。<br>
<br>
「どうですか？ あのフリーサイズのパンツではどうなんですか。ピッチピチじゃないんですか？ ちょっと見せてみてくださいよ」<br>
「セクハラだぞ」<br>
「新しいパンツが欲しいんじゃないんですか？ 欲しいならサイズを教えてもらわないと……」<br>
「パワハラだ」<br>
<br>
　ジリ、と近寄って来る彼女に、俺もジリジリと足を引く。<br>
　一体、何をそんなに興奮してる？ 何故手をワキワキさせている。ああ、見覚えがある。まるで佐々山が女の尻を揉むときの手つきに間違いない。<br>
<br>
「さあ観念してサイズを吐きなさい」<br>
<!-- ここまで本文 --!>
  </h1>
</sec>

</div>

<!-- ここから変更する --!>
<top><a href="URL">←</a></top>
<!-- ここまで変更する --!>

<!-- ここから変更しない --!>
<sumaho>
<footer>Template by <a href="https://sicknecks.lovesick.jp/">Sicknecks</a></footer>
</sumaho>
<!-- ここまで変更しない --!>

</div>
</body>
</MATA>
</html>

名前変換なしバージョン

メインページ index.html

<title>
  狡噛慎也 所持品セット
</title>

</head>

<body>

<div class="box">
  <namae>狡噛慎也 所持品セット</namae>
<!-- ここから変更しない --!>
  <footer>Template by <a href="https://sicknecks.lovesick.jp/">Sicknecks</a></footer>
<!-- ここまで変更しない --!>

<div class="flex" id="suma">
  <div class="tate">
    <sya id="ima">
      <img src="URL">
    </sya>
      <te>
      <a href="URL">
      ANTERCTIC<br>
      DOROPS
      </a>
      </te>
    </div>

</div>

</body>
</MATA>
</html>

小説ページ HTML

<title>
  狡噛慎也 所持品セット
</title>

</head>

<div class="box">
  <namae>狡噛慎也 所持品セット</namae>
<!-- ここから変更しない --!>
  <footer id="kopeji">Template by <a href="https://sicknecks.lovesick.jp/">Sicknecks</a></footer>
<!-- ここまで変更しない --!>

<div class="box2" id="kopeji">
 <div class="flex" id="kopeji">
 <sec id="hidari">
  <nakami id="hidari">
     <te id="hidari">
<!-- ここから変更する --!>
       <a href="URL">
       公安局刑事課支給品<br>
       パンツ
<!-- ここまで変更する --!>
       </a>
     </te>
  </nakami>
 </sec>

<su>
<!-- ここから変更する --!>
公安局刑事課支給品
パンツ
<!-- ここまで変更する --!>
</su>

<sec>
  <h1>
「狡噛さんなんてガバガバなパンツ履いてるんですか！ フリーサイズって10センチも幅があったらずり落ちたりピッチピチになるに決まってるじゃないですか！ 何考えてるんですかちゃんとしたサイズで申請してくださいよ！ こっちはウッキウキで狡噛さんの腰やヒップやあんなとこやそんなとこのサイズが分かる…！？ って全裸待機してたのにひどいじゃないですか！ タバコは銘柄指定で申請する癖にどうしてパンツはフリーサイズなんですか！？」<br>
<br>
　突如、監視官権限で部屋に乗り込んできた彼女は弾丸のように激しく俺に向かってギャーギャー喚き始めた。<br>
<br>
「なんでそんなひどいことするの！」<br>
<br>
　一息で言い切ったな。拍手でもしてやった方がいいだろうか。覚えている単語は、パンツ、フリーサイズ、サイズぐらいか。何回か出てきた言葉は覚えやすいな。で、<br>
<br>
「……なんだって？」<br>
「だ・か・ら・パンツの話ですよ！ 勿論申請は却下しましたから」<br>
<br>
　空耳じゃなかったようだ。どうやら俺の購入申請はにべもなく却下されたらしい。理由はとてつもなくくだらない。履ければいいんだよ履ければ。履けてんだよ。<br>
<br>
「どうですか？ あのフリーサイズのパンツではどうなんですか。ピッチピチじゃないんですか？ ちょっと見せてみてくださいよ」<br>
「セクハラだぞ」<br>
「新しいパンツが欲しいんじゃないんですか？ 欲しいならサイズを教えてもらわないと……」<br>
「パワハラだ」<br>
<br>
　ジリ、と近寄って来る彼女に、俺もジリジリと足を引く。<br>
　一体、何をそんなに興奮してる？ 何故手をワキワキさせている。ああ、見覚えがある。まるで佐々山が女の尻を揉むときの手つきに間違いない。<br>
<br>
「さあ観念してサイズを吐きなさい」<br>
  </h1>
</sec>

</div>

</div>
<script src="/js/common.js"></script>
</body>
</MATA>
</html>

CSS（HEAD・HTML詳細→HEAD内）・名前変換なしバージョンを使う人は以下の部分を必ず消してください
　/* ここから名前変換ありバージョンで使う　名前変換なしバージョンを使う人は必ず消す */

@charset "UTF-8";

/* Template by Sicknecks */
/* https://sicknecks.lovesick.jp/ */

@font-face {
    font-display: swap;
}

body {
    width: 100%;
    margin: 0 auto;
font-family: 'Noto Serif JP', serif;
    font-weight: normal;
    letter-spacing: 2px;
    max-width: 100%;
    text-align: justify;
    word-break: break-all;
    color: #ffffff;
    background-color: #2213B4;
    font-size: 15px;
    line-height: 180%;
}
@media screen and (max-width:1024px) {
body#kopeji{
background: #000;
}
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-align: justify;
    word-break: break-all;
}

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&family=Hina+Mincho&family=Zen+Kaku+Gothic+New:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');

a {
    color:#fff;
    text-decoration: none;
    padding: 1em 0;
}
a:hover{
    color: rgb(187, 211, 255);
    color: #4DB4B3;
}
footer a, top a{
    color: rgb(0, 196, 196);
    font-weight:bold;
}
footer a:hover, top a:hover{
    color: #0c86dd;
}

/* メインページボックス */
.box{
    text-align:left;
    max-width: 100%;
    z-index:100;
    padding:0;
}
namae{
    background-color: #000;
    display:block;
    font-weight:bold;
    font-size:40px;
    text-align:left;
    padding: 1em 0 0.5em 0.5em;
}

.box2{
    padding:2em 1em 0 1em;
}

/* フレックス */
.flex{
    display: flex;
    justify-content: space-evenly;
}
sec{
    width: 100%;
}
sec#hidari{
    width: 50%;
    height: 350px;
    margin: 0 0 0 1em;
}
nakami, .tate{
    width: 23%;
    height: 170px;
    border: solid 2px #fff;
    display: block;
}
@media screen and (min-width:1024px) {
.tate#iti{
    margin:0 0 1em 0;
}
}
nakami#hidari {
    border: solid 4px #000;
    height: 90%;
    width: 100%;
    margin: -1em auto;
}

/* 右カラムの中身 */
sya {
    width: 100%;
    height: 116px;
    position: relative;
    display: block;
    border: solid 1px #000;
    padding: 1px 3px;
}
sya#ima{
    padding:0;
}
sya, nakami#hidari{
    background: #fff;
    color: #000;
    font-size:9px;
    font-family: 'Noto Serif JP', serif;
    line-height:20px;
    overflow: hidden;
}
nakami#hidari{
    padding:0 0;
}
te {
    position: relative;
    display: block;
    height: 50px;
    background: #000;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    padding: 3px 0;
    font-family: 'M PLUS 1p', sans-serif;
}
te#hidari{
    height:100%;
}
te#hidari a{
    top: 40%;
    position: relative;
    font-size:20px;
    line-height:200%;
    letter-spacing: 5px;
    color: #4DB4B3;
}

footer, top{
    color: #4f4f4f;
}
footer {
    top: 2.5em;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    right: 2em;
    padding: 0.5em 1em;
    border-top-left-radius: 18px;
    border-bottom-right-radius: 18px;
}
top{
    bottom: 10px;
    position: absolute;
    margin: 0 auto;
    left: 3em;
    background: #fff;
    width: 100px;
    text-align: center;
}

/* 子ページ */
h1 {
    display: block;
    font-weight: normal;
    font-size: 15px;
    line-height: 190%;
    background: #fff;
    color: #000;
    padding: 1em;
    height:75vh;
    border: solid 1px #000;
}

@media screen and (min-width:1024px) {
    h1{
    margin: 0 0 0 1em;
        overflow-y: scroll;
    }
    h1::-webkit-scrollbar{
        width: 8px;
        height:200px;
     }
     h1::-webkit-scrollbar-track{
        background-color: #c8c8c8;
     }
     h1::-webkit-scrollbar-thumb{
        background-color: #4DB4B3;
     }
}

@media screen and (max-width:1024px) {
h1 {
    font-size: 13px;
    line-height: 200%;
    height:100%;
    border-bottom: solid 2px #000000;
    margin: 0 0 5em 0;
}
}

@media screen and (max-width:1024px) {
sec#hidari {
    width: 70%;
}
html#top{
    overflow-y:hidden;
    position: absolute;
    height:100%;
    max-width: 200%;
    width: 200%;
}
a{
        padding: 0 0;
}
body {
    font-size: 13px;
    line-height: 200%;
    position: relative;
}
.flex{
    flex-direction: row;
    overflow-x:scroll;
}
namae {
    font-size: 30px;
}
nakami, .tate {
    width: 30%;
}
te {
    font-size: 11px;
}
.box2 {
    padding: 2em 0;
}
nakami#hidari {
    width: 100%;
    height: 80%;
    margin: 0 auto;
}
body::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}
body::-webkit-scrollbar-thumb {
    background-color: #fff;
    border: solid 1px #8f8f8f;
}
body::-webkit-scrollbar-track {
    background-color: rgb(240 240 240);
}
footer{
    right:1em;
}
top{
    left: 1em;
}
}

/* 小ページ　レスポンシブ */
@media screen and (max-width:1024px) {
    su {
        display: block;
        position: relative;
        font-size: 18px;
        line-height: 15px;
        padding: 1em;
        background: #4DB4B3;;
        color: #000;
        border-right: solid 1px #000;
        font-family: 'Noto Serif JP', serif;
    }
    html#kopeji sec#hidari {
        display: none;
    }
    .flex#kopeji{
        display:block;
    }
    footer#kopeji{
    bottom: 0;
    top: unset;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    margin: 1em auto;
    }
    .box2#kopeji{
    padding:0 0;
    }
}

@media screen and (min-width:1024px) {
    footersu{
        display:none;
    }
    su{
        display:none;
    }
}

img {
    overflow-clip-margin: content-box;
    overflow: clip;
    width: 100%;
    height: auto;
}
@media screen and (min-width:1024px) {
html {
    overflow: hidden;
}
}

/* ここから名前変換ありバージョンで使う　名前変換なしバージョンを使う人は必ず消す */
/* 仕様 */
/* 名前変換 */
form {
    text-align: center;
    margin: 1em auto -3em auto;
    display: inline-block;
    padding: 0.5em 0;
    color: #4f4f4f;
}
input[type="text"], input[type="submit"] {
    color: #4f4f4f;
    width: 80px;
    text-shadow: none;
    border: solid 1px #fff;
    border-right: solid 1px #818181;
padding: 1em 0em;
text-align: center;
}

input[type="submit"]{
    cursor: pointer;
    height: 20px;
    width: 20px;
    padding: 0;
    margin: 0 0.5em;
    border-radius: 100px;
}
input[type="submit"]:hover{
background: rgb(0, 196, 196);
}

@media screen and (max-width:1024px) {
form {
    line-height: 15px;
    background: #4DB4B3;
    color: #000;
    font-family: 'Noto Serif JP', serif;
    top: 9em;
    font-size: 9px;
    display: block;
    text-align: left;
    margin: 0 auto;
border-top: 1px solid #4DB4B3;
}
input[type="text"] {
display:inline-block;
    text-shadow: none;
padding: 18px;
    font-size: 14px;
    line-height: 15px;
    font-family: 'Noto Serif JP', serif;
}
}

top{
    background: unset;
    position: relative;
    bottom: 1em;
    left: 1em;
}
top a, form {
background: #fff;
padding: 0.5em 2em;
display: inline-block;
}
form{
padding: 0 0;
}

@media screen and (max-width:1024px) {
sec{
margin: 0 0 3em 0;
}
paso{
display:none;
}
sumaho footer {
    position: absolute;
    top: unset;
    bottom: unset;
    margin: -1em 0 0 0;
}
h1{
    margin: 0 0 3em 0;
}
}
@media screen and (min-width:1024px) {
sumaho{
display:none;
}
}
/* ここまで */

/* Template by Sicknecks */
/* https://sicknecks.lovesick.jp/ */
</style>