/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-ncb-box {
  position: relative; }

@media screen and (min-width: 0px) and (max-width: 767px) {
  /* modifier border */
  .ncb-box-arrow-top-modifierSp-border {
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    border-bottom: 30px solid #000000; }
  .ncb-box-arrow-bottom-modifierSp-border {
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    border-top: 30px solid #000000; }
  .ncb-box-arrow-left-modifierSp-border {
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    top: 50%;
    right: 100%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border-right: 30px solid #000000; }
  .ncb-box-arrow-right-modifierSp-border {
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border-left: 30px solid #000000; }
  /* modifier */
  .ncb-box-arrow-top-modifierSp {
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    border-bottom: 30px solid #f4f4f4; }
  .ncb-box-arrow-bottom-modifierSp {
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    border-top: 30px solid #f4f4f4; }
  .ncb-box-arrow-left-modifierSp {
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    top: 50%;
    right: 100%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border-right: 30px solid #f4f4f4; }
  .ncb-box-arrow-right-modifierSp {
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border-left: 30px solid #f4f4f4; } }

@media screen and (min-width: 768px) {
  /* modifier border */
  .ncb-box-arrow-top-modifier-border {
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    border-bottom: 30px solid #000000; }
  .ncb-box-arrow-bottom-modifier-border {
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    border-top: 30px solid #000000; }
  .ncb-box-arrow-left-modifier-border {
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    top: 50%;
    right: 100%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border-right: 30px solid #000000; }
  .ncb-box-arrow-right-modifier-border {
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border-left: 30px solid #000000; }
  /* modifier */
  .ncb-box-arrow-top-modifier {
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    border-bottom: 30px solid #f4f4f4; }
  .ncb-box-arrow-bottom-modifier {
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    border-top: 30px solid #f4f4f4; }
  .ncb-box-arrow-left-modifier {
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    top: 50%;
    right: 100%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border-right: 30px solid #f4f4f4; }
  .ncb-box-arrow-right-modifier {
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border-left: 30px solid #f4f4f4; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-nigoro-block {
  background: orangered;
  border: 0.2rem solid #292929;
  color: #292929;
  margin: 0 auto;
  max-width: 740px;
  padding: 2rem; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.ncb-faq-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  /*
	display: flex;
	flex-direction: row;

	&-person {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex: 0 0 auto;
	}

	&-figure {
		position: relative;
		overflow: hidden;

		> img {
			max-width: 100%;
			height: auto;
			padding: 0;
		}
	}

	&-name {
		white-space: nowrap;
	}

	&-wrap {
		position: relative;
	}

	&-body {
		position: relative;
		overflow-wrap: break-word;
	}

	&-projection {
		position: absolute;
		transform: rotate(45deg);
	}

	&-left {
		flex-direction: row;

		.ncb-fukidashi-wrap {
		}

		.ncb-fukidashi-projection {
			right: 100%;
		}
	}

	&-right {
		flex-direction: row-reverse;

		.ncb-fukidashi-wrap {
		}

		.ncb-fukidashi-projection {
			left: 100%;
		}
	}
*/ }
  .ncb-faq-item-question {
    display: -ms-flexbox;
    display: flex; }
    .ncb-faq-item-question-label {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
  .ncb-faq-item-answer {
    display: -ms-flexbox;
    display: flex; }
    .ncb-faq-item-answer-label {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.ncb-fukidashi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }
  .ncb-fukidashi-person {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
  .ncb-fukidashi-figure {
    position: relative;
    overflow: hidden; }
    .ncb-fukidashi-figure > img {
      max-width: 100%;
      height: auto;
      padding: 0; }
  .ncb-fukidashi-name {
    white-space: nowrap; }
  .ncb-fukidashi-wrap {
    position: relative; }
  .ncb-fukidashi-body {
    position: relative;
    overflow-wrap: break-word; }
  .ncb-fukidashi-projection {
    position: absolute;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  .ncb-fukidashi-left {
    -ms-flex-direction: row;
        flex-direction: row; }
    .ncb-fukidashi-left .ncb-fukidashi-projection {
      right: 100%; }
  .ncb-fukidashi-right {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
    .ncb-fukidashi-right .ncb-fukidashi-projection {
      left: 100%; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.ncb-price-menu-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }
  .ncb-price-menu-item-title, .ncb-price-menu-item-price {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }

/*
  border-top: 1px solid _lighter($_color-gray);

  &-item {
    border-bottom: 1px solid _lighter($_color-gray);
    @include _padding(.5, 0);

    @include _media-min(md) {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;

      > * {
        flex: 0 0 auto;
      }
    }
  }
*/
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.ncb-step {
  counter-reset: item; }
  .ncb-step-item {
    position: relative; }
    .ncb-step-item-title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      position: relative; }
    .ncb-step-item-number {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      position: relative;
      z-index: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      font-weight: normal;
      line-height: 1; }
      .ncb-step-item-number::before {
        counter-increment: item;
        content: counter(item); }