/* base.scss */
      body,
      p,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      ul,
      ol,
      li,
      dl,
      dt,
      dd,
      table,
      th,
      td,
      form,
      fieldset,
      legend,
      input,
      textarea,
      button,
      select {
        margin: 0;
        padding: 0;
      }
      body,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      input,
      textarea,
      select,
      button,
      table {
        font-size: 14px;
        line-height: 1.25em;
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
          "Apple SD Gothic Neo", Arial, sans-serif;
      }
      textarea {
        -webkit-appearance: none;
      }
      html,
      body {
        background-color: #f5f6f8;
      }
      body {
        position: relative;
        color: #000;
        -webkit-text-size-adjust: none;
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
      }
      em,
      address {
        font-style: normal;
      }
      a {
        color: #000;
        text-decoration: none;
      }

      .EmptyMessageBox {
        display: flex;
        align-items: center;
        text-align: center;
        background-color: #fff;
        box-sizing: border-box;
      }
      .EmptyMessageBox__content {
        margin: 0 auto;
        padding: 0 16px;
      }
      .EmptyMessageBox__content .message_area {
        padding: 0 20px;
      }
      .EmptyMessageBox__content .ButtonBaseFrame {
        margin-top: 16px;
      }

      .EmptyMessageBox--app {
        flex: 1;
        min-height: 667px;
        height: 100vh;
      }
      @media all and (min-width: 320px) {
        .EmptyMessageBox--app {
          min-height: 568px;
        }
      }

      .EmptyMessageText {
        text-align: center;
      }
      .EmptyMessageText--main {
        font-size: 17px;
        line-height: 1.29;
        color: #000;
      }
      .EmptyMessageText--main + .EmptyMessageText--sub {
        margin-top: 8px;
      }
      .EmptyMessageText--sub {
        font-size: 15px;
        line-height: 1.3;
        color: #979797;
      }

      .ButtonBaseFrame {
        text-align: center;
      }
      .ButtonBaseFrame__area {
        display: inline-block;
        min-width: 150px;
        vertical-align: top;
      }
      .ButtonBaseFrame .ButtonBase + .ButtonBase {
        margin-top: 10px;
      }

      .ButtonBase {
        display: block;
        height: 40px;
        padding: 0 15px;
        line-height: 40px;
        box-sizing: border-box;
        font-size: 15px;
        border-radius: 6px;
        text-align: center;
        vertical-align: top;
      }
      .ButtonBase--green {
        background: rgba(3, 199, 90, 0.12);
        color: #009f47;
      }
      .ButtonBase--gray {
        background: #f5f6f8;
        color: #676767;
      }

      .IndexArticleLoading {
        min-height: 667px;
        height: 100%;
        height: 100vh;
      }
      @media all and (min-width: 320px) {
        .IndexArticleLoading {
          min-height: 568px;
        }
      }
      .IndexArticleLoading .ispinner {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 20px;
        height: 20px;
        margin: auto;
      }
      .IndexArticleLoading .ispinner .ispinner-blade {
        position: absolute;
        left: 44.5%;
        top: 37%;
        width: 10%;
        height: 25%;
        border-radius: 50%/20%;
        -webkit-animation: ispinner-fade 1s linear infinite;
        animation: ispinner-fade 1s linear infinite;
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
      }
      .IndexArticleLoading .ispinner .ispinner-blade:nth-child(1) {
        -webkit-animation-delay: -1.66667s;
        animation-delay: -1.66667s;
        -webkit-transform: rotate(90deg) translate(0, -150%);
        transform: rotate(90deg) translate(0, -150%);
      }
      .IndexArticleLoading .ispinner .ispinner-blade:nth-child(2) {
        -webkit-animation-delay: -1.58334s;
        animation-delay: -1.58334s;
        -webkit-transform: rotate(180deg) translate(0, -150%);
        transform: rotate(180deg) translate(0, -150%);
      }
      .IndexArticleLoading .ispinner .ispinner-blade:nth-child(3) {
        -webkit-animation-delay: -1.50001s;
        animation-delay: -1.50001s;
        -webkit-transform: rotate(270deg) translate(0, -150%);
        transform: rotate(270deg) translate(0, -150%);
      }
      .IndexArticleLoading .ispinner .ispinner-blade:nth-child(4) {
        -webkit-animation-delay: -1.41668s;
        animation-delay: -1.41668s;
        -webkit-transform: rotate(360deg) translate(0, -150%);
        transform: rotate(360deg) translate(0, -150%);
      }
      .IndexArticleLoading .ispinner.animating .ispinner-blade {
        -webkit-animation-play-state: running;
        animation-play-state: running;
      }
      .IndexArticleLoading .ispinner.gray .ispinner-blade {
        background-color: #8c8c8c;
      }
      @-webkit-keyframes ispinner-fade {
        0% {
          opacity: 0.85;
        }
        50% {
          opacity: 0.25;
        }
        100% {
          opacity: 0.25;
        }
      }
      @keyframes ispinner-fade {
        0% {
          opacity: 0.85;
        }
        50% {
          opacity: 0.25;
        }
        100% {
          opacity: 0.25;
        }
      }

.ArticleFormArea.is_compact .message {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.more_text {
    cursor: pointer;
    color: #888;
    display: inline-block;
    margin-top: 5px;
}
.ArticleFormArea:not(.is_compact) .more_text {
    display: none;
}
.ArticleFormArea.is_compact .message {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.more_text {
    cursor: pointer;
    color: #888;
    display: inline-block;
    margin-top: 5px;
}
.ArticleFormArea:not(.is_compact) .more_text {
    display: none;
}
.border_name {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
  gap: 5px;
}
.allow-img {
  width: 5px;
  height: 7px;
  display: block;
}


    .cast_top{background-image: url(/views/cbw/m/con1_bg.jpg);}
    .c_nv {color:#001d35;}

	@media (max-width: 770px) {
			.logo_cast, .logoimg_m {
				width: auto;
			}	
			.max_w {
				max-width: 680px;
				margin-bottom: 12px;
			}
		}
.top_center > span{
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 18px;
    font-weight: 700;
	letter-spacing: -1px;
	}	
.top_center > img {
    display: inline-block;
    margin: 7px 6px 0 0;
    vertical-align: top;
    width: 26px;
    height: 25px;
    font-size: 0;
    color: transparent;
    line-height: 0;
}	
.top_center {
    display: flex;
    height: 40px;
    line-height: 40px;
}
.tagbox {display: flex; gap:5px; margin: 150px 0 50px;}
.tagbox > span {
	background: #f3f3f3;
    border-radius: 4px;
    color: #595959;
    display: block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 17px;
    padding: 4px 9px;
    white-space: nowrap;
	}
.heart {
    display: flex;
    justify-content: space-between;
	margin: 0 0 20px;
	}
.heart > div:nth-child(1) {
	display: flex;
    gap: 7px;
	}
.probox {
	background-color: #f8f8f8;
    border-top: 1px solid #eee;
    padding: 10px;
	}
.proinner {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 12px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .05);
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 642px;
    padding: 18px;
    position: relative;
    text-align: initial;
	}
.pro_1 {
    display: flex;
    justify-content: space-between;
	align-items: center;
	}
.proimg {
    width: 48px;
    height: 48px;
    border-radius: 24px;
	}
.proplus {
	border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.5px;
    line-height: 36px;
    text-align: center;
    width: 102px;
    background-color: #03c75a;
    color: #fff;
    display: block;
	}
.pro_2 > p:nth-child(1) > span:nth-child(1) {
    color: #000;
    font-size: 20px;
    vertical-align: middle;
    word-break: break-all;
    font-weight: 700;
	}
.pro_2 > p:nth-child(1) > span:nth-child(2) {
    color: #222;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin-left: 10px;
	}
.pro_2 > p:nth-child(2) {
display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px;
    text-overflow: ellipsis;
    word-break: break-all;
	}
.login_btn {
    cursor: pointer;
}
.page_top {
    cursor: pointer;
}