@charset "UTF-8";
body {
  color: #333;
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  height: 100%;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  height: 100%;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  word-wrap: break-word; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%; }

li {
  list-style: none; }

h1 {
  display: block;
  font-size: 14px;
  font-weight: 700; }

pre {
  white-space: 0;
  white-space: pre-wrap; }

a:link {
  color: #ccc;
  text-decoration: none; }
a:hover, a:visited {
  opacity: 0.6px;
  color: #ccc; }
a:hover {
  color: #f96c7f; }

@-webkit-keyframes width_wide {
  0% {
    width: 771px;
    height: 540px;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; }
  10% {
    width: 771px;
    height: 540px;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; }
  100% {
    width: 950px;
    height: 700px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@-webkit-keyframes fade_in {
  0% {
    opacity: 0; }
  90% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* clearfix */
.cf {
  zoom: 1px; }
  .cf:before {
    content: " ";
    display: table; }
  .cf:after {
    content: " ";
    display: table;
    clear: both; }

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

[v-cloak] {
  display: none !important; }

.inner {
  width: 1040px;
  margin: 0 auto;
  display: block; }

.right {
  float: right; }

.usermenu-transition {
  transition: all .3s ease-in-out;
  margin-top: 1px !important; }

.usermenu-enter, .usermenu-leave {
  margin-top: -79px !important; }

.theme_menu-transition {
  transition: all .2s ease;
  margin-top: 0px; }

.theme_menu-enter, .theme_menu-leave {
  margin-top: -40px; }

.left {
  float: left; }

.modal-transition {
  transition: all .3s ease;
  opacity: 1; }

.modal-enter, .modal-leave {
  opacity: 0; }

.mt40 {
  margin-top: 40px; }

.mb40 {
  margin-bottom: 40px; }

.mr40 {
  margin-right: 40px; }

.ml40 {
  margin-left: 40px; }

.mt35 {
  margin-top: 35px; }

.mb35 {
  margin-bottom: 35px; }

.mr35 {
  margin-right: 35px; }

.ml35 {
  margin-left: 35px; }

.mt30 {
  margin-top: 30px; }

.mb30 {
  margin-bottom: 30px; }

.mr30 {
  margin-right: 30px; }

.ml30 {
  margin-left: 30px; }

.mt25 {
  margin-top: 25px; }

.mb25 {
  margin-bottom: 25px; }

.mr25 {
  margin-right: 25px; }

.ml25 {
  margin-left: 25px; }

.mt20 {
  margin-top: 20px; }

.mb20 {
  margin-bottom: 20px; }

.mr20 {
  margin-right: 20px; }

.ml20 {
  margin-left: 20px; }

.mt15 {
  margin-top: 15px; }

.mb15 {
  margin-bottom: 15px; }

.mr15 {
  margin-right: 15px; }

.ml15 {
  margin-left: 15px; }

.mt10 {
  margin-top: 10px; }

.mb10 {
  margin-bottom: 10px; }

.mr10 {
  margin-right: 10px; }

.ml10 {
  margin-left: 10px; }

.mt5 {
  margin-top: 5px; }

.mb5 {
  margin-bottom: 5px; }

.mr5 {
  margin-right: 5px; }

.ml5 {
  margin-left: 5px; }

.inner {
  width: 1040px;
  margin: 0px auto; }

.color_blue {
  color: #6400FF; }

.color_orange {
  color: #ff9c33; }

#login {
  overflow-y: hidden;
    /*background-image: url("../img/bg_login.png");
    background-repeat: no-repeat;
    background-position: left center;*/ }
  #login .full {
    z-index: -999;
    min-height: 100%;
    min-width: 1536px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0; }
  #login .wrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    height: auto !important;
    /*IE6対策*/
    min-height: 100%;
    background: rgba(76, 38, 62, 0.21); }
  #login .term_box {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px 20px;
    border-radius: 10px;
    /*width: 950px;
    height: 700px;*/
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    text-align: center;
    border: #e5ded1 3px solid;
    -webkit-animation: width_wide .8s ease-out forwards;
    animation: width_wide .8s ease-out forwards; }
    #login .term_box .inner_terms {
      width: 890px;
      height: 560px;
      display: block;
      overflow: scroll;
      -webkit-animation: fade_in .8s ease-out;
      animation: fade_in .8s ease-out;
      background: #ffffff;
      border: #e5ded1 1px solid;
      padding: 20px;
      border-radius: 10px;
      margin: 0px auto; }
      #login .term_box .inner_terms .inner {
        width: 100%;
        text-align: left;
        background: #ffffff;
        border: #ffffff 1px solid;
        padding: 0px;
        border-radius: 0px;
        margin-top: 0; }
    #login .term_box input[type="submit"] {
      width: 500px;
      height: 40px;
      background-color: #62b7a2;
      color: #ffffff;
      font-size: 16px;
      border-radius: 10px;
      border: 1px solid #62b7a2;
      font-weight: bold;
      -webkit-animation: fade_in .5s ease-out;
      animation: fade_in .5s ease-out; }
  #login .login_box {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 60px 113px;
    border-radius: 10px;
    width: 771px;
    height: 540px;
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    text-align: center;
    border: #e5ded1 3px solid; }
    #login .login_box h1 {
      text-align: center; }
      #login .login_box h1 img {
        text-align: center;
        height: 52px;
        width: auto; }
    #login .login_box h2 {
      font-size: 24px; }
    #login .login_box span.attent {
      color: #ee8f31;
      margin-bottom: 10px;
      display: block;
      text-align: center;
      font-weight: bold; }
    #login .login_box ul {
      width: 500px;
      margin: 0 auto; }
      #login .login_box ul input[type="text"], #login .login_box ul input[type="password"], #login .login_box ul select {
        width: 100%;
        height: 40px;
        border: #e5ded1 1px solid;
        border-radius: 10px;
        padding: 5px; }
      #login .login_box ul input[type="checkbox"] {
        display: inline-block; }
      #login .login_box ul input[type="submit"] {
        width: 100%;
        height: 40px;
        background-color: #62b7a2;
        color: #ffffff;
        font-size: 16px;
        border-radius: 10px;
        border: 1px solid #62b7a2;
        font-weight: bold; }
  #login footer {
    position: absolute;
    bottom: 0;
    left: 0; }

footer {
  margin-top: 100px;
  background: #4c263e;
  padding: 10px;
  width: 100%;
  opacity: 0.6;
  line-height: 50px; }

#footer .left li {
  display: inline-block;
  margin-left: 10px; }
  #footer .left li a {
    color: #ffffff;
    font-size: 12px;
    opacity: 1; }
#footer small {
  font-size: 10px;
  color: #ffffff;
  float: right; }

#common {
  background: #f3efe9;
  color: #333333; }
  #common header {
    background: #ffffff;
    height: 70px;
    margin-bottom: 30px;
    border-bottom: #e5ded1 1px solid; }
    #common header h1 {
      display: inline-block;
      margin: 10px 0px;
      width: 165px; }
    #common header ul {
      line-height: 70px;
      font-size: 12px;
      color: #888888; }
      #common header ul li {
        display: inline-block;
        margin-left: 10px; }
        #common header ul li a.btn_on {
          width: 160px;
          height: 40px;
          line-height: 40px;
          font-size: 14px; }
          #common header ul li a.btn_on:before {
            content: "";
            display: inline-block;
            background-image: url("../img/icon_write.png");
            background-repeat: no-repeat;
            background-size: 15.5px 14px;
            margin-right: 8px;
            vertical-align: middle;
            width: 15.5px;
            height: 14px; }

#editor {
  background: #ffffff;
  color: #333333; }
  #editor header {
    background: #ffffff;
    height: 70px;
    border-bottom: #e5ded1 1px solid; }
    #editor header h1 {
      display: inline-block;
      margin: 15px 0px;
      width: 246px;
      vertical-align: top; }
      #editor header h1 img {
        display: inline-block; }
    #editor header .editor_btn_area {
      display: inline-block;
      /*margin-left:256px;*/
      float: right;
      margin-top: 6px; }
      #editor header .editor_btn_area .btn_save {
        margin-right: 5px;
        line-height: 60px;
        display: inline-block; }
        #editor header .editor_btn_area .btn_save input {
          height: 32px;
          width: 120px;
          border: 1px solid #cccccc;
          background: #fafafa;
          border-radius: 10px;
          color: #888888;
          cursor: pointer; }
      #editor header .editor_btn_area .btn_prev {
        display: inline-block;
        line-height: 60px; }
        #editor header .editor_btn_area .btn_prev input {
          height: 32px;
          width: 120px;
          background: #62b7a2;
          border-radius: 10px;
          border: 1px solid #62b7a2;
          color: #ffffff;
          cursor: pointer; }
    #editor header .open {
      position: relative;
      display: inline-block;
      float: none; }
      #editor header .open dd {
        display: block;
        z-index: 3;
        text-align: left;
        background: #ffffff;
        padding: 10px;
        height: 39px;
        line-height: 25px;
        position: absolute;
        width: 140px;
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #eeeeee; }
        #editor header .open dd:first-child {
          top: 70px;
          right: 0;
          border-bottom: 1px solid #eeeeee; }
        #editor header .open dd:last-child {
          top: 100px;
          right: 0;
          border-bottom: 1px solid #eeeeee; }
        #editor header .open dd a {
          width: 100%;
          height: 25px;
          display: block;
          background-image: url(/img/icon_next.png);
          background-position: right center;
          background-repeat: no-repeat;
          background-size: 5.5px 9.5px; }
    #editor header .right.open dd {
      display: block; }
    #editor header .right {
      line-height: 70px;
      font-size: 12px;
      color: #888888; }
      #editor header .right dt {
        width: 140px;
        line-height: 69px;
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        background: #ffffff url("../img/icon_pulldown.png");
        background-size: 9.5px auto;
        background-repeat: no-repeat;
        background-position: right center;
        cursor: pointer;
        position: relative;
        border-bottom: #e5ded1 1px solid;
        z-index: 5; }
      #editor header .right dd {
        display: none; }
      #editor header .right .trim {
        height: 30px;
        width: 30px;
        border-radius: 30px;
        display: inline-block;
        vertical-align: middle;
        background: #eeeeee;
        position: relative;
        overflow: hidden;
        margin-top: 18px;
        margin-right: 10px; }
        #editor header .right .trim img {
          position: absolute;
          width: auto;
          height: 100%;
          top: -100%;
          left: -100%;
          right: -100%;
          bottom: -100%;
          margin: auto;
          pointer-events: none; }

.right-contents {
  width: 237px;
  display: inline-block;
  float: right; }

.left-contents {
  width: 771px;
  display: inline-block;
  float: left;
  margin-right: 30px; }

.left-contents .no_list {
  display: block;
  text-align: center;
  margin: 20px auto;
  color: #333333; }
.left-contents .theme h2:before {
  content: "";
  display: inline-block;
  background-image: url("../img/icon_theme.png");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  margin-right: 5px;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-bottom: 3px; }
.left-contents .theme .ttl {
  position: relative;
  height: 29px; }
  .left-contents .theme .ttl h2 {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px; }
  .left-contents .theme .ttl p {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px; }
    .left-contents .theme .ttl p label select {
      width: 236px;
      height: 28px;
      border: #e5ded1 1px solid;
      line-height: 28px;
      border-radius: 10px;
      padding-left: 10px;
      padding-right: 10px; }
.left-contents h2 {
  font-size: 18px;
  color: #4c263e;
  font-weight: bold;
  text-align: left; }
.left-contents .theme .inner_bg {
  background: #ffffff;
  border: #e5ded1 1px solid;
  padding: 20px;
  border-radius: 10px;
  margin-top: 10px; }
  .left-contents .theme .inner_bg ul li {
    display: block;
    margin-bottom: 10px; }
    .left-contents .theme .inner_bg ul li ul li {
      display: table-cell;
      vertical-align: top; }
      .left-contents .theme .inner_bg ul li ul li:first-child {
        width: 50px;
        text-align: left; }
        .left-contents .theme .inner_bg ul li ul li:first-child img {
          width: 21px;
          height: 21px;
          margin-top: 20px;
          cursor: pointer; }
      .left-contents .theme .inner_bg ul li ul li:nth-child(2) {
        width: 70px; }
      .left-contents .theme .inner_bg ul li ul li:nth-child(3) {
        width: 75%;
        padding-right: 15px; }
      .left-contents .theme .inner_bg ul li ul li:last-child {
        width: 77px;
        vertical-align: middle; }
        .left-contents .theme .inner_bg ul li ul li:last-child span {
          cursor: pointer; }
      .left-contents .theme .inner_bg ul li ul li img {
        height: 60px;
        width: 60px; }
      .left-contents .theme .inner_bg ul li ul li dl {
        margin-left: 10px; }
        .left-contents .theme .inner_bg ul li ul li dl dt {
          font-size: 18px;
          color: #333333; }
        .left-contents .theme .inner_bg ul li ul li dl dd {
          color: #888888;
          font-size: 12px;
          display: block;
          height: 30px;
          overflow: hidden;
          word-break: break-all; }
          .left-contents .theme .inner_bg ul li ul li dl dd a.up_btn {
            color: #333333 !important;
            text-align: center;
            background: #fafafa;
            width: 130px;
            font-size: 8px;
            border-radius: 10px;
            display: inline-block;
            height: 24px;
            line-height: 24px;
            cursor: pointer; }
.left-contents .theme_top .inner_bg {
  background: #ffffff;
  border: #e5ded1 1px solid;
  padding: 20px;
  border-radius: 10px;
  margin-top: 10px; }
  .left-contents .theme_top .inner_bg ul li {
    display: block;
    margin-bottom: 10px; }
    .left-contents .theme_top .inner_bg ul li ul li {
      display: table-cell;
      vertical-align: top; }
      .left-contents .theme_top .inner_bg ul li ul li:first-child {
        width: 70px; }
      .left-contents .theme_top .inner_bg ul li ul li:nth-child(2) {
        width: 80%;
        padding-right: 15px; }
      .left-contents .theme_top .inner_bg ul li ul li:last-child {
        width: 77px;
        vertical-align: middle; }
      .left-contents .theme_top .inner_bg ul li ul li span {
        cursor: pointer; }
      .left-contents .theme_top .inner_bg ul li ul li img {
        height: 60px;
        width: 60px; }
      .left-contents .theme_top .inner_bg ul li ul li dl {
        margin-left: 10px; }
        .left-contents .theme_top .inner_bg ul li ul li dl dt {
          font-size: 18px;
          color: #333333; }
        .left-contents .theme_top .inner_bg ul li ul li dl dd {
          color: #888888;
          font-size: 12px;
          display: block;
          height: 30px;
          overflow: hidden;
          word-break: break-all; }
          .left-contents .theme_top .inner_bg ul li ul li dl dd a.up_btn {
            color: #333333 !important;
            text-align: center;
            background: #fafafa;
            width: 130px;
            font-size: 8px;
            /* padding: 0px; */
            border-radius: 10px;
            display: inline-block;
            height: 24px;
            line-height: 24px;
            cursor: pointer; }

.next {
  text-align: right; }
  .next a {
    color: #333333;
    text-align: center;
    background: #fafafa;
    width: 100px;
    font-size: 12px;
    padding: 5px;
    border-radius: 10px;
    display: inline-block; }
    .next a:before {
      content: "";
      display: inline-block;
      background-image: url("../img/icon_next.png");
      background-repeat: no-repeat;
      background-size: 5.5px 9.5px;
      margin-right: 5px;
      vertical-align: middle;
      width: 5.5px;
      height: 9.5px; }

.left-contents .article_list .ttl {
  position: relative;
  height: 29px; }
  .left-contents .article_list .ttl h2 {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px; }
  .left-contents .article_list .ttl .tab {
    position: absolute;
    right: 8px;
    height: 40px;
    top: 0; }
    .left-contents .article_list .ttl .tab li {
      display: inline-block; }
    .left-contents .article_list .ttl .tab li a {
      display: block;
      background: #ece7de;
      width: 103px;
      height: 39px;
      line-height: 39px;
      border-top: #e5ded1 0px solid;
      border-right: #e5ded1 0px solid;
      border-left: #e5ded1 0px solid;
      border-radius: 10px 10px 0 0;
      text-align: center; }
      .left-contents .article_list .ttl .tab li a:hover {
        border-top: #e5ded1 1px solid;
        border-right: #e5ded1 1px solid;
        border-left: #e5ded1 1px solid;
        color: #333333;
        background: #ffffff;
        height: 40px; }
    .left-contents .article_list .ttl .tab li.on a {
      border-top: #e5ded1 1px solid;
      border-right: #e5ded1 1px solid;
      border-left: #e5ded1 1px solid;
      color: #333333;
      background: #ffffff;
      height: 40px; }
.left-contents .article_list h2:before {
  content: "";
  display: inline-block;
  background-image: url("../img/icon_pusharticle.png");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  margin-right: 5px;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-bottom: 3px; }
.left-contents .article_list .inner_bg {
  background: #ffffff;
  border: #e5ded1 1px solid;
  padding: 20px;
  border-radius: 10px;
  margin-top: 10px; }
  .left-contents .article_list .inner_bg ul li {
    display: block;
    margin-bottom: 5px; }
    .left-contents .article_list .inner_bg ul li ul .trim {
      height: 90px;
      width: 90px;
      overflow: hidden;
      position: relative;
      vertical-align: top; }
      .left-contents .article_list .inner_bg ul li ul .trim a {
        display: block;
        height: 90px; }
      .left-contents .article_list .inner_bg ul li ul .trim img {
        position: absolute;
        width: auto;
        height: 100%;
        top: -100%;
        left: -100%;
        right: -100%;
        bottom: -100%;
        margin: auto;
        pointer-events: none; }
    .left-contents .article_list .inner_bg ul li ul li {
      display: inline-block;
      vertical-align: middle; }
      .left-contents .article_list .inner_bg ul li ul li.status {
        width: 95px;
        text-align: center;
        vertical-align: middle; }
      .left-contents .article_list .inner_bg ul li ul li dl {
        width: 442px;
        margin-left: 10px; }
        .left-contents .article_list .inner_bg ul li ul li dl dt {
          font-size: 18px;
          color: #333333; }
        .left-contents .article_list .inner_bg ul li ul li dl dd {
          color: #888888;
          font-size: 12px;
          display: block;
          height: 30px;
          overflow: hidden; }
          .left-contents .article_list .inner_bg ul li ul li dl dd a.up_btn {
            color: #333333 !important;
            text-align: center;
            background: #fafafa;
            width: 130px;
            font-size: 8px;
            /* padding: 0px; */
            border-radius: 10px;
            display: inline-block;
            height: 24px;
            line-height: 24px;
            cursor: pointer; }
          .left-contents .article_list .inner_bg ul li ul li dl dd a.btn_common {
            color: #333333;
            text-align: center;
            background: #fafafa;
            width: 110px;
            font-size: 12px;
            padding: 5px;
            border-radius: 10px;
            display: inline-block; }
            .left-contents .article_list .inner_bg ul li ul li dl dd a.btn_common:before {
              content: "";
              display: inline-block;
              background-image: url("../img/icon_next.png");
              background-repeat: no-repeat;
              background-size: 5.5px 9.5px;
              margin-right: 5px;
              vertical-align: middle;
              width: 5.5px;
              height: 9.5px; }
      .left-contents .article_list .inner_bg ul li ul li ul li {
        display: block; }

.btn_on {
  width: 77px;
  border-radius: 10px;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  background: #62b7a2;
  color: #ffffff !important; }

.btn_off {
  width: 77px;
  border-radius: 10px;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  background: #fafafa;
  color: #333333; }

.pager {
  text-align: center; }
  .pager li.on a {
    background: #4c263e;
    color: #ffffff; }
  .pager li {
    display: inline-block;
    margin-right: 5px; }
    .pager li.active span {
      display: block;
      width: 30px;
      height: 30px; }
    .pager li.disabled span {
      display: none; }
    .pager li a {
      display: block;
      width: 35px;
      height: 35px;
      line-height: 35px;
      border-radius: 10px;
      background: #ece7de;
      color: #333333; }
      .pager li a:hover {
        background: #4c263e;
        color: #ffffff; }

.right-contents .prof {
  background: #ffffff;
  border: #e5ded1 1px solid;
  padding: 20px;
  border-radius: 10px;
  margin-top: 10px; }
  .right-contents .prof .trimming {
    height: 60px;
    width: 60px;
    border-radius: 60px;
    display: inline-block;
    vertical-align: middle;
    background: #eeeeee;
    position: relative;
    overflow: hidden;
    margin-right: 10px; }
    .right-contents .prof .trimming img {
      position: absolute;
      width: auto;
      height: 100%;
      top: -100%;
      left: -100%;
      right: -100%;
      bottom: -100%;
      margin: auto;
      pointer-events: none; }
  .right-contents .prof .right {
    text-align: justify;
    font-size: 18px;
    margin-left: 10px;
    height: 60px;
    display: table-cell;
    width: 58%;
    vertical-align: middle;
    overflow: hidden; }
  .right-contents .prof .count {
    text-align: right;
    font-size: 18px; }
    .right-contents .prof .count span {
      font-size: 12px;
      margin-right: 5px; }
  .right-contents .prof ul .text {
    color: #888888;
    font-size: 12px;
    white-space: pre-line; }
  .right-contents .prof .btn_common {
    color: #333333;
    text-align: center;
    background: #fafafa;
    width: 100%;
    font-size: 12px;
    padding: 5px;
    border-radius: 10px;
    display: inline-block; }
    .right-contents .prof .btn_common:before {
      content: "";
      display: inline-block;
      background-image: url("../img/icon_next.png");
      background-repeat: no-repeat;
      background-size: 5.5px 9.5px;
      margin-right: 5px;
      vertical-align: middle;
      width: 5.5px;
      height: 9.5px; }
.right-contents .other h2 {
  font-size: 18px;
  color: #4c263e;
  font-weight: bold; }
  .right-contents .other h2:before {
    content: "";
    display: inline-block;
    background-image: url("../img/icon_attent.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    margin-right: 5px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-bottom: 3px; }
.right-contents .other ul {
  background: #ffffff;
  border: #e5ded1 1px solid;
  padding: 20px;
  border-radius: 10px;
  margin-top: 10px; }
  .right-contents .other ul li {
    line-height: 2em; }
    .right-contents .other ul li a {
      color: #333333; }
      .right-contents .other ul li a:before {
        content: "";
        display: inline-block;
        background-image: url("../img/icon_next.png");
        background-repeat: no-repeat;
        background-size: 5.5px 9.5px;
        margin-right: 5px;
        vertical-align: middle;
        width: 5.5px;
        height: 9.5px; }

/* alt_setting */
.alt_setting {
  background: rgba(51, 51, 51, 0.3);
  width: 100%;
  height: 100%;
  z-index: 10;
  position: fixed;
  display: block; }
  .alt_setting dl {
    width: 535px;
    max-height: 500px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    text-align: center;
    overflow: auto; }
    .alt_setting dl .trim {
      height: 350px;
      width: 350px;
      overflow: hidden;
      position: relative;
      text-align: center;
      background: #ffffff;
      margin: 6px auto 10px; }
      .alt_setting dl .trim img {
        position: absolute;
        width: auto;
        height: 100%;
        top: -100%;
        left: -100%;
        right: -100%;
        bottom: -100%;
        margin: auto;
        pointer-events: none; }
    .alt_setting dl .setting_url {
      font-size: 10px;
      text-align: left; }
    .alt_setting dl dd input[type="button"] {
      height: 40px;
      width: 237px;
      background: #62b7a2;
      border-radius: 10px;
      border: 1px solid #62b7a2;
      color: #ffffff;
      cursor: pointer; }
    .alt_setting dl dd input[type="text"] {
      width: 463px;
      height: 40px;
      border-radius: 10px;
      border: 1px solid #e5ded1;
      color: #888888;
      padding-right: 5px;
      padding-left: 5px; }

.select_btn {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0px auto;
  padding: 5px;
  text-align: center;
  z-index: 10;
  background: rgba(76, 38, 62, 0.59); }
  .select_btn input[type="submit"] {
    width: 200px;
    border-radius: 10px;
    height: 40px;
    line-height: 30px;
    display: block;
    text-align: center;
    background: #62b7a2;
    color: #ffffff !important;
    border: 1px solid #62b7a2;
    font-size: 16px;
    text-align: center;
    margin: 10px auto; }

/* popup */
.popup {
  display: none; }

.pop {
  background: rgba(51, 51, 51, 0.3);
  width: 100%;
  height: 100%;
  z-index: 10;
  position: fixed;
  display: block; }

/* キャプチャを含む画像の調整 */
.trim_cap {
  /*idth: 448px;*/
  overflow: hidden;
  display: block;
  /*height: 296px;*/
  max-height: 296px;
  max-width: 448px; }
  .trim_cap img {
    max-height: 298px; }

/* 表用css */
.tab.col2 {
  width: 100%;
  border-bottom: 3px solid #cccccc;
  letter-spacing: -.40em;
  vertical-align: middle;
  height: 58px; }
  .tab.col2 li {
    line-height: 58px;
    width: 48%;
    display: inline-block;
    background: #eeeeee;
    border-radius: 10px 10px 0 0;
    height: 52px;
    text-align: center;
    cursor: pointer;
    letter-spacing: normal;
    margin-left: 6px;
    margin-bottom: 0px; }
    .tab.col2 li.on {
      background: #ffffff;
      border-radius: 10px 10px 0 0;
      height: 58px;
      border-top: 3px solid #cccccc;
      border-left: 3px solid #cccccc;
      border-right: 3px solid #cccccc;
      border-bottom: 3px solid #ffffff;
      margin-bottom: -3px;
      margin-left: 0;
      letter-spacing: normal; }

/* 表用css 4になったら */
.tab.col4 {
  width: 100%;
  border-bottom: 3px solid #cccccc;
  letter-spacing: -.40em;
  vertical-align: middle;
  height: 58px; }
  .tab.col4 li {
    line-height: 58px;
    width: 23%;
    display: inline-block;
    background: #eeeeee;
    border-radius: 10px 10px 0 0;
    height: 52px;
    text-align: center;
    cursor: pointer;
    letter-spacing: normal;
    margin: 0 2px; }
    .tab.col4 li.on {
      background: #ffffff;
      border-radius: 10px 10px 0 0;
      height: 58px;
      border-top: 3px solid #cccccc;
      border-left: 3px solid #cccccc;
      border-right: 3px solid #cccccc;
      border-bottom: 3px solid #ffffff;
      margin-bottom: -3px;
      letter-spacing: normal; }

/* 表用css */
.tab.col3 {
  width: 100%;
  border-bottom: 3px solid #cccccc;
  letter-spacing: -.40em;
  vertical-align: middle;
  height: 58px; }
  .tab.col3 li {
    line-height: 58px;
    width: 32%;
    display: inline-block;
    background: #eeeeee;
    border-radius: 10px 10px 0 0;
    height: 52px;
    text-align: center;
    cursor: pointer;
    letter-spacing: normal;
    margin: 0 2px; }
    .tab.col3 li.on {
      background: #ffffff;
      border-radius: 10px 10px 0 0;
      height: 58px;
      border-top: 3px solid #cccccc;
      border-left: 3px solid #cccccc;
      border-right: 3px solid #cccccc;
      border-bottom: 3px solid #ffffff;
      margin-bottom: -3px;
      letter-spacing: normal; }

.table_comment {
  display: block;
  line-height: 24px; }
  .table_comment table {
    line-height: 24px;
    vertical-align: bottom; }

.table_menu {
  width: 600px;
  background: #eeeeee;
  height: 60px;
  margin: 10px auto;
  line-height: 60px;
  padding-left: 10px;
  padding-right: 10px; }
  .table_menu dt {
    color: #333333 !important;
    font-size: 14px !important;
    display: inline-block;
    margin-right: 30px;
    vertical-align: top; }
  .table_menu dd {
    display: inline-block; }
  .table_menu input {
    width: 100px;
    height: 40px;
    cursor: pointer;
    background-color: #ffffff;
    border: 1px solid #4c263e;
    color: #4c263e;
    font-size: 12px;
    border-radius: 10px;
    padding-top: 6px;
    padding-left: 32px;
    margin: 10px 0;
    padding-right: 0px; }
    .table_menu input.btn_tableimg {
      background: #ffffff url(../img/icon_photo.png);
      background-size: 26.5px auto;
      background-repeat: no-repeat;
      background-position: 20px 7px;
      margin-right: 10px; }
    .table_menu input.btn_tablelink {
      background: #ffffff url(../img/icon_link.png);
      background-size: 21px auto;
      background-repeat: no-repeat;
      background-position: 20px 8px; }

/* ファイルのURL変更　*/
.url_input {
  position: relative;
  height: 40px; }
  .url_input .btn {
    height: 30px;
    width: 80px;
    background: #62b7a2;
    border-radius: 10px;
    border: 1px solid #62b7a2;
    color: #ffffff;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 32px;
    line-height: 30px;
    z-index: 3; }
  .url_input .input_cover {
    position: absolute;
    top: 0;
    right: 27px;
    width: 463px;
    height: 40px;
    background: #eeeeee;
    opacity: 0.5;
    z-index: 2;
    border-radius: 10px; }
  .url_input input[type="url"], .url_input input[type="text"] {
    position: absolute;
    top: 0;
    right: 27px;
    width: 463px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #e5ded1;
    color: #888888;
    padding-right: 5px;
    padding-left: 5px; }

/* データの入力用 */
.l_setting_box {
  width: 600px;
  background: #eeeeee;
  margin: 10px auto;
  padding: 20px;
  font-size: 12px;
  color: #333333; }
  .l_setting_box .mb_select_list {
    text-align: left;
    margin-bottom: 10px; }
    .l_setting_box .mb_select_list span {
      clear: both;
      text-align: left !important;
      color: #333333 !important;
      display: inline-block;
      font-size: 12px !important;
      font-weight: bold;
      width: 100px; }
      .l_setting_box .mb_select_list span:after {
        content: ":";
        font-size: 10px;
        color: #333333;
        margin: 0 10px;
        float: right; }
    .l_setting_box .mb_select_list p {
      display: inline-block;
      font-size: 12px;
      width: 450px; }
    .l_setting_box .mb_select_list ul {
      display: inline-block;
      font-size: 12px;
      width: 450px !important;
      vertical-align: text-top; }

.table_select2 select {
  width: 300px !important; }

.table_select5 .select_sort li {
  display: inline-block;
  width: 32%; }
.table_select5 .md_btn_col3 {
  margin-top: 30px !important; }
  .table_select5 .md_btn_col3 li {
    display: inline-block;
    width: 32%; }
  .table_select5 .md_btn_col3 button {
    width: 100%;
    height: 40px; }

.table_select1 #search_games_input {
  width: 400px !important;
  display: inline-block; }
.table_select1 .btn_search {
  height: 38px !important;
  line-height: 34px !important;
  width: 140px !important;
  display: inline-block !important; }

.table_select3 input[type="text"] {
  width: 180px !important; }
.table_select3 select {
  width: 120px !important; }
.table_select3 .md_btn_only {
  display: inline-block; }
  .table_select3 .md_btn_only button {
    width: 100px;
    margin: 3px;
    line-height: 1.5em; }
.table_select3 .md_small_btn li {
  display: inline-block; }
.table_select3 .md_small_btn .btn_and, .table_select3 .md_small_btn .btn_or {
  background-color: #ffffff;
  border: 1px solid #4c263e;
  color: #4c263e;
  font-size: 12px;
  border-radius: 10px;
  margin: 10px 0; }
  .table_select3 .md_small_btn .btn_and.on, .table_select3 .md_small_btn .btn_or.on {
    background-color: #4c263e;
    border: 1px solid #4c263e;
    color: #ffffff;
    font-size: 12px;
    border-radius: 10px;
    margin: 10px 0; }

.table_select1, .table_select2, .table_select3, .table_select4, .table_select5 {
  width: 600px;
  margin: 10px auto; }
  .table_select1 .text_disc, .table_select2 .text_disc, .table_select3 .text_disc, .table_select4 .text_disc, .table_select5 .text_disc {
    font-size: 12px;
    text-align: left;
    color: #333333 !important; }
  .table_select1 .l_setting_output li, .table_select2 .l_setting_output li, .table_select3 .l_setting_output li, .table_select4 .l_setting_output li, .table_select5 .l_setting_output li {
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    color: #333333 !important;
    font-size: 14px !important;
    margin-right: 30px; }
  .table_select1 .l_setting_output inout[type="checkbox"], .table_select2 .l_setting_output inout[type="checkbox"], .table_select3 .l_setting_output inout[type="checkbox"], .table_select4 .l_setting_output inout[type="checkbox"], .table_select5 .l_setting_output inout[type="checkbox"] {
    display: inline-block;
    margin-right: 10px; }
  .table_select1 .l_setting_ttl, .table_select2 .l_setting_ttl, .table_select3 .l_setting_ttl, .table_select4 .l_setting_ttl, .table_select5 .l_setting_ttl {
    display: inline-block;
    height: 50px;
    vertical-align: middle; }
    .table_select1 .l_setting_ttl li, .table_select2 .l_setting_ttl li, .table_select3 .l_setting_ttl li, .table_select4 .l_setting_ttl li, .table_select5 .l_setting_ttl li {
      display: inline-block;
      height: 40px;
      vertical-align: middle; }
    .table_select1 .l_setting_ttl label, .table_select2 .l_setting_ttl label, .table_select3 .l_setting_ttl label, .table_select4 .l_setting_ttl label, .table_select5 .l_setting_ttl label {
      height: 40px;
      display: table-cell;
      vertical-align: middle; }
      .table_select1 .l_setting_ttl label span, .table_select2 .l_setting_ttl label span, .table_select3 .l_setting_ttl label span, .table_select4 .l_setting_ttl label span, .table_select5 .l_setting_ttl label span {
        display: inline-block;
        color: #333333 !important;
        font-size: 14px !important;
        margin: 10px; }
    .table_select1 .l_setting_ttl .icon_table_left, .table_select2 .l_setting_ttl .icon_table_left, .table_select3 .l_setting_ttl .icon_table_left, .table_select4 .l_setting_ttl .icon_table_left, .table_select5 .l_setting_ttl .icon_table_left {
      margin-right: 10px;
      vertical-align: middle;
      display: inline-block;
      background: url(../img/icon_table_left.png);
      background-size: 34px 34px;
      background-repeat: no-repeat;
      width: 34px;
      height: 34px; }
    .table_select1 .l_setting_ttl .icon_table_top, .table_select2 .l_setting_ttl .icon_table_top, .table_select3 .l_setting_ttl .icon_table_top, .table_select4 .l_setting_ttl .icon_table_top, .table_select5 .l_setting_ttl .icon_table_top {
      margin-right: 10px;
      vertical-align: middle;
      display: inline-block;
      background: url(../img/icon_table_top.png);
      background-size: 34px 34px;
      background-repeat: no-repeat;
      width: 34px;
      height: 34px; }
  .table_select1 select, .table_select2 select, .table_select3 select, .table_select4 select, .table_select5 select {
    width: 180px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #e5ded1;
    color: #888888;
    padding-right: 5px;
    padding-left: 5px; }
  .table_select1 input[type="text"], .table_select2 input[type="text"], .table_select3 input[type="text"], .table_select4 input[type="text"], .table_select5 input[type="text"] {
    width: 300px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #e5ded1;
    color: #888888;
    padding-right: 5px;
    padding-left: 5px; }
  .table_select1 .md_btn, .table_select2 .md_btn, .table_select3 .md_btn, .table_select4 .md_btn, .table_select5 .md_btn {
    margin-top: 30px !important; }
    .table_select1 .md_btn li, .table_select2 .md_btn li, .table_select3 .md_btn li, .table_select4 .md_btn li, .table_select5 .md_btn li {
      display: inline-block; }
  .table_select1 .btn_cansel, .table_select2 .btn_cansel, .table_select3 .btn_cansel, .table_select4 .btn_cansel, .table_select5 .btn_cansel {
    height: 32px;
    width: 198px;
    border: 1px solid #eeeeee;
    background: #eeeeee;
    border-radius: 10px;
    color: #888888;
    cursor: pointer;
    margin-right: 10px; }
  .table_select1 .btn_save, .table_select2 .btn_save, .table_select3 .btn_save, .table_select4 .btn_save, .table_select5 .btn_save {
    height: 32px;
    width: 198px;
    background: #62b7a2;
    border-radius: 10px;
    border: 1px solid #62b7a2;
    color: #ffffff;
    cursor: pointer; }
    .table_select1 .btn_save.disabled_button, .table_select2 .btn_save.disabled_button, .table_select3 .btn_save.disabled_button, .table_select4 .btn_save.disabled_button, .table_select5 .btn_save.disabled_button {
      background: #eeeeee;
      border: 1px solid #eeeeee;
      color: #777777; }
  .table_select1 .btn_search, .table_select2 .btn_search, .table_select3 .btn_search, .table_select4 .btn_search, .table_select5 .btn_search {
    background-color: #ffffff;
    border: 1px solid #4c263e;
    color: #4c263e;
    cursor: pointer;
    line-height: 40px;
    margin: 15px auto;
    display: block;
    margin-top: 15px;
    height: 40px;
    width: 280px;
    border-radius: 10px; }
  .table_select1 .search_tag li, .table_select2 .search_tag li, .table_select3 .search_tag li, .table_select4 .search_tag li, .table_select5 .search_tag li {
    display: inline-flex;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: left; }
  .table_select1 .search_tag span, .table_select2 .search_tag span, .table_select3 .search_tag span, .table_select4 .search_tag span, .table_select5 .search_tag span {
    border: 1px solid #eeeeee;
    background: #ffffff;
    border-radius: 10px;
    color: #888888 !important;
    cursor: pointer;
    margin-right: 10px;
    font-size: 12px !important;
    padding: 10px; }

/* ファイルをアップロード用 */
#popup-upload .inner_pop {
  height: 540px; }
#popup-upload dl dt {
  font-size: 18px;
  color: #4c263e;
  font-weight: bold; }
#popup-upload dl dd .right {
  width: 50%;
  display: inline-block;
  border-left: 1px solid #e5ded1;
  padding: 10px 10px 10px 20px;
  text-align: center; }
#popup-upload dl dd .left {
  margin-right: 10px;
  width: 48%;
  display: inline-block;
  padding: 10px;
  text-align: left; }
#popup-upload dl dd a {
  width: 100%;
  border-radius: 10px;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  background: #62b7a2;
  color: #ffffff !important; }
#popup-upload dl dd input[type=file] {
  width: 100%;
  height: 150px;
  border-radius: 10px;
  border: 1px solid #e5ded1;
  color: #888888;
  display: block;
  text-align: center;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 22% 12%; }
#popup-upload dl dd input[type=submit] {
  width: 100%;
  border-radius: 10px;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  background: #62b7a2;
  border: 1px solid #62b7a2;
  color: #ffffff !important; }
#popup-upload dl dd input[type=submit][disabled] {
  width: 100%;
  border-radius: 10px;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  background: #eeeeee;
  border: 1px solid #eeeeee;
  color: #cccccc !important; }
#popup-upload dl dd .attent {
  color: #FF0000;
  font-size: 12px;
  margin-bottom: 10px; }
#popup-upload dl dd span {
  font-size: 18px;
  color: #4c263e;
  font-weight: bold;
  text-align: center;
  display: block; }
#popup-upload dl dd p {
  color: #777777;
  font-size: 12px;
  line-height: 1.5em;
  text-align: left; }

.pop .inner_pop {
  width: 771px;
  height: 632px;
  border-radius: 10px;
  border: 3px solid #e5ded1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  margin: auto;
  text-align: center;
  padding: 50px;
  background: #ffffff;
  overflow: auto; }
  .pop .inner_pop.game_pop .tab li {
    width: 450px !important; }
  .pop .inner_pop span {
    font-size: 24px;
    text-align: center;
    color: #ffffff; }
    .pop .inner_pop span.tx_share {
      font-size: 10px;
      border: 1px solid #62b7a2;
      padding: 2px;
      margin-right: 5px;
      color: #62b7a2;
      border-radius: 5px;
      vertical-align: middle; }
  .pop .inner_pop ul {
    width: 500px;
    margin: 0px auto; }
    .pop .inner_pop ul .cf {
      text-align: left; }
      .pop .inner_pop ul .cf .trimming {
        display: inline-block;
        height: 158px;
        width: 158px;
        border-radius: 158px;
        display: inline-block;
        vertical-align: middle;
        background: #eeeeee;
        position: relative;
        overflow: hidden;
        margin-right: 20px;
        cursor: pointer; }
        .pop .inner_pop ul .cf .trimming img {
          position: absolute;
          width: auto;
          height: 100%;
          top: -100%;
          left: -100%;
          right: -100%;
          bottom: -100%;
          margin: auto;
          pointer-events: none; }
      .pop .inner_pop ul .cf .ttl {
        vertical-align: middle;
        display: table-cell;
        cursor: pointer;
        /* width: 100%; */
        color: #333333;
        text-align: center;
        background: #fafafa;
        width: 200px;
        font-size: 12px;
        padding: 5px;
        border-radius: 10px;
        display: inline-block;
        font-size: 18px;
        margin-top: 60px; }
        .pop .inner_pop ul .cf .ttl:before {
          content: "";
          display: inline-block;
          background-image: url("../img/icon_next.png");
          background-repeat: no-repeat;
          background-size: 5.5px 9.5px;
          margin-right: 5px;
          vertical-align: middle;
          width: 5.5px;
          height: 9.5px; }
    .pop .inner_pop ul li .name, .pop .inner_pop ul li .url {
      width: 100%;
      height: 40px;
      border-radius: 10px;
      border: 1px solid #e5ded1;
      color: #888888;
      padding-right: 5px;
      padding-left: 5px; }
    .pop .inner_pop ul li textarea {
      width: 100%;
      height: 121px;
      border-radius: 10px;
      border: 1px solid #e5ded1;
      color: #888888;
      padding-right: 5px;
      padding-left: 5px;
      padding-top: 10px; }
    .pop .inner_pop ul li .thumbnail {
      height: 40px;
      width: 100%;
      background: #62b7a2;
      border-radius: 10px;
      border: 1px solid #62b7a2;
      color: #ffffff;
      cursor: pointer; }

.img_select .inner_pop {
  width: 1040px;
  height: 100%;
  overflow: auto; }
  .img_select .inner_pop .tab {
    width: 920px;
    border-bottom: 3px solid #cccccc;
    letter-spacing: -.40em; }
    .img_select .inner_pop .tab .on {
      display: inline-block;
      background: #ffffff;
      border-radius: 10px 10px 0 0;
      width: 298px;
      height: 58px;
      border-top: 3px solid #cccccc;
      border-left: 3px solid #cccccc;
      border-right: 3px solid #cccccc;
      border-bottom: 3px solid #ffffff;
      margin-bottom: -3px;
      margin-left: 6px; }
    .img_select .inner_pop .tab li {
      display: inline-block;
      background: #eeeeee;
      border-radius: 10px 10px 0 0;
      width: 298px;
      height: 52px;
      text-align: center;
      line-height: 52px;
      cursor: pointer;
      letter-spacing: normal;
      margin-left: 6px; }
    .img_select .inner_pop .tab.col4 .on {
      width: 216px !important; }
    .img_select .inner_pop .tab.col4 li {
      width: 216px !important; }
    .img_select .inner_pop .tab.col5 .on {
      width: 175px !important; }
    .img_select .inner_pop .tab.col5 li {
      width: 175px !important; }
  .img_select .inner_pop .my_image .more {
    display: block;
    height: 40px;
    width: 463px;
    border: 1px solid #cccccc;
    background: #fafafa;
    border-radius: 10px;
    color: #888888;
    cursor: pointer;
    margin: 10px auto;
    padding: 10px;
    text-align: center; }
  .img_select .inner_pop .my_image .choise_img {
    margin: 20px auto;
    width: 675px; }
  .img_select .inner_pop .my_image .choise_img li dl {
    text-align: center; }
    .img_select .inner_pop .my_image .choise_img li dl dt {
      cursor: pointer;
      width: 450px;
      height: 300px;
      display: block;
      border: 1px solid #e5ded1;
      margin: auto;
      background: #ffffff;
      color: #333333;
      text-align: center;
      line-height: 135px;
      /*float: left;*/
      /*margin-right: 10px;*/
     /*
    overflow: hidden;*/
      position: relative;
      border-radius: 5px; }
      .img_select .inner_pop .my_image .choise_img li dl dt img {
        max-height: 298px;
        max-width: 448px;
        position: absolute;
        top: -100%;
        left: -100%;
        right: -100%;
        bottom: -100%;
        margin: auto;
        pointer-events: none; }
      .img_select .inner_pop .my_image .choise_img li dl dt .thumbnail_btn {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        opacity: 0; }
      .img_select .inner_pop .my_image .choise_img li dl dt .icon_clear {
        color: #ffffff;
        font-size: 16px;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        right: 0;
        height: 20px;
        width: 20px;
        text-align: center;
        line-height: 20px;
        z-index: 2;
        cursor: pointer; }
      .img_select .inner_pop .my_image .choise_img li dl dt p {
        height: 200px;
        display: block;
        padding: 50px 10px;
        vertical-align: middle; }
      .img_select .inner_pop .my_image .choise_img li dl dt .btn_area {
        height: 30px;
        display: block; }
        .img_select .inner_pop .my_image .choise_img li dl dt .btn_area input[type="file"] {
          border-right: 2px solid #f3efe9;
          background: #ffffff;
          padding: 10px; }
        .img_select .inner_pop .my_image .choise_img li dl dt .btn_area input[type="button"] {
          height: 40px;
          width: 150px;
          background: #62b7a2;
          border-radius: 10px;
          border: 1px solid #62b7a2;
          color: #ffffff;
          cursor: pointer; }
    .img_select .inner_pop .my_image .choise_img li dl dd {
      margin-top: 10px;
      vertical-align: middle;
      display: inline-flex; }
      .img_select .inner_pop .my_image .choise_img li dl dd input {
        width: 451px;
        height: 32px;
        border-radius: 10px;
        border: 1px solid #e5ded1;
        color: #888888;
        padding-right: 5px;
        padding-left: 5px; }
      .img_select .inner_pop .my_image .choise_img li dl dd input[type="checkbox"] {
        height: 15px;
        width: 15px; }
  .img_select .inner_pop .my_image .choise_img li .save {
    height: 40px;
    width: 237px;
    background: #62b7a2;
    border-radius: 10px;
    border: 1px solid #62b7a2;
    color: #ffffff;
    cursor: pointer; }
  .img_select .inner_pop .my_image ul.list_img {
    width: 100%;
    text-align: left; }
    .img_select .inner_pop .my_image ul.list_img li {
      width: 229px;
      display: inline-block;
      text-align: left;
      vertical-align: top;
      overflow: hidden; }
      .img_select .inner_pop .my_image ul.list_img li dl {
        display: inline-block;
        text-align: center;
        margin-bottom: 10px; }
        .img_select .inner_pop .my_image ul.list_img li dl .trim {
          height: 240px;
          overflow: hidden;
          position: relative; }
          .img_select .inner_pop .my_image ul.list_img li dl .trim img {
            position: absolute;
            width: auto;
            height: 100%;
            top: -100%;
            left: -100%;
            right: -100%;
            bottom: -100%;
            margin: auto;
            pointer-events: none; }
          .img_select .inner_pop .my_image ul.list_img li dl .trim .is_del {
            color: #ffffff;
            font-size: 16px;
            background: rgba(0, 0, 0, 0.5);
            position: absolute;
            bottom: 0;
            right: 0;
            height: 20px;
            width: 20px;
            text-align: center;
            line-height: 20px;
            z-index: 2;
            cursor: pointer; }
          .img_select .inner_pop .my_image ul.list_img li dl .trim:hover span {
            position: absolute;
            background: #62b7a2;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            vertical-align: middle;
            padding: 46px;
            color: #ffffff;
            opacity: 0.8;
            cursor: pointer; }
        .img_select .inner_pop .my_image ul.list_img li dl dd {
          width: 219px;
          padding: 10px; }
  .img_select .inner_pop .url_img {
    margin: 20px auto;
    width: 675px; }
    .img_select .inner_pop .url_img .left {
      cursor: pointer;
      width: 212px;
      height: 135px;
      display: block;
      border: 2px solid #62b7a2;
      background: #ffffff;
      color: #333333;
      text-align: center;
      line-height: 135px;
      float: left;
      margin-right: 10px;
      position: relative;
      overflow: hidden; }
      .img_select .inner_pop .url_img .left img {
        width: auto;
        height: 100%; }
      .img_select .inner_pop .url_img .left .thumbnail_btn {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        opacity: 0; }
    .img_select .inner_pop .url_img ul {
      width: 451px;
      display: inline-block; }
      .img_select .inner_pop .url_img ul li {
        margin-top: 20px; }
        .img_select .inner_pop .url_img ul li #allow_share {
          height: 12px;
          width: 12px; }
        .img_select .inner_pop .url_img ul li input {
          width: 100%;
          height: 32px;
          border-radius: 10px;
          border: 1px solid #e5ded1;
          color: #888888;
          padding-right: 5px;
          padding-left: 5px; }
    .img_select .inner_pop .url_img .save {
      height: 40px;
      width: 237px;
      background: #62b7a2;
      border-radius: 10px;
      border: 1px solid #62b7a2;
      color: #ffffff;
      cursor: pointer; }
  .img_select .inner_pop .share_img label {
    vertical-align: middle;
    display: inherit;
    margin-top: 10px; }
  .img_select .inner_pop .share_img label input {
    height: 15px !important;
    width: 15px !important; }
  .img_select .inner_pop .flicker_img .more, .img_select .inner_pop .share_img .more {
    display: block;
    height: 40px;
    width: 463px;
    border: 1px solid #cccccc;
    background: #fafafa;
    border-radius: 10px;
    color: #888888;
    cursor: pointer;
    margin: 10px auto;
    padding: 10px;
    text-align: center; }
  .img_select .inner_pop .flicker_img .search, .img_select .inner_pop .share_img .search {
    width: 771px;
    margin-bottom: 20px !important; }
    .img_select .inner_pop .flicker_img .search li input, .img_select .inner_pop .share_img .search li input {
      width: 463px;
      height: 40px;
      border-radius: 10px;
      border: 1px solid #e5ded1;
      color: #888888;
      padding-right: 5px;
      padding-left: 5px; }
    .img_select .inner_pop .flicker_img .search li .save, .img_select .inner_pop .share_img .search li .save {
      height: 40px;
      width: 237px;
      background: #62b7a2;
      border-radius: 10px;
      border: 1px solid #62b7a2;
      color: #ffffff;
      cursor: pointer; }
  .img_select .inner_pop .flicker_img ul.list_img, .img_select .inner_pop .share_img ul.list_img {
    width: 100%;
    text-align: left; }
    .img_select .inner_pop .flicker_img ul.list_img li, .img_select .inner_pop .share_img ul.list_img li {
      width: 229px;
      display: inline-block;
      vertical-align: top; }
      .img_select .inner_pop .flicker_img ul.list_img li dl, .img_select .inner_pop .share_img ul.list_img li dl {
        display: inline-block; }
        .img_select .inner_pop .flicker_img ul.list_img li dl dd, .img_select .inner_pop .share_img ul.list_img li dl dd {
          width: 218px;
          padding: 5px; }
        .img_select .inner_pop .flicker_img ul.list_img li dl .trim, .img_select .inner_pop .share_img ul.list_img li dl .trim {
          height: 240px;
          overflow: hidden;
          position: relative; }
          .img_select .inner_pop .flicker_img ul.list_img li dl .trim img, .img_select .inner_pop .share_img ul.list_img li dl .trim img {
            position: absolute;
            width: auto;
            height: auto;
            top: -100%;
            left: -100%;
            right: -100%;
            bottom: -100%;
            margin: auto;
            pointer-events: none;
            width: 100% !important; }
          .img_select .inner_pop .flicker_img ul.list_img li dl .trim:hover span, .img_select .inner_pop .share_img ul.list_img li dl .trim:hover span {
            position: absolute;
            background: #62b7a2;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            vertical-align: middle;
            padding: 46px;
            color: #ffffff;
            /*opacity: 0.8;*/
            cursor: pointer; }

.table_select dl dt {
  font-size: 18px;
  color: #4c263e;
  font-weight: bold;
  text-align: center; }
.table_select dl dd {
  line-height: 1.5em;
  color: #888888; }
.table_select table {
  border: 1px solid #eeeeee;
  display: inline-block;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px; }
  .table_select table td {
    border: 1px solid #eeeeee;
    display: inline-block;
    width: 80px;
    text-align: center; }
.table_select ul {
  width: 600px !important; }
.table_select .btn_on {
  margin-top: 15px;
  height: 40px;
  width: 280px;
  background: #62b7a2;
  border-radius: 10px;
  border: 1px solid #62b7a2;
  color: #ffffff;
  cursor: pointer;
  line-height: 40px;
  margin: 15px auto;
  display: block; }

#image_modal.flicker_pop {
  padding-top: 24px !important; }
  #image_modal.flicker_pop .trim {
    height: 390px !important;
    width: auto !important; }
#image_modal.imgcommon_pop {
  padding-top: 28px !important; }
  #image_modal.imgcommon_pop .trim {
    height: 280px !important;
    width: auto !important; }
#image_modal.imgtable_pop {
  padding-top: 85px !important; }
  #image_modal.imgtable_pop .trim {
    height: 80px !important;
    width: auto !important; }

.popup_theme {
  display: none; }

.theme_pop .inner_pop {
  height: 500px;
  overflow: auto; }
  .theme_pop .inner_pop ul li ul.mt20 {
    margin: 100px auto 0; }
    .theme_pop .inner_pop ul li ul.mt20 li {
      display: inline-block; }
      .theme_pop .inner_pop ul li ul.mt20 li a {
        width: 280px;
        height: 40px;
        line-height: 40px; }
        .theme_pop .inner_pop ul li ul.mt20 li a.btn_on {
          border: 1px solid #62b7a2; }
          .theme_pop .inner_pop ul li ul.mt20 li a.btn_on:before {
            content: "";
            display: inline-block;
            background-image: url("../img/icon_write.png");
            background-repeat: no-repeat;
            background-size: 15.5px 14px;
            margin-right: 10px;
            vertical-align: middle;
            width: 15.5px;
            height: 14px; }
        .theme_pop .inner_pop ul li ul.mt20 li a.btn_off {
          border: 1px solid #fafafa;
          color: #888888; }
          .theme_pop .inner_pop ul li ul.mt20 li a.btn_off:before {
            content: "";
            display: inline-block;
            background-image: url("../img/icon_check_b.png");
            background-repeat: no-repeat;
            background-size: 18.5px 15px;
            margin-right: 10px;
            vertical-align: middle;
            width: 18.5px;
            height: 15px;
            background-position: 0px -3px; }
  .theme_pop .inner_pop ul {
    width: 600px; }
    .theme_pop .inner_pop ul li dl {
      display: block;
      text-align: left; }
      .theme_pop .inner_pop ul li dl dt {
        display: inline-block;
        width: 123px;
        text-align: left; }
      .theme_pop .inner_pop ul li dl dd {
        display: inline-flex;
        padding-left: 10px;
        white-space: pre-line;
        width: 78%;
        border-left: 2px solid #eeeeee;
        padding-bottom: 30px;
        color: #333333;
        word-break: break-all; }
        .theme_pop .inner_pop ul li dl dd span {
          color: #333333; }

/* エディター内　*/
/* header */
#select_category .inner > .cf {
  display: table; }
#select_category .left li {
  margin-right: 5px;
  display: inline-block;
  line-height: 60px;
  font-size: 14px;
  color: #777777; }
  #select_category .left li:nth-child(3) {
    /*display: block;*/
    line-height: 30px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #777777; }
  #select_category .left li button {
    height: 32px;
    width: 160px;
    border: 1px solid #e5ded1;
    background: #fafafa;
    border-radius: 5px;
    color: #888888;
    cursor: pointer;
    padding: 8px;
    font-size: 10px;
    margin-right: 5px; }
  #select_category .left li label select {
    width: 211px;
    height: 32px;
    border-radius: 10px;
    border: 1px solid #e5ded1;
    color: #888888;
    padding-right: 5px;
    padding-left: 5px; }
#select_category .right.btn_save {
  margin-right: 5px;
  line-height: 60px;
  display: inline-block; }
  #select_category .right.btn_save a {
    height: 32px;
    width: 120px;
    border: 1px solid #cccccc;
    background: #fafafa;
    border-radius: 10px;
    color: #888888;
    cursor: pointer;
    padding: 8px;
    font-size: 10px; }
#select_category .right .btn_prev {
  display: inline-block;
  line-height: 60px; }
  #select_category .right .btn_prev input {
    height: 32px;
    width: 120px;
    background: #62b7a2;
    border-radius: 10px;
    border: 1px solid #62b7a2;
    color: #ffffff;
    cursor: pointer; }

/* right-content */
#editor .right-contents dl dd:nth-child(2) dt:before {
  content: "1"; }
#editor .right-contents dl dd:nth-child(3) dt:before {
  content: "2"; }
#editor .right-contents dl dd:nth-child(4) dt:before {
  content: "3"; }
#editor .right-contents dl dd:nth-child(5) dt:before {
  content: "4"; }
#editor .right-contents dl dd:nth-child(6) dt:before {
  content: "5"; }
#editor .right-contents dl dd:nth-child(7) dt:before {
  content: "6"; }
#editor .right-contents dl dd:nth-child(8) dt:before {
  content: "7"; }
#editor .right-contents dl dd:nth-child(9) dt:before {
  content: "8"; }
#editor .right-contents dl dd:nth-child(10) dt:before {
  content: "9"; }
#editor .right-contents dl dd:nth-child(11) dt:before {
  content: "10"; }
#editor .right-contents dl dd:nth-child(12) dt:before {
  content: "11"; }
#editor .right-contents dl dd:nth-child(13) dt:before {
  content: "12"; }
#editor .right-contents dl dd dt {
  font-size: 14px;
  color: #333333; }
  #editor .right-contents dl dd dt:before {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 20px !important;
    width: 20px;
    display: block;
    background: #4c263e;
    margin-right: 10px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 20px; }
#editor .right-contents dl dd dd {
  color: #888888;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.5em; }

#editor .left-contents {
  /* ボタンエリア　*/
  /* 最後のボタンエリア*/
  /* 最後のボタンエリア*/ }
  #editor .left-contents .select_theme {
    background: #e0f1ec;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-table;
    width: 100%;
    padding-bottom: 10px; }
    #editor .left-contents .select_theme.open dl {
      margin-top: 10px;
      display: block;
      line-height: 1.5em;
      overflow: hidden; }
      #editor .left-contents .select_theme.open dl dt {
        z-index: 3;
        position: relative;
        background-color: #E0F1EC;
        height: 40px; }
        #editor .left-contents .select_theme.open dl dt dl {
          display: block;
          text-align: left;
          margin-top: 0px; }
          #editor .left-contents .select_theme.open dl dt dl dt {
            width: 100px;
            display: inline-block;
            padding-right: 15px;
            z-index: 1; }
          #editor .left-contents .select_theme.open dl dt dl dd {
            width: 86%;
            display: inline-flex;
            white-space: pre-line;
            border-left: 2px solid #cccccc;
            padding-left: 10px;
            padding-bottom: 10px;
            padding-top: 10px;
            z-index: 1; }
      #editor .left-contents .select_theme.open dl dd {
        z-index: 1; }
        #editor .left-contents .select_theme.open dl dd dl {
          display: block;
          text-align: left;
          margin-top: 0px; }
          #editor .left-contents .select_theme.open dl dd dl dt {
            width: 100px;
            display: inline-block;
            padding-right: 15px;
            z-index: 0; }
          #editor .left-contents .select_theme.open dl dd dl dd {
            width: 86%;
            display: inline-flex;
            white-space: pre-line;
            border-left: 2px solid #cccccc;
            padding-left: 10px;
            padding-bottom: 10px;
            padding-top: 10px;
            z-index: 0; }
        #editor .left-contents .select_theme.open dl dd ul {
          margin: 10px auto;
          text-align: center; }
          #editor .left-contents .select_theme.open dl dd ul li {
            display: inline-block; }
            #editor .left-contents .select_theme.open dl dd ul li .btn_cancel {
              height: 32px;
              width: 198px;
              border: 1px solid #eeeeee;
              background: #eeeeee;
              border-radius: 10px;
              color: #888888;
              cursor: pointer;
              margin-right: 10px;
              background-image: url(/img/icon_pulldown_up.png);
              background-repeat: no-repeat;
              background-position: 36px center;
              background-size: 9px 5.5px; }
            #editor .left-contents .select_theme.open dl dd ul li label {
              position: relative; }
              #editor .left-contents .select_theme.open dl dd ul li label:before {
                content: "×";
                display: inline-block;
                color: #ffffff;
                position: absolute;
                top: 3px;
                left: 14px;
                height: 15px;
                width: 15px;
                line-height: 15px;
                border-radius: 15px;
                background: #4c263e; }
            #editor .left-contents .select_theme.open dl dd ul li .btn_save {
              border: 1px solid #4c263e !important;
              color: #4c263e !important;
              height: 32px;
              width: 198px;
              background: #ffffff;
              border-radius: 10px;
              border: 1px solid #62b7a2;
              color: #62b7a2;
              cursor: pointer; }
    #editor .left-contents .select_theme.open:after {
      content: "";
      background: none; }
    #editor .left-contents .select_theme:after {
      content: "";
      background: url(../img/icon_pulldown.png) no-repeat right center;
      background-size: 9.5px 5.5px;
      height: 5.5px;
      width: 9.5px;
      float: right;
      z-index: 10;
      opacity: 1;
      margin-top: -22px; }
  #editor .left-contents .ttl_submit input {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #e5ded1;
    color: #888888;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px; }
  #editor .left-contents .ttl_submit textarea {
    width: 100%;
    height: 120px;
    border-radius: 10px;
    border: 1px solid #e5ded1;
    color: #888888;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px; }
  #editor .left-contents .ttl_submit select {
    width: 60%;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #e5ded1;
    color: #888888;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px; }
  #editor .left-contents .ttl_submit .al_left {
    text-align: left; }
  #editor .left-contents .ttl_submit div {
    text-align: right;
    color: #cccccc;
    font-size: 16px;
    font-weight: bold; }
    #editor .left-contents .ttl_submit div .count_color {
      color: #ee8f31; }
    #editor .left-contents .ttl_submit div .unit {
      font-size: 12px;
      font-weight: normal;
      margin-left: 5px; }
  #editor .left-contents .menu_submit {
    background-color: #f7f7f7;
    text-align: center;
    padding: 10px auto;
    position: relative;
    /*span    {
      position: absolute;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 20px !important;
    width: 20px;
    display: block;
    background: #4c263e;
    margin-right: 10px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 12px;
    vertical-align: top;
    right: -20px;
    top: 10px;
    font-weight: bold;
    padding-left: 1px;
    line-height: 20px;
}*/ }
    #editor .left-contents .menu_submit span:before, #editor .left-contents .menu_submit span:after {
      display: block;
      content: '';
      width: 3px;
      height: 10px;
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      background-color: #ffffff;
      border-radius: 10px;
      position: absolute;
      top: 5px;
      left: 9px; }
    #editor .left-contents .menu_submit span {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 20px;
      margin-bottom: 20px;
      position: absolute;
      background: #4c263e;
      border-radius: 20px;
      right: -28px;
      top: 7px;
      cursor: pointer; }
      #editor .left-contents .menu_submit span:after {
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
    #editor .left-contents .menu_submit li {
      margin-right: 2px;
      display: inline-block; }
      #editor .left-contents .menu_submit li input {
        width: 80px;
        height: 64px;
        cursor: pointer;
        background-color: #ffffff;
        border: 1px solid #4c263e;
        color: #4c263e;
        font-size: 12px;
        border-radius: 10px;
        padding-top: 35px;
        margin: 10px 0; }
        #editor .left-contents .menu_submit li input#headline_btn {
          background: #ffffff url("../img/icon_ttl.png");
          background-size: 22.5px auto;
          background-repeat: no-repeat;
          background-position: center 7px; }
        #editor .left-contents .menu_submit li input#text_btn {
          background: #ffffff url("../img/icon_text.png");
          background-size: 26.5px auto;
          background-repeat: no-repeat;
          background-position: center 9px; }
        #editor .left-contents .menu_submit li input#image_btn {
          background: #ffffff url("../img/icon_photo.png");
          background-size: 26.5px auto;
          background-repeat: no-repeat;
          background-position: center 9px; }
        #editor .left-contents .menu_submit li input#link_btn {
          background: #ffffff url("../img/icon_link.png");
          background-size: 21px auto;
          background-repeat: no-repeat;
          background-position: center 11px; }
        #editor .left-contents .menu_submit li input#quote_btn {
          background: #ffffff url("../img/icon_qu.png");
          background-size: 21.5px auto;
          background-repeat: no-repeat;
          background-position: center 12px; }
        #editor .left-contents .menu_submit li input#youtube_btn {
          background: #ffffff url("../img/icon_movie.png");
          background-size: 26.5px auto;
          background-repeat: no-repeat;
          background-position: center 10px; }
        #editor .left-contents .menu_submit li input#twitter_btn {
          background: #ffffff url("../img/icon_tw.png");
          background-size: 20.5px auto;
          background-position: center 13px;
          background-repeat: no-repeat; }
        #editor .left-contents .menu_submit li input#insta_btn {
          background: #ffffff url("../img/icon_insta.png");
          background-size: 20.5px auto;
          background-position: center 13px;
          background-repeat: no-repeat; }
        #editor .left-contents .menu_submit li input#table_btn {
          background: #ffffff url("../img/icon_table_b.png");
          background-size: 26.5px auto;
          background-position: center 10px;
          background-repeat: no-repeat; }
  #editor .left-contents .tag_submit span {
    display: inline-block; }
  #editor .left-contents .tag_submit .ttl_submit {
    border-top: 2px solid #eeeeee;
    padding-top: 10px; }
  #editor .left-contents .tag_submit ul li {
    display: inline-block;
    margin: 0 3px 10px; }
    #editor .left-contents .tag_submit ul li .tags {
      width: 247px;
      height: 40px;
      border-radius: 10px;
      border: 1px solid #e5ded1;
      color: #888888;
      padding-right: 5px;
      padding-left: 5px; }
  #editor .left-contents .title_submit span {
    display: inline-block; }
  #editor .left-contents .title_submit .ttl_submit {
    border-top: 2px solid #eeeeee;
    padding-top: 10px; }
  #editor .left-contents .title_submit ul li {
    display: block; }
    #editor .left-contents .title_submit ul li .tags {
      width: 100%;
      height: 40px;
      border-radius: 10px;
      border: 1px solid #e5ded1;
      color: #888888;
      padding-right: 5px;
      padding-left: 5px; }
  #editor .left-contents .img_submit .ttl_submit {
    border-top: 2px solid #eeeeee;
    padding-top: 10px; }
  #editor .left-contents .img_submit ul {
    margin: 20px auto;
    display: table; }
    #editor .left-contents .img_submit ul li {
      display: inline-block;
      vertical-align: middle; }
      #editor .left-contents .img_submit ul li a {
        width: 247px;
        height: 150px;
        border-radius: 10px;
        border: 1px solid #e5ded1;
        color: #888888;
        padding-right: 5px;
        padding-left: 5px;
        display: block;
        text-align: center;
        padding-right: 0px !important;
        padding-left: 0px !important; }
      #editor .left-contents .img_submit ul li .trimming {
        height: 100%;
        width: 100%;
        overflow: hidden;
        position: relative;
        height: 148px;
        display: block;
        /*margin-left: -4px;*/
        border-radius: 10px; }
        #editor .left-contents .img_submit ul li .trimming img {
          position: absolute;
          width: auto;
          height: auto;
          top: -100%;
          left: -100%;
          right: -100%;
          bottom: -100%;
          margin: auto;
          pointer-events: none;
          height: auto;
          width: 100%; }
      #editor .left-contents .img_submit ul li input.thumbnail {
        width: 247px;
        height: 40px;
        border-radius: 10px;
        border: 1px solid #e5ded1;
        color: #888888;
        padding-right: 5px;
        padding-left: 5px;
        border: 1px solid #4c263e;
        color: #4c263e;
        background: #ffffff;
        margin-left: 20px;
        cursor: pointer; }
  #editor .left-contents .bottom_btn_area ul {
    display: block;
    text-align: center; }
    #editor .left-contents .bottom_btn_area ul li {
      display: inline-block; }
      #editor .left-contents .bottom_btn_area ul li:first-child {
        margin-right: 10px; }
      #editor .left-contents .bottom_btn_area ul li input {
        font-size: 16px; }
        #editor .left-contents .bottom_btn_area ul li input.save {
          height: 40px;
          width: 273px;
          border: 1px solid #eeeeee;
          background: #eeeeee;
          border-radius: 10px;
          color: #888888;
          cursor: pointer; }
        #editor .left-contents .bottom_btn_area ul li input.prev {
          height: 40px;
          width: 273px;
          background: #62b7a2;
          border-radius: 10px;
          border: 1px solid #62b7a2;
          color: #ffffff;
          cursor: pointer; }

/* エディター　*/
.edit_submit .red_alert {
  color: #ff0000;
  line-height: 1.5em;
  margin: 10px 0; }
.edit_submit .add_menu {
  border-bottom: 3px dotted #62b7a2;
  cursor: pointer; }
  .edit_submit .add_menu span {
    background: #62b7a2;
    color: #ffffff;
    width: 120px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    border-radius: 10px;
    margin: 0 auto -17px; }
.edit_submit select {
  width: 247px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #e5ded1;
  color: #888888;
  padding-right: 5px;
  padding-left: 5px; }
.edit_submit input[type="text"] {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #e5ded1;
  color: #888888;
  padding-right: 5px;
  padding-left: 5px; }
.edit_submit input[type="password"] {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #e5ded1;
  color: #888888;
  padding-right: 5px;
  padding-left: 5px; }
.edit_submit textarea {
  width: 100%;
  height: 150px;
  border-radius: 10px;
  border: 1px solid #e5ded1;
  color: #888888;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 10px;
  color: #777777;
  line-height: 1.4em; }
.edit_submit .btn_insent {
  display: block;
  text-align: center; }
  .edit_submit .btn_insent li {
    display: inline-block; }
    .edit_submit .btn_insent li .btn_cancel {
      height: 32px;
      width: 198px;
      border: 1px solid #eeeeee;
      background: #eeeeee;
      border-radius: 10px;
      color: #888888;
      cursor: pointer;
      margin-right: 10px; }
    .edit_submit .btn_insent li .btn_save {
      height: 32px;
      width: 198px;
      background: #ffffff;
      border-radius: 10px;
      border: 1px solid #62b7a2;
      color: #62b7a2;
      cursor: pointer; }

/* ファイルアップロード　*/
#text_upload .inner_bg {
  background: #ffffff;
  border: #e5ded1 1px solid;
  padding: 20px;
  border-radius: 10px;
  margin-top: 10px; }
#text_upload h1 {
  color: #333333;
  font-size: 20px;
  line-height: 1.5em;
  margin-bottom: 10px; }
#text_upload p {
  font-size: 14px;
  line-height: 1.5em;
  white-space: pre-line;
  margin-bottom: 10px; }
#text_upload .confirm_content h2 {
  color: #333333;
  font-size: 20px;
  border-bottom: 5px solid #eeeeee;
  line-height: 1.5em;
  margin-bottom: 10px; }
#text_upload .confirm_content h3 {
  color: #333333;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: bold; }
  #text_upload .confirm_content h3:before {
    content: "■";
    display: inline-block;
    color: #eeeeee;
    padding-right: 10px;
    margin-bottom: 10px; }
#text_upload .confirm_content p {
  font-size: 14px;
  line-height: 1.5em;
  white-space: pre-line; }
#text_upload .confirm_content b {
  font-size: 14px;
  line-height: 1.5em;
  font-weight: bold;
  white-space: pre-line; }

/* エディター内　要素　*/
.content_element {
  cursor: pointer; }
  .content_element:hover {
    background: #f7f7f7; }
  .content_element .page {
    background: #62b7a2;
    color: #ffffff;
    font-size: 10px;
    padding: 2px;
    border-radius: 5px; }
  .content_element .btn_area .left li {
    display: inline-block;
    margin-left: 10px; }
    .content_element .btn_area .left li .edit, .content_element .btn_area .left li .del, .content_element .btn_area .left li .copy {
      border: 1px solid #4c263e;
      color: #4c263e;
      font-size: 12px;
      border-radius: 10px;
      margin: 10px 0;
      width: 120px;
      height: 30px;
      line-height: 30px;
      display: block;
      text-align: center;
      background: #ffffff;
      cursor: pointer; }
  .content_element .btn_area .right {
    margin-right: 10px; }
  .content_element .btn_area .right li {
    display: table-cell; }
    .content_element .btn_area .right li:first-child a {
      border-radius: 10px 0px 0px 10px;
      border: 1px solid #4c263e; }
    .content_element .btn_area .right li:last-child a {
      border-radius: 0px 10px 10px 0px;
      border-top: 1px solid #4c263e;
      border-bottom: 1px solid #4c263e;
      border-right: 1px solid #4c263e; }
    .content_element .btn_area .right li a {
      border-top: 1px solid #4c263e;
      border-bottom: 1px solid #4c263e;
      border-right: 1px solid #4c263e;
      height: 30px;
      width: 60px;
      display: block;
      background: #ffffff; }
      .content_element .btn_area .right li a.move_top .icon_top {
        background: url(../img/menu_up2.png);
        background-size: 12.5px auto;
        background-position: center 10px;
        background-repeat: no-repeat;
        width: 25px;
        height: 29px;
        display: block;
        margin: -2px auto;
        cursor: pointer; }
      .content_element .btn_area .right li a.move_down .icon_down {
        background: url("../img/menu_down.png");
        background-size: 12.5px auto;
        background-position: center 10px;
        background-repeat: no-repeat;
        width: 25px;
        height: 29px;
        display: block;
        margin: 1px auto;
        cursor: pointer; }
      .content_element .btn_area .right li a.move_up .icon_up {
        background: url("../img/menu_up.png");
        background-size: 12.5px auto;
        background-position: center 10px;
        background-repeat: no-repeat;
        width: 25px;
        height: 29px;
        display: block;
        margin: 1px auto;
        cursor: pointer; }
      .content_element .btn_area .right li a.move_bottom .icon_bottom {
        background: url("../img/menu_down2.png");
        background-size: 12.5px auto;
        background-position: center 10px;
        background-repeat: no-repeat;
        width: 25px;
        height: 29px;
        display: block;
        margin: -2px auto;
        cursor: pointer; }
  .content_element .content_inner {
    padding: 0px 30px;
    cursor: pointer; }
    .content_element .content_inner:hover {
      background: #f7f7f7; }
    .content_element .content_inner h2 {
      color: #333333;
      font-size: 20px;
      border-bottom: 5px solid #eeeeee;
      line-height: 1.5em; }
    .content_element .content_inner h3 {
      color: #333333;
      font-size: 18px;
      line-height: 1.5em;
      font-weight: bold; }
      .content_element .content_inner h3:before {
        content: "■";
        display: inline-block;
        color: #eeeeee;
        padding-right: 10px; }
    .content_element .content_inner p {
      font-size: 14px;
      line-height: 1.5em;
      white-space: pre-line; }
    .content_element .content_inner b {
      font-size: 14px;
      line-height: 1.5em;
      font-weight: bold;
      white-space: pre-line; }
    .content_element .content_inner ul {
      padding: 10px 0px; }
      .content_element .content_inner ul li {
        line-height: 2em;
        vertical-align: middle;
        display: block; }
        .content_element .content_inner ul li a {
          color: #ee8f31;
          margin-right: 5px; }
        .content_element .content_inner ul li:before {
          content: "・";
          color: #eeeeee;
          font-size: 15px;
          font-weight: bold;
          margin-right: 5px; }
    .content_element .content_inner .pager_article {
      border: 1px solid #eeeeee;
      border-radius: 5px;
      margin-bottom: 0;
      height: 80px;
      margin-top: 30px;
      width: 50%; }
      .content_element .content_inner .pager_article span {
        display: inline-block;
        background: #eeeeee;
        color: #fff;
        float: left;
        font-size: 12px;
        padding: 1px 5px;
        position: relative;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        margin-right: 20px;
        letter-spacing: -.1em;
        font-weight: 700;
        width: 66px;
        height: 78px;
        line-height: 78px; }
        .content_element .content_inner .pager_article span:after {
          content: "";
          position: absolute;
          top: 0;
          right: -15px;
          border-left: 23px solid #eeeeee;
          border-top: 40px solid transparent;
          border-bottom: 40px solid transparent;
          transform-origin: right top;
          transform: scaleX(0.7);
          display: block; }
      .content_element .content_inner .pager_article p {
        vertical-align: middle;
        height: 78px;
        display: table-cell;
        width: 100%;
        text-align: justify !important;
        line-height: 1.4em !important;
        font-weight: 700;
        font-size: 16px !important;
        padding-right: 5px;
        white-space: pre-line;
        word-break: break-all; }
    .content_element .content_inner .btn_link .link a {
      border-left: 5px solid #EEEEEE;
      line-height: 1.5em;
      padding-left: 9px;
      font-size: 16px;
      color: #333333;
      margin-bottom: 20px; }
    .content_element .content_inner .btn_link .cap {
      color: #eeeeee;
      font-size: 12px;
      padding-left: 10px;
      padding-top: 5px; }
    .content_element .content_inner .link_box {
      text-align: center;
      display: block;
      font-size: 16px;
      border: 1px solid #eeeeee;
      border-radius: 10px;
      padding: 10px;
      background: #eeeeee;
      color: #333333; }
    .content_element .content_inner .img_table a {
      display: block;
      margin-top: 5px;
      font-size: 10px; }
    .content_element .content_inner .img_box img {
      width: 480px;
      height: auto; }
    .content_element .content_inner .img_box a {
      display: block;
      margin-top: 10px; }
    .content_element .content_inner .youtube_box {
      width: 480px;
      height: 280px; }
    .content_element .content_inner .twitter-tweet {
      background: #eeeeee;
      padding: 20px; }
    .content_element .content_inner blockquote {
      background: #eeeeee;
      padding: 20px; }
      .content_element .content_inner blockquote pre {
        /* Mozilla */
        white-space: -moz-pre-wrap;
        /* Opera 4-6 */
        white-space: -pre-wrap;
        /* Opera 7 */
        white-space: -o-pre-wrap;
        /* CSS3 */
        white-space: pre-wrap;
        /* IE 5.5+ */
        word-wrap: break-word;
        font-size: 14px;
        padding-bottom: 5px; }
      .content_element .content_inner blockquote span {
        color: #888888;
        font-size: 12px;
        padding-top: 5px; }
        .content_element .content_inner blockquote span a {
          color: #888888; }

/* エディター文字カウント用 */
.count_text {
  color: #cccccc;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  /*margin-bottom: -10px;*/ }
  .count_text .count_color {
    color: #ee8f31;
    margin-right: 5px; }
  .count_text .unit {
    font-size: 12px;
    font-weight: normal;
    margin-right: 5px; }

/*　koimemo用のエディターのみ　*/
.koimemo .tag_submit .ttl_submit span input[type="checkbox"] {
  width: 15px !important;
  height: 15px !important;
  display: inline-block; }
.koimemo #question dt span {
  margin-bottom: 20px; }
.koimemo #question dd {
  margin-bottom: 10px; }
  .koimemo #question dd input[type="text"] {
    width: 100%;
    height: 40px;
    border: #e5ded1 1px solid;
    border-radius: 10px;
    padding: 5px; }

/* gameedge用のエディターのみ */
.game header .inner .tab {
  display: inline-block;
  float: right;
  line-height: 70px;
  font-size: 12px;
  color: #888888;
  margin-right: 24px; }
  .game header .inner .tab:before {
    content: "";
    background: url(../img/icon_next.png);
    height: 6.5px;
    width: 9.5px;
    display: inline-block;
    background-size: 4.5px auto;
    background-repeat: no-repeat;
    background-position: left center; }
.game .content_inner table {
  text-align: center;
  font-size: 12px;
  border: 1px solid #cccccc;
  margin: 10px 0;
  width: 100%; }
  .game .content_inner table .tx_left {
    text-align: left; }
  .game .content_inner table .tx_right {
    text-align: right; }
  .game .content_inner table a {
    text-align: center;
    /*display: block;*/ }
  .game .content_inner table b {
    font-size: 12px;
    text-align: center;
    /*display: block;*/ }
  .game .content_inner table img {
    display: block;
    margin: 0 auto 5px;
    width: 50px !important;
    height: auto !important; }
  .game .content_inner table tbody tr {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc; }
    .game .content_inner table tbody tr th, .game .content_inner table tbody tr td {
      padding: 5px;
      border-right: 1px solid #cccccc;
      text-align: center; }
    .game .content_inner table tbody tr td {
      width: 20%; }
    .game .content_inner table tbody tr th {
      background: #cccccc;
      font-weight: bold;
      text-align: center;
      width: 15%; }
.game .menu_submit li {
  margin-right: inherit !important; }
.game .text_area .btn_area .left span {
  display: inline-block; }
.game .text_area .btn_area .left ul {
  display: inline-block; }
  .game .text_area .btn_area .left ul li {
    display: inline-block;
    margin-right: 5px; }
    .game .text_area .btn_area .left ul li input.btn_in_img {
      background: #f7f7f7 url(../img/icon_img.png);
      background-size: 21.5px 21px;
      border-radius: 10px;
      background-repeat: no-repeat;
      background-position: 5px 5px;
      border: 1px solid #f7f7f7;
      width: 88px;
      height: 33px;
      padding-left: 15px; }
    .game .text_area .btn_area .left ul li input.btn_in_table {
      background: #f7f7f7 url(../img/icon_table.png);
      background-size: 21.5px 21px;
      border-radius: 10px;
      background-repeat: no-repeat;
      background-position: 5px 5px;
      border: 1px solid #f7f7f7;
      width: 88px;
      height: 33px;
      padding-left: 15px; }
.game .text_area .btn_area .right a:before {
  content: "?";
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  height: 20px !important;
  width: 20px;
  display: block;
  background: #eeeeee;
  margin-right: 10px;
  float: left;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 20px; }

.l_parmalink {
  border-top: 2px solid #eee;
  padding-top: 10px; }
  .l_parmalink .a_parmalink_url {
    display: inline-block;
    margin-right: 5px; }
  .l_parmalink .a_parmalink_input {
    width: 50%;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #e5ded1;
    color: #888888;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px; }

.l_headerttl {
  border-top: 2px solid #eee;
  padding-top: 10px; }
  .l_headerttl .md_headerttl_input {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #e5ded1;
    color: #888888;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px; }

.new_release {
  border-top: 2px solid #eee;
  padding-top: 10px; }
  .new_release .release_number {
    background: #62b7a2;
    color: #ffffff;
    font-size: 10px;
    padding: 2px;
    border-radius: 5px; }
  .new_release .is_del, .new_release .active {
    display: none !important; }
  .new_release .show {
    display: block; }
  .new_release .new_release_morettl {
    background: #e0f1ec;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-table;
    width: 100%;
    color: #333333;
    text-align: left !important;
    color: #777777 !important;
    font-size: 14px !important;
    cursor: pointer; }
    .new_release .new_release_morettl:before {
      content: "";
      background-color: #ffffff;
      border: 0px;
      display: inline-block;
      margin-right: 5px;
      background: url(../img/icon_pulldown.png);
      background-size: 9.5px 5px;
      background-repeat: no-repeat;
      width: 9.5px;
      height: 5px;
      float: right;
      font-size: 10px;
      margin-top: 17px; }

.select_game_category ul {
  width: 100%; }
  .select_game_category ul li {
    display: inline-block;
    margin-right: 10px; }
    .select_game_category ul li label select {
      width: 211px;
      height: 32px;
      border-radius: 10px;
      border: 1px solid #e5ded1;
      color: #888888;
      padding-right: 5px;
      padding-left: 5px; }

/* 静的ページ用　*/
.site_main {
  background: #ffffff;
  border: #e5ded1 1px solid;
  padding: 20px;
  border-radius: 10px;
  margin-top: 10px; }
  .site_main h1 {
    font-size: 24px;
    margin-bottom: 24px; }
  .site_main p {
    margin-bottom: 15px;
    line-height: 24px; }
  .site_main h2 {
    margin-bottom: 15px;
    margin-top: 50px;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    line-height: 24px; }
  .site_main h3 {
    margin-bottom: 5px;
    marin-top: 20px;
    font-weight: none;
    font-size: 14px;
    padding-bottom: 5px; }
  .site_main dl dt {
    margin-bottom: 5px;
    margin-top: 20px;
    font-weight: none;
    font-size: 14px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 20px;
    font-weight: 700;
    font-size: 14px;
    padding-bottom: 5px; }
  .site_main ul {
    margin: 15px 0;
    line-height: 24px; }
  .site_main ol {
    margin: 15px 0;
    line-height: 24px;
    list-style-type: decimal; }
    .site_main ol li {
      text-align: 0;
      list-style: inherit;
      margin-left: 2.5em;
      margin-bottom: 10px;
      position: relative; }
  .site_main dl dd {
    text-align: 0;
    list-style: inherit;
    margin-left: 2.5em;
    margin-bottom: 10px; }
  .site_main ol li {
    display: list-item;
    /*&:before {
      content: "・";
      position: absolute;
      top: -2px;
      left: -2em;
      width: 2em;
      padding: 4px 0;
      font-weight: 700;
      text-align: center;
    }*/ }
  .site_main li dl {
    display: inline-table; }
  .site_main ul li {
    /*list-style: initial;*/
    list-style-type: disc;
    margin-left: 2.1em;
    margin-bottom: 10px; }
  .site_main li dl dd {
    list-style: initial;
    margin-left: 1.5em; }
    .site_main li dl dd:before {
      content: "";
      font-size: 14px;
      font-weight: 700;
      display: list-item;
      float: left; }
  .site_main .inner_text {
    margin-left: 0.8em; }
  .site_main dl dd.none {
    margin-left: 0; }
    .site_main dl dd.none:before {
      content: "";
      font-size: 0;
      font-weight: 700; }
  .site_main li.none {
    list-style: none; }
    .site_main li.none:before {
      content: "";
      font-size: 0;
      font-weight: 700; }
  .site_main .right {
    padding: 50px 15px 15px; }

.copy_article_list ul, .parent_article_list ul, .game_select_list ul {
  display: block;
  width: 100% !important;
  text-align: -webkit-center; }
.copy_article_list ul li, .parent_article_list ul li, .game_select_list ul li {
  display: block;
  margin-bottom: 10px;
  width: 100%; }
  .copy_article_list ul li.open_theme, .parent_article_list ul li.open_theme, .game_select_list ul li.open_theme {
    width: 800px; }
    .copy_article_list ul li.open_theme ul, .parent_article_list ul li.open_theme ul, .game_select_list ul li.open_theme ul {
      width: 100%; }
  .copy_article_list ul li ul li, .parent_article_list ul li ul li, .game_select_list ul li ul li {
    display: table-cell;
    vertical-align: top; }
    .copy_article_list ul li ul li:first-child, .parent_article_list ul li ul li:first-child, .game_select_list ul li ul li:first-child {
      width: 50px;
      text-align: left;
      border-radius: 25px; }
      .copy_article_list ul li ul li:first-child img, .parent_article_list ul li ul li:first-child img, .game_select_list ul li ul li:first-child img {
        width: 21px;
        height: 21px;
        margin-top: 20px;
        cursor: pointer; }
    .copy_article_list ul li ul li:nth-child(2), .parent_article_list ul li ul li:nth-child(2), .game_select_list ul li ul li:nth-child(2) {
      width: 600px; }
    .copy_article_list ul li ul li:nth-child(3), .parent_article_list ul li ul li:nth-child(3), .game_select_list ul li ul li:nth-child(3) {
      width: 75%;
      padding-right: 15px; }
    .copy_article_list ul li ul li:last-child, .parent_article_list ul li ul li:last-child, .game_select_list ul li ul li:last-child {
      width: 77px;
      vertical-align: middle; }
      .copy_article_list ul li ul li:last-child span, .parent_article_list ul li ul li:last-child span, .game_select_list ul li ul li:last-child span {
        cursor: pointer;
        font-size: 12px; }
        .copy_article_list ul li ul li:last-child span a, .parent_article_list ul li ul li:last-child span a, .game_select_list ul li ul li:last-child span a {
          color: #ffffff; }
    .copy_article_list ul li ul li img, .parent_article_list ul li ul li img, .game_select_list ul li ul li img {
      height: 60px;
      width: 60px; }
    .copy_article_list ul li ul li dl, .parent_article_list ul li ul li dl, .game_select_list ul li ul li dl {
      margin-right: 10px; }
      .copy_article_list ul li ul li dl dt, .parent_article_list ul li ul li dl dt, .game_select_list ul li ul li dl dt {
        font-size: 18px;
        color: #333333;
        width: auto !important; }
      .copy_article_list ul li ul li dl dd, .parent_article_list ul li ul li dl dd, .game_select_list ul li ul li dl dd {
        display: inline-flex;
        padding-left: 0px !important;
        white-space: none;
        width: auto !important;
        border-left: 2px solid #ffffff !important;
        padding-bottom: 0px;
        color: #ffffff;
        word-break: break-all; }

.copy_articles, .parent_articles, .game_select {
  width: 1040px !important;
  height: 100% !important; }
  .copy_articles .more, .parent_articles .more, .game_select .more {
    display: block;
    height: 40px;
    width: 463px;
    border: 1px solid #cccccc;
    background: #fafafa;
    border-radius: 10px;
    color: #888888;
    cursor: pointer;
    margin: 10px auto;
    padding: 10px;
    text-align: center; }
  .copy_articles dl dt, .parent_articles dl dt, .game_select dl dt {
    font-size: 18px;
    color: #4c263e;
    font-weight: bold; }
  .copy_articles input, .parent_articles input, .game_select input {
    width: 463px !important;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #e5ded1;
    color: #888888;
    padding-right: 5px;
    padding-left: 5px;
    margin: 10px auto;
    display: block; }
  .copy_articles button, .parent_articles button, .game_select button {
    height: 40px;
    width: 237px;
    background: #62b7a2;
    border-radius: 10px;
    border: 1px solid #62b7a2;
    color: #ffffff;
    cursor: pointer;
    margin-top: 10px;
    color: #ffffff; }

/* selectboxの為打ち消し */
.pop .inner_pop span.selected-tag {
  font-size: 12px;
  text-align: left;
  color: #000000; }