@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ● 過ごし方ページ専用CSS                                */
/*    ・ページ固有の処理を記述                             */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

    .Heading.Type4{
      border-color: #eaab7c;
      border-width: 1px 2px 2px 1px;
    }
        .Heading.Type4 .Main{
          writing-mode: inherit;
          line-height: 12.5em;
        }



/* --------------------------------------------------- */
/* StayPlanIndex                                       */
/* --------------------------------------------------- */
.StayIndexPage{
}
    .StayIndexPage .PlanList{
    }
        .StayIndexPage    .PlanList a,
        .StayPageMenuArea .PlanList a{
          display: block;
          position: relative;
        }
            .StayIndexPage    .PlanList a .ImageItem,
            .StayIndexPage    .PlanList a .TextItem,
            .StayPageMenuArea .PlanList a .ImageItem,
            .StayPageMenuArea .PlanList a .TextItem{
              margin-bottom: 0;
            }
            .StayIndexPage    .PlanList a .TextItem,
            .StayPageMenuArea .PlanList a .TextItem{
              position: absolute;
              top: 31%;
              left: 50%;
              width: 50%;
              margin-left: -25%;
              background: rgba(255,255,255,0.9);
              border-radius: 10px;
              padding: 20px 10px;
              text-align: center;
            }
                .StayIndexPage    .PlanList a .TextItem .Heading,
                .StayPageMenuArea .PlanList a .TextItem .Heading{
                  margin-bottom: 0;
                }
                    .StayIndexPage    .PlanList a .TextItem .Heading span.Sub,
                    .StayPageMenuArea .PlanList a .TextItem .Heading span.Sub{
                      display: block;
                      font-size: 112.5%;
                    }
                    .StayIndexPage    .PlanList a .TextItem .Heading span.Main,
                    .StayPageMenuArea .PlanList a .TextItem .Heading span.Main{
                      font-size: 175%;
                    }

                    




/* --------------------------------------------------- */
/* StayPlan                                            */
/* --------------------------------------------------- */

.StayPageMenuArea{
  margin-top: 70px;
}
    .StayPageMenuArea .NewsList .Column > .inner {
      padding: 0;
      margin: 25px;
    }
    .StayPageMenuArea .PlanList a .TextItem{
      top: 27%;
      width: 70%;
      margin-left: -35%;
      font-size: 90%;
      padding: 15px 8px;
    }



/* DecorationArea
--------------------------------------------------- */


/* StayPlanArea
--------------------------------------------------- */
.StayPlanArea{
}



/* StayFlowBlock
--------------------------------------------------- */
.StayFlowBlock{
}

    .StayFlowBlock .BlockContents{
    }
        .StayFlowBlock .Paragraph{
          position: relative;
        }
        .StayFlowBlock .Paragraph:not(:first-child),
        .StayFlowBlock .TabMenu:not(:first-child){
          background: url(../../stay/img/decoration/dot-line.gif) no-repeat 50% 0%;
          padding-top: 160px;
          margin-top: 10px;
        }
        .StayFlowBlock .Paragraph:before{
          content: "";
          width : 125px;
          height: 125px;
          display: inline-block;
          position: absolute;
          background-repeat  : no-repeat;
          background-position: center center;
          background-size    : contain;
          top  : 92%;
          z-index: 15;
        }
    



        .StayFlowBlock .TabMenu {
          margin: 0 0 40px;
        }
        .StayFlowBlock .TabMenu ul > li .Label {
          min-width: 12em;
        }




        /* Item配置                                            */

        /*                  */
        /* ビジネス旅 1日目 */
        .StayPlanPage1 .Day1 .Paragraph:nth-child(1):before{
          background-image: url(../../stay/img/decoration/plan01-d1-item01.png);
          right: 10%;
        }
        .StayPlanPage1 .Day1 .Paragraph:nth-child(2):before{
          background-image: url(../../stay/img/decoration/plan01-d1-item02.png);
          left : 18%;
          width : 175px;
          height: 175px;
        }
        
        .StayPlanPage1 .Day1 .Paragraph:nth-child(3):before{
          background-image: url(../../stay/img/decoration/plan01-d1-item03.png);
        }
                .StayPlanPage1 .Day1 .Paragraph:nth-child(3):before{
                  top  : 73%;
                  left : 15%;
                }
                
        .StayPlanPage1 .Day1 .Paragraph:nth-child(3):after{
          content: "";
          width : 200px;
          height: 200px;
          display: inline-block;
          position: absolute;
          background-repeat  : no-repeat;
          background-position: center center;
          background-size    : contain;
          top  : 95%;
          z-index: 14;
          background-image: url(../../stay/img/decoration/plan01-d1-item03-02.png);
        }
                .StayPlanPage1 .Day1 .Paragraph:nth-child(3):after{
                  left: 23%;
                  top: 58%;
                }

        .StayPlanPage1 .Day1 .Paragraph:nth-child(4):before{
          background-image: url(../../stay/img/decoration/plan01-d1-item04.png);
        }
                .StayPlanPage1 .Day1 .Paragraph:nth-child(4):before{
                  right: 30%;
                }
        .StayPlanPage1 .Day1 .Paragraph:nth-child(5):before{
          background-image: url(../../stay/img/decoration/plan01-d1-item05.png);
          width : 200px;
          height: 200px;
        }
                .StayPlanPage1 .Day1 .Paragraph:nth-child(5):before{
                  top  : 80%;
                  left: 23%;
                }


        /* ビジネス旅 2日目 */
        .StayPlanPage1 .Day2 .Paragraph:nth-child(1):before{
          background-image: url(../../stay/img/decoration/plan01-d2-item01.png);
          width : 200px;
          height: 200px;
        }
                .StayPlanPage1 .Day2 .Paragraph:nth-child(1):before{
                  top: 78%;
                  right: 28%;
                }


        .StayPlanPage1 .Day2 .Paragraph:nth-child(2):before{
          background-image: url(../../stay/img/decoration/plan01-d2-item02.png);
          width : 175px;
          height: 175px;
        }
                .StayPlanPage1 .Day2 .Paragraph:nth-child(2):before{
                  left: 25%;
                  top: 85%;
                }

        .StayPlanPage1 .Day2 .Paragraph:nth-child(3):before{
          background-image: url(../../stay/img/decoration/plan01-d2-item03.png);
        }
                .StayPlanPage1 .Day2 .Paragraph:nth-child(3):before{
                  right: 30%;
                  top: 100%
                }
        .StayPlanPage1 .Day2 .Paragraph:nth-child(4):before{
          background-image: url(../../stay/img/decoration/plan01-d2-item04.png);
        }
                .StayPlanPage1 .Day2 .Paragraph:nth-child(4):before{
                  width : 200px;
                  height: 200px;
                  top : 70%;
                  left: 20%;
                }



/* 表示修正パッチ 20220926  画像のタテ延び防止   */
.StayFlowBlock .Paragraph .ParagraphContents .ImageItem .Image.Fit img{
  height: auto!important;
}