@charset "UTF-8";
/* reset */
@import url(//use.fontawesome.com/releases/v5.0.11/css/all.css);
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@media screen and (max-width: 980px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 981px) {
  .sp {
    display: none !important;
  }
}

/**ループ**/
@-webkit-keyframes loopLeft {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -2380px 0px;
  }
}
@-moz-keyframes loopLeft {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -2380px 0px;
  }
}
/**スピン**/
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes rotate {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
* {
  max-height: 999999px;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
*:focus {
  outline: none;
}

a {
  outline: none;
  text-decoration: none;
  color: #33B248;
}
a img:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
a:hover {
  text-decoration: underline;
  color: #38405F;
}
a.button {
  border: 0;
  border-radius: 5px;
  background: #33B248;
  display: inline-block;
  line-height: 1.4;
  text-align: center;
  font-size: 1em;
  color: #fff;
}
@media screen and (min-width: 981px) {
  a.button {
    padding: 1em 2em;
  }
}
@media screen and (max-width: 980px) {
  a.button {
    width: 100%;
    margin: 0 auto 1em;
    padding: 1em;
  }
}
a.button:hover {
  background: #0E131F;
  text-decoration: none;
}
a.button.navy {
  background: #38405F;
}

img {
  max-width: 100%;
  display: block;
}

select {
  cursor: pointer;
}
select option {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

body {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  overflow-x: hidden;
  background: #f8f8f8;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #0E131F;
}

input[type="checkbox"] {
  background: #ddd;
  border-radius: 3px;
  position: relative;
  top: -1px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="password"] {
  width: 100%;
  padding: 1em;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
  line-height: 1.4;
  font-size: 1em;
  color: #0E131F;
  -webkit-appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="password"]:focus {
  border: 1px solid #33B248;
}

textarea {
  width: 100%;
  padding: 1em;
  border-radius: 5px;
  border: 0;
  background: #fff;
  font-size: 1em;
  color: #0E131F;
}

button {
  border: 0;
  border-radius: 5px;
  background: #33B248;
  cursor: pointer;
  line-height: 1.4;
  font-size: 1em;
  color: #fff;
}
@media screen and (min-width: 981px) {
  button {
    padding: 1em 2em;
  }
}
@media screen and (max-width: 980px) {
  button {
    width: 100%;
    margin: 0 auto 1em;
    padding: 1em;
  }
}
button:hover {
  background: #0E131F;
}
button.navy {
  background: #38405F;
}

select {
  width: auto;
  padding: 1em;
  display: block;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #f8f8f8;
  color: #0E131F;
  font-size: 1em;
}
select:focus {
  border: 1px solid #ccc;
}

.wrap {
  margin: 0 auto;
}
@media screen and (min-width: 981px) {
  .wrap {
    width: 1000px;
  }
}
@media screen and (max-width: 980px) {
  .wrap {
    width: 100%;
  }
}

header {
  width: 100%;
  padding: 0.5em 0;
  background: #0E131F;
  border-bottom: 1px solid #1d2433;
}
header .wrap {
  overflow: hidden;
}
header .wrap .title {
  margin: 0 3em 0 1.5em;
  display: inline-block;
  float: left;
  line-height: 2;
  font-size: 1em;
  color: #8B939C;
}
header .wrap .title a {
  color: #8B939C;
}
header .wrap .title a:hover {
  text-decoration: none;
  color: #33B248;
}
@media screen and (min-width: 981px) {
  header .wrap ul {
    display: flex;
    align-items: center;
    justify-content: left;
    float: left;
  }
}
@media screen and (max-width: 980px) {
  header .wrap ul {
    display: none;
  }
}
header .wrap ul li a {
  padding: 0 1em;
  display: block;
  line-height: 2;
  color: #8B939C;
}
header .wrap ul li a:hover {
  text-decoration: none;
  color: #33B248;
}
header .menu {
  padding: 0 1em;
  float: right;
  font-size: 1.5em;
  cursor: pointer;
  color: #8B939C;
}
@media screen and (min-width: 981px) {
  header .menu {
    display: none;
  }
}
@media screen and (max-width: 980px) {
  header .menu {
    display: block;
  }
}
header .alert {
  padding: 0 1em;
  float: right;
  cursor: pointer;
  position: relative;
  line-height: 2;
  font-size: 1.1em;
  color: #8B939C;
}
header .alert .new {
  width: 9px;
  height: 9px;
  border-radius: 9px;
  background: #33B248;
  display: block;
  position: absolute;
  z-index: 10;
  top: 20px;
  left: 36px;
}
header .alert:hover {
  color: #f1c40f;
}

.menu-open {
  width: 100%;
  display: none;
}
.menu-open ul li {
  width: 100%;
}
.menu-open ul li:last-child a {
  border-bottom: 0;
}
.menu-open ul li a {
  padding: 1em 1.5em;
  background: #0E131F;
  border-bottom: 1px solid #1d2433;
  display: block;
  color: #8B939C;
}
.menu-open ul li a:hover {
  background: #f8f8f8;
  text-decoration: none;
  color: #0E131F;
}
.menu-open ul li a i {
  margin: 0 1em 0 0;
}

.form-box {
  margin: 0 0 3em;
  padding: 3em 3em 2em;
  background: #fff;
}

.form-group {
  margin: 0 0 1em;
  overflow: hidden;
}
.form-group label {
  font-weight: bold;
  text-align: left;
}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="password"] {
  margin: 0.2em 0;
}
.form-group.audio {
  margin: 0 0 2em;
}
.form-group.audio label {
  margin: 0 0 0.4em;
}
.form-group .delete {
  margin: 1em 0 0;
  padding: 1em 2em;
  border-radius: 5px;
  display: inline-block;
  background: #33B248;
  float: right;
  font-size: 0.8em;
  color: #fff;
}
.form-group .delete:hover {
  text-decoration: none;
}
.form-group.image-upload {
  margin: 0 0 2em;
}
.form-group.image-upload .image-upload-box {
  margin: 0;
  overflow: hidden;
}
.form-group.image-upload .image-upload-box .image-preview {
  width: 23%;
  margin: 0 0.5em 0.5em 0;
  float: left;
}
.form-group.image-upload .image-upload-box .image-preview img {
  width: 100%;
}
.form-group.image-upload #file_upload_section {
  overflow: hidden;
}
.form-group.image-upload #file_upload_section #drop {
  width: 100%;
  margin: 1em 0 0.5em;
  padding: 2.5em 0;
  border: 4px dashed #ddd;
  border-radius: 10px;
  text-align: center;
  color: #888;
}
.form-group.image-upload #file_upload_section .thumb {
  width: 23%;
  margin: 0 0.5em 0.5em 0;
  float: left;
}
.form-group.image-upload #file_upload_section .thumb img {
  width: 100%;
}

.form-group2 {
  margin: 0 0 2em;
}
.form-group2 label {
  font-size: 1.3em;
  font-weight: bold;
}
.form-group2 input[type="text"],
.form-group2 input[type="email"],
.form-group2 input[type="password"] {
  margin: 0.2em 0;
}
.form-group2 #datepicker {
  width: 30%;
  display: block;
}

.error {
  margin: 1em 0 0;
  font-weight: bold;
  color: #33B248;
}
.error p {
  margin: 0.3em 0;
  font-size: 0.7em;
}

.log {
  margin: 5em auto;
  line-height: 2;
}
@media screen and (min-width: 981px) {
  .log {
    width: 400px;
    text-align: left;
  }
}
@media screen and (max-width: 980px) {
  .log {
    width: 80%;
    text-align: left;
  }
}
.log button {
  width: 100%;
}
.log p {
  text-align: center;
}

.content-search {
  overflow: hidden;
}
@media screen and (min-width: 981px) {
  .content-search {
    margin: 2em 0 0;
    padding: 0;
  }
}
@media screen and (max-width: 980px) {
  .content-search {
    margin: 1em 0 2em;
    padding: 0 1.5em;
  }
}
.content-search .content-search-input {
  display: inline-block;
  float: left;
}
@media screen and (min-width: 981px) {
  .content-search .content-search-input {
    width: 40%;
    margin: 0 1em 0 0;
  }
}
@media screen and (max-width: 980px) {
  .content-search .content-search-input {
    width: 70%;
    margin: 0 0.5em 0 0;
  }
}
.content-search .content-search-button {
  display: inline-block;
  float: left;
}

.pager {
  margin: 2em 0;
}
.pager ul {
  overflow: hidden;
}
.pager ul li {
  margin: 0 3px 0 0;
  display: inline-block;
  float: left;
  font-size: 0.7em;
  overflow: hidden;
}
.pager ul li a {
  padding: 1em 1.5em;
  display: block;
  background: #fff;
  color: #0E131F;
}
.pager ul li a:hover {
  background: #33B248;
  text-decoration: none;
  color: #fff;
}
.pager ul li.now {
  padding: 1em 1.5em;
  background: #33B248;
  color: #fff;
}
.pager ul li:first-child {
  border-radius: 5px 0 0 5px;
}
.pager ul li:last-child {
  border-radius: 0 5px 5px 0;
}

.container {
  overflow: hidden;
}
@media screen and (min-width: 981px) {
  .container {
    margin: 3em 0;
  }
}
@media screen and (max-width: 980px) {
  .container {
    margin: 0;
  }
}
.container .main {
  margin: 0;
  background: #fff;
  overflow: hidden;
}
@media screen and (min-width: 981px) {
  .container .main {
    width: 70%;
    padding: 3em;
    float: left;
  }
}
@media screen and (max-width: 980px) {
  .container .main {
    width: 100%;
    padding: 1.5em 1.5em 3em;
  }
}
.container .main.wide {
  width: 100%;
  float: none;
}
.container .main.wide h1.content-detail-title {
  border-bottom: 0;
}
.container .main.wide h1.content-heading {
  margin: 0 0 1em;
}
.container .main.wide .content-script-edit {
  margin: 0 0 2em;
}
.container .main h1 {
  font-size: 1.6em;
  font-weight: bold;
}
.container .main h1.content-detail-title {
  margin: 0.5em 0 0.3em;
  padding: 0 0 0.5em;
  border-bottom: 1px solid #ddd;
}
.container .main h2 {
  margin: 2em 0 0.2em;
  padding: 0 0 0.1em;
  border-bottom: 1px solid #ddd;
  font-size: 1.2em;
  font-weight: bold;
}
.container .main .description {
  margin: 0.5em 0 2em;
  color: #8B939C;
}
.container .main .content-box {
  margin: 3em 0 0;
}
.container .main .content-list {
  overflow: hidden;
}
.container .main .content-list .content-div {
  padding: 0.7em 0;
  overflow: hidden;
}
.container .main .content-list .content-div .content-date {
  margin: 0 0.5em 0 0;
  font-weight: bold;
  color: #8B939C;
}
@media screen and (min-width: 981px) {
  .container .main .content-list .content-div .content-date {
    width: 15%;
    float: left;
  }
}
@media screen and (max-width: 980px) {
  .container .main .content-list .content-div .content-date {
    width: 100%;
  }
}
@media screen and (min-width: 981px) {
  .container .main .content-list .content-div .content-title {
    width: 83%;
    float: left;
  }
}
@media screen and (max-width: 980px) {
  .container .main .content-list .content-div .content-title {
    width: 100%;
  }
}
.container .main .content-list .content-div .content-title a {
  text-decoration: underline;
}
.container .main .tag-list {
  overflow: hidden;
}
.container .main .tag-list a {
  margin: 0 0.3em 0.3em 0;
  padding: 0.3em 0.6em;
  display: inline-block;
  float: left;
  background: #f5f5f5;
  border-radius: 3px;
  font-size: 0.7em;
}
.container .main .tag-list a:hover {
  background: #0E131F;
  text-decoration: none;
  color: #fff;
}
.container .main .tag-list a.edit {
  margin: 0 0.5em;
  background: none;
  font-style: 0.8em;
}
.container .main .tag-list a.edit:hover {
  color: #0E131F;
}
.container .main .tag-list-edit {
  margin: 0.5em 0 3em;
  font-size: 0.7em;
  overflow: hidden;
}
.container .main .tag-list-edit .tag-label {
  margin: 0.3em 1em 0.3em 0;
  display: inline-block;
  float: left;
}
.container .main .tag-list-edit .tag-label label {
  font-weight: normal;
}
.container .main .tag-add {
  margin: 0;
  overflow: hidden;
}
@media screen and (min-width: 981px) {
  .container .main .tag-add .content-tag-input {
    width: 40%;
    margin: 0 1em 0 0;
    display: inline-block;
    float: left;
  }
}
@media screen and (max-width: 980px) {
  .container .main .tag-add .content-tag-input {
    width: 100%;
    margin: 0 auto 1em;
    display: block;
  }
}
@media screen and (min-width: 981px) {
  .container .main .tag-add .content-tag-button {
    display: inline-block;
    float: left;
  }
}
.container .main .content-detail dl {
  margin: 0 0 3em;
}
.container .main .content-detail dl dt {
  margin: 2em 0 0.5em;
  padding: 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #0E131F;
}
.container .main .content-detail dl dt .speaker {
  margin: 0 0.5em;
  padding: 0.3em 0.7em;
  border-radius: 3px;
  display: inline-block;
  background: #0E131F;
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}
.container .main .content-detail dl dd {
  margin: 0 0 3em;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
@media screen and (min-width: 981px) {
  .container .main .content-detail dl dd {
    padding: 0 1em 2em;
  }
}
@media screen and (max-width: 980px) {
  .container .main .content-detail dl dd {
    padding: 0 0 2em;
  }
}
.container .main .content-detail dl dd .content-audio {
  margin: 1em 0;
}
.container .main .content-detail dl dd .content-audio audio {
  display: block;
}
.container .main .content-detail dl dd .content-audio .content-audio-speed {
  margin: 1em 0;
  background: #eee;
  overflow: hidden;
  border-radius: 30px;
  display: inline-block;
}
.container .main .content-detail dl dd .content-audio .content-audio-speed .content-audio-speed-btn {
  padding: 0.5em 1.2em;
  display: inline-block;
  float: left;
}
.container .main .content-detail dl dd .content-audio .content-audio-speed .content-audio-speed-btn.view {
  width: 100px;
  margin: 0;
  padding: 0.5em 0;
  text-align: center;
}
.container .main .content-detail dl dd .content-audio .content-audio-speed .content-audio-speed-btn.slow, .container .main .content-detail dl dd .content-audio .content-audio-speed .content-audio-speed-btn.fast {
  cursor: pointer;
}
.container .main .content-detail dl dd .content-audio .content-audio-speed .content-audio-speed-btn.slow:hover, .container .main .content-detail dl dd .content-audio .content-audio-speed .content-audio-speed-btn.fast:hover {
  background: #f1c40f;
}
.container .main .content-detail dl dd .content-main {
  line-height: 1.8;
}
@media screen and (min-width: 981px) {
  .container .main .content-detail dl dd .content-main {
    margin: 1em 0;
  }
}
@media screen and (max-width: 980px) {
  .container .main .content-detail dl dd .content-main {
    margin: 1.5em 0;
    font-size: 0.9em;
  }
}
.container .main .content-detail dl dd .content-main strong {
  font-weight: bold;
}
.container .main .content-detail dl dd .content-main em {
  font-style: italic;
}
.container .main .content-detail dl dd .content-main span.marker {
  background: #f1c40f;
}
.container .main .content-detail dl dd .content-main hr {
  border: 0;
  border-bottom: 1px solid #ddd;
}
.container .main .content-detail dl dd .content-main ul {
  margin: 0 1.5em;
}
.container .main .content-detail dl dd .content-main ul li {
  list-style: disc;
}
.container .main .content-detail dl dd .content-main ol {
  margin: 0 1.5em;
}
.container .main .content-detail dl dd .content-main ol li {
  list-style: decimal;
}
.container .main .content-detail dl dd .content-main img {
  max-width: 100% !important;
  height: auto !important;
}
.container .main .content-edit {
  margin: 0 0 2em;
  display: block;
  overflow: hidden;
}
.container .main .content-edit a {
  display: inline-block;
  float: right;
}
@media screen and (min-width: 981px) {
  .container .main .content-edit a {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 980px) {
  .container .main .content-edit a {
    font-size: 0.9em;
  }
}
.container .main .content-detail-head {
  margin: 0 0 0.5em;
  overflow: hidden;
}
.container .main .content-detail-head .content-detail-date {
  margin: 0;
  float: left;
  display: inline-block;
  font-weight: bold;
  color: #8B939C;
}
.container .main .content-detail-head .content-detail-mylist {
  margin: 0;
  padding: 0.2em 0.8em;
  float: right;
  display: inline-block;
  border-radius: 5px;
  background: #ccc;
  font-size: 0.8em;
  color: #fff;
}
.container .main .content-detail-head .content-detail-mylist:hover {
  background: #f1c40f;
  text-decoration: none;
  color: #fff;
}
.container .main .content-detail-head .content-detail-mylist.on {
  background: #f1c40f;
  color: #fff;
}
.container .main .content-note {
  margin: 2em 0 0;
  text-align: center;
  line-height: 1.8;
}
.container .main .content-note a {
  padding: 1em 0;
  display: block;
  border-radius: 50px;
  background: #33B248;
  color: #fff;
}
.container .main .content-note a:hover {
  background: #0E131F;
  text-decoration: none;
}
.container .main .content-note a.content-note-add {
  margin: 1em 0 0;
  background: #00AF54;
}
.container .main .content-note a.content-note-add:hover {
  background: #0E131F;
  text-decoration: none;
}
.container .main .content-note .content-note-title {
  margin: 3em 0 1em;
  overflow: hidden;
}
.container .main .content-note .content-note-title .content-note-title-heading {
  display: inline-block;
  float: left;
  font-size: 1.4em;
  font-weight: bold;
  color: #33B248;
}
.container .main .content-note .content-note-list {
  overflow: hidden;
}
.container .main .content-note .content-note-list li {
  position: relative;
}
@media screen and (min-width: 981px) {
  .container .main .content-note .content-note-list li {
    width: 30%;
    margin: 0 0.5em 0.5em 0;
    float: left;
  }
}
.container .main .content-note .content-note-list li img {
  width: 100% !important;
  height: auto !important;
}
.container .main .content-note .content-note-list li a {
  padding: 0;
  border-radius: 0;
  background: none;
}
.container .main .content-note .content-note-list li a:hover {
  background: none;
}
.container .main .content-note .content-note-list li .content-note-list-delete {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
  background: #33B248;
  z-index: 10;
  right: 0;
  text-align: center;
  line-height: 30px;
}
.container .main .content-note .content-note-list li .content-note-list-delete a {
  font-size: 1.2em;
  color: #fff;
}
.container .main .content-note.btn {
  margin: 1em 0 0;
}
.container .main .content-script {
  margin: 2em 0 0;
  text-align: center;
  line-height: 1.8;
}
.container .main .content-script a {
  padding: 1em 0;
  display: block;
  border-radius: 50px;
  background: #33B248;
  color: #fff;
}
.container .main .content-script a:hover {
  background: #0E131F;
  text-decoration: none;
}
.container .main .content-script#script {
  margin: 0 0 2em;
  text-align: left;
}
.container .main .content-script strong {
  font-weight: bold;
}
.container .main .content-script em {
  font-style: italic;
}
.container .main .content-script span.marker {
  background: #f1c40f;
}
.container .main .content-script hr {
  border: 0;
  border-bottom: 1px solid #ddd;
}
.container .main .content-script ul {
  margin: 0 1.5em;
}
.container .main .content-script ul li {
  list-style: disc;
}
.container .main .content-script ol {
  margin: 0 1.5em;
}
.container .main .content-script ol li {
  list-style: decimal;
}
.container .main .content-script img {
  max-width: 100% !important;
  height: auto !important;
}
.container .main .content-script p {
  margin: 1.5em 0;
}
.container .main .content-script-title {
  margin: 3em 0 1em;
  overflow: hidden;
}
.container .main .content-script-title .content-script-title-heading {
  display: inline-block;
  float: left;
  font-size: 1.4em;
  font-weight: bold;
  color: #33B248;
}
.container .main .content-script-title .content-script-title-pdf {
  padding: 0.5em 1em;
  border-radius: 5px;
  display: inline-block;
  float: right;
  background: #33B248;
  font-size: 0.8em;
  color: #fff;
}
.container .main .content-script-title .content-script-title-pdf:hover {
  background: #0E131F;
  text-decoration: none;
}
.container .main .content-editer {
  margin: 2em 0;
  padding: 1em 0 0;
  border-top: 1px dashed #ccc;
}
.container .main .content-editer .content-editer-title {
  font-weight: bold;
  font-size: 1em;
  color: #38405F;
}
.container .main .content-editer .content-editer-info {
  margin: 0.5em 0;
  overflow: hidden;
  font-size: 0.8em;
}
.container .main .content-editer .content-editer-info .content-editer-name {
  margin: 0 1em 0 0;
  display: inline-block;
  float: left;
  color: #4b567f;
}
.container .main .content-editer .content-editer-info .content-editer-modified {
  display: inline-block;
  float: left;
  color: #888;
}
.container aside {
  margin: 0;
  padding: 0;
  background: #0E131F;
}
@media screen and (min-width: 981px) {
  .container aside {
    width: 30%;
    float: right;
    font-size: 0.8em;
  }
}
@media screen and (max-width: 980px) {
  .container aside {
    width: 100%;
    font-size: 1em;
  }
}
.container aside ul li {
  padding: 0 2em;
}
.container aside ul li a {
  padding: 1.5em 0;
  display: block;
  border-bottom: 1px solid #4b567f;
  color: #8B939C;
}
.container aside .aside-title {
  font-weight: bold;
  font-size: 1.2em;
  color: #8B939C;
}
@media screen and (min-width: 981px) {
  .container aside .aside-title {
    padding: 1em 2em;
  }
}
@media screen and (max-width: 980px) {
  .container aside .aside-title {
    padding: 1em 1.5em;
  }
}
.container aside .aside-box {
  border-bottom: 1px solid #38405F;
  overflow: hidden;
}
@media screen and (min-width: 981px) {
  .container aside .aside-box {
    padding: 0 2em 2em;
  }
}
@media screen and (max-width: 980px) {
  .container aside .aside-box {
    padding: 0 1.5em 2em;
  }
}
.container aside .aside-box a {
  margin: 0.2em;
  padding: 0.3em 0.6em;
  background: #1d2433;
  border-radius: 3px;
  display: inline-block;
  font-size: 0.9em;
  color: #8B939C;
}
.container aside .aside-box a:hover {
  background: #fff;
  text-decoration: none;
  color: #0E131F;
}
.container aside .aside-cont-title {
  padding: 0;
  border-bottom: 1px solid #1d2433;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.2em;
  color: #8B939C;
}
.container aside .aside-cont-title a {
  display: block;
  color: #8B939C;
}
@media screen and (min-width: 981px) {
  .container aside .aside-cont-title a {
    padding: 1em 2em;
  }
}
@media screen and (max-width: 980px) {
  .container aside .aside-cont-title a {
    padding: 1em 1.5em;
  }
}
.container aside .aside-cont-title a:hover {
  background: #1d2433;
  text-decoration: none;
}
.container aside .aside-cont-title i {
  margin: 0 0.7em 0 0;
}
.container aside .aside-cont-box {
  padding: 2em;
  display: none;
}
.container aside .aside-cont-box .content-div .content-date {
  color: #8B939C;
}
.container aside .aside-cont-box a {
  font-size: 0.9em;
  color: #8B939C;
}
.container .admin #post_add {
  margin: 0 0 2em;
}
.container .admin #post_add a {
  padding: 1em 2em;
  border-radius: 5px;
  background: #38405F;
  display: block;
  text-align: center;
  color: #fff;
}
.container .admin #post_add a:hover {
  background: #33B248;
  text-decoration: none;
}
.container .admin .admin-user {
  margin: 0 0 5em;
}
.container .admin .admin-user label {
  margin: 0 0 0.3em;
  display: block;
  font-size: 1.2em;
}
.container .admin .admin-user .admin-user-box {
  display: flex;
  align-items: center;
  justify-content: left;
}
.container .admin .admin-user .admin-user-box input {
  width: 40%;
  margin: 0 0.5em 0 0;
}
.container .admin .tag-list {
  margin: 0.5em 0 3em;
  font-size: 0.7em;
  overflow: hidden;
}
.container .admin .tag-list .tag-label {
  margin: 0.3em 1em 0.3em 0;
  display: inline-block;
  float: left;
}
.container .admin .tag-list .tag-label label {
  font-weight: normal;
}
.container .admin .tag-add {
  margin: 0 0 3em;
  overflow: hidden;
}
.container .admin .tag-add .content-tag-input {
  width: 40%;
  margin: 0 1em 0 0;
  display: inline-block;
  float: left;
}
.container .admin .tag-add .content-tag-button {
  display: inline-block;
  float: left;
}
.container .admin table {
  width: 100%;
  border: 1px solid #f8f8f8;
}
.container .admin table tr th {
  padding: 0.5em 1em;
  border-bottom: 3px solid #38405F;
  font-size: 0.8em;
}
.container .admin table tr td {
  padding: 0.5em 1em;
  border-bottom: 1px solid #f8f8f8;
  background: #fafafa;
  font-size: 0.8em;
}
.container .admin table tr td .link1 {
  margin: 0 0.2em;
  padding: 0.2em 0.5em;
  border-radius: 3px;
  display: inline-block;
  background: #38405F;
  font-size: 0.8em;
  color: #fff;
}
.container .admin table tr td .link2 {
  margin: 0 0.2em;
  padding: 0.2em 0.5em;
  border-radius: 3px;
  display: inline-block;
  background: #33B248;
  font-size: 0.8em;
  color: #fff;
}
.container .admin table tr td .link3 {
  margin: 0 0.2em;
  padding: 0.2em 0.5em;
  border-radius: 3px;
  display: inline-block;
  background: #000;
  font-size: 0.8em;
  color: #fff;
}
.container .admin table tr td .link4 {
  margin: 0 0.2em;
  padding: 0.2em 0.5em;
  border-radius: 3px;
  display: inline-block;
  background: #aaa;
  font-size: 0.8em;
  color: #fff;
}
.container .admin table tr td .link5 {
  margin: 0 0.2em;
  padding: 0.2em 0.5em;
  border-radius: 3px;
  display: inline-block;
  background: #00AF54;
  font-size: 0.8em;
  color: #fff;
}
.container .admin table tr td.button-group {
  text-align: right;
}
.container .admin table tr:nth-child(2n) td {
  background: #fff;
}
.container .admin table tr:hover td {
  background: #f2f2f2;
}