@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ●  ご宿泊プラン 専用CSS                                */
/*    ・ページ固有の処理を記述                             */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#FooterDivision #ContactArea{
  display: none;
}


/* PlanIndexPage
--------------------------------------------------- */
.PlanIndexPage{
}
    .PcView.PlanIndexPage .PlanArea,
    .SpView.PlanIndexPage .PlanArea .PlanTitle {
      background-repeat  : no-repeat;
      background-position: right center;
      background-color   : #fff;
    }
    .PcView.PlanIndexPage .PlanArea{
      padding: 50px 0;
      margin-bottom: 2px!important;
    }
    .SpView.PlanIndexPage .PlanArea{
      padding: 10px!important;
    }

    .PlanIndexPage .PlanArea  .PlanTitle {
    }
    .SpView.PlanIndexPage .PlanArea  .PlanTitle {
      padding: 20px;
      background-size   : cover;
    }

    .PcView.PlanIndexPage .StudentsPlanArea,
    .SpView.PlanIndexPage .StudentsPlanArea .PlanTitle {
      color: #fff;
      background-image: url(../plan/img/main-students.jpg);
    }
    .PcView.PlanIndexPage .FamilyPlanArea,
    .SpView.PlanIndexPage .FamilyPlanArea .PlanTitle {
      color: #fff;
      background-image: url(../plan/img/main-family.jpg);
    }
    .PcView.PlanIndexPage .BusinessPlanArea,
    .SpView.PlanIndexPage .BusinessPlanArea .PlanTitle {
      color: #fff;
      background-image: url(../plan/img/main-business.jpg);
    }
    .PcView.PlanIndexPage .KaniPlanArea,
    .SpView.PlanIndexPage .KaniPlanArea .PlanTitle {
      background-image: url(../plan/img/main-kani.jpg);
    }

    .PlanIndexPage .PlanArea  .DefaultText {
    }
    .SpView.PlanIndexPage .PlanArea  .DefaultText {
      font-size: 75%;
    }

    .PlanIndexPage .PlanArea .Button {
    }
        .PlanIndexPage .StudentsPlanArea .ColorButton a{
          background-color: #a28013;
        }
        .PlanIndexPage .FamilyPlanArea .ColorButton a{
          background-color: #436b3c;
        }
        .PlanIndexPage .BusinessPlanArea .ColorButton a{
          background-color: #1a2544;
        }


    .CancelArea{
    }
        .CancelArea table{
        }
                .CancelArea table th{
                  white-space: nowrap;
                }
            .CancelArea table tbody{
            }
                .CancelArea table.BaseInfoTable tbody th{
                  width: 20%;
                }
                .CancelArea table[class*="CancelTable"] thead th,
                .CancelArea table[class*="CancelTable"] tbody td{
                  min-width: 5em;
                  padding-left: 0.5em!important;
                  padding-right: 0.5em!important;
                }
                .CancelArea table[class*="CancelTable"] thead th{
                  text-align: center;
                }
                .CancelArea table[class*="CancelTable"] tbody td{
                  text-align: right;
                }
        .CancelArea .CancelTable1{
          width: auto;
        }





/* PlanDetailPage
--------------------------------------------------- */
.PlanDetailPage{
}
    .PlanDetailPage #PageTitleArea{
    }
    .PcView.PlanDetailPage #PageTitleArea{
      padding: 70px;
    }
    .SpView.PlanDetailPage #PageTitleArea{
      padding: 20px;
    }

    .PcView.PlanDetailPage .SknTplImageParagraph .ImageItem {
      width: 35%;
    }
    .PcView.PlanDetailPage .SknTplImageParagraph .TextItem {
      width: 60%;
    }
        .PlanDetailPage #PageTitleArea .PlanTitle{
          text-align: left;
          margin-bottom: 0;
        }
        .PcView.PlanDetailPage #PageTitleArea .PlanTitle{
          font-size: 250%;
        }
        .SpView.PlanDetailPage #PageTitleArea .PlanTitle{
          font-size: 140%;
        }

        .PlanDetailPage .PointBlock{
          position: relative;
        }
        .PcView.PlanDetailPage .PointBlock{
          padding-left: 100px;
          margin-bottom: 70px!important;
        }
            .PlanDetailPage .PointBlock .MarkPoint{
              background-color: #333;
              color: #fff;
              text-align: center;
              line-height: 1.2;
            }
            .PcView.PlanDetailPage .PointBlock .MarkPoint{
              position: absolute;
              left: 0;
              top: 0;
              width: 70px;
              font-size: 75%;
              padding: 15px 5px;
            }
            .SpView.PlanDetailPage .PointBlock .MarkPoint{
              font-size: 50%;
              width: 50px;
              padding: 12px 5px 10px;
            }
                .PlanDetailPage .PointBlock .MarkPoint strong{
                  display: block;
                  font-size: 175%;
                }

            .SpView.PlanDetailPage .PointBlock .SknTplImageParagraph {
              margin: 0em;
            }
                .SpView.PlanDetailPage .PointBlock .SknTplImageParagraph .TextItem{
                  margin-bottom: 1em;
                }

            .PlanDetailPage .PointBlock > .Heading{
              padding-top: 0;
            }
            .SpView.PlanDetailPage .PointBlock .Heading{
              margin-top: 0.5em;
            }
                .PlanDetailPage .PointBlock > .Heading .TextMark{
                  font-size: 70%;
                  text-shadow: none;
                  margin-right: 1em;
                  vertical-align: middle;
                  margin-top: -0.4em;
                }
                .PlanDetailPage .PointBlock > .Heading strong{
                  font-size: 120%;
                }
            .PlanDetailPage .PointBlock .CheckIconList{
              text-shadow: 0 0 10px #ffa38a;
              margin-bottom: 0.5em;
            }
            .PcView.PlanDetailPage .PointBlock .CheckIconList{
              font-size: 110%;
            }
            .SpView.PlanDetailPage .PointBlock .CheckIconList{
              font-size: 100%;
            }
                .PlanDetailPage .PointBlock .CheckIconList li{
                  padding: 0 2em 0.5em 0;
                  display: inline-block;
                }
                .SpView.PlanDetailPage .PointBlock .CheckIconList li{
                  text-indent: -1.25em;
                  padding-left: 1.25em;
                }
            .PlanDetailPage .PointBlock .Button{
            }
                .PlanDetailPage .PointBlock .Button a{
                  font-weight: normal;
                }


    .PlanDetailPage .CourseArea{
      padding: 50px 0;
      margin-bottom: 0!important;
      background-repeat  : no-repeat;
      background-position: top center;
    }
    .SpView.PlanDetailPage .CourseArea{
      padding-bottom: 30px!important;
      background-position: top left;
      background-size: 130%;
    }
    .PlanDetailPage .Course1Area{
      background-color: #f5f0e9;
      background-image: url(../plan/img/bg_cource_wa.jpg);
      background-size: contain;
      margin-top: -40px;
    }
    .PlanDetailPage .Course2Area{
      background-color: #f7e0a5;
      background-image: url(../plan/img/bg_cource_syoku.jpg);
      background-size: contain;
    }
        .PlanDetailPage .CourseTitle{
        }
        .PcView.PlanDetailPage .CourseTitle{
          padding: 70px 0 60px;
        }
        .SpView.PlanDetailPage .CourseTitle{
          padding: 30px 0 20px;
        }
        .PlanDetailPage .Course1Area .CourseTitle,
        .PlanDetailPage .Course1Area .CourseTitle + p{
          text-shadow: 
              #f5f0e9 1px 1px 10px, #f5f0e9 -1px 1px 10px,
              #f5f0e9 1px -1px 10px, #f5f0e9 -1px -1px 10px;
        }
        .PlanDetailPage .Course2Area .CourseTitle,
        .PlanDetailPage .Course2Area .CourseTitle + p{
          text-shadow: 
              #f7f5e9 1px 1px 10px, #f7f5e9 -1px 1px 10px,
              #f7f5e9 1px -1px 10px, #f7f5e9 -1px -1px 10px;
        }

            .PlanDetailPage .CourseTitle strong{
              font-size: 130%;
            }
        .PlanDetailPage .CourseList{
          list-style: none;
          margin-top: 40px;
        }
            .PlanDetailPage .CourseList li{
              background-color: #fff;
              margin-bottom: 15px;
              border: 1px solid #e2d896;
            }
            .PcView.PlanDetailPage .CourseList li{
              padding: 1px 40px;
            }
            .SpView.PlanDetailPage .CourseList li{
              padding: 1px 20px;
            }
                .PlanDetailPage .CourseList li .SknTpl{
                }
                .SpView.PlanDetailPage .CourseList li .SknTpl{
                  margin: 1em auto;
                }
                        .PlanDetailPage  .CourseList li .SknTpl .TextItem .Heading{
                        }
                            .PlanDetailPage  .CourseList li .SknTpl .TextItem .Heading strong{
                              display: block;
                            }
                            .PcView.PlanDetailPage  .CourseList li .SknTpl .TextItem .Heading strong{
                              font-size: 150%;
                            }
                            .SpView.PlanDetailPage  .CourseList li .SknTpl .TextItem .Heading strong{
                              font-size: 120%;
                            }
                        .SpView.PlanDetailPage  .CourseList li .SknTpl .TextItem .DefaultText{
                          font-size: 87.5%;
                        }
                .PlanDetailPage .CourseList li .Button{
                  font-size: 90%;
                }
                    .PlanDetailPage .CourseList li .Button a:before{
                      content: "\f103";
                      margin-right: 0.5em;
                    }

/* PlanStudentsPage
--------------------------------------------------- */
.PlanStudentsPage{
}
    .PlanStudentsPage #PageTitleArea{
      background: url(../plan/img/main-students.jpg) no-repeat 100% -50px;
      background-size: cover;
      padding-top: 100px;
      padding-bottom: 100px;
    }
    .rsbp-over-bp1.PlanStudentsPage #PageTitleArea{
      background-size: 59vw;
      background-position: 100% -45px;
      background-color: #d0ae43;
    }
    .PlanStudentsPage .Course2Area{
      background: #f7e0a5 url(../plan/img/bg_cource_syoku2.jpg) no-repeat top center;
      background-size: contain;
    }
        .PlanIndexPage .StudentsPlanArea .PlanTitle,
        .PcView.PlanIndexPage .StudentsPlanArea .PlanTitle + p,
        .PlanStudentsPage #PageTitleArea .PlanTitle{
          text-shadow: #bb9623 1px 1px 10px, #bb9623 -1px 1px 10px, #bb9623 1px -1px 10px, #bb9623 -1px -1px 10px;
        }





/* PlanFamilyPage
--------------------------------------------------- */
.PlanFamilyPage{
}
    .PlanFamilyPage #PageTitleArea{
      background: url(../plan/img/main-family.jpg) no-repeat center center;
      background-size: cover;
    }
    .rsbp-over-bp1.PlanFamilyPage #PageTitleArea{
      background-size: 70%;
      background-position: 100% -45px;
      background-color: #373f56;
    }
        .PlanIndexPage .FamilyPlanArea .PlanTitle,
        .PcView.PlanIndexPage .FamilyPlanArea .PlanTitle + p,
        .PlanFamilyPage #PageTitleArea .PlanTitle{
          text-shadow: #689c6c 1px 1px 10px, #689c6c -1px 1px 10px, #446507 1px -1px 10px, #446507 -1px -1px 10px;
        }
        .PlanFamilyPage .OkosamaBox{
          background-color: #ffffe1;
          margin: 30px auto 0;
        }
        .PcView.PlanFamilyPage .OkosamaBox{
          border-radius: 30px;
          padding: 40px;
          width: 90%;
        }
        .PlanFamilyPage .OkosamaBox{
          border-radius: 20px;
          padding: 20px;
        }




/* PlanBusinessPage
--------------------------------------------------- */
.PlanBusinessPage{
}
    .PlanBusinessPage #PageTitleArea{
      background: url(../plan/img/main-business.jpg) no-repeat 100% -30px;
      background-size: cover;
      padding-top: 100px;
      padding-bottom: 100px;
    }
    .rsbp-over-bp1.PlanBusinessPage #PageTitleArea{
      background-size: 70%;
      background-position: 100% -45px;
      background-color: #373f56;
    }
        .PlanIndexPage .BusinessPlanArea .PlanTitle,
        .PcView.PlanIndexPage .BusinessPlanArea .PlanTitle + p,
        .PlanBusinessPage #PageTitleArea .PlanTitle{
          text-shadow: #4c5d7d 1px 1px 10px, #4c5d7d -1px 1px 10px, #4c5d7d 1px -1px 10px, #4c5d7d -1px -1px 10px;
        }
    .PlanBusinessPage .Course1Area{
      background: #dfcfb9 url(../plan/img/bg_cource_yo.jpg) no-repeat top center;
      background-size: contain;
    }





/* PlanKaniPage
--------------------------------------------------- */
.PlanKaniPage{
}
    .PlanKaniPage #PageTitleArea{
      background-image : url(../plan/img/main-kani.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
    }
    .rsbp-over-bp1.PlanKaniPage #PageTitleArea{
    /*  background-color: #f4e6b8;
      background-size: 80vw;*/
      background-position: 100% -70px;
    }
        .PlanKaniPage .CourseList{
          margin-top: 0;
        }
                    .PcView.PlanKaniPage  .CourseArea .CourseList li .SknTpl .ImageItem{
                      width: 63%;
                    }
                        .PlanKaniPage  .CourseArea .CourseList li:nth-child(1) .SknTpl .ImageItem p,
                        .PlanKaniPage  .CourseArea .CourseList li:nth-child(2) .SknTpl .ImageItem p,
                        .PlanKaniPage  .CourseArea .CourseList li:nth-child(3) .SknTpl .ImageItem p{
                          width: 50%;
                          padding: 0 3px;
                          float: left;
                          margin-top:5px;
                        }
                        .PlanKaniPage  .CourseArea .CourseList li:nth-child(3) .SknTpl .ImageItem p{

                        }
                    .PcView.PlanKaniPage  .CourseArea .CourseList li .SknTpl .TextItem{
                      width: 35%;
                    }
.ReservationArea{}
.ReservationArea .RightItem > .inner{
  position: relative;
}
.ReservationArea .RightItem > .inner.Kojinnokata{
  position: relative;
}
.ReservationArea .RightItem > .inner.Kojinnokata::before{
  content: "個人の方はこちらへ↓";
  position: absolute;
  font-size:80%;
  top: 16px;
  left: 0;
  width: 100%;
  text-align: center;
  display: block;
  line-height: 1;
  margin: 0;
  padding: 0;
}