@charset "UTF-8";
/* Scss Document */
body {
  overflow-x: hidden; }

.drawer {
  overflow-x: hidden; }

h2 {
  font-family: 'Century Gothic','Avenir-Light', sans-serif;
  font-size: 26px;
  margin-bottom: 36px;
  text-align: left; }

.imgbottom {
  font-size: 0;
  line-height: 0; }

.imgbottom2 {
  background: url("../img/pic_index_03.jpg") 50% 0 no-repeat fixed;
  background-size: cover;
  height: 700px; }

.clearfix:after {
  content: " ";
  display: block;
  clear: both; }

.right {
  float: right; }

.left {
  float: left; }

.planText02 {
  font-size: 12px;
  line-height: 2.3; }

.rightContents {
  text-align: center; }

.rightContents p {
  text-align: left; }

.rightContents span {
  font-size: 12px; }

.planContent01 {
  max-width: 960px;
  margin: 75px auto 70px; }

.planContentWorp01 {
  margin: 0 0 165px; }

.planContentWorp02 {
  max-width: 960px;
  margin: 0 auto; }

.planContentWorp03 {
  max-width: 840px;
  margin: 0 auto; }

.imgContent01 {
  width: 62.5%; }

.textContent01 {
  width: 29%;
  margin: 0px 0% 0 7.292%; }

.imgContent02 {
  width: 62.5%; }

.textContent02 {
  width: 29%;
  margin: 0 0 0 6.3%; }

.planContentWorp03 h2 {
  text-align: center;
  margin-bottom: 62px; }

.planBox {
  width: 100%;
  border: 1px solid #787878;
  padding: 0 10px;
  margin-bottom: 60px; }

.planBox h3 {
  padding: 12px 0 11px;
  text-align: center;
  font-size: 18px;
  border-bottom: 1px solid #787878; }

.planBoxText01 {
  font-size: 30px;
  font-family: 'Century Gothic','Avenir-Light', sans-serif;
  font-weight: bold;
  letter-spacing: 0.006em;
  position: absolute;
  top: 40px;
  bottom: 0;
  right: 60px;
  left: 0px;
  margin: auto; }

.planBoxText02 {
  font-size: 12px;
  position: absolute;
  top: 80px;
  right: 17px;
  left: 0;
  bottom: 0;
  margin: auto; }

.planBoxText03 {
  /*お誕生日プラン*/
  font-size: 30px;
  font-family: 'Century Gothic','Avenir-Light', sans-serif;
  font-weight: bold;
  letter-spacing: 0.006em;
  position: absolute;
  top: 25px;
  bottom: 0;
  right: 17px;
  left: 0px;
  margin: auto; }

.planBoxText04 {
  font-size: 12px;
  position: absolute;
  top: 65px;
  right: 12px;
  left: 0;
  bottom: 0;
  margin: auto; }

/*お誕生日プランend*/
.planBoxUl01 {
  padding: 27.5px 0px; }

.planBoxUl02 {
  padding: 27px 0; }

.planBoxLeft {
  width: 40%;
  text-align: center;
  position: relative; }

.planBoxRight {
  width: 60%; }

.planBoxRight01 {
  margin-bottom: 20px; }

.planBoxRight01 li:first-child {
  font-weight: bold;
  margin-bottom: 7px; }

.planBoxRight02 li:first-child {
  font-weight: bold;
  margin-bottom: 7px; }

.planBoxRight02 {
  font-size: 12px; }

.planBtn01 {
  max-width: 840px;
  margin: 0 auto 150px; }

.planBtn01 span {
  display: block;
  font-size: 14px; }

.planBtn01 a {
  color: #fff;
  display: block;
  padding: 25px 10px;
  text-align: center;
  font-size: 26px;
  font-family: 'Century Gothic','Avenir-Light', sans-serif;
  font-weight: bold;
  line-height: 1.2;
  background: #545454;
  -webkit-box-shadow: 0 5px 0 #888888;
 		 box-shadow: 0 5px 0 #888888; }

.planBtn01 a:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  opacity: 1; }

.planNav01Logo01 {
  text-align: center;
  position: absolute;
  top: -78px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 5; }

.planNav01 {
  position: relative;
  background: #aab0b0;
  padding: 170px 0 120px; }

.planNavUl {
  max-width: 790px;
  margin: 0 auto; }

.planNavUl span {
  font-size: 13px;
  font-family: 'Century Gothic','Avenir-Light', sans-serif;
  /*font-weight: bold;*/
  font-weight: normal;
  letter-spacing: normal;
  margin-top: 4px;
  margin-bottom: 4px;
  display: block;
}

.planNavUl li {
  font-size: 18px;
  width: 32.66%;
  margin: 0 1% 1% 0;
  text-align: center; }

.planNavUl li:nth-child(3) {
  margin-right: 0; }

.planNavUl li:last-child {
  width: 100%;
  margin-right: 0; }

.planNavUl li a {
  line-height: 0.9;
  display: block;
  background: #fff;
  padding: 33px;
  letter-spacing: 0.01em; }

.planNavUl li a:hover {
  display: block;
  color: #fff;
  background: #333; }

#topContainer .content a:hover {

  color: #000000;
  background: #ffffff;
  display: block;
  opacity: 1;
}

.spOnly2 {
  display: none; }

.heading01 {
  text-align: center;
  padding-top: 90px;
  margin-bottom: 45px;
  font-family: 'Century Gothic','Avenir-Light', sans-serif;
  font-weight: bold;
  font-size: 30px;
  line-height: 1; }

.campaignlogo01 {
  position: fixed;
    top: 150px;
    right: 53px;
    z-index: 5;
}
@media screen and (max-width: 1000px) {
  .textContent01 {
    width: 28%;
    margin: 0px 2% 0 7.292%; } }

@media screen and (min-width: 768px) {
  .spOnly {
    display: none; }
  .spaceing01 {
    background-image: url(../../../common/img/pic_subpage_01.png);
    background-size: cover;
    background-repeat: none;
    height: 9px;
    max-width: 960px;
    margin: 80px auto 0; } }

.planContent01 .planContentIn01 h3 {
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

@media screen and (max-width: 768px) {
  .pcOnly {
    display: none; }
  .imgContent01 {
    width: 100%;
    float: none; }
  .textContent01 {
    width: 100%;
    float: none;
    margin: 40px auto; }
  .imgContent02 {
    width: 100%;
    float: none; }
  .textContent02 {
    width: 100%;
    float: none;
    margin: 40px auto; }
  .planContentWorp01 {
    margin-bottom: 75px; }
  .planContentWorp03 h2 {
    margin-bottom: 40px; }
  .planText02 {
    margin: 0 6%; }
  .planBox {
    margin-bottom: 20px; }
  .planBoxUl01 {
    padding: 25px; }
  .planBoxUl02 {
    padding: 30px; }
  .planBoxUl01 li {
    float: none;
    width: 100%; }
  .planBoxUl02 li {
    float: none;
    width: 100%; }
  .planContentWorp02 {
    margin: 0 6%; }
  .planContentWorp02 h2 {
    margin: 0 6% 22px;
    text-align: left; }
  .planBoxText01 {
    font-size: 30px;
    font-family: 'Century Gothic','Avenir-Light', sans-serif;
    font-weight: bold;
    position: static;
    margin: auto; }
  .planBoxText02 {
    font-size: 12px;
    position: static;
    margin: -4px auto 0px; }
  .planBoxText03 {
    /*お誕生日プラン*/
    font-size: 30px;
    font-family: 'Century Gothic','Avenir-Light', sans-serif;
    font-weight: bold;
    position: static;
    margin: auto; }
  .planBoxText04 {
    font-size: 12px;
    position: static;
    margin: -4px auto 0px; }
  /*お誕生日プランend*/
  .planContentWorp03 {
    margin: 0 6%; }
  .planBoxLeft {
    margin-bottom: 22px; }
  .planBtn01 {
    margin-bottom: 107px; }
  .planNav01 {
    background: #aab0b0;
    padding: 67px 6% 40px; }
  .planNavUl li {
    float: none;
    font-size: 18px;
    line-height: 1.2;
    width: 100%;
    margin: 0 0 10px 0;
    text-align: center; }
  .planNavUl li:last-child {
    margin: 0 0 0 0; }
  .planNavUl li a {
    line-height: 0.9;
    display: block;
    background: #fff;
    padding: 19px; }
  .planNav01Logo01 {
    max-width: 100px;
    top: -50px; }
  .planText02 {
    margin: 0 50px; } }

@media screen and (max-width: 640px) {
  .imgbottom2 {
    display: none; }
  .spOnly2 {
    display: block;
    font-size: 0;
    line-height: 0; }
  .heading01 {
    padding-top: 50px;
    margin-bottom: 30px; }
  .planContent01 {
    margin: 15px auto 70px; }
  .campaignlogo01 {
    width: 80px;
    right: 10px;
    top: auto;
    bottom: 0px;
} }

@media screen and (max-width: 360px) {
  .planBoxUl01 {
    padding: 25px 20px; }
  .planBoxUl02 {
    padding: 20px; }
  .planText02 {
    margin: 0 30px; }
  .textContent01 {
    margin: 30px auto; }
  .textContent02 {
    margin: 30px auto 40px; } }

.menuArea01 .menuLeft .menu__single02 a {
  position: relative; }

.menuArea01 .menuLeft .menu__single02 a.active:after {
  position: absolute;
  content: '';
  top: 36px;
  left: 38%;
  width: 2px;
  height: 18px;
  background-color: black;
  -webkit-transform: translateY(-45%);
  -ms-transform: translateY(-45%);
  transform: translateY(-45%); }

/* 8/23追記 */
.container {
  padding: 0px 20px; }

#topContainer {
  position: relative;
	max-width: 100%;
  margin: 0 auto;
  margin-top: 15px;
  padding-left: 16px;
  padding-right: 16px;
  background-color: white;
}
.img{
 background-image: url(../img/bg01.png);
background-size: cover;
	height:800px;
	background-position: center;
}
.img2{
 background-image: url(../img/bg01sp.jpg);
}

 @media screen and (max-width: 640px) {
    #topContainer  {
      margin-left: 0px;
  margin-right: 0px;}
	 }


  #topContainer img {
    width: 100%;
　　
}

      @media screen and (max-width: 767px) {
        #topContainer .img{
          height: 500px; } }
      @media screen and (max-width: 425px) {
      #topContainer .img {
        display: none; }
}
      @media screen and (max-width: 425px) {
      #topContainer .img2 {
		height:500px;
		background-size: cover;
		background-position: center;
		 }
}


#topContainer .content {
  position: absolute;
  top: 20%;
  left: 10%;
  width: 300px;
  color: #FFF; }
  @media screen and (max-width: 767px) {
    #topContainer .content {
      top: 8%;
	  right :16px;
      left: 16px; } }



#topContainer .content h2 {
  font-size: 38px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 30px;}
  @media screen and (max-width: 767px) {
    #topContainer .content h2 {
      font-size: 25px; } }

#topContainer .content h2 span {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.2em;}

#topContainer .content .textArea {
  margin-bottom: 30px; }

#topContainer .content .textArea p {
  font-size: 13px;
  margin-bottom: 5px; }
  @media screen and (max-width: 640px) {
    #topContainer .content .textArea p {
      font-size: 10px; } }

#topContainer .content a {
  position: relative;
  display: block;
  padding: 10px 20px;
  margin-bottom: 10px;
  width: 100%;
  border: 1px solid #FFF;
  color: #FFF; }
  @media screen and (max-width: 414px) {
    #topContainer .content a {
      font-size: 10px;
		/*岸田追加分*/
	 padding: 8px 10px;
	  width: 160px;} }


#topContainer .content a:after {
  content: "▼";
  position: absolute;
  color: #FFF;
  right: 20px; }

#topContainer .content a:hover:after {
  content: "▼";
  position: absolute;
  color: black;
  right: 20px; }



#topContainer .content .textArea {
    margin-bottom: 30px;
    letter-spacing: 0.1em;
}

/*岸田追加分*/

@media screen and (max-width: 414px){
#topContainer .content {
    margin-top: 40px;

}
}

@media screen and (max-width: 414px){
#topContainer .content h2 {
    font-size: 25px;
	margin-bottom: 25px;
	line-height: 0.7;
	}
	}
@media screen and (max-width: 414px){
#topContainer .content a {
    width: 215px;
	}
	}
@media screen and (max-width: 414px){
#topContainer .content .textArea {
    margin-bottom: 25px;
	letter-spacing:0.14em;
}
}
@media screen and (max-width: 414px){
#topContainer {
    margin-left: 0px;
    margin-right: 0px;
}
}
@media screen and (max-width: 414px){
#topContainer .content h2 span {
    font-size: 8px;
}
}


/*岸田追加分*/

#slider {
  max-width: 100%;
  margin: 0 auto;
  margin-left: 16px;
  margin-right: 16px;
  margin-top:20px;
	margin-bottom: 20px;
}

#slider #slide02 li {
  margin-right: 10px;
}

#rentalDetail {
  width: 100%;
  background: url(../img/bg02.png) center center;
  background-size: contain;
  padding: 50px 0 178px;
  margin-top: 10px; }
  @media screen and (max-width: 767px) {
    #rentalDetail {
      padding: 50px 0 85px; } }

#rentalDetail .detailContainer {
  width: 80%;
  padding: 40px 0px;
  margin: 0 auto;
  text-align: center; }

#rentalDetail .detailContainer h3 {
  font-size: 32px;
  text-align: center;
  font-family: "ＤＦ隷書体",serif; }

#rentalDetail .detailContainer#seijin {
  background: url(../img/bg03.png) no-repeat center center;
  background-size: contain; }

#rentalDetail .detailContainer .detailInner {
  max-width: 600px;
  margin: 0 auto;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }

#rentalDetail .detailContainer .detailInner .price {
  max-width: 400px;
  margin: 0 auto;
  color: #C52648;
  font-size: 52.8px;
  font-family: "Century Gothic", serif;
  line-height: 22px;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #000; }

#rentalDetail .detailContainer .detailInner .price span {
  font-size: 14px; }

#rentalDetail .detailContainer .detailInner .setContainer {
  max-width: 450px;
  margin: 0 auto;
  background-color: #F7E7EB;
  margin-top: 20px;
  padding: 20px;
  margin-bottom: 20px; }

#rentalDetail .detailContainer .detailInner .setContainer h3 {
  width: 200px;
  margin: 0 auto;
  color: #C52648;
  background-color: #FFF;
  border-radius: 5px;
  font-size: 20px;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }

#rentalDetail .detailContainer .detailInner .setContainer .box {
  padding: 5px;
  padding-bottom: 10px;
  margin-top: 20px;
  border-bottom: 1px solid #000; }

#rentalDetail .detailContainer .detailInner .setContainer .box h4 {
  font-size: 14px;
  font-family: "HiraginoUDSansStdN"; }

#rentalDetail .detailContainer .detailInner .setContainer .box p {
  font-size: 10px; }

#rentalDetail .detailContainer .detailInner a.reserve {
  display: block;
  width: 450px;
  margin: 0 auto;
  color: #FFF;
  background-color: #C52648;
  line-height: 15px;
  padding: 10px 0px;
  border-radius: 10px; }

#rentalDetail .detailContainer .detailInner a.reserve span {
  font-size: 10px;
  font-weight: bold; }




/*8月25日追加*/
.fontCentury {
  font-family: "Century Gothic","Avenir-Light" ,serif; }

.fontHIrakaku {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }

.fonthiramaru {
  font-family: "HiraMaruPro-W4", "ヒラギノ丸ゴ Pro W4","メイリオ","Meiryo", verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic"; }

.fonthirakakuUr {
  font-family: "Hiragino-UD Sans StdN", "ヒラギノ角ゴ", sans-serif; }

.fontHirakakuW4 {
  font-family: 'HiraginoUDSansStd-W4', 'ヒラギノUD角ゴ Std W4', sans-serif; }

.rentalcontent01 {
  margin: 0 auto; }
  .rentalcontent01 .planContent01 {
    margin: 0px auto 100px;
    padding: 5px;
    max-width: 800px;
    width: 94%;
    border-left: 2px solid #c52648;
    border-right: 2px solid #c52648;
    border-bottom: 2px solid #c52648;
    position: relative;
	margin-top: 70px;}
    .rentalcontent01 .planContent01 .imgIndex03 {
      position: absolute;
      left: -30px;
      top: 220px; }
      @media screen and (max-width: 767px) {
        .rentalcontent01 .planContent01 .imgIndex03 {
          max-width: 55px; } }
    .rentalcontent01 .planContent01 .imgIndex04 {
      position: absolute;
      right: -70px;
      top: 150px; }
      @media screen and (max-width: 767px) {
        .rentalcontent01 .planContent01 .imgIndex04 {
          max-width: 60px;
          right: -20px; } }
    .rentalcontent01 .planContent01:before {
      content: "";
      width: 30%;
      position: absolute;
      left: 0;
      top: 0;
      border-top: 2px solid #c52648; }
    .rentalcontent01 .planContent01:after {
      content: "";
      width: 30%;
      position: absolute;
      right: 0;
      top: 0;
      border-top: 2px solid #c52648; }
    .rentalcontent01 .planContent01 .planContentIn01 {
      background: #fff;
      border-left: 1px solid #c52648;
      border-right: 1px solid #c52648;
      border-bottom: 1px solid #c52648;
      position: relative; }
      .rentalcontent01 .planContent01 .planContentIn01 .leftTop {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 20px 0 0;
        border-color: #c52648 transparent transparent transparent;
        position: absolute;
        left: 0;
        top: 0; }
      .rentalcontent01 .planContent01 .planContentIn01 .leftBottom {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 0 0 20px;
        border-color: transparent transparent transparent #c52648;
        position: absolute;
        left: 0;
        bottom: 0; }
      .rentalcontent01 .planContent01 .planContentIn01 .rightTop {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20px 20px 0;
        border-color: transparent #c52648 transparent transparent;
        position: absolute;
        right: 0;
        top: 0; }
      .rentalcontent01 .planContent01 .planContentIn01 .rightBottom {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 20px 20px;
        border-color: transparent transparent #c52648 transparent;
        position: absolute;
        right: 0;
        bottom: 0; }
      .rentalcontent01 .planContent01 .planContentIn01:before {
        content: "";
        width: 30%;
        position: absolute;
        left: 0;
        top: 0;
        border-top: 1px solid #c52648; }
      .rentalcontent01 .planContent01 .planContentIn01:after {
        content: "";
        width: 30%;
        position: absolute;
        right: 0;
        top: 0;
        border-top: 1px solid #c52648; }
      .rentalcontent01 .planContent01 .planContentIn01 h4 {
        text-align: center;
        position: relative;
        top: -30px;
		width: -90%;}

.rentalcontent01item01 {
  text-align: center; }

.rentalcontent01item02 {
  padding: 30px 90px 33px; }
  @media screen and (max-width: 767px) {
    .rentalcontent01item02 {
      padding: 30px 3%; } }

.rentalcontent01item01 h2 {
  font-size: 32px;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.12em;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  @media screen and (max-width: 767px) {
    .rentalcontent01item01 h2 {
      font-size: 18px;
      margin-bottom: 0;  } }

.price01 {
  color: #c52648;
  font-size: 34.5px;
  line-height: 22px;
  letter-spacing: 0.06em;
  font-family: 'Century Gothic','Avenir-Light', sans-serif;}
  @media screen and (max-width: 767px) {
    .price01 {
      font-size: 32px; } }
@media screen and (max-width: 767px) {
  .price03 {
    text-align: center;
    max-width: 130px;
    margin: 0 auto;
    border-bottom: 1px solid #c42648;
    display: block;
    letter-spacing: -0.01em;
    line-height: 1.25;
  }
}
.price03 span {
  font-size: 28.8px;
}
.price0Subtext01 {
  font-size: 14px;
  line-height: 1.7;
  margin-top: 15px; }
  @media screen and (max-width: 767px) {
    .price0Subtext01 {
      font-size: 10px;
      margin-top: 5px } }

.price0Subtext02 {
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0.05em;
  }
  @media screen and (max-width: 767px) {
    .price0Subtext02 {
      font-size: 10px; } }

.line01 {
  width: 530px;
  display: block;
  border-bottom: 1px solid #000;
  margin: 41.5px auto 17px; }

@media screen and (max-width: 767px) {
  .line01 {
    width: 80%;
    margin: 20px auto 15px; } }

.rentalcontent01item03 {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 80px 40px; }
  @media screen and (max-width: 767px) {
    .rentalcontent01item03 {
      padding: 0 3% 30px; } }

.rentalcontent01item04 {
  background: #f7e7eb;
  padding: 30px 60px 0; }
  @media screen and (max-width: 767px) {
    .rentalcontent01item04 {
      padding: 30px 3% 0; } }

.rentalcontent01item04 h3 {
  color: #c52648;
  max-width: 200px;
  background: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.16em;
  padding: 6.5px 15px;
  margin: 0 auto;
  border-radius: 10px;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important; }

.rentalcontent01item04 li {
  border-bottom: 1px solid #000;
  padding: 20px 10px; }

.rentalcontent01item04 li:last-child {
  border-bottom: none; }

.rentalcontent01item04 ul p {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: -0.03em;
  font-family: "Hiragino-UD Sans StdN", "ヒラギノUD角ゴ Std W5", sans-serif; }
  @media screen and (max-width: 767px) {
    .rentalcontent01item04 ul p {
      font-size: 14px; } }

.rentalcontent01item04 span {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.12em;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }
  @media screen and (max-width: 767px) {
    .rentalcontent01item04 span {
      font-size: 10px; } }

.btn01 a {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  font-family: 'HiraginoUDSansStd-W4', 'ヒラギノUD角ゴ Std W4', sans-serif;
  background: #c52648;
  padding: 22px 10px 15px;
  border-radius: 10px; }
  @media screen and (max-width: 767px) {
    .btn01 a {
      font-size: 14px;
      padding: 12px 10px; } }

.btn01 span {
  display: block;
  font-size: 10px;
  line-height: normal;
  font-weight: bold;
  letter-spacing: 0.26em;
  font-family: "Century Gothic", serif; }

.rentalcontent01item05 {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 80px 110px; }
  @media screen and (max-width: 767px) {
    .rentalcontent01item05 {
      padding: 0 3% 50px; } }

.rentalcontent02 .planContent01 {
  margin: 0px auto;
  padding: 5px;
  max-width: 800px;
  width: 94%;
  border-left: 2px solid #6e6040;
  border-right: 2px solid #6e6040;
  border-bottom: 2px solid #6e6040;
  position: relative; }
  .rentalcontent02 .planContent01 .imgIndex05 {
    position: absolute;
    right: -80px;
    top: 10px;
    z-index: 100; }
    @media screen and (max-width: 767px) {
      .rentalcontent02 .planContent01 .imgIndex05 {
        width: 120px;
        right: -40px; } }
  .rentalcontent02 .planContent01:before {
    content: "";
    width: 30%;
    position: absolute;
    left: 0;
    top: 0;
    border-top: 2px solid #6e6040; }
  .rentalcontent02 .planContent01:after {
    content: "";
    width: 30%;
    position: absolute;
    right: 0;
    top: 0;
    border-top: 2px solid #6e6040; }
  .rentalcontent02 .planContent01 .planContentIn01 {
    background: #fff;
    border-left: 1px solid #6e6040;
    border-right: 1px solid #6e6040;
    border-bottom: 1px solid #6e6040;
    position: relative; }
    .rentalcontent02 .planContent01 .planContentIn01 .leftTop {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 20px 20px 0 0;
      border-color: #6e6040 transparent transparent transparent;
      position: absolute;
      left: 0;
      top: 0; }
    .rentalcontent02 .planContent01 .planContentIn01 .leftBottom {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 20px 0 0 20px;
      border-color: transparent transparent transparent #6e6040;
      position: absolute;
      left: 0;
      bottom: 0; }
    .rentalcontent02 .planContent01 .planContentIn01 .rightTop {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 20px 20px 0;
      border-color: transparent #6e6040 transparent transparent;
      position: absolute;
      right: 0;
      top: 0; }
    .rentalcontent02 .planContent01 .planContentIn01 .rightBottom {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 20px 20px;
      border-color: transparent transparent #6e6040 transparent;
      position: absolute;
      right: 0;
      bottom: 0; }
    .rentalcontent02 .planContent01 .planContentIn01:before {
      content: "";
      width: 30%;
      position: absolute;
      left: 0;
      top: 0;
      border-top: 1px solid #6e6040; }
    .rentalcontent02 .planContent01 .planContentIn01:after {
      content: "";
      width: 30%;
      position: absolute;
      right: 0;
      top: 0;
      border-top: 1px solid #6e6040; }
    .rentalcontent02 .planContent01 .planContentIn01 h4 {
      text-align: center;
      position: relative;
      top: -25px; }

.rentalcontent02item01 h2 {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 1.0;
  letter-spacing: 0.12em;
  padding: 30px 100px 0;
  margin-bottom: 0;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  @media screen and (max-width: 767px) {
    .rentalcontent02item01 h2 {
      font-size: 18px;
      padding: 20px 3% 0; } }

.rentalcontent02item02 {
  max-width: 800px;
  margin: 0 auto;
  padding: 0px 100px 0; }
  @media screen and (max-width: 767px) {
    .rentalcontent02item02 {
      padding: 0 3%; } }

.rentalContent02Plan01 {
  text-align: center; }

.price02 {
  color: #6e6040;
  font-size: 52.8px;
  line-height: 22px;
  letter-spacing: 0.06em;
  padding-top: 49px;
  font-family: 'Century Gothic','Avenir-Light', sans-serif;}
  @media screen and (max-width: 767px) {
    .price02 {
      font-size: 32px;
      padding-top: 30px;
	  } }

.line02 {
  width: 530px;
  max-width: 100%;
  display: block;
  border-bottom: 1px solid #000;
  margin: 15px auto 0; }

.rentalcontent02item03 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 15px 100px 40px; }
  @media screen and (max-width: 767px) {
    .rentalcontent02item03 {
      padding: 15px 3% 30px; } }

.rentalcontent03 {
  max-width: 800px;
  margin: 80px auto 0;
  width: 94%; }

.rentalcontent03 .planNavUl li a {
    display: block;
    padding: 15px;
    background: #fff;
    border: 1px solid #4d4d4d;
    font-size: 18px;
    line-height: 1;
    padding-top: 22px;
}
  @media screen and (max-width: 767px) {
    .rentalcontent03 .planNavUl li a {
      padding: 20px 10px;
      font-size: 14px; } }

.rentalcontent03 .planNavUl li a:hover {
  color: #ffffff;
  background: #333;
  display: block;
	opacity: 1;}

.rentalcontent04 {
  max-width: 800px;
  width: 94%;
  margin: 0 auto;
  padding: 140px 0 160px; }
  @media screen and (max-width: 767px) {
    .rentalcontent04 {
      padding: 60px 0; } }
  .rentalcontent04 h2 {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    color: #4d4d4d;
    line-height: 1; }
    .rentalcontent04 h2 span {
      font-weight: normal;
      font-size: 14px; }
  .rentalcontent04 .rentalcontent04item01 .rentalcontent04item01Box01 {
    margin-bottom: 20px;
    letter-spacing: 0.05em;}
    @media screen and (max-width: 640px) {
      .rentalcontent04 .rentalcontent04item01 .rentalcontent04item01Box01 {
        margin-bottom: 40px; } }
  .rentalcontent04 .rentalcontent04item01 .rentalcontent04item01Box02 {
    margin-bottom: 20px; }
    @media screen and (max-width: 640px) {
      .rentalcontent04 .rentalcontent04item01 .rentalcontent04item01Box02 {
        margin-bottom: 40px; } }
  .rentalcontent04 .rentalcontent04item01 .rentalContent04Tittle01 {
    font-size: 16px;
    padding-top: 11px;
    margin-bottom: 10px; }
    .rentalcontent04 .rentalcontent04item01 .rentalContent04Tittle01 span {
      font-size: 25px; }

.rentalcontent04item01Box01 {
  border: 1px solid #707070;
  padding: 10px;
  margin-top: 35px; }
  @media screen and (max-width: 640px) {
    .rentalcontent04item01Box01 {
      border: none;
      padding: 0;
      margin-bottom: 40px; } }

.rentalcontent04item01Box01 ul li:first-child {
  width: 29%;
  margin-right: 5.2%; }
  @media screen and (max-width: 640px) {
    .rentalcontent04item01Box01 ul li:first-child {
      float: none;
      width: 100%;
      margin-right: 0;
      margin-bottom: 5px;
      text-align: center; } }

.rentalcontent04item01Box01 ul li:first-child p {
  font-size: 0;
  line-height: 0; }

.rentalcontent04item01Box01 ul li:last-child {
  width: 65.5%; }
  @media screen and (max-width: 640px) {
    .rentalcontent04item01Box01 ul li:last-child {
      float: none;
      width: 100%; } }
  .rentalcontent04item01Box01 ul li:last-child p {
    font-size: 12px; }

.rentalcontent04item01Box02 {
  border: 1px solid #707070;
  padding: 10px; }
  @media screen and (max-width: 640px) {
    .rentalcontent04item01Box02 {
      border: none;
      padding: 0;
      margin-bottom: 40px; } }

.rentalcontent04item01Box02 ul li:first-child {
  width: 29%;
  margin-right: 5.2%; }
  @media screen and (max-width: 640px) {
    .rentalcontent04item01Box02 ul li:first-child {
      float: none;
      width: 100%;
      margin-right: 0;
      margin-bottom: 5px;
      text-align: center; } }

.rentalcontent04item01Box02 ul li:first-child p {
  font-size: 0;
  line-height: 0; }

.rentalcontent04item01Box02 ul li:last-child {
  width: 65.5%; }
  @media screen and (max-width: 640px) {
    .rentalcontent04item01Box02 ul li:last-child {
      float: none;
      width: 100%; } }
  .rentalcontent04item01Box02 ul li:last-child p {
    font-size: 12px; }

.graduateContent01 .mainVisual01 {
  background: url(../img/bg09.png);
  margin-left: 16px;
  margin-right: 16px;}
  @media screen and (max-width: 767px) {
    .graduateContent01 .mainVisual01 {
      padding: 0 3% 30px; } }
  .graduateContent01 .mainVisual01 .left {
    width: 50%;
    padding-top: 10%; }
    @media screen and (max-width: 767px) {
      .graduateContent01 .mainVisual01 .left {
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 40px;
        margin-bottom: 30px; } }
    .graduateContent01 .mainVisual01 .left h2 {
      font-size: 40px;
      line-height: 1.5;
      width: 260px;
      margin: 0 auto 30px;
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
      @media screen and (max-width: 767px) {
        .graduateContent01 .mainVisual01 .left h2 {
          text-align: center; } }
      .graduateContent01 .mainVisual01 .left h2 span {
        display: block;
        font-size: 12px;
        font-family: 'Century Gothic','Avenir-Light', sans-serif;}
    .graduateContent01 .mainVisual01 .left p {
      width: 260px;
      margin: 0 auto;
      line-height: 1.5;}
  .graduateContent01 .mainVisual01 .right {
    width: 50%; }
    @media screen and (max-width: 767px) {
      .graduateContent01 .mainVisual01 .right {
        width: 100%;
        float: none;
        text-align: center; } }
    .graduateContent01 .mainVisual01 .right img {
      display: block;
      width: 100%; }

.graduateContent01 #slide03 {
  background: #fff;
  padding: 5px 0;
  max-width: 100%;
  margin: 0 auto;
  margin-left: 16px;
margin-right: 16px;
margin-top:8px;
margin-bottom: 8px;
}
  .graduateContent01 #slide03 li {
    margin-right: 10px; }

.graduateContent01 .bgHakama01 {
  background: url(../img/bg09.png);
  padding: 80px 0;
  margin-left: 16px;
  margin-right:16px;}
  @media screen and (max-width: 767px) {
    .graduateContent01 .bgHakama01 {
      padding: 120px 0; } }
  .graduateContent01 .bgHakama01 .planContent01 {
    margin: 0px auto;
    padding: 5px;
    max-width: 800px;
    width: 94%;
    border-left: 2px solid #6e6040;
    border-right: 2px solid #6e6040;
    border-bottom: 2px solid #6e6040;
    position: relative; }
    .graduateContent01 .bgHakama01 .planContent01 .imgIndex01 {
      position: absolute;
      top: 80px;
      left: -50px;
      z-index: 100; }
      @media screen and (max-width: 767px) {
        .graduateContent01 .bgHakama01 .planContent01 .imgIndex01 {
          width: 60px;
          left: -20px;
          top: 120px; } }
    .graduateContent01 .bgHakama01 .planContent01 .imgIndex02 {
      position: absolute;
      bottom: 80px;
      right: -50px;
      z-index: 100; }
      @media screen and (max-width: 767px) {
        .graduateContent01 .bgHakama01 .planContent01 .imgIndex02 {
          width: 50px;
          right: -10px; } }
    .graduateContent01 .bgHakama01 .planContent01 .imgIndex02 {
      position: absolute; }
    .graduateContent01 .bgHakama01 .planContent01:before {
      content: "";
      width: 30%;
      position: absolute;
      left: 0;
      top: 0;
      border-top: 2px solid #6e6040; }
    .graduateContent01 .bgHakama01 .planContent01:after {
      content: "";
      width: 30%;
      position: absolute;
      right: 0;
      top: 0;
      border-top: 2px solid #6e6040; }
    .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 {
      background: #fff;
      border-left: 1px solid #6e6040;
      border-right: 1px solid #6e6040;
      border-bottom: 1px solid #6e6040;
      position: relative; }
      .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 .leftTop {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 20px 0 0;
        border-color: #6e6040 transparent transparent transparent;
        position: absolute;
        left: 0;
        top: 0; }
      .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 .leftBottom {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 0 0 20px;
        border-color: transparent transparent transparent #6e6040;
        position: absolute;
        left: 0;
        bottom: 0; }
      .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 .rightTop {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20px 20px 0;
        border-color: transparent #6e6040 transparent transparent;
        position: absolute;
        right: 0;
        top: 0; }
      .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 .rightBottom {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 20px 20px;
        border-color: transparent transparent #6e6040 transparent;
        position: absolute;
        right: 0;
        bottom: 0; }
      .graduateContent01 .bgHakama01 .planContent01 .planContentIn01:before {
        content: "";
        width: 30%;
        position: absolute;
        left: 0;
        top: 0;
        border-top: 1px solid #6e6040; }
      .graduateContent01 .bgHakama01 .planContent01 .planContentIn01:after {
        content: "";
        width: 30%;
        position: absolute;
        right: 0;
        top: 0;
        border-top: 1px solid #6e6040; }
      .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 h4 {
        text-align: center;
        position: relative;
        top: -18px; }
      .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 h3 {
        text-align: center;
        font-size: 32px; }
        @media screen and (max-width: 767px) {
          .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 h3 {
            font-size: 18px; } }
        .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 h3 span {
          font-size: 18px;
          display: block;
          margin-top: -5px; }
          @media screen and (max-width: 767px) {
            .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 h3 span {
              font-size: 14px; } }
      .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 .planBox01 {
        border-bottom: 1px solid #6e6040;
        text-align: center; }
        .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 .planBox01 .planBoxContent01 {
          max-width: 520px;
          width: 90%;
          margin: 0 auto;
          padding: 40px 0; }
          @media screen and (max-width: 767px) {
            .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 .planBox01 .planBoxContent01.noTop01 {
              padding-top: 0; } }
          .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 .planBox01 .planBoxContent01 .priceTxt01 {
            font-size: 38px;
            color: #6e6040;
            border-bottom: 1px solid #030303;
            padding-bottom: 10px;
            margin-bottom: 10px;
            font-family: 'Century Gothic','Avenir-Light', sans-serif;}
            @media screen and (max-width: 767px) {
              .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 .planBox01 .planBoxContent01 .priceTxt01 {
                font-size: 32px; } }
            .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 .planBox01 .planBoxContent01 .priceTxt01 span {
              font-size: 14px;
              display: block;
              margin-top: -10px; }
              @media screen and (max-width: 767px) {
                .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 .planBox01 .planBoxContent01 .priceTxt01 span {
                  font-size: 10px; }
            .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 .planBox01 .planBoxContent01 .planThing01 {
              letter-spacing: 0.05em; } }
          @media screen and (max-width: 767px) {
            .graduateContent01 .bgHakama01 .planContent01 .planContentIn01 .planBox01 .planBoxContent01 .planThing01 {
              font-size: 10px; } }
  .graduateContent01 .bgHakama01 .planSupplement01 {
    text-align: center;
    padding: 50px 3%;
    letter-spacing: 0.05em;
    line-height: 1.7;}
    @media screen and (max-width: 767px) {
      .graduateContent01 .bgHakama01 .planSupplement01 p {
        font-size: 11px; } }
  .graduateContent01 .bgHakama01 .btnArea01 {
    max-width: 800px;
    margin: 30px auto;
    width: 94%; }
    .graduateContent01 .bgHakama01 .btnArea01 a {
      display: block;
      padding: 14px 10px 10px;
      background: #fff;
      border: 1px solid #4d4d4d;
      font-size: 18px;
    padding-top: 16px;}
      .graduateContent01 .bgHakama01 .btnArea01 a span {
        display: block;
        font-size: 12px;
        font-weight: normal; }
    .graduateContent01 .bgHakama01 .btnArea01 .left {
      width: 49%;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .graduateContent01 .bgHakama01 .btnArea01 .left {
          width: 100%;
          margin-bottom: 20px; } }
    .graduateContent01 .bgHakama01 .btnArea01 .right {
      width: 49%;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .graduateContent01 .bgHakama01 .btnArea01 .right {
          width: 100%; } }

.otherRental01 {
  padding: 70px 0; }
  @media screen and (max-width: 767px) {
    .otherRental01 {
      padding: 50px 0; } }
  .otherRental01 h2 {
    text-align: center;
    margin-bottom: 70px;
    font-size: 32px;}
    @media screen and (max-width: 767px) {
      .otherRental01 h2 {
        font-size: 20px;
        margin-bottom: 40px; } }
  .otherRental01 .planContent01 {
    margin: 0px auto;
    padding: 5px;
    max-width: 800px;
    width: 94%;
    border-left: 2px solid #808072;
    border-right: 2px solid #808072;
    border-bottom: 2px solid #808072;
    position: relative; }
    .otherRental01 .planContent01 .planContentIn01 {
      background: #fff;
      border-left: 1px solid #808072;
      border-right: 1px solid #808072;
      border-bottom: 1px solid #808072;
      position: relative; }
      .otherRental01 .planContent01 .planContentIn01 .leftTop {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 20px 0 0;
        border-color: #808072 transparent transparent transparent;
        position: absolute;
        left: 0;
        top: 0; }
      .otherRental01 .planContent01 .planContentIn01 .leftBottom {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 0 0 20px;
        border-color: transparent transparent transparent #808072;
        position: absolute;
        left: 0;
        bottom: 0; }
      .otherRental01 .planContent01 .planContentIn01 .rightTop {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20px 20px 0;
        border-color: transparent #808072 transparent transparent;
        position: absolute;
        right: 0;
        top: 0; }
      .otherRental01 .planContent01 .planContentIn01 .rightBottom {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 20px 20px;
        border-color: transparent transparent #808072 transparent;
        position: absolute;
        right: 0;
        bottom: 0; }
      .otherRental01 .planContent01 .planContentIn01:before {
        content: "";
        width: 30%;
        position: absolute;
        left: 0;
        top: 0;
        border-top: 1px solid #808072; }
      .otherRental01 .planContent01 .planContentIn01:after {
        content: "";
        width: 30%;
        position: absolute;
        right: 0;
        top: 0;
        border-top: 1px solid #808072; }
      .otherRental01 .planContent01 .planContentIn01 h4 {
        text-align: center;
        position: relative;
        top: -25px; }
      .otherRental01 .planContent01 .planContentIn01 h3 {
        text-align: center;
        font-size: 32px; }
        @media screen and (max-width: 767px) {
          .otherRental01 .planContent01 .planContentIn01 h3 {
            font-size: 18px; } }
        .otherRental01 .planContent01 .planContentIn01 h3 span {
          font-size: 18px;
          display: block;
          margin-top: -5px; }
          @media screen and (max-width: 767px) {
            .otherRental01 .planContent01 .planContentIn01 h3 span {
              font-size: 14px; } }
      .otherRental01 .planContent01 .planContentIn01 .planBox01 {
        border-bottom: 1px solid #808072;
        text-align: center; }
        .otherRental01 .planContent01 .planContentIn01 .planBox01 .planBoxContent01 {
          max-width: 520px;
          margin: 0 auto;
          padding: 40px 3%; }
          @media screen and (max-width: 767px) {
            .otherRental01 .planContent01 .planContentIn01 .planBox01 .planBoxContent01.noTop01 {
              padding-top: 0; } }
          .otherRental01 .planContent01 .planContentIn01 .planBox01 .planBoxContent01 .priceTxt01 {
            font-size: 38px;
            color: #808072;
            border-bottom: 1px solid #808080;
            padding-bottom: 10px;
            margin-bottom: 10px;
            font-family: 'Century Gothic','Avenir-Light', sans-serif;}
            @media screen and (max-width: 767px) {
              .otherRental01 .planContent01 .planContentIn01 .planBox01 .planBoxContent01 .priceTxt01 {
                font-size: 32px; } }
            .otherRental01 .planContent01 .planContentIn01 .planBox01 .planBoxContent01 .priceTxt01 span {
              font-size: 14px;
              display: block;
              margin-top: -10px; }
              @media screen and (max-width: 767px) {
                .otherRental01 .planContent01 .planContentIn01 .planBox01 .planBoxContent01 .priceTxt01 span {
                  font-size: 10px; } }
          @media screen and (max-width: 767px) {
            .otherRental01 .planContent01 .planContentIn01 .planBox01 .planBoxContent01 .planThing01 {
              font-size: 10px; } }
    .otherRental01 .planContent01.yukataRental01 {
      border-left: 2px solid #56b6aa;
      border-right: 2px solid #56b6aa;
      border-bottom: 2px solid #56b6aa;
      margin-top: 130px; }
      @media screen and (max-width: 767px) {
        .otherRental01 .planContent01.yukataRental01 .pc {
          display: none; } }
      .otherRental01 .planContent01.yukataRental01:before {
        content: "";
        width: 30%;
        position: absolute;
        left: 0;
        top: 0;
        border-top: 2px solid #56b6aa; }
      .otherRental01 .planContent01.yukataRental01:after {
        content: "";
        width: 30%;
        position: absolute;
        right: 0;
        top: 0;
        border-top: 2px solid #56b6aa; }
      .otherRental01 .planContent01.yukataRental01 .planContentIn01 {
        border-left: 1px solid #56b6aa;
        border-right: 1px solid #56b6aa;
        border-bottom: 1px solid #56b6aa; }
        .otherRental01 .planContent01.yukataRental01 .planContentIn01 .leftTop {
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 20px 20px 0 0;
          border-color: #56b6aa transparent transparent transparent;
          position: absolute;
          left: 0;
          top: 0; }
        .otherRental01 .planContent01.yukataRental01 .planContentIn01 .leftBottom {
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 20px 0 0 20px;
          border-color: transparent transparent transparent #56b6aa;
          position: absolute;
          left: 0;
          bottom: 0; }
        .otherRental01 .planContent01.yukataRental01 .planContentIn01 .rightTop {
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 20px 20px 0;
          border-color: transparent #56b6aa transparent transparent;
          position: absolute;
          right: 0;
          top: 0; }
        .otherRental01 .planContent01.yukataRental01 .planContentIn01 .rightBottom {
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 0 20px 20px;
          border-color: transparent transparent #56b6aa transparent;
          position: absolute;
          right: 0;
          bottom: 0; }
        .otherRental01 .planContent01.yukataRental01 .planContentIn01:before {
          content: "";
          width: 30%;
          position: absolute;
          left: 0;
          top: 0;
          border-top: 1px solid #56b6aa; }
        .otherRental01 .planContent01.yukataRental01 .planContentIn01:after {
          content: "";
          width: 30%;
          position: absolute;
          right: 0;
          top: 0;
          border-top: 1px solid #56b6aa; }
        .otherRental01 .planContent01.yukataRental01 .planContentIn01 .planBox01 .priceTxt01 {
          color: #56b6aa;
          line-height: 1.3;
          font-family: 'Century Gothic','Avenir-Light';}
          .otherRental01 .planContent01.yukataRental01 .planContentIn01 .planBox01 .priceTxt01 span {
            color: #666666; }
          .otherRental01 .planContent01.yukataRental01 .planContentIn01 .planBox01 .priceTxt01 .txtSmall01 {
            display: inline;
            font-size: 24px;
            color: #56b6aa; }
            @media screen and (max-width: 767px) {
              .otherRental01 .planContent01.yukataRental01 .planContentIn01 .planBox01 .priceTxt01 .txtSmall01.pc {
                display: none; } }
          .otherRental01 .planContent01.yukataRental01 .planContentIn01 .planBox01 .priceTxt01 .txtSmall02 {
            display: inline;
            font-size: 18px;
            color: #56b6aa; }
          .otherRental01 .planContent01.yukataRental01 .planContentIn01 .planBox01 .priceTxt01 .txtSmall03 {
            margin-top: 10px; }
          .otherRental01 .planContent01.yukataRental01 .planContentIn01 .planBox01 .priceTxt01 .priceHead01 {
            font-size: 22px;
            color: #56b6aa; }
          .otherRental01 .planContent01.yukataRental01 .planContentIn01 .planBox01 .priceTxt01.borderNone {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0; }
          .otherRental01 .planContent01.yukataRental01 .planContentIn01 .planBox01 .priceTxt01.dressing01 {
            padding: 30px 0; }
            .otherRental01 .planContent01.yukataRental01 .planContentIn01 .planBox01 .priceTxt01.dressing01 .priceHead01 {
              color: #000000;
              font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
              font-weight: bold; }
              @media screen and (max-width: 767px) {
                .otherRental01 .planContent01.yukataRental01 .planContentIn01 .planBox01 .priceTxt01.dressing01 .priceHead01 {
                  font-size: 18px; } }
        .otherRental01 .planContent01.yukataRental01 .planContentIn01 .planBox01 .planThing01 {
          text-align: left;
          letter-spacing: 0; }
    .otherRental01 .planContent01:before {
      content: "";
      width: 30%;
      position: absolute;
      left: 0;
      top: 0;
      border-top: 2px solid #808072; }
    .otherRental01 .planContent01:after {
      content: "";
      width: 30%;
      position: absolute;
      right: 0;
      top: 0;
      border-top: 2px solid #808072; }

.reserveBtn01 {
  max-width: 800px;
  margin: 110px auto 100px;
  width: 94%; }
  @media screen and (max-width: 767px) {
    .reserveBtn01 {
      margin: 30px auto 60px; } }
  .reserveBtn01 a {
    display: block;
    padding: 14px 10px 10px;
    background: #fff;
    border: 1px solid #4d4d4d;
    font-size: 18px;
    text-align: center;
padding-top: 16px}
    .reserveBtn01 a span {
      display: block;
      font-size: 12px;
      font-weight: normal; }

.kimonoSpecialist01 {
  text-align: center;
  border-top: 1px solid #000;
  padding-top: 150px; }

  .kimonoSpecialist01 h3 {
    margin-bottom: 20px; }
  .kimonoSpecialist01 p {
    color: #808080; }
  .kimonoSpecialist01 .specialistImg01 {
    margin-top: 30px; }
    .kimonoSpecialist01 .specialistImg01 img {
      display: block; }

.planContent01 .planContentIn01 .planBox01:last-child {
  border-bottom: none; }

.graduateContent01 .bgHakama01 .planContent01 .planContentIn01  .planbox01a{
	border-bottom: none;
}

  @media screen and (max-width: 767px) {
  .planNavUl li {
  font-size: 15px;
  }
  .planBtn01 a {
    font-size: 20px;
}
}


/*岸田追加分*/

@media screen and (max-width: 425px){

.rentalcontent04item01Box02 ul li:last-child p {
    font-size: 12px;
    margin-left: 45px;
	margin-right: 45px
}
}

@media screen and (max-width: 425px){
.rentalcontent01 .planContent01 {
    margin-top: 0px;
	margin-bottom: 40px;
}
}

/*花びら*/
@media screen and (max-width: 425px){
 .rentalcontent01 .planContent01 .imgIndex03 {
      position: absolute;
      left: -16px;
      top: 130px;
}
}

@media screen and (max-width: 425px){
.rentalcontent03 {
    margin-top: 55px;
}
}
	@media screen and (max-width: 767px){
.rentalcontent01 .planContent01 .imgIndex04 {
    max-width: 60px;
    right: -25px;
    top: 60px;
}
}
@media screen and (max-width: 425px){
.graduateContent01 #slide03 {
  margin-right: 0px;
  margin-left: 0px;
}
}
	@media screen and (max-width: 425px){
.graduateContent01 .bgHakama01 {
    padding: 70px 0;
    margin-left: 0px;
	margin-right: 0px;
}
}

@media screen and (max-width: 425px){
.graduateContent01 .bgHakama01 .planSupplement01 {
    text-align: center;
    padding: 40px 3%;
}
}
@media screen and (max-width: 425px){
.graduateContent01 .bgHakama01 .planSupplement01 {
    text-align: center;
    padding: 40px 3%;
}
}
@media screen and (max-width: 425px){
.graduateContent01 .bgHakama01 .btnArea01 {
    margin: 0px auto;
}
}
@media screen and (max-width: 425px){
.otherRental01 .planContent01.yukataRental01 {

    margin-top: 45px;
}
}

@media screen and (max-width: 425px){
.reserveBtn01 {
    margin: 45px auto 60px;
}
}
@media screen and (max-width: 425px){
.kimonoSpecialist01 {
	padding-top: 65px;
}
}
	@media screen and (max-width: 425px){
.otherRental01 {
    padding: 0px 0;
}
	}

	@media screen and (max-width: 425px){
.otherRental01 h2 {
    margin-top: 40px;
}
	}

	@media screen and (max-width: 425px){
.graduateContent01 .bgHakama01 .planContent01 .imgIndex01 {
    width: 60px;
    left: -12px;
    top: 95px;
}
	}
	@media screen and (max-width: 425px){
.graduateContent01 .bgHakama01 .planContent01 .imgIndex02 {
    right: 5px;
}
}
	@media screen and (max-width: 425px){
    #slider {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}
	}

	@media screen and (max-width: 425px){
.rentalcontent01item02 {
    padding: 0px 3%;
}
	}
	@media screen and (max-width: 425px){
.rentalcontent02item01 h2 {
    font-size: 18px;
    padding: 0px 3% 0;
}
	}

	@media screen and (max-width: 425px){
.rentalcontent02item01 h2 {
    margin-left: 45px;
    margin-right: 45px;
}
	}

	@media screen and (max-width: 425px){
	.rentalcontent04 .rentalcontent04item01 .rentalContent04Tittle01 {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 10px;
}
	}
	@media screen and (max-width: 425px){
		.rentalcontent04{
			padding: 45px;
		}
	}


	@media screen and (max-width: 425px){
		.border{border-bottom: 1px solid #000000;}
	}
	@media screen and (max-width: 425px){
.graduateContent01 .mainVisual01 {
    margin-left: 0px;
    margin-right: 0px;
	}
	}

		.rentalcontent01 .planContent01 .planContentIn01 h4 img{
			max-width: 130px;
		}
		.rentalcontent02 .planContent01 .planContentIn01 h4 img{
			max-width: 140px;
		}
		.graduateContent01 .bgHakama01 .planContent01 .planContentIn01 h4 img{
			max-width: 140px;
		}
		.otherRental01 .planContent01 .planContentIn01 h4 img{
			max-width: 140px;
		}

	@media screen and (max-width: 425px){
		.rentalcontent01 .planContent01 .planContentIn01 h4 img{
			max-width: 120px;
		}
		.rentalcontent02 .planContent01 .planContentIn01 h4 img{
			max-width: 120px;
		}
		.graduateContent01 .bgHakama01 .planContent01 .planContentIn01 h4 img{
			max-width: 120px;
		}
		.otherRental01 .planContent01 .planContentIn01 h4 img{
			max-width: 120px;
		}
		}

#flow{
  padding-top: 240px;
  margin-top: -240px;
}

#plan{
  padding-top: 120px;
  margin-top: -120px;
}

.rentalcontent01 .planContent01 .planContentIn01:after {
    width: 37.8%;
}

.rentalcontent01 .planContent01:after {
    width: 38%;
}

.rentalcontent01 .planContent01 .planContentIn01:before {
    width: 37.8%;
}

.rentalcontent01 .planContent01:before {
    width: 38%;
}

.rentalcontent02 .planContent01:after {
    width: 38%;
}

.rentalcontent02 .planContent01 .planContentIn01:after {
    width: 37.8%;
}

.rentalcontent02 .planContent01 .planContentIn01:before {
    width: 37.8%;
}

.rentalcontent02 .planContent01:before {
    width: 38%;
}

.rentalcontent02 .planContent01 .planContentIn01 h4 {
    top: -28px;
}

.graduateContent01 .bgHakama01 .planContent01 .planContentIn01 h4 {
    top: -26px;
}

.graduateContent01 .bgHakama01 .planContent01:after {
    width: 38%;
}

.graduateContent01 .bgHakama01 .planContent01 .planContentIn01:after {
    width: 37.8%;
}

.graduateContent01 .bgHakama01 .planContent01 .planContentIn01:before {
    width: 37.8%;
}

.graduateContent01 .bgHakama01 .planContent01:before {
    width: 38%;
}

.otherRental01 .planContent01:after {
    width: 38%;
}

.otherRental01 .planContent01 .planContentIn01:after {
    width: 37.8%;
}

.otherRental01 .planContent01 .planContentIn01 h4 {
    top: -30px;
}

.otherRental01 .planContent01:before {
    width: 38%;
}

.otherRental01 .planContent01.yukataRental01 .planContentIn01:after {
    width: 37.8%;
}

.otherRental01 .planContent01 .planContentIn01:before {
    content: "";
    width: 37.8%;
}

.otherRental01 .planContent01.yukataRental01:after {
    width: 38%;
}

.otherRental01 .planContent01.yukataRental01 .planContentIn01:before {
    width: 37.8%;
}

.otherRental01 .planContent01.yukataRental01:before {
    width: 38%;
}

.reserveBtn01 a:hover {
    display: block;
    background: #4d4d4d;
    border: 1px solid #4d4d4d;
    font-size: 18px;
    text-align: center;
    color:white;
    opacity: 1;
}

.graduateContent01 .bgHakama01 .btnArea01 a:hover {
    display: block;
    background: #4d4d4d;
    border: 1px solid #4d4d4d;
    font-size: 18px;
    color:white;
    opacity: 1;
}

.rentalcontent03 .planNavUl li a:hover {
    color: #ffffff;
    background: #4d4d4d;
    display: block;
    opacity: 1;
}

@media screen and (max-width: 425px){
.rentalcontent01 .planContent01 .planContentIn01:after {
    width: 26.4%;
}

.rentalcontent01 .planContent01:after {
    width: 27%;
}

.rentalcontent01 .planContent01 .planContentIn01:before {
    width: 26.4%;
}

.rentalcontent01 .planContent01:before {
    width: 27%;
}

.rentalcontent02 .planContent01:after {
    width: 27%;
}

.rentalcontent02 .planContent01 .planContentIn01:after {
    width: 26.4%;
}

.rentalcontent02 .planContent01 .planContentIn01:before {
    width: 26.4%;
}

.rentalcontent02 .planContent01:before {
    width: 27%;
}

.rentalcontent02 .planContent01 .planContentIn01 h4 {
    top: -28px;
}

.graduateContent01 .bgHakama01 .planContent01 .planContentIn01 h4 {
    top: -26px;
}

.graduateContent01 .bgHakama01 .planContent01:after {
    width: 27%;
}

.graduateContent01 .bgHakama01 .planContent01 .planContentIn01:after {
    width: 26.4%;
}

.graduateContent01 .bgHakama01 .planContent01 .planContentIn01:before {
    width: 26.4%;
}

.graduateContent01 .bgHakama01 .planContent01:before {
    width: 27%;
}

.otherRental01 .planContent01:after {
    width: 27%;
}

.otherRental01 .planContent01 .planContentIn01:after {
    width: 26.4%;
}

.otherRental01 .planContent01 .planContentIn01 h4 {
    top: -30px;
}

.otherRental01 .planContent01:before {
    width: 27%;
}

.otherRental01 .planContent01.yukataRental01 .planContentIn01:after {
    width: 26.4%;
}

.otherRental01 .planContent01 .planContentIn01:before {
    content: "";
    width: 26.4%;
}

.otherRental01 .planContent01.yukataRental01:after {
    width: 27%;
}

.otherRental01 .planContent01.yukataRental01 .planContentIn01:before {
    width: 26.4%;
}

.otherRental01 .planContent01.yukataRental01:before {
    width: 27%;
}


.rentalcontent04item01Box01 ul li:first-child p img{
  width: 100%;
 }
  #flow{
  padding-top: 45px;
  margin-top: -45px;
}
#plan{
  padding-top: 0px;
  margin-top: -0px;
}
.graduateContent01 .bgHakama01 .planContent01 {
    width: 88%;
}
.rentalcontent01 .planContent01 {
    width: 88%;
}
#topContainer .content {
    left: 6%;
}
.rentalcontent02 .planContent01 {
    width: 88%;
}
.rentalcontent03 {
    width: 88%;
}
.graduateContent01 .bgHakama01 .planContent01 {
    width: 88%;
}
.graduateContent01 .bgHakama01 .planSupplement01 {
    padding: 40px 6%;
    text-align: left;
}
.graduateContent01 .bgHakama01 .btnArea01 {
    width: 88%;
}
.otherRental01 .planContent01 {
    width: 88%;
}
.reserveBtn01 {
    width: 88%;
}
.container {
    padding: 0px 6%;
}

.kimonoSpecialist01 h3 img{
    width: 220px;
    margin-right: auto;
    margin-left: auto;
}
.kimonoSpecialist01 p {
    font-size: 10px;
}
.rentalcontent01item04 {
    margin-top: 20px;
}
.rentalcontent01item03 {
    padding: 0 8% 30px;
}
.rentalcontent01item04 li {
    line-height: 0.1;
}
.rentalcontent01item04 ul p {
    margin-bottom: 7px;
}
.rentalcontent01item04 h3 {
    font-size: 12px;
}
.rentalcontent01item04 {
    padding-top: 23px;
}
.rentalcontent01item05 {
    padding: 0 8% 50px;
}
.rentalcontent02 .planContent01 .planContentIn01 {
    padding-right: 8%;
    padding-left: 8%;
}
.rentalcontent02item01 h2 {
    margin-left: 0px;
    margin-right: 0px;
}
.rentalcontent04 .rentalcontent04item01 .rentalcontent04item01Box01 {
    padding-right: 5%;
    padding-left: 5%;
}
.graduateContent01 .bgHakama01 .planContent01 .planContentIn01 .planBox01 {
    padding-left: 6%;
    padding-right: 6%;
}
.graduateContent01 .bgHakama01 .planContent01 .imgIndex01 {
    left: -22px;
    top: 95px;
}
.graduateContent01 .bgHakama01 .planContent01 .imgIndex02 {
    right: -20px;
}
.rentalcontent01item03 {
    padding: 0 6% 30px;
}
.otherRental01 .planContent01 .planContentIn01 .planBox01 .planBoxContent01.noTop01 {
    margin-right: 6%;
    margin-left: 6%;
}
.otherRental01 .planContent01 .planContentIn01 .planBox01 .planBoxContent01 {
    margin-right: 6%;
    margin-left: 6%;
}
.rentalcontent02 .planContent01 {
    margin-top: 60px;
}
.otherRental01 .planContent01.yukataRental01 {
    margin-top: 65px;
}
}

@media screen and (max-width: 375px){
.rentalcontent04 {
  width: 100%;
}
}

.graduateContent01 .bgHakama01 .btnArea01 a span,
.reserveBtn01 a span{
    font-size: 13px;
    font-family: 'Century Gothic','Avenir-Light', sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    margin-bottom: 4px;
    margin-top: -4px;
    display: block;
}

@media screen and (max-width: 767px){
.graduateContent01 .bgHakama01 .btnArea01 a,
.reserveBtn01 a{
    padding: 20px 10px;
    font-size: 14px;
    line-height: 1;
}
.graduateContent01 .bgHakama01 .btnArea01 .left {
    width: 100%;
    margin-bottom: 10px;
}
}

.headerTop{
  margin-top: -134px!important;
  padding-top: 134px!important;
}

#topContainer p.img{
  margin-bottom: 60px;
}

#topContainer p.img2{
  margin-bottom: 70px;
}

@media screen and (max-width: 425px){
.headerTop {
    margin-top: -60px!important;
    padding-top: 60px!important;
}
}
.topContainer01 {
  margin-top: -134px;
  padding-top: 134px;
}
@media screen and (max-width: 425px){
.topContainer01 {
    margin-top: -60px!important;
    padding-top: 60px!important;
}
}
.title01 {
  line-height: 1.05;
}
@media screen and (max-width: 767px) {
  .title01 {
    line-height: 1.2;
  }
  .campaignImageArea01 {
    padding: 0 20px;
  }
}
.campaignimg01 {
  max-width: 800px;
  width: 100%;
  margin: 0 auto 130px;
  text-align: center;
}
.campaignimg01:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 425px) {
  .campaignimg01 {
    margin-bottom: 40px;
  }
}