@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: 10px;
  font-weight: 500;
  -webkit-text-size-adjust: 100%;
}
a {
  text-decoration: none;
}
body, input, textarea, article .desc [class*="mi"] + .more a:after {
  font-family: Montserrat, "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
h1, .more, .comment_box h2 {
  font-family: "Gochi Hand", cursive;
}
article .title time,
article .desc p:not(.img):not(.video):not(.more):not(.sep):not(.socials),
nav span,
#footer .pagetop span {
  letter-spacing: 0.06rem;
}

html > iframe {
  display: none;
}
body {
  position: relative;
  padding: 0 6%;
}
article {
  max-width: 960px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#header, article .title, article .desc p:not(.img):not(.video):not(.sep), .line, nav, article .socials, article .comment_box ul, article .comment_box form, #footer {
  max-width: 640px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.goto {

}
.goto > span {
  display: inline-block;
  line-height: 4.5rem;
  height: 4.5rem;
  padding: 0 1.5rem;
  font-size: 1.5rem;
  text-align: center;
}
a.button {
  display: inline-block;
  line-height: 4.5rem;
  height: 4.5rem;
  border-radius: 2.25rem;
  background-color: #3c4253;
  color: #90a7a7;
  text-align: center;
}
a.button:hover {
  color: #33384a;
  background-color: rgba(239,108,158,0.9);
}
a.button:active {
  background-color: rgba(239,108,158,1);
}
a.button i {
  display: inline-block;
  line-height: 4.5rem;
  height: 4.5rem;
  padding: 0 1.5rem;
  font-size: 2rem;
  text-align: center;
}
.line {
  content: "";
  height: 3px;
  margin: 0 auto;
  border-radius: 2px;
  background-color: #3c4253;
}



/* Base - Color */

body {
  background-color: #33384a;
  color: #90a7a7;
}
a, .video:after {
  color: #fc6c9e;
}
::selection {
  background-color: rgba(252,108,158,.9);
  color: #33384a;
}
::-moz-selection {
  background-color: rgba(252,108,158,.9);
  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: 3rem;
  left: 0;
  width: 100%;
  text-align: center;
}
noscript p {
  display: inline-block;
  line-height: 4.5rem;
  padding: 0 3rem;
  border-radius: 2.25rem;
  background-color: #fc6c9e;
  color: #33384a;
  font-size: 1.6rem;
}


/* Header */

#header {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: middle;
  padding: 3rem 0;
}
#header > * {
  flex: 0 0 auto;
}
#header .blogname {

}
#header .blogname h1 {
  line-height: 4.5rem;
  font-size: 2.75rem;
}
#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,
#header li .now > label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  line-height: 4.5rem;
  font-size: 1.6rem;
  z-index: 3;
}
#header .box {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 6rem;
  height: 0;
  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;
  height: 70vh;
}
#header li > label {
  line-height: 4.5rem;
}
#header .box > label {
  cursor: default;
  position: fixed;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100vh;
  z-index: 2;
}
#header .box > *:not(label) {
  position: relative;
  overflow: auto;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-color: #3c4253;
  z-index: 4;
}
#header .archive {
  margin-right: 1rem;
}
#header .archive .now {
  display: inline-block;
  position: relative;
}
#header .archive .now > label {
  padding: 0 2.5rem;
  border-radius: 2.25rem;
  background-color: #3c4253;
}
#header .archive .now > label i.icon {
  display: inline-block;
  width: 1.6rem;
  margin-right: 0.8rem;
  text-align: center;
}
#header .archive .now > label .nm01:before { content: "1"; }
#header .archive .now > label .nm02:before { content: "2"; }
#header .archive .now > label .nm03:before { content: "3"; }
#header .archive .now > label .nm04:before { content: "4"; }
#header .archive .now > label .nm05:before { content: "5"; }
#header .archive .now > label .nm06:before { content: "6"; }
#header .archive .now > label .nm07:before { content: "7"; }
#header .archive .now > label .nm08:before { content: "8"; }
#header .archive .now > label .nm09:before { content: "9"; }
#header .archive .now > label .nm10:before { content: "10"; }
#header .archive .now > label .nm11:before { content: "11"; }
#header .archive .now > label .nm12:before { content: "12"; }
#header .archive .now .box {
  left: 0;
}
#header .archive .now .box:before {
  left: 2.75rem;
  left: calc(2.5rem + (1.65rem - 8px * 2) / 2);
}
#header .archive .now .box ul {
  padding: 2rem 0 0;
}
#header .archive .now .box ul:after {
  display: block;
  content: "";
  width: 100%;
  height: 2rem;
}
#header .archive .now .box ul li ~ li {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(233,255,255,0.1);
}
#header .archive .now .box ul li.y2022 ~ li.y2022,
#header .archive .now .box ul li.y2021 ~ li.y2021,
#header .archive .now .box ul li.y2020 ~ li.y2020,
#header .archive .now .box ul li.y2019 ~ li.y2019,
#header .archive .now .box ul li.y2018 ~ li.y2018,
#header .archive .now .box ul li.y2017 ~ li.y2017,
#header .archive .now .box ul li.y2016 ~ li.y2016,
#header .archive .now .box ul li.y2015 ~ li.y2015,
#header .archive .now .box ul li.y2014 ~ li.y2014,
#header .archive .now .box ul li.y2013 ~ li.y2013 {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
#header .archive .now .box ul li:before {
  display: block;
  line-height: 4rem;
  text-align: center;
  font-size: 1.5rem;
  font-style: italic;
}
#header .archive .now .box ul li.y2022:before { content: "2022 年" }
#header .archive .now .box ul li.y2021:before { content: "2021 年" }
#header .archive .now .box ul li.y2020:before { content: "2020 年" }
#header .archive .now .box ul li.y2019:before { content: "2019 年" }
#header .archive .now .box ul li.y2018:before { content: "2018 年" }
#header .archive .now .box ul li.y2017:before { content: "2017 年" }
#header .archive .now .box ul li.y2016:before { content: "2016 年" }
#header .archive .now .box ul li.y2015:before { content: "2015 年" }
#header .archive .now .box ul li.y2014:before { content: "2014 年" }
#header .archive .now .box ul li.y2013:before { content: "2013 年" }
#header .archive .now .box ul li.y2022 ~ li.y2022:before,
#header .archive .now .box ul li.y2021 ~ li.y2021:before,
#header .archive .now .box ul li.y2020 ~ li.y2020:before,
#header .archive .now .box ul li.y2019 ~ li.y2019:before,
#header .archive .now .box ul li.y2018 ~ li.y2018:before,
#header .archive .now .box ul li.y2017 ~ li.y2017:before,
#header .archive .now .box ul li.y2016 ~ li.y2016:before,
#header .archive .now .box ul li.y2015 ~ li.y2015:before,
#header .archive .now .box ul li.y2014 ~ li.y2014:before,
#header .archive .now .box ul li.y2013 ~ li.y2013:before {
  display: none;
}
#header .archive .now .box ul li a {
  display: block;
  position: relative;
  line-height: 4rem;
  padding: 0 3.4rem 0 7.8rem;
  color: #90a7a7;
  white-space: nowrap;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
  #header .archive .now .box ul li a {
    padding: 0 1.8rem 0 7.8rem;
  }
}
@-moz-document url-prefix(){
  #header .archive .now .box ul li a {
    padding: 0 3.6rem 0 7.8rem;
  }
}
@supports (-ms-ime-align: auto){
  #header .archive .now .box ul li a {
    padding: 0 3.6rem 0 7.8rem;
  }
}
#header .archive .now .box ul li a:hover {
  color: #33384a !important;
  background-color: rgba(239,108,158,0.9);
}
#header .archive .now .box ul li a:active {
  background-color: rgba(239,108,158,1);
}
#header .archive .now .box ul li a > * {
  display: inline-block;
  position: relative;
}
#header .archive .now .box ul li a .c {
  position: absolute;
  top: 1.3rem;
  right: 0;
  bottom: 1.3rem;
  left: 1.6rem;
  content: "";
  margin: auto auto auto 0;
  border-radius: 0.8rem;
  background-color: rgba(233,255,255,0.035);
}
#header .archive .now .box ul li a:hover .c {
  background-color: rgba(239,108,158,0.65);
}
#header .archive .now .box ul li a .c1 { width: 10%; }
#header .archive .now .box ul li a .c2 { width: 13%; }
#header .archive .now .box ul li a .c3 { width: 16%; }
#header .archive .now .box ul li a .c4 { width: 19%; }
#header .archive .now .box ul li a .c5 { width: 22%; }
#header .archive .now .box ul li a .c6 { width: 25%; }
#header .archive .now .box ul li a .c7 { width: 28%; }
#header .archive .now .box ul li a .c8 { width: 31%; }
#header .archive .now .box ul li a .c9 { width: 34%; }
#header .archive .now .box ul li a .c10 { width: 37%; }
#header .archive .now .box ul li a .c11 { width: 40%; }
#header .archive .now .box ul li a .c12 { width: 43%; }
#header .archive .now .box ul li a .c13 { width: 46%; }
#header .archive .now .box ul li a .c14 { width: 49%; }
#header .archive .now .box ul li a .c15 { width: 52%; }
#header .archive .now .box ul li a .c16 { width: 55%; }
#header .archive .now .box ul li a .c17 { width: 58%; }
#header .archive .now .box ul li a .c18 { width: 61%; }
#header .archive .now .box ul li a .c19 { width: 64%; }
#header .archive .now .box ul li a .c20 { width: 67%; }
#header .archive .now .box ul li a .c21 { width: 70%; }
#header .archive .now .box ul li a .c22 { width: 73%; }
#header .archive .now .box ul li a .c23 { width: 76%; }
#header .archive .now .box ul li a .c24 { width: 79%; }
#header .archive .now .box ul li a .c25 { width: 82%; }
#header .archive .now .box ul li a .c26 { width: 85%; }
#header .archive .now .box ul li a .c27 { width: 88%; }
#header .archive .now .box ul li a .c28 { width: 91%; }
#header .archive .now .box ul li a .c29 { width: 94%; }
#header .archive .now .box ul li a .c30 { width: 97%; }
#header .archive .now .box ul li a .c31 { width: 100%; }
#header .archive .now .box ul li a .m {
  width: 4.35rem;
  font-size: 1.5rem;
  text-align: right;
}
#header .archive .now .box ul li a .m {

}
#header .archive .now .box ul li a .m i {
  content: "";
}
#header .archive .now .box ul li a .m01:before { content: "1"; }
#header .archive .now .box ul li a .m02:before { content: "2"; }
#header .archive .now .box ul li a .m03:before { content: "3"; }
#header .archive .now .box ul li a .m04:before { content: "4"; }
#header .archive .now .box ul li a .m05:before { content: "5"; }
#header .archive .now .box ul li a .m06:before { content: "6"; }
#header .archive .now .box ul li a .m07:before { content: "7"; }
#header .archive .now .box ul li a .m08:before { content: "8"; }
#header .archive .now .box ul li a .m09:before { content: "9"; }
#header .archive .now .box ul li a .m10:before { content: "10"; }
#header .archive .now .box ul li a .m11:before { content: "11"; }
#header .archive .now .box ul li a .m12:before { content: "12"; }
#header .archive .prev, #header .archive .next {
  display: inline-block;
  position: relative;
  z-index: 3;
}
#header .archive .prev {
  margin-right: 0.2rem;
}
#header .archive .next {
  margin-left: 0.2rem;
}
#header .archive .prev a, #header .archive .next a {
  display: inline-block;
  line-height: 4.5rem;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 2.25rem;
  background-color: #3c4253;
  color: #90a7a7;
  text-align: center;
}
#header .archive .prev a:hover, #header .archive .next a:hover {
  color: #33384a;
  background-color: rgba(239,108,158,0.9);
}
#header .archive .prev a:active, #header .archive .next a:active {
  background-color: rgba(239,108,158,1);
}
#header .archive .prev a i, #header .archive .next a i {
  display: inline-block;
  line-height: 4.5rem;
  height: 4.5rem;
  padding: 0 1.5rem;
  font-size: 1.5rem;
  text-align: center;
}




#header .avator {

}
#header .avator label img {
  max-width: 4.5rem;
  border-radius: 50%;
  height: auto;
}
#header .avator .box {
  right: 0;
  width: 320px;
}
#header .avator .box:before {
  right: 1.45rem;
  right: calc((4.5rem - 8px * 2) / 2);
}
#header .avator a {
  display: block;
  line-height: 4.5rem;
  height: 4.5rem;
  padding: 0 2rem 0 3rem;
  background-color: #3c4253;
  color: #90a7a7;
}
#header .avator a:hover {
  background-color: rgba(239,108,158,0.9);
  color: #33384a;
}
#header .avator a:active {
  background-color: rgba(239,108,158,1);
}
#header .avator a i {
  display: inline-block;
  content: "";
  line-height: 4.5rem;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 0.5rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50% auto;
  text-align: center;
}
#header .avator a i.right {
  float: right;
  margin-right: 0;
}
#header .avator a i.icon {
  font-size: 2.4rem;
}
#header .avator a i.ion-arrow-right-b,
#header .avator a i.ion-arrow-left-b,
#header .avator a i.ion-android-open {
  font-size: 1.6rem;
}
#header .avator a i.ion-android-open {
  width: 1.6rem;
}
#header .avator a span {
  display: inline-block;
  line-height: 4.5rem;
  height: 4.5rem;
  font-size: 1.5rem;
}
#header .avator .profile {
  overflow-x: hidden;
  padding: 3rem 0 0;
  font-size: 1.5rem;
}
#header .avator .profile > * {
  position: absolute;
  width: 100%;
  transition: opacity .35s ease-in-out 0s, left .2s ease-in-out 0s;
}
#header .avator .profile > *:after {
  display: block;
  content: "";
  width: 100%;
  height: 3rem;
}
#header .avator .profile.default #equip,
#header .avator .profile.equip #default {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
#header .avator .profile.equip #equip {
  opacity: 1;
  visibility: visible;
}
#header .avator .profile.default #default { left: 0; }
#header .avator .profile.default #equip { left: 100%; }
#header .avator .profile.equip #default { left: -100%; }
#header .avator .profile.equip #equip { left: 0%; }

#header .avator .profile p:not(:first-child):not(.socials) {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(233,255,255,0.1); 
}
#header .avator .profile #default {

}
#header .avator .profile #default .intro {
  line-height: 2.9rem;
  padding: 2.5rem 3rem;
}
#header .avator .profile #default .socials a.blogmura i.i_blogmura {
  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);
}
#header .avator .profile #default .socials a.blogmura:hover i.i_blogmura {
  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=);
}
#header .avator .profile #default .socials a.ninkiblog i.i_ninkiblog {
  background-image: url(data:image/png;base64,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);
}
#header .avator .profile #default .socials a.ninkiblog:hover i.i_ninkiblog {
  background-image: url(data:image/png;base64,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);
}
#header .avator .profile #equip p {

}
#header .avator .profile #equip p a {
  position: relative;
  white-space: nowrap;
}
#header .avator .profile #equip p a span {
  overflow: hidden;
  width: calc(100% - 2.5rem);
  text-overflow: ellipsis;
}
#header .avator .profile #equip p a.new:before {
  position: absolute;
  top: 2rem;
  left: 1.45rem;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #fc6c9e;
}
#header .avator .profile #equip p a.new:hover:before {
  background-color: #33384a;
}

/* Main */

main {

}
main > div[class^="entry"] {
  display: none;
}
main > div[class^="notno"] {
  display: block;
}
main .noentry {
  padding: 17vh 0;
}
main .noentry p {
  font-size: 1.5rem;
  text-align: center;
}



/* Main - Post */

article {
  position: relative;
}
article.fc2Ad {
  text-align: center;
}
article .title {
  line-height: 3rem;
  padding: 3.75rem 0;
  text-align: center;
}
article .title > * {
  display: inline-block;
  line-height: 2rem;
  vertical-align: middle;
}
article .title h2 {
  color: #fc6c9e;
  font-size: 2.25rem;
  font-weight: 300;
}
article .title h2 a {
  color: #fc6c9e;
}
article .title b  {
  margin: 0 1.5rem;
  font-size: 1.4rem;
}
article .title time {
  font-size: 1.5rem;
  font-style: italic;
  text-align: right;
}
.fc2Ad .title time {
  display: none;
}
article .title .cmnum {
  position: relative;
  top: -1rem;
  left: 0.7rem;
  min-width: 2.2rem;
  padding: 0.1rem;
  border-radius: 50%;
  background-color: rgba(239,108,158,0.9);
  color: #33384a;
  font-size: 1.2rem;
}
article .title .cmnum:active {
  background-color: rgba(239,108,158,1);
}
article .title .cmnum0 {
  display: none;
}
article .desc {

}
article .desc p:not(.img):not(.video):not(.more):not(.sep):not(.socials) {
  line-height: 3.2rem;
  margin-bottom: 3.2rem;
  font-size: 1.6rem;
}
article .desc p:not(.socials):first-child {
  margin-top: 0 !important;
}
article .desc p:not(.socials):last-child {
  margin-bottom: 0 !important;
  padding-bottom: 3.75rem;
}
@media screen and (max-width: 960px) {
  article .desc p br {
    display: none;
  }
}
article .desc .img {
  margin: 3.75rem 0;
  font-size: 1.6rem;
  text-align: center;
}
article .desc .video {
  position: relative;
  height: 0;
  margin: 3.75rem 0;
  padding-bottom: 56.25%;
}
article .desc .video:after {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 1.5rem;
  font-size: 1.5rem;
  content: "※音量にご注意ください。"
}
article .desc .imgs {

}
article .desc .img a {
  display: inline-block;
}
article .desc .img a + a {
  margin-top: 3.75rem;
}
article .desc .img img {
  max-width: 100%;
  width: auto;
  max-height: 960px;
  height: auto;
  border-radius: 6px;
}
article .desc .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
article .desc .imgs img {
  max-width: 960px;
  max-height: 960px;
}
@media screen and (max-width: 960px) {
  article .desc .img img {
    max-width: 100%;
    max-height: 960px;
  }
  article .desc .imgs img {
    max-width: 640px;
    max-height: 640px;
  }
}
@media screen and (max-width: 720px) {
  article .desc .img img {
    max-width: 100%;
    max-height: 720px;
  }
  article .desc .imgs img {
    max-width: 640px;
    max-height: 640px;
  }
}
@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 .img iframe {
  width: 100%;
  height: auto;
}
article .desc .sep {
  margin-top: 5.4rem;
  margin-bottom: 5.4rem;
  text-align: center;
}
article .desc .sep i {
  display: inline-block;
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 1.2rem;
  border-radius: 50%;
  background-color: #3c4253;
  vertical-align: middle;
}
article .desc .more {
  margin-top: 3.75rem;
  text-align: center;
}
.fc2Ad .desc .more {
  display: none;
}
article .desc .more a {
  padding: 0 3rem;
  font-size: 2.4rem;
}
article .desc [class*="mi"] + .more a:after {
  margin-left: 1rem;
  font-size: 1.5rem;
}
article .desc .mi1 + .more a:after { content: "(1枚)"; }
article .desc .mi2 + .more a:after { content: "(2枚)"; }
article .desc .mi3 + .more a:after { content: "(3枚)"; }
article .desc .mi4 + .more a:after { content: "(4枚)"; }
article .desc .mi5 + .more a:after { content: "(5枚)"; }
article .desc .mi6 + .more a:after { content: "(6枚)"; }
article .desc .mi7 + .more a:after { content: "(7枚)"; }
article .desc .mi8 + .more a:after { content: "(8枚)"; }
article .desc .mi9 + .more a:after { content: "(9枚)"; }
article .desc .mi10 + .more a:after { content: "(10枚)"; }
article .desc .mi11 + .more a:after { content: "(11枚)"; }
article .desc .mi12 + .more a:after { content: "(12枚)"; }
article .desc .mi13 + .more a:after { content: "(13枚)"; }
article .desc .mi14 + .more a:after { content: "(14枚)"; }
article .desc .mi15 + .more a:after { content: "(15枚)"; }
article .desc .mi16 + .more a:after { content: "(16枚)"; }
article .desc .mi17 + .more a:after { content: "(17枚)"; }
article .desc .mi18 + .more a:after { content: "(18枚)"; }
article .desc .mi19 + .more a:after { content: "(19枚)"; }
article .desc .mi20 + .more a:after { content: "(20枚)"; }
article .desc .mi21 + .more a:after { content: "(21枚)"; }
article .desc .mi22 + .more a:after { content: "(22枚)"; }
article .desc .mi23 + .more a:after { content: "(23枚)"; }
article .desc .mi24 + .more a:after { content: "(24枚)"; }
article .desc .mi25 + .more a:after { content: "(25枚)"; }
article .desc .mi26 + .more a:after { content: "(26枚)"; }
article .desc .mi27 + .more a:after { content: "(27枚)"; }
article .desc .mi28 + .more a:after { content: "(28枚)"; }
article .desc .mi29 + .more a:after { content: "(29枚)"; }
article .desc .mi30 + .more a:after { content: "(30枚)"; }
article .desc .socials {
  margin-top: 3.75rem;
}
.fc2Ad .desc .socials {
  display: none;
}
article .desc .socials a {
  margin-right: 1.25rem;
}
article .desc .socials a img {
  border-radius: 16px;
}
article .desc + .line {
  margin-top: 3rem;
}



/* Main - Comment */

article .comment_box {
  padding-top: 3.75rem;
}
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: 3rem;
  margin-bottom: 3rem;
  font-size: 2rem;
  color: #fc6c9e;
  text-align: center;
}
article .comment_box ul {
  margin-bottom: 6rem;
}
article .comment_box ul li {
  position: relative;
  margin-bottom: 1.5rem;
  padding: 3rem;
  border-radius: 6px;
  background-color: #3c4253;
}
article .comment_box .comment_title {
  line-height: 3rem;
  margin-bottom: 3rem;
  font-size: 1.5rem;
  font-weight: 600;
}
article .comment_box .comment_title:empty {
  display: none;
}
article .comment_box .comment_body {
  line-height: 3rem;
  margin-bottom: 3rem;
  font-size: 1.5rem;
}
article .comment_box .comment_state {
  overflow: hidden;
  line-height: 3rem;
  white-space: nowrap;
}
article .comment_box .comment_state > * {
  display: inline-block;
  line-height: 3rem;
  font-size: 1.5rem;
  white-space: nowrap;
}
article .comment_box .comment_state .comment_by {
  float: left;
  margin-right: 2rem;
  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 1.5rem;
  border: 1px solid #fc6c9e;
  border-radius: 0.85rem;
  color: #fc6c9e;
}
article .comment_box form {
  padding: 3rem;
  border-radius: 6px;
  background-color: #3c4253;
}
article .comment_box fieldset {
  position: relative;
  width: 100%;
  margin-bottom: 3rem;
  border: 0;
  text-align: center;
}
article .comment_box fieldset:last-child {
  margin-bottom: 0;
}
article .comment_box label {
  display: block;
  position: relative;
  padding: 0 1.5rem 0 4.5rem;
  border-bottom: 1px solid rgba(233,255,255,0.1);
  border-radius: 6px;
}
article .comment_box label i {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 4.5rem;
  width: 4.5rem;
  height: 4.5rem;
  font-size: 2rem;
  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: 1.5rem;
}
article .comment_box input {
  line-height: 4.5rem;
  height: 4.5rem;
}
article .comment_box textarea {
  resize: vertical;
  line-height: 3rem;
  height: 15em;
  padding: 0.65rem 0;
}
article .comment_box input#submit {
  cursor: pointer;
  line-height: 4.5rem;
  width: 9.3rem;
  border: 1px solid #fc6c9e;
  border-radius: 2.25rem;
  background-color: transparent;
  color: #fc6c9e;
  font-size: 1.6rem;
  text-align: center;
}
article .comment_box input#submit:focus {
  background-color: #fc6c9e;
  color: #33384a;
}
article .comment_box input#delete {
  cursor: pointer;
  line-height: 4.5rem;
  width: 12.6rem;
  margin-left: 2rem;
  background-color: transparent;
  color: #fc6c9e;
  font-size: 1.6rem;
  text-align: center;
}


/* Navi */

nav {
  overflow: hidden;
  margin-top: 3.75rem;
}
article > nav {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
nav:empty {
  display: none;
}
nav .prev {
  float: left;
}
nav .next {
  float: right;
}
nav a {
  width: 4.5rem;
}
nav a i {
  font-size: 2rem;
}
nav b.m01:before { content: "1"; }
nav b.m02:before { content: "2"; }
nav b.m03:before { content: "3"; }
nav b.m04:before { content: "4"; }
nav b.m05:before { content: "5"; }
nav b.m06:before { content: "6"; }
nav b.m07:before { content: "7"; }
nav b.m08:before { content: "8"; }
nav b.m09:before { content: "9"; }
nav b.m10:before { content: "10"; }
nav b.m11:before { content: "11"; }
nav b.m12:before { content: "12"; }


/* Footer */

#footer {
  position: relative;
  padding: 3.75rem 0;
}
#footer .credit {
  height: 4.5rem;
}
#footer .credit p {
  line-height: 2.25rem;
  font-size: 1.5rem;
}
#footer .credit .notice {
  font-size: 1.3rem;
}
#footer .pagetop {
  position: absolute;
  bottom: 3.75rem;
  right: 0;
}
#footer .pagetop a {
  width: 4.5rem;
}
#footer .pagetop span {

}
@media screen and (max-width: 960px) {
  #footer {
    padding-bottom: 22.5rem;
  }
  #footer .pagetop {
    bottom: 22.5rem;
  }
}


/* Admin */

#admin {
  position: fixed;
  top: 0;
  left: 0;
  content: "";
  width: 10px;
  height: 10px;
  z-index: 5;
}


/* Mobile */
#change_mobile {
  height: auto !important;
  padding-top: 7px;
  background: none !important;
}
#change_mobile_body {
  padding-top: 0 !important;
}
#change_mobile_body img {
  width: 100%;
}





