@charset "UTF-8";

/*reset*/
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td {margin: 0;padding: 0;}
div {margin: 0;padding: 0;}
img,a img {vertical-align: top;border: none;}
body {color: #222;margin: 0 auto;padding: 0;text-align: center;font: 90%/180% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "Osaka", arial, Helvetica, sans-serif;background: #fff;-webkit-text-size-adjust: 100%;}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/*reset-coccon*/
/*.fz-18px {font-size: 0px;}*/
.header-container, .sidebar, .footer, .article h1, footer, .date-tags {display: none;}
.entry-content > *, .entry-content, .demo .entry-content p, .entry-content p {margin: 0 auto;padding: 0;width: 100%;}
.content, .main  {margin: 0 auto;padding: 0;}
.no-scrollable-main .main {padding: 0;}
.body .article {margin-bottom: 0em;}

img {margin: 0 auto;padding: 0;}

img {max-width: none;}
@media print, screen and (max-width: 640px) {
img {max-width: 100%;}
}

.wrap {width: auto;}
.main {border: none;border-radius: 0px;}

/*PC・スマホ*/
.pc {display: block;}
.sp {display: none;}
@media print, screen and (max-width: 750px) {
.pc {display: none;}
.sp {display: block;}
}

/*パスワード入力*/
.post-password-form {width: 70%;margin: 50px auto;}
.post-password-form p {width: auto;font-size: .8rem;line-height: 1.5;margin-bottom: 20px;}
.post-password-form label {font-size: 1.6rem;}
.post-password-form input {font-size: 1.4rem;margin-bottom: 10px;border: solid 3px #ddd;background-color: #fcfcfc;}
input[type="submit"] {background-color: #09e;color: #fff;font-weight: bold;letter-spacing: .8rem;border-radius: 4px;border: none;}
input[type="submit"]:hover {background-color: #08e;}

/*目次*/
.entry-content > .toc {width: 80%;max-width: 500px;margin: 0 auto 30px;padding: 10px 20px;border-radius: 10px;background-color: #fcfcfc;}
.toc-content {transition: all .1s ease-out;}
.entry-content > .toc ul {list-style: none;}
.toc-list.open > ul > li:last-child {margin-bottom: 10px;}


@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}