/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 09 2022 | 06:07:56 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 29 2022 | 05:03:54 */
.f_divide_30, .f_divide_70, .f_divide_100 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  box-sizing: border-box;
  margin: 0 auto; }

.page-header, .breadcrumb {
  display		: none; }

.site-body {
  background	: center / cover no-repeat url(https://nlinks.gosougi.co.jp/wp-content/uploads/2022/01/guideline00.jpg); }
  @media (max-width: 599px) {
  .site-body {
    padding: 0 !important; } }

.site-body-container.container {
  max-width	: inherit; }

table {
  width			: 850px; }
  table td {
    min-width	: 5rem;
    height		: 4rem; }
  table tr:nth-child(odd) {
    background-color: #eaffff; }

.guideline_page_box h1, .post_page_box h1, .guideline_page_box .strong, .post_page_box .strong, .guideline_page_box .super_strong, .post_page_box .super_strong, .post_page_box .post_header_box .post_header_box_text_01, .post_page_box .post_header_box .post_header_box_text_02 {
  font-weight	: bold;
  color		: white;
  text-shadow	: #22ac38 1px 0 3px, #22ac38 1px 0 5px, #22ac38 1px 0 7px, #22ac38 1px 0 10px; }

#guideline_top {
  max-width	: 1140px;
  padding		: 5vh 2vw;
  margin		: auto; }
  #guideline_top h1 {
    text-align: center; }

#guideline_page_39_01, #guideline_page_39_02, #guideline_page_39_03, #post_base {
  width		: 100%;
  height		: 80vh;
  background	: center / cover no-repeat url(https://nlinks.gosougi.co.jp/wp-content/uploads/2022/05/guideline01.jpg); }
  @media (max-width: 599px) {
  #guideline_page_39_01, #guideline_page_39_02, #guideline_page_39_03, #post_base {
    height	: 100vh; } }
  #guideline_page_39_01:before, #guideline_page_39_02:before, #guideline_page_39_03:before, #post_base:before {
    content			: "";
    display			: block;
    width			: 100%;
    height			: 100%;
    position		: absolute;
    top				: 0; }

#guideline_page_39_02 {
  background	: center / cover no-repeat url(https://nlinks.gosougi.co.jp/wp-content/uploads/2022/05/guideline02.jpg); }

#guideline_page_39_03 {
  background	: center / cover no-repeat url(https://nlinks.gosougi.co.jp/wp-content/uploads/2022/05/guideline03.jpg); }

.guideline_page_box, .post_page_box {
  width			: 50vw;
  height			: 100%;
  overflow		: auto;
  position		: absolute;
  right			: 0;
  padding			: 3rem 2rem;
  background-color: rgba(255, 255, 255, 0.8); }
  @media (max-width: 1024px) {
  .guideline_page_box, .post_page_box {
    width: 100%; } }
  .guideline_page_box h1, .post_page_box h1 {
    font-size	: 1.5rem;
    text-align	: right;
    font-weight	: inherit; }
  .guideline_page_box h2, .post_page_box h2 {
    position	: relative;
    display		: inline-block;
    z-index		: 0; }
    .guideline_page_box h2:before, .post_page_box h2:before {
      content			: "";
      position		: absolute;
      top				: 50%;
      right			: -2.625rem;
      width			: 3rem;
      height			: 0;
      border-top		: 3px solid red;
      transform		: translatex(50%);
      z-index			: -1; }
    .guideline_page_box h2:after, .post_page_box h2:after {
      content			: "";
      background-color: white;
      position		: absolute;
      width			: 5.25rem;
      height			: 100%;
      max-height		: 1.75rem;
      top				: 50%;
      left			: 100%;
      transform		: translatex(-50%) translatey(-50%);
      z-index			: -2; }
  .guideline_page_box p, .post_page_box p {
    margin-bottom: 1rem; }
  .guideline_page_box .strong, .post_page_box .strong {
    font-size	: 1.5rem;
    line-height	: 200%; }
  .guideline_page_box .super_strong, .post_page_box .super_strong {
    font-size	: 2rem;
    line-height	: 200%; }

.table_wrapper {
  display		: block;
  width		: 100%;
  overflow-x	: auto; }

.f_divide_30 {
  position: relative;
  width: 30%;
  height: auto;
  align-content: flex-start;
  align-items: flex-start; }
  .f_divide_30 img {
    width: 100%;
    height: auto; }
  .f_divide_30 .frame {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0.5rem;
    border: solid 2px;
    border-image: linear-gradient(135deg, #eed13f, #d09a48, #f6e899, #dbbf4b, #f9d400);
    border-image-slice: 1;
    border-radius: 3px 0 3px 0; }
    .f_divide_30 .frame:before, .f_divide_30 .frame:after {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border: solid 2px;
      border-image: linear-gradient(135deg, #eed13f, #d09a48, #f6e899, #dbbf4b, #f9d400);
      border-image-slice: 1;
      margin: 5px; }
    .f_divide_30 .frame:after {
      top: -12px;
      left: -12px; }
    .f_divide_30 .frame:before {
      bottom: -12px;
      right: -12px; }
  @media (max-width: 1024px) {
  .f_divide_30 {
    width: 30%;
    height: auto; } }
  @media (max-width: 599px) {
  .f_divide_30 {
    width: 100%;
    height: auto; } }

.f_divide_70 {
  position: relative;
  width: 70%;
  height: auto;
  align-content: flex-start;
  align-items: flex-start; }
  .f_divide_70 img {
    width: 100%;
    height: auto; }
  .f_divide_70 .frame {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0.5rem;
    border: solid 2px;
    border-image: linear-gradient(135deg, #eed13f, #d09a48, #f6e899, #dbbf4b, #f9d400);
    border-image-slice: 1;
    border-radius: 3px 0 3px 0; }
    .f_divide_70 .frame:before, .f_divide_70 .frame:after {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border: solid 2px;
      border-image: linear-gradient(135deg, #eed13f, #d09a48, #f6e899, #dbbf4b, #f9d400);
      border-image-slice: 1;
      margin: 5px; }
    .f_divide_70 .frame:after {
      top: -12px;
      left: -12px; }
    .f_divide_70 .frame:before {
      bottom: -12px;
      right: -12px; }
  @media (max-width: 1024px) {
  .f_divide_70 {
    width: 70%;
    height: auto; } }
  @media (max-width: 599px) {
  .f_divide_70 {
    width: 100%;
    height: auto; } }
  .f_divide_70 p {
    width : 100%; }

.f_divide_100 {
  position: relative;
  width: 100%;
  height: auto;
  align-content: flex-start;
  align-items: flex-start; }
  .f_divide_100 img {
    width: 100%;
    height: auto; }
  .f_divide_100 .frame {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0.5rem;
    border: solid 2px;
    border-image: linear-gradient(135deg, #eed13f, #d09a48, #f6e899, #dbbf4b, #f9d400);
    border-image-slice: 1;
    border-radius: 3px 0 3px 0; }
    .f_divide_100 .frame:before, .f_divide_100 .frame:after {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border: solid 2px;
      border-image: linear-gradient(135deg, #eed13f, #d09a48, #f6e899, #dbbf4b, #f9d400);
      border-image-slice: 1;
      margin: 5px; }
    .f_divide_100 .frame:after {
      top: -12px;
      left: -12px; }
    .f_divide_100 .frame:before {
      bottom: -12px;
      right: -12px; }
  @media (max-width: 1024px) {
  .f_divide_100 {
    width: 100%;
    height: auto; } }
  @media (max-width: 599px) {
  .f_divide_100 {
    width: 100%;
    height: auto; } }
  .f_divide_100 p {
    width : 100%; }
  .f_divide_100 iframe {
    height: 400px; }

@media (max-width: 599px) {
    .reverse {
      flex-wrap : wrap-reverse !important; } }

#post_base {
  background	: white; }
  #post_base:before {
    content: inherit; }

.post_page_box {
  width		: 100%;
  position	: relative;
  padding		: 0; }
  .post_page_box .post_header_box {
    position	: relative;
    background	: white;
    height		: 100%;
    overflow	: hidden; }
    @media (max-width: 599px) {
  .post_page_box .post_header_box {
    height: 80%; } }
    .post_page_box .post_header_box .post_header_box_front {
      height		: 90%;
      overflow	: hidden;
      position	: absolute;
      top			: 50%;
      right		: 0;
      transform	: translateY(-50%); }
      .post_page_box .post_header_box .post_header_box_front img {
        width		: 100%;
        height		: 50vw;
        object-fit	: cover; }
        @media (max-width: 599px) {
  .post_page_box .post_header_box .post_header_box_front img {
    width: 90vw;
    height: auto; } }
    .post_page_box .post_header_box .post_header_box_back {
      width		: 50%;
      max-width	: 500px;
      height		: 100%;
      background	: rgba(150, 127, 96, 0.1); }
    .post_page_box .post_header_box .post_header_box_text_01 {
      position	: absolute;
      top			: 50%;
      left		: 25%;
      transform	: translateX(-50%) translateY(-50%);
      font-size	: 2rem; }
      @media (max-width: 599px) {
  .post_page_box .post_header_box .post_header_box_text_01 {
    width		: 100%;
    font-size	: 1.25rem;
    top			: 45%;
    left		: 60%; } }
    .post_page_box .post_header_box .post_header_box_text_02 {
      position	: absolute;
      top			: 60%;
      left		: 30%;
      transform	: translateX(-50%) translateY(-50%);
      font-size	: 3.5rem; }
      @media (max-width: 599px) {
  .post_page_box .post_header_box .post_header_box_text_02 {
    width		: 100%;
    top			: 50%;
    left		: 65%;
    font-size	: 2rem; } }
  .post_page_box .post_page_img_sec {
    width		: 100%;
    height		: 80vh;
    position	: relative;
    margin		: 5rem 0; }
    @media (max-width: 599px) {
  .post_page_box .post_page_img_sec {
    height : 45vh; } }
    .post_page_box .post_page_img_sec .post_page_img_sec_01 {
      position	: absolute;
      max-width	: 1000px;
      height		: auto;
      top			: 0;
      left		: 0; }
      @media (max-width: 599px) {
  .post_page_box .post_page_img_sec .post_page_img_sec_01 {
    max-width: 90vw; } }
      .post_page_box .post_page_img_sec .post_page_img_sec_01 img {
        opacity: 0;
        max-height: 100%; }
    .post_page_box .post_page_img_sec .post_page_img_sec_02 {
      position	: absolute;
      max-width	: 650px;
      height		: auto;
      right		: 5vw;
      bottom		: -5vh; }
      @media (max-width: 599px) {
  .post_page_box .post_page_img_sec .post_page_img_sec_02 {
    max-width: 80vw; } }
      .post_page_box .post_page_img_sec .post_page_img_sec_02 img {
        opacity: 0;
        max-height: 70%; }
    .post_page_box .post_page_img_sec .post_page_img_sec_03 {
      position	: absolute;
      max-width	: 1000px;
      height		: auto;
      top			: 0;
      left		: 7.5vw; }
      @media (max-width: 599px) {
  .post_page_box .post_page_img_sec .post_page_img_sec_03 {
    max-width: 90vw; } }
      .post_page_box .post_page_img_sec .post_page_img_sec_03 img {
        opacity: 0;
        max-height: 100%; }
    .post_page_box .post_page_img_sec .post_page_img_sec_04 {
      position	: absolute;
      max-width	: 650px;
      height		: auto;
      right		: 5vw;
      bottom		: -5vh; }
      @media (max-width: 599px) {
  .post_page_box .post_page_img_sec .post_page_img_sec_04 {
    max-width: 80vw; } }
      .post_page_box .post_page_img_sec .post_page_img_sec_04 img {
        opacity: 0;
        max-height: 80%; }
  .post_page_box .post_page_main_txt {
    padding		: 1rem 0;
    margin		: auto; }
    @media (min-width: 1025px) {
  .post_page_box .post_page_main_txt {
    width : 70vw; } }
    @media (max-width: 1024px) {
  .post_page_box .post_page_main_txt {
    width : 90vw; } }

.ff13_button {
  width				: 100%;
  height				: 536.4px;
  background-color	: gray;
  background-image	: radial-gradient(#000 35%, transparent 36%), radial-gradient(#000 35%, transparent 36%);
  background-size		: 4px 4px;
  background-position	: 0 0, 2px 2px;
  margin-bottom		: 5vh;
  /*
iOSだけtransformの計算が違うらしく、なんでズレるのかまではわからん！
わからんが、係数を調整するとなんとかなるからCSSセレクターでiOSだけ別枠の計算式にしてるよ
問題が起こったらこっから直してね！
*/ }
  @media (max-width: 1024px) {
  .ff13_button {
    height : auto; } }
  .ff13_button .ff13_button_inner {
    display			: flex;
    flex-wrap		: wrap;
    max-width		: 1140px;
    margin			: auto; }
    @media (max-width: 1024px) {
  .ff13_button .ff13_button_inner {
    padding-bottom : 36.4px; } }
    .ff13_button .ff13_button_inner div {
      width		: 100px;
      height		: 500px;
      margin		: auto;
      transform	: skewY(340deg) translatey(18.2px);
      overflow	: hidden; }
      @media (max-width: 1024px) {
  .ff13_button .ff13_button_inner div {
    height : 300px; } }
      .ff13_button .ff13_button_inner div label {
        position	: relative;
        display		: block;
        height		: 100%;
        transform	: translatey(-36.4px);
        margin-top	: 36.4px;
        overflow	: hidden; }
        .ff13_button .ff13_button_inner div label:hover {
          filter: brightness(1.1); }
        .ff13_button .ff13_button_inner div label span {
          display			: block;
          position		: absolute;
          width			: 100%;
          height			: 100%;
          top				: 0;
          background		: linear-gradient(0deg, #020024 0%, rgba(0, 0, 0, 0.5) 35%, rgba(255, 255, 255, 0) 50%);
          z-index			: 1; }
        .ff13_button .ff13_button_inner div label img {
          height			: 600px;
          object-fit		: cover;
          object-position	: 40%;
          transform		: skewY(20deg) translatey(-91px); }
          @media (max-width: 1024px) {
  .ff13_button .ff13_button_inner div label img {
    height : 360px; } }
        .ff13_button .ff13_button_inner div label p {
          position		: absolute;
          width			: 100%;
          height			: 75%;
          left			: 1.25rem;
          bottom			: 15%;
          transform		: translateX(-50%) translatey(50%);
          writing-mode	: vertical-rl;
          text-orientation: upright;
          color			: white;
          font-size		: 1.25rem;
          filter			: drop-shadow(3px 3px 3px black);
          z-index			: 2;
          overflow	: hidden; }
          @media (max-width: 599px) {
  .ff13_button .ff13_button_inner div label p {
    left		: 50%;
    bottom		: 20%;
    font-size	: 1.1rem; } }
          .ff13_button .ff13_button_inner div label p span {
            font-size	: 2rem;
            filter		: inherit; }
            @media (max-width: 599px) {
  .ff13_button .ff13_button_inner div label p span {
    font-size : 1.5rem; } }

.iphone .ff13_button_inner, .ipad .ff13_button_inner, .mac .ff13_button_inner {
  transform : inherit; }
  .iphone .ff13_button_inner div label, .ipad .ff13_button_inner div label, .mac .ff13_button_inner div label {
    transform	: translatey(-36.4px); }

.ff13_mes_wrap input {
  display			: none; }
  .ff13_mes_wrap input:checked ~ .ff13_mes_overlay {
    transform		: scale(1);
    transition		: opacity 0.5s; }
  .ff13_mes_wrap input:checked ~ .ff13_mes_overlay .ff13_mes_content {
    transform		: scale(1) rotateX(0deg); }

.ff13_mes_overlay {
  display				: flex;
  justify-content		: center;
  overflow			: auto;
  position			: fixed;
  top					: 0;
  left				: 0;
  z-index				: 9999;
  width				: 100%;
  height				: 100%;
  transition			: opacity 0.5s, transform 0s 0.5s;
  transform			: scale(0); }
  .ff13_mes_overlay .ff13_mes_trigger {
    position		: absolute;
    width			: 100%;
    height			: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    cursor			: pointer; }
  .ff13_mes_overlay .ff13_mes_content {
    position		: relative;
    display			: flex;
    flex-wrap		: wrap;
    align-content	: center;
    align-self		: center;
    width			: 80vw;
    max-width		: 800px;
    height			: 80vh;
    padding			: 1rem;
    box-sizing		: border-box;
    background-color: white;
    transform		: scale(0.5) rotateX(-270deg);
    transition		: 0.5s;
    overflow		: auto; }
  .ff13_mes_overlay .ff13_mes_content .close_button {
    position	: absolute;
    top			: 1rem;
    right		: 1rem;
    font-size	: 1.5rem;
    color		: initial;
    cursor		: pointer; }
  .ff13_mes_overlay .ff13_mes_content .f_container {
    position	: absolute;
    max-width	: 90%;
    top			: 3.5rem;
    left		: 50%;
    transform	: translateX(-50%); }
    @media (min-width: 1025px) {
      .ff13_mes_overlay .ff13_mes_content .f_container .f_divide_70 {
        padding : 0 2rem; } }

.open_button {
  cursor: pointer; }

.color_box {
  width : 100%; }