@charset "UTF-8";
body.editor-area {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 16px;
  color: #333;
  line-height: 1.6;
}

del {
  color: #000 !important;
}

.entry .inner blockquote {
  word-break: normal;
}

.entry .inner dl dd, .entry .inner dl dt {
  word-break: normal;
}

.entry .inner h2, .entry .inner h3, .entry .inner h4, .entry .inner h5, .entry .inner ol li, .entry .inner p {
  word-break: normal;
}

.entry .inner table td, .entry .inner table th {
  word-break: normal;
}

.entry .inner ul li {
  word-break: normal;
}

.editor-area p, .entry .inner p {
  margin: 0 0 20px;
}

.editor-area p img, .entry .inner p img {
  margin-top: 20px;
}

.editor-area em, .entry .inner em {
  font-style: italic;
}

.editor-area strong, .entry .inner strong {
  font-weight: 700;
}

.editor-area h2, .entry .inner h2 {
  line-height: 1.4;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 2px solid currentColor;
  color: #2D69AA;
  font-size: 26px;
  font-weight: 700;
}

.editor-area h3, .editor-area h4, .editor-area h5 {
  margin: 0 0 10px;
  overflow: hidden;
  zoom: 1;
}

.entry .inner h3, .entry .inner h4, .entry .inner h5 {
  margin: 0 0 10px;
  overflow: hidden;
  zoom: 1;
}

.editor-area h3, .entry .inner h3 {
  margin-bottom: 23px;
  padding: 10px 0 8px 18px;
  border-left: 8px solid currentColor;
  color: #2D69AA;
  font-size: 24px;
  font-weight: 700;
}

.editor-area h4, .entry .inner h4 {
  margin-bottom: 36px;
  color: #333;
  font-size: 22px;
  font-weight: 700;
}

.editor-area ul, .entry .inner ul {
  margin: 0 0 15px;
  padding: 0;
  overflow: hidden;
  zoom: 1;
  list-style: none;
}

.editor-area ul > li, .editor-area ul > li, .entry .inner ul > li, .entry .inner ul > li {
  position: relative;
  margin: 0;
  padding-left: 20px;
}

.editor-area ul > li::before, .editor-area ul > li::before, .entry .inner ul > li::before, .entry .inner ul > li::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #999;
  -webkit-transform: translateY(-60%);
  transform: translateY(-60%);
  content: "";
}

.editor-area ol, .entry .inner ol {
  margin: 0 0 15px;
  padding-left: 20px;
  overflow: hidden;
  zoom: 1;
}

.editor-area ol li, .entry .inner ol li {
  list-style: decimal;
  padding: 0;
}

.editor-area blockquote, .entry .inner blockquote {
  clear: both;
  margin: 0 0 20px;
  padding: 25px 20px 22px 100px;
  background: #EEE url(../images/icon-quote.svg) no-repeat 20px 20px/64px 49px;
}

.editor-area blockquote p, .entry .inner blockquote p {
  margin-bottom: 0;
}

.editor-area table, .entry .inner table {
  width: 100%;
  margin: 0 0 15px;
}

.editor-area table tr, .entry .inner table tr {
  margin: 0;
  padding: 0;
}

.editor-area table td, .editor-area table th, .entry .inner table td, .entry .inner table th {
  padding: 10px;
  border: 1px solid #CCC;
}

.editor-area table th, .entry .inner table th {
  background: #EEE;
  font-weight: 700;
}

.editor-area .top {
  margin-bottom: 20px;
}

.entry .inner .oldPhoto, .entry .inner .top {
  margin-bottom: 20px;
}

.editor-area .top span, .editor-area .wp-caption-text {
  display: block;
  margin: 5px 0 20px;
  font-size: 10px;
  color: #999;
}

.entry .inner .top span, .entry .inner .wp-caption-text {
  display: block;
  margin: 5px 0 20px;
  font-size: 10px;
  color: #999;
}

.editor-area .memo_wrap, .entry .inner .memo_wrap {
  margin-bottom: 20px;
  padding: 19px;
  background: rgba(223, 232, 242, 0.7);
  color: #333;
}

.editor-area .memo_wrap .memo, .entry .inner .memo_wrap .memo {
  min-height: 80px;
}

.editor-area .memo_wrap .pict, .entry .inner .memo_wrap .pict {
  float: left;
  width: 78px;
  height: auto;
  margin: 0 15px 15px 0;
  vertical-align: text-top;
  border: 1px solid #ccc;
}

.editor-area .memo_name, .entry .inner .memo_name {
  font-size: 22px;
  font-weight: 700;
  color: #333;
}

.editor-area .memo_wrap p {
  margin: 10px 0 0;
}

.entry .inner .memo_wrap p {
  margin: 10px 0 0;
}

.entry .inner .memo_wrap .profile {
  margin-top: 10px;
  padding: 15px;
  background: #fff;
  font-size: 14px;
}

.entry .inner .memo_wrap .profile .name {
  margin-bottom: 10px;
  font-weight: 700;
  color: #0561A9;
}

.entry .inner .memo_wrap .profile .name a {
  font-weight: 700;
}

.entry .inner .memo_wrap .profile .name .twitter {
  margin-left: 10px;
  color: #999;
  font-size: 14px;
}

.editor-area .writer_appps_link, .entry .inner .writer_appps_link {
  display: none;
}

.editor-area .app, .entry .inner .app {
  width: 300px;
  margin: 0 auto;
  margin-bottom: 20px !important;
  display: inline-block;
}

.editor-area .app-info .button a, .editor-area .reg-button a {
  display: block !important;
  background-size: 301px 48px !important;
  background-repeat: no-repeat !important;
  width: 301px !important;
  height: 48px !important;
}

.entry .inner .button a, .entry .inner .reg-button a {
  display: block !important;
  background-size: 301px 48px !important;
  background-repeat: no-repeat !important;
  width: 301px !important;
  height: 48px !important;
}

.editor-area .app p, .entry .inner .app p {
  margin-bottom: 0;
}

.editor-area .app-icon-image, .entry .inner .app-icon-image {
  float: left;
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  box-shadow: 1px 4px 6px 1px #999;
  -moz-box-shadow: 1px 4px 6px 1px #999;
  -webkit-box-shadow: 1px 4px 6px 1px #999;
  margin: 25px 15px 20px 0;
}

.editor-area .app_wrap, .entry .inner .app_wrap {
  margin-bottom: 20px;
}

.editor-area .app-info, .entry .inner .app-info {
  padding: 25px 0;
  text-align: left;
}

.editor-area .app-info .title, .entry .inner .app-info .title {
  font-weight: 700;
}

.editor-area .app-info .button a, .entry .inner .button a {
  margin-left: -5px !important;
  margin-top: 15px !important;
  background-image: url(../images/appstoreButton.png) !important;
}

.editor-area .reg-button a, .entry .inner .reg-button a {
  background-image: url(../images/regButton.png) !important;
}

.editor-area .detaillButton {
  width: 301px !important;
  height: 48px !important;
}

.entry .inner .detaillButton {
  width: 301px !important;
  height: 48px !important;
}

.entry .inner .sub_wrap .sub_ref {
  margin-bottom: 10px;
}

.entry .inner .setting {
  display: none;
}

.entry .inner .balloon-img {
  vertical-align: bottom !important;
}