@charset "UTF-8";


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: bottom;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* Base */

html, body {
  font-size: 20px;
  font-weight: 500;
  -webkit-text-size-adjust: 100%;
}
a {
  text-decoration: none;
}
body, input, textarea {
  font-family: Montserrat, "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
h1, .more, .comment_box h2 {
  font-family: "Gochi Hand", cursive;
}

html > iframe {
  display: none;
}
body {
  position: relative;
  padding: 0 2%;
}
article {
  max-width: 1024px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#header, article .title, article .desc p:not(.img):not(.more):not(.sep), .line, nav, article .comment_box ul, article .comment_box form, #footer {
  max-width: 682px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.line {
  content: "";
  height: 3px;
  margin: 0 auto;
  border-radius: 1px;
  background-color: #3c4253;
}



/* Base - Color */

body {
  background-color: #33384a;
  color: #90a7a7;
}
a, #header .intro {
  color: #fc6c9e;
}
::selection {
  background-color: #fc6c9e;
  color: #33384a;
}
::-moz-selection {
  background-color: #fc6c9e;
  color: #33384a;
}
::-webkit-input-placeholder {
  opacity: 1;
  color: #90a7a7;
}
::-moz-placeholder {
  opacity: 1;
  color: #90a7a7;
}
:-ms-input-placeholder {
  color: #90a7a7;
}


/* NoScript */

noscript {
  position: fixed;
  top: 1.5rem;
  left: 0;
  width: 100%;
  text-align: center;
}
noscript p {
  display: inline-block;
  line-height: 2.25em;
  padding: 0 1.5rem;
  border-radius: 1.125rem;
  background-color: #fc6c9e;
  color: #33384a;
  font-size: 0.825em;
}


/* Header */

#header {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: middle;
  padding: 1.5rem 0;
}
#header > * {
  flex: 0 0 auto;
}
#header .blogname {

}
#header .blogname h1 {
  line-height: 2.25rem;
  font-size: 1.25rem;
}
#header .blogname h1 a {

}
#header > ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: middle;
}
#header .button {
  flex: 0 0 auto;
  position: relative;
}
#header input {
  display: block;
  visibility: hidden;
  position: absolute;
  z-index: -9999;
}
#header li > label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  line-height: 2.25rem;
  font-size: 0.825rem;
  z-index: 3;
}
#header .box {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 3rem;
  height: 70vh;
  z-index: 2;
}
#header .box:before {
  position: absolute;
  bottom: 100%;
  content: "";
  border-width: 0 8px 10px;
  border-style: solid;
  border-color: transparent transparent #3c4253;
}
#header input:checked ~ .box {
  opacity: 1;
  visibility: visible;
}
#header li > label {
  line-height: 2.25rem;
}
#header .box > label {
  cursor: default;
  position: fixed;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100vh;
  z-index: 2;
}
#header .box label + * {
  position: relative;
  overflow: auto;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: rgba(60,66,83,0.9);
  z-index: 4;
}
#header .archive {
  margin-right: 1rem;
}
#header .archive > label {
  padding: 0 1.5rem;
  border-radius: 1.125rem;
  background-color: #3c4253;
}
#header .archive > label i {
  margin-right: 0.5rem;
}
#header .archive .box {
  left: 0;
}
#header .archive .box:before {
  left: 1.625rem;
  left: calc(1.5rem + (0.825rem - 8px * 2) / 2);
}
#header .archive ul {
  padding: 1rem 0 0;
}
#header .archive ul:after {
  display: block;
  content: "";
  width: 100%;
  height: 1rem;
}
#header .archive ul li a {
  display: block;
  line-height: 2rem;
  padding: 0 2.3rem 0 1.5rem;
  color: #90a7a7;
  font-size: 0.75rem;
  white-space: nowrap;
}
#header .archive ul li a:hover {
  color: #33384a;
  background-color: rgba(239,108,158,0.9);
}
#header .archive ul li a:active {
  background-color: rgba(239,108,158,1);
}
#header .avator {

}
#header .avator label img {
  max-width: 2.25rem;
  height: auto;
}
#header .avator .box {
  right: 0;
  width: 20rem;
}
#header .avator .box:before {
  right: 0.725rem;
  right: calc((2.25rem - 8px * 2) / 2);
}
#header .avator .profile {
  line-height: 1.5rem;
  padding: 1.5rem 1.5rem 0;
  font-size: 0.75rem;
}
#header .avator .profile:after {
  display: block;
  content: "";
  width: 100%;
  height: 1.5rem;
}
#header .avator .profile .socials {
  margin-top: 1.5rem;
}
#header .avator .profile .socials a {
  display: inline-block;
  line-height: 2.25rem;
  height: 2.25rem;
  padding: 0 1rem 0 0.35rem;
  border-radius: 1.125rem;
  background-color: #3c4253;
  color: #90a7a7;
}
#header .avator .profile .socials a:not(.twitter) {
  margin: 0 0.5rem 0.5rem 0;
}
#header .avator .profile .socials a:hover {
  background-color: rgba(239,108,158,0.9);
  color: #33384a;
}
#header .avator .profile .socials a:active {
  background-color: rgba(239,108,158,1);
}
#header .avator .profile .socials a i {
  display: inline-block;
  content: "";
  line-height: 2.25rem;
  width: 2.25rem;
  height: 2.25rem;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
}
#header .avator .profile .socials a.blogmura i {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAADKklEQVRYhc3ZX6hUVRTH8c/9oxf7Y2h4sQwhEqIuGKQGEfRQT1GBNx8qKiV6CCKQXvonikXQQz74lIgVJIGQWdJDL5UkBQUVkYgWGIkEXfNaZmre/NfD2qP31uyZOXfOmZkfHM7MWvus/d179l5n7z19G7dt08O6HjfjBHbXjINdw2muG7EWi3Eam/EmvQt9Gz7G7Em2ZbgBL/Z3Bamx+rDFVOCaXsBIL0KPiCGR0/JehJ7RxD+3F6Dvwbt4H/fjO/zaoPx4tyfiOrw06fsoHsTzeLtO+TPY3s2eXmgqcE1b8BGexT+T7IfwCA50s6dvz9hnJ99r+ECkOfgKf9LdPH2kgW9uuh9I1xR1c3h8iYN17OfxRaMHB3GrGCsXcA4DOIlfUoA+zBQz+jBmYQzHUvkTqdypgtB/415sxZJkO46n8FMz6JfTw0V0DmcxIRpzVjRkAkfxh2jMb6IDxsV4HE++wyIT7MNS3IFrRLprCFyDXlgQmPg1BjDk0ut2pIXnJkRjjqXrYAL9FDtF45uq0xNxKF1Xp+9LsAKvYBfubiVIv2h9L+jHVgv2YxN+xu8iDZ2uCKqZdjcvEhrEW3gH88XkmIc5YrLNx2XpGhbjeEG6Dyf7lenzULpPR1N2Jq1AE6/LQ+lzo8VKPc0Q4INiUtYm90xcJxq2IJV7VHTIf/WNyD6FoNvRGTG0iBQHP9QpdwVWZmLsKFJhJ9+IT+KqjK/loUFnoe/L2Pdjb5FAnYJehDszvg/FEqJldQp6tEFdO4sG6xT0qox9j1gnF1InoBfLr0vem07ATkAvb+DrSegBPJbxfS4yR2FVDX2XyBz1VG+33ZKqhs718nFxzjEtVQk9jAcyvh1iBzMtVQn9BC7P+La2E7gq6Fl4OuP7Gp+1E7wq6Idwbca3qd3gVUGvztjHsL3d4FVAP4xbMr7NYpfSlqqAXpOx/4XXy6igbOhR+XXGRpd2Nm2pbOj1GfsYNpRVSZnQK+X/K1kr3oKlqCzofvmM8T3eKKmei5WVoQt4zv9Pic7j8ZLquKgyoT8RZ3MbxEH4KTwjDhhLVdkHkCfxKr7FTajkj/d/ATsvmn0KzaXHAAAAAElFTkSuQmCC);
  background-size: 50% auto;
}
#header .avator .profile .socials a.blogmura:hover i {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAADKUlEQVRYhc3ZT4iVVRjH8c+dGcfsj5LQYBlCVIQOGTQVRuDCVlmBtqmoDGkhRCBuigqj2rTIRatEqkVuBMuSFm36Q1JQUBFJ9AeMRIJGm8p0NMe/LZ5zddR77r3v3Pe99/7g5R2e53mf8z3vnPOc855bG1u2Uh/rOizBJHbVjUM9w2mtm7ARS3EMW/AW/Qt9Bz7C3Gm223E9nhvoCVJz1fCG84Hrehaj/Qg9KoZETqv6EXpWC//8foC+B9vxHu7Hd/ijSfxErccl7wW8dIHtQVyCtxvEn8CSXr7pRS4GJibhh3gax6fZ9+ER7OllybszY5+bfK/ifVHm4Cv8S2/r9J9NfPPTfU+6zlMvh8eX2NvAfhpfNHtwCLeKsXIGpzCII/g9JahhWMzo/ZiDcRxM8ZMp7mhB6P9wL7ZiLNkO4Un82gr65fRwEZ3CSUyJzpwUHZnCX/hHdOaAeAETYjxOJN9+UQl+xG24C1eLctcUuA69qCAw8d8YxGznltvRNp6bEp05mK69CfQT7BSdb6na2LKVu3FzIeRq9CnubidwQPS+H/RLu4ED2Izf8LcoQ8cqgmqlXa1DQvVlfBgLxOS4CleKybYAl6ZrRIzjhek+kuxXpL9np/tMNIkbxWRuqfriclwskzTfrDTSLAE+JCZlfXIP41rRsYUp7lHxQi7UN+0CT4fuRCfE0CJKHPzcIO5yrMnk2FGkwW6uiOswL+NrezzTXej7Mvaf8EORRN2CvgHLM74PxBaibXULenWTtnYWTdYt6Mcz9t1in1xI3YBeKr8veXcmCbsBvaqJry+hB/FYxve5qByFVTX0ClE5GqnR13Zbqho695YPiXOOGalK6BE8kPHtEF8wM1KV0E/gsoxvayeJq4Keg6cyvq/xWSfJq4J+CNdkfJs7TV4V9PqMfRzvdJq8CuiHcUvGt0V8pXSkKqCfz9gP4/UyGigberX8PuM1575sOlLZ0C9m7OPYVFYjZUKvkf+tZKNYBUtRWdAD8hXje7xZUjtnGytDZ/CMi0+JTmNtSW2cVZnQH4sj203iIPwoNogDxlJV9i8BR/AKvsVibCs5P/gf5JCZDHL/6KcAAAAASUVORK5CYII=);
  background-size: 50% auto;
}
#header .avator .profile .socials a.ninkiblog i {
  background-image: url(data:image/png;base64,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);
  background-size: 60% auto;
}
#header .avator .profile .socials a.ninkiblog:hover i {
  background-image: url(data:image/png;base64,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);
  background-size: 60% auto;
}
#header .avator .profile .socials .twitter i {
  font-size: 1.25rem;
}
#header .avator .profile .socials span {
  display: inline-block;
  line-height: 2.25rem;
  height: 2.25rem;
  font-size: 0.75rem;
}


/* Main */

main {

}


/* Main - Post */

article {
  position: relative;
  padding: 3rem 0;
}
article.fc2Ad {
  text-align: center;
}
article .title {
  line-height: 1.5rem;
  margin-bottom: 3rem;
  text-align: center;
}
article .title > * {
  display: inline-block;
  line-height: 1em;
  vertical-align: middle;
}
article .title h2 {
  color: #fc6c9e;
  font-size: 1.25rem;
  font-weight: 300;
}
article .title h2 a {
  color: #fc6c9e;
}
article .title b  {
  margin: 0 0.75rem;
  font-size: 0.75rem;
}
article .title time {
  font-size: 0.75rem;
  font-style: italic;
  text-align: right;
}
.fc2Ad .title time {
  display: none;
}
article .title .cmnum {
  position: relative;
  top: -0.5rem;
  left: 0.35rem;
  min-width: 0.9rem;
  min-width: calc(1em + 0.25rem);
  padding: 0.125rem;
  border-radius: 0.45rem;
  background-color: rgba(239,108,158,0.9);
  color: #33384a;
  font-size: 0.65rem;
}
article .title .cmnum:active {
  background-color: rgba(239,108,158,1);
}
article .title .cmnum0 {
  display: none;
}
article .desc {

}
article .desc p:not(.img):not(.more):not(.sep):not(.socials) {
  line-height: 1.75rem;
  margin-bottom: 1.75rem;
  font-size: 0.825rem;
}
article .desc p:not(.socials):last-child {
  margin-bottom: 0 !important;
}
article .desc .img {
  margin: 3rem 0;
  text-align: center;
}
article .desc .imgs {

}
article .desc .img a {
  display: inline-block;
  width: 100%;
}
article .desc .img a + a {
  margin-top: 1.75rem;
}
article .desc .img img {
  max-width: 100%;
  width: auto;
  max-height: 1024px;
  height: auto;
  border-radius: 2px;
}
article .desc .imgs img {
  max-width: 682px;
  max-height: 682px;
}
@media screen and (max-width: 960px) {
  article .desc .img img {
    max-width: 100%;
    max-height: 960px;
  }
  article .desc .imgs img {
    max-width: 682px;
    max-height: 682px;
  }
}
@media screen and (max-width: 720px) {
  article .desc .img img {
    max-width: 100%;
    max-height: 720px;
  }
  article .desc .imgs img {
    max-width: 682px;
    max-height: 682px;
  }
}
@media screen and (max-width: 640px) {
  article .desc .img img {
    max-width: 100%;
    max-height: none;
  }
  article .desc .imgs img {
    max-width: 100%;
    max-height: none;
  }
}
article .desc .sep {
  margin-top: 3rem;
  margin-bottom: 3rem;
  text-align: center;
}
article .desc .sep i {
  display: inline-block;
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 0.75rem;
  border-radius: 50%;
  background-color: #3c4253;
  vertical-align: middle;
}
article .desc .more {
  margin-top: 3rem;
  text-align: center;
}
.fc2Ad .desc .more {
  display: none;
}
article .desc .more a {
  display: inline-block;
  line-height: 2.25rem;
  padding: 0 1.5rem;
  border-radius: 1.125rem;
  background-color: #3c4253;
  color: #90a7a7;
  font-size: 1.25rem;
}
article .desc .more a:hover {
  color: #33384a;
  background-color: rgba(239,108,158,0.9);
}
article .desc .more a:active {
  background-color: rgba(239,108,158,1);
}
article .desc .socials {
  margin-top: 4.5rem;
}
.fc2Ad .desc .socials {
  display: none;
}
article .desc .socials a:not(.twitter) {
  margin-right: 0.5rem;
}
article .desc .socials .twitter {

}
article .desc .socials a {
  display: inline-block;
  line-height: 2.25rem;
  height: 2.25rem;
  padding: 0 1rem 0 0.35rem;
  border-radius: 1.125rem;
  background-color: #3c4253;
  color: #90a7a7;
}
article .desc .socials a:hover {
  background-color: rgba(239,108,158,0.9);
  color: #33384a;
}
article .desc .socials a:active {
  background-color: rgba(239,108,158,1);
}
article .desc .socials a i {
  display: inline-block;
  content: "";
  line-height: 2.25rem;
  width: 2.25rem;
  height: 2.25rem;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
}
article .desc .socials a.blogmura i {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAADKklEQVRYhc3ZX6hUVRTH8c/9oxf7Y2h4sQwhEqIuGKQGEfRQT1GBNx8qKiV6CCKQXvonikXQQz74lIgVJIGQWdJDL5UkBQUVkYgWGIkEXfNaZmre/NfD2qP31uyZOXfOmZkfHM7MWvus/d179l5n7z19G7dt08O6HjfjBHbXjINdw2muG7EWi3Eam/EmvQt9Gz7G7Em2ZbgBL/Z3Bamx+rDFVOCaXsBIL0KPiCGR0/JehJ7RxD+3F6Dvwbt4H/fjO/zaoPx4tyfiOrw06fsoHsTzeLtO+TPY3s2eXmgqcE1b8BGexT+T7IfwCA50s6dvz9hnJ99r+ECkOfgKf9LdPH2kgW9uuh9I1xR1c3h8iYN17OfxRaMHB3GrGCsXcA4DOIlfUoA+zBQz+jBmYQzHUvkTqdypgtB/415sxZJkO46n8FMz6JfTw0V0DmcxIRpzVjRkAkfxh2jMb6IDxsV4HE++wyIT7MNS3IFrRLprCFyDXlgQmPg1BjDk0ut2pIXnJkRjjqXrYAL9FDtF45uq0xNxKF1Xp+9LsAKvYBfubiVIv2h9L+jHVgv2YxN+xu8iDZ2uCKqZdjcvEhrEW3gH88XkmIc5YrLNx2XpGhbjeEG6Dyf7lenzULpPR1N2Jq1AE6/LQ+lzo8VKPc0Q4INiUtYm90xcJxq2IJV7VHTIf/WNyD6FoNvRGTG0iBQHP9QpdwVWZmLsKFJhJ9+IT+KqjK/loUFnoe/L2Pdjb5FAnYJehDszvg/FEqJldQp6tEFdO4sG6xT0qox9j1gnF1InoBfLr0vem07ATkAvb+DrSegBPJbxfS4yR2FVDX2XyBz1VG+33ZKqhs718nFxzjEtVQk9jAcyvh1iBzMtVQn9BC7P+La2E7gq6Fl4OuP7Gp+1E7wq6Idwbca3qd3gVUGvztjHsL3d4FVAP4xbMr7NYpfSlqqAXpOx/4XXy6igbOhR+XXGRpd2Nm2pbOj1GfsYNpRVSZnQK+X/K1kr3oKlqCzofvmM8T3eKKmei5WVoQt4zv9Pic7j8ZLquKgyoT8RZ3MbxEH4KTwjDhhLVdkHkCfxKr7FTajkj/d/ATsvmn0KzaXHAAAAAElFTkSuQmCC);
  background-size: 50% auto;
}
article .desc .socials a.blogmura:hover i {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAADKUlEQVRYhc3ZT4iVVRjH8c+dGcfsj5LQYBlCVIQOGTQVRuDCVlmBtqmoDGkhRCBuigqj2rTIRatEqkVuBMuSFm36Q1JQUBFJ9AeMRIJGm8p0NMe/LZ5zddR77r3v3Pe99/7g5R2e53mf8z3vnPOc855bG1u2Uh/rOizBJHbVjUM9w2mtm7ARS3EMW/AW/Qt9Bz7C3Gm223E9nhvoCVJz1fCG84Hrehaj/Qg9KoZETqv6EXpWC//8foC+B9vxHu7Hd/ijSfxErccl7wW8dIHtQVyCtxvEn8CSXr7pRS4GJibhh3gax6fZ9+ER7OllybszY5+bfK/ifVHm4Cv8S2/r9J9NfPPTfU+6zlMvh8eX2NvAfhpfNHtwCLeKsXIGpzCII/g9JahhWMzo/ZiDcRxM8ZMp7mhB6P9wL7ZiLNkO4Un82gr65fRwEZ3CSUyJzpwUHZnCX/hHdOaAeAETYjxOJN9+UQl+xG24C1eLctcUuA69qCAw8d8YxGznltvRNp6bEp05mK69CfQT7BSdb6na2LKVu3FzIeRq9CnubidwQPS+H/RLu4ED2Izf8LcoQ8cqgmqlXa1DQvVlfBgLxOS4CleKybYAl6ZrRIzjhek+kuxXpL9np/tMNIkbxWRuqfriclwskzTfrDTSLAE+JCZlfXIP41rRsYUp7lHxQi7UN+0CT4fuRCfE0CJKHPzcIO5yrMnk2FGkwW6uiOswL+NrezzTXej7Mvaf8EORRN2CvgHLM74PxBaibXULenWTtnYWTdYt6Mcz9t1in1xI3YBeKr8veXcmCbsBvaqJry+hB/FYxve5qByFVTX0ClE5GqnR13Zbqho695YPiXOOGalK6BE8kPHtEF8wM1KV0E/gsoxvayeJq4Keg6cyvq/xWSfJq4J+CNdkfJs7TV4V9PqMfRzvdJq8CuiHcUvGt0V8pXSkKqCfz9gP4/UyGigberX8PuM1575sOlLZ0C9m7OPYVFYjZUKvkf+tZKNYBUtRWdAD8hXje7xZUjtnGytDZ/CMi0+JTmNtSW2cVZnQH4sj203iIPwoNogDxlJV9i8BR/AKvsVibCs5P/gf5JCZDHL/6KcAAAAASUVORK5CYII=);
  background-size: 50% auto;
}
article .desc .socials a.ninkiblog i {
  background-image: url(data:image/png;base64,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);
  background-size: 60% auto;
}
article .desc .socials a.ninkiblog:hover i {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAHPklEQVRogcXbfYwVVxnH8c9emgajJisoKF10wBKIqRWLLyt2463xpaJWa9QYGiu1xr9qsLGJ1bQS2qRqYoIv9S1plTQpRquFota+6W4FCRqBNVSDBWFtwfpSKYiS1lD1j2eGOzs7996Zey/1m0x27syZM+c355znec7LDq0YXWXAzMMFOA9/x5vxBP6Lh3EMp/AkXoTJ9PwQzsJfB1mYswaUzwjehIuwCE/hxxjHtyvmMYx3CLHb8R8c7rdg/QpcgUtxCU7gXqwVtVTG7PRvAycL947hW+l5Ex/EpvT6rl4LONRjE12Gy7Aav8NdaWGKhV6JBEtz1z6DG9LzR3EfHmnznjW4Aj/H7dhXt6C9CLwSHxFNaRzfK7z4xXg/5qa/r+2S302ij37NzA9EfKSvp/duwa11CjtrwciSqmnPFV//RmzF/diAx3NprhF9cR0uTI9ujOEteBb+ZKaReRS/whvwMczBARytUuiqAsewHh/C53A3flBIs1pYzrVVMizhdcKw/AWPFe49hvl4K0ZFsz+ifdM+TRWBq0SfyWrmQfysJN1e/Fa4g73CANXlNfiX6JdF/oxz8DLRp5em1/Z3yrCbwFWi5l4rxP0IOzqkP54WbrGoieWdMm/D79Pj8cL1J/BpvDD9vVCIPKKDyE4Cx0TNZeIeEH2hCr/Es4U/fHnFZzKWY7Nw/EU+IJpnxgLhd/dr01zb+cFzhcFYKURu17nmytgkLO3ZeG+N576vPJo528xalZbxGtFPDxRvthN4lXDe69KHyvpcFe4Uzn22iFKqMBsPlVy/VvsPdYmo8Y8XbzRKEl8pBN4koohNuXvz8MaKBc3YJAKBMsNR5D58p+T6bLy+y7NXibJPoyhwmXDis0T/+XLuXhPfxfX4bIXC5rlFBNrtmBAG7POmf9CMJ/GpNF07ZomyT6Mo8DLhZ25IX5jRFEFzMz0uxE/wnA4vLPJJ0ZfzbMc9+AreqXNX2I23Y2eHNKMiEDlNvg+uEM6aGObsTs+XC3FJLm0WofwwfWlZiFXkpIh8soD7KL4p+mlVTuJtuEMYwqQkzWpskQbo+Rq8VPgveGnuelFcnqYYQVStyTtFP1sropI64jKOiTHmJKZK7i8WWtAKtkdE+JX5rANaY7FEe4EZO0Wo9UyzAe82s3x7cT4tR/8efDSXYI6WsOEKLzqlZYT6YY2o3ePKa6fIvaKsLzG9nPPxR0xmAq/GK/oo2LDoW0M6G4F2rDfdiDVFzTyo/eA5Y0KIGTVd5D+wpSF821gPhSqSiK+f1HhmvXDQl5veFRIhclyJ8y5hixgY5yOZMcLIXCDiuUGQqD4Hs95MYWX5rRVCu3WVCWF87kl/L8LFDTGGGySJ6EvdWFcjvyb2iGbbiSm8TytqOm/WgpElHxa1OCiGhe/8UoW0QyJ6qmLIhkU/m6NzRPNv0WQvxqmGlu8bNBsqpPmiMAZVSUSz3twl3T/xCWxviFHyoEmU+6cy1qrmEvJ5L8dvdK75CRxu4AU1Mq9Dolo/m9C5ybXL+3xhfDrNGjzcwHNrZl6Hpmq1uF69WszIRv/NNveHysaDgyRRrRancJveRCZaQcIMGmLK/UzSVK0Wq7qNMhIhsuhGFmZuYu6MRwbHcHrcVSHtcdHsqriNsveMps//QczrvKohpt3ONE3VCr1R99izE4kIMu4QM21DsxaMLBkzWEdfxrBwwBMV0j6l91rMeL4ICE409LBi0yOXV0y30cxanEqPjeIjTVXMa19D+RTdmWJNxXRXa4maFG5kkRgxXFTjfQ8NrRhdNU+M4QY1oujEJF5ZMW1mnKZK7h3S3TIfwuKGsDbbKr60X4a1d8pFjunNL2ZsozXpNN5HRnVI9L68RmvYVIVxWtOGD4iJmroLJb2QWcg67mBYjE6aqgUNe4VBOi3wsFi1fSYEUk9cfuRfla3ZST4W3YyDNTLphSnVBsKExd2jvriDuC77kZ/Z3iXWBa4rPjEApkStXSEsaSeaIi5N1BOWMW1to7h8drtYqh7tIeN2TIpa29glXSKENfUmjHB31+cvFAXuEytBrxarNYOgm7hE/8LgaVH2aZQtgN4qjE0/5jxPuwBiefqOpv6EZdysZA9NuwHvzXKWqE+KRmKN8FGb0/Ok+EAPbNVmgrjdEvYBfEFE5Sv7fHkiBE1oRTFJn3nm2YF3tbvZaZfFI2IfylKxm6EfsrnSLL4cFL8Wi7U9bSORPnhE9KOFAyzYINghxN3dKVGVnU7702Ou6bsG/59sFeJ+2i1h1f2i28Q+lENiN8OgXEhdnhYGsMqKE+rtNjwqVm6OiCW3kbql65OdotZq7fCoIzBjD34hQq8RPK9uBjU5iK+K3RP31324F4HElqpxIfRvQuT8XjLqwF4RmdwoQsiybVxd6XfP9q70+IbWpvQxvU9/HBL9fVyMUfvelN7rnu1O5P+tYJlYnjtHLPJk6yAnRM0fEU1wn5j82m3A/1bwP7LpiHp/ZJKkAAAAAElFTkSuQmCC);
  background-size: 60% auto;
}
article .desc .socials a.twitter i {
  font-size: 1.25rem;
}
article .desc .socials span {
  display: inline-block;
  line-height: 2.25rem;
  height: 2.25rem;
  font-size: 0.75rem;
}
article .desc + .line {
  margin-top: 1.5rem;
}



/* Main - Comment */

article .comment_box {
  padding-top: 3rem;
}
article.fc2Ad .comment_box {
  display: none;
}
article #comment_editor.comment_box {
  margin: 0;
}
article .comment_box .cmntc_0, article .comment_box .cmntc_-0 {
  display: none;
}
article .comment_box h2 {
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
  color: #fc6c9e;
  text-align: center;
}
article .comment_box ul {
  margin-bottom: 3rem;
}
article .comment_box ul li {
  position: relative;
  margin-bottom: 0.75rem;
  padding: 1.5rem;
  border-radius: 7px;
  background-color: #3c4253;
}
article .comment_box .comment_title {
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.75rem;
  font-weight: 600;
}
article .comment_box .comment_title:empty {
  display: none;
}
article .comment_box .comment_body {
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.75rem;
}
article .comment_box .comment_state {
  overflow: hidden;
  line-height: 1.5rem;
  white-space: nowrap;
}
article .comment_box .comment_state > * {
  display: inline-block;
  line-height: 1.5rem;
  font-size: 0.75rem;
  white-space: nowrap;
}
article .comment_box .comment_state .comment_by {
  float: left;
  margin-right: 1rem;
  color: #fc6c9e;
}
article .comment_box .comment_state .comment_by a {
  text-decoration: underline;
}
article .comment_box .comment_state .comment_at {
  float: left;
}
article .comment_box .comment_state .comment_re {
  float: right;
}
article .comment_box .comment_state .comment_re a {
  padding: 0 0.75rem;
  border: 1px solid #fc6c9e;
  border-radius: 0.75rem;
  color: #fc6c9e;
}
article .comment_box form {
  padding: 1.5rem;
  border-radius: 7px;
  background-color: #3c4253;
}
article .comment_box fieldset {
  position: relative;
  width: 100%;
  margin-bottom: 1.5rem;
  border: 0;
  text-align: center;
}
article .comment_box fieldset:last-child {
  margin-bottom: 0;
}
article .comment_box label {
  display: block;
  position: relative;
  padding: 0 0.75rem 0 2.25rem;
  border-bottom: 1px solid rgba(233,255,255,0.1);
  border-radius: 0.15rem;
}
article .comment_box label i {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 2.25rem;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1rem;
  text-align: center;
  vertical-align: middle;
}
article .comment_box input, article .comment_box textarea {
  width: 100%;
  border: 0;
  background-color: transparent;
  color: #90a7a7;
  font-size: 0.75rem;
}
article .comment_box input {
  line-height: 2.25rem;
  height: 2.25rem;
}
article .comment_box textarea {
  line-height: 1.5rem;
  height: 15em;
  padding: 0.325rem 0;
}
article .comment_box input#submit {
  cursor: pointer;
  line-height: 2.25rem;
  width: 4.65rem;
  border: 1px solid #fc6c9e;
  border-radius: 1.125rem;
  background-color: transparent;
  color: #fc6c9e;
  font-size: 0.825rem;
  text-align: center;
}
article .comment_box input#submit:focus {
  background-color: #fc6c9e;
  color: #33384a;
}
article .comment_box input#delete {
  cursor: pointer;
  line-height: 2.25rem;
  width: 6.3rem;
  margin-left: 1rem;
  background-color: transparent;
  color: #fc6c9e;
  font-size: 0.825rem;
  text-align: center;
}
article .comment_box #fc2CmTool {
  position: absolute;
  top: 0.3rem;
  right: 1.75rem;
}


/* Navi */

nav {
  overflow: hidden;
  margin-top: 3rem;
}
article > nav {
  margin-top: 1.5rem;
}
nav:empty {
  display: none;
}
nav .prev {
  float: left;
}
nav .next {
  float: right;
}
nav a {
  display: inline-block;
  line-height: 2.25rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 1.125rem;
  background-color: #3c4253;
  color: #90a7a7;
  text-align: center;
}
nav a:hover {
  color: #33384a;
  background-color: rgba(239,108,158,0.9);
}
nav a:active {
  background-color: rgba(239,108,158,1);
}
nav span {
  display: inline-block;
  line-height: 2.25rem;
  height: 2.25rem;
  padding: 0 0.75rem;
  font-size: 0.75rem;
  text-align: center;
}


/* Footer */

#footer {
  position: relative;
  padding: 3rem 0;
}
#footer p {
  line-height: 1.125rem;
  font-size: 0.75rem;
}
#footer .pagetop {
  position: absolute;
  bottom: 3rem;
  right: 0;
}
#footer .pagetop a {
  display: inline-block;
  line-height: 2.25rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 1.125rem;
  background-color: #3c4253;
  color: #90a7a7;
  text-align: center;
}
#footer .pagetop a:hover {
  color: #33384a;
  background-color: rgba(239,108,158,0.9);
}
#footer .pagetop a:active {
  background-color: rgba(239,108,158,1);
}
#footer .pagetop span {
  display: inline-block;
  line-height: 2.25rem;
  height: 2.25rem;
  padding: 0 0.75rem;
  font-size: 0.75rem;
  text-align: center;
}


/* Admin */

#admin {
  position: fixed;
  top: 0;
  left: 0;
  content: "";
  width: 10px;
  height: 10px;
  z-index: 5;
}