#moc-my-login-videos-panel {}
  /*
   * 繧ｿ繝悶�荳ｦ縺ｳ
   */
  #moc-my-login-videos-panel > .tabs {
    display: flex;
    justify-content: space-between; }
    /*
     * 繧ｿ繝�
     */
    #moc-my-login-videos-panel > .tabs > li {
      display: flex;
      align-items: center;
      cursor: pointer;
      box-sizing: border-box;
      width: 288px;
      height: 78px;
      border: 1px solid #bfbfbf;
      border-bottom: 0;
      padding: 0 16px;
      font-size: 20px;
      font-weight: bold;
      line-heigth: 1.4; }
    #moc-my-login-videos-panel > .tabs > li:hover { opacity: 0.7; }
      #moc-my-login-videos-panel > .tabs > li > img {
        margin-right: 16px;
        width: 64px; }
  /*
   * 繧ｿ繝悶�譛ｬ菴�
   */
  #moc-my-login-videos-panel > .tab-bodies {}
    #moc-my-login-videos-panel > .tab-bodies > .tab-body {
      padding: 40px 64px 60px; }
      #moc-my-login-videos-panel > .tab-bodies > .tab-body:not(.active) { display: none; }
      /*
       * 蜍慕判繧ｳ繝ｳ繝�Φ繝��荳ｦ縺ｳ
       */
      #moc-my-login-videos-panel > .tab-bodies > .tab-body .contents {
        display: flex;
        overflow: hidden; }
        /*
         * 蜍慕判繧ｳ繝ｳ繝�Φ繝�
         */
        #moc-my-login-videos-panel > .tab-bodies > .tab-body .contents > li {
          margin-right: 20px;
          width: calc((1200px - 64px*2 - 20px*3)/4);
          flex: none; }
          #moc-my-login-videos-panel > .tab-bodies > .tab-body .contents > li > a {
            display: block;
            color: #333333;
            text-decoration: none; }
            /*
             * 繧ｵ繝�繝阪う繝ｫ逕ｻ蜒�
             */
            #moc-my-login-videos-panel > .tab-bodies > .tab-body .contents > li > a .thumbnail {
              position: relative; }
              #moc-my-login-videos-panel > .tab-bodies > .tab-body .contents > li > a .thumbnail:before {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-image: url(../image/video.png);
                background-position: center;
                background-repeat: no-repeat;
                background-size: 56px; }
              #moc-my-login-videos-panel > .tab-bodies > .tab-body .contents > li > a .thumbnail img {
                display: block;
                width: 100%; }
              #moc-my-login-videos-panel > .tab-bodies > .tab-body .contents > li > a .thumbnail .play-time {
                position: absolute;
                bottom: 0;
                right: 0;
                background-color: rgba(42, 42, 42, 0.8);
                color: #fff;
                font-size: 14px;
                line-height: 1;
                padding: 5px; }
                #moc-my-login-videos-panel > .tab-bodies > .tab-body .contents > li > a .thumbnail .play-time:empty { display: none; }
            /*
             * 繧ｿ繧､繝医Ν
             */
            #moc-my-login-videos-panel > .tab-bodies > .tab-body .contents > li > a h3 {
              margin-top: 10px;
              min-height: 60px;
              font-size: 20px;
              line-height: 1.6;
              font-weight: bold; }
            /*
             * 隱ｬ譏取枚
             */
            #moc-my-login-videos-panel > .tab-bodies > .tab-body .contents > li > a p {
              margin-top: 10px;
              font-size: 16px;
              line-height: 1.6; }
      #moc-my-login-videos-panel > .tab-bodies > .tab-body .bx-wrapper { margin: 0; }

      /*
       * 繝ｪ繝ｳ繧ｯ繝懊ち繝ｳ
       */
      #moc-my-login-videos-panel > .tab-bodies > .tab-body .link-button {
        position: relative;
        margin: 40px auto 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 400px;
        height: 64px;
        border-radius: 60px;
        color: #fff;
        font-size: 18px;
        line-height: 1.4;
        text-align: center;
        text-decoration: none; }
        #moc-my-login-videos-panel > .tab-bodies > .tab-body .link-button:hover { opacity: 0.7; }
        #moc-my-login-videos-panel > .tab-bodies > .tab-body .link-button:after {
          content: "";
          display: block;
          position: absolute;
          margin: auto 0;
          height: 8px;
          width: 8px;
          top: 0;
          bottom: 0;
          right: 24px;
          border-bottom: 2px solid #fff;
          border-right: 2px solid #fff;
          transform: rotate(-45deg); }
        
#moc-my-login-videos-panel > .tabs > li.active.maintenance { border-color: #f2efe9; background-color: #f2efe9; }
#moc-my-login-videos-panel > .tab-bodies > .tab-body.maintenance { background-color: #f2efe9; }
#moc-my-login-videos-panel > .tab-bodies > .tab-body.maintenance .link-button { background-color: rgb(149, 108, 52); }

#moc-my-login-videos-panel > .tabs > li.active.reform { border-color: #f8ecec; background-color: #f8ecec; }
#moc-my-login-videos-panel > .tab-bodies > .tab-body.reform { background-color: #f8ecec; }
#moc-my-login-videos-panel > .tab-bodies > .tab-body.reform .link-button { background-color: rgb(232, 143, 143); }

#moc-my-login-videos-panel > .tabs > li.active.estate { border-color: #e5efeb; background-color: #e5efeb; }
#moc-my-login-videos-panel > .tab-bodies > .tab-body.estate { background-color: #e5efeb; }
#moc-my-login-videos-panel > .tab-bodies > .tab-body.estate .link-button { background-color: rgb(104, 149, 131); }

#moc-my-login-videos-panel > .tabs > li.active.rent { border-color: #e9f2f8; background-color: #e9f2f8; }
#moc-my-login-videos-panel > .tab-bodies > .tab-body.rent { background-color: #e9f2f8; }
#moc-my-login-videos-panel > .tab-bodies > .tab-body.rent .link-button { background-color: rgb(94, 160, 201); }