.page-yokoku {
	display: block!important;
}
@media screen and (min-width: 769px) {
  .mv {
    background-image: url("../images/plan/mv_plan.jpg?v=2"); }
  .planSection {
    padding-top: 20px;
    margin: 0 auto; }
    .planSection .kukakuBlock {
      position: relative;
    	width: 1088px;
    margin: 0 auto 30px; }
      .planSection .kukakuBlock .title,
      .gallerySection .title{
        display: inline-block;
        font-size: 24px;
        line-height: 1.1;
        padding: 5px 18px;
        border: 1px solid #000;
	    margin-bottom: 10px;
		  transform: translateY(-35px);}
      .planSection .kukakuBlock .pct {
        position: relative; 
	    text-align: center;}
        .planSection .kukakuBlock .pct .maplink02,
        .planSection .kukakuBlock .pct .maplink03,
        .planSection .kukakuBlock .pct .maplink08,
        .planSection .kukakuBlock .pct .maplink09,
        .planSection .kukakuBlock .pct .maplink13,
        .planSection .kukakuBlock .pct .maplink14,
        .planSection .kukakuBlock .pct .maplink33,
        .planSection .kukakuBlock .pct .maplink34,
        .planSection .kukakuBlock .pct .maplink35,
        .planSection .kukakuBlock .pct .maplink36 {
          display: block;
          text-indent: -9999px;
          position: absolute; }
          .planSection .kukakuBlock .pct .maplink02:hover,
          .planSection .kukakuBlock .pct .maplink03:hover,
          .planSection .kukakuBlock .pct .maplink08:hover,
          .planSection .kukakuBlock .pct .maplink09:hover,
          .planSection .kukakuBlock .pct .maplink13:hover,
          .planSection .kukakuBlock .pct .maplink14:hover,
          .planSection .kukakuBlock .pct .maplink33:hover,
          .planSection .kukakuBlock .pct .maplink34:hover,
          .planSection .kukakuBlock .pct .maplink35:hover,
          .planSection .kukakuBlock .pct .maplink36:hover {
            background-color: rgba(255, 255, 255, 0.1); }
        .planSection .kukakuBlock .pct .maplink02 {
          width: 113px;
          height: 118px;
          top: 1068px;
          left: 21px; }
        .planSection .kukakuBlock .pct .maplink03 {
          width: 92px;
          height: 118px;
          top: 950px;
          left: 21px; }
        .planSection .kukakuBlock .pct .maplink08 {
          width: 105px;
          height: 100px;
          top: 810px;
          left: 65px; }
        .planSection .kukakuBlock .pct .maplink09 {
          width: 105px;
          height: 100px;
          top: 810px;
          left: 168px; }
        .planSection .kukakuBlock .pct .maplink13 {
          width: 88px;
          height: 114px;
          top: 696px;
          left: 203px; }
        .planSection .kukakuBlock .pct .maplink14 {
          width: 93px;
          height: 114px;
          top: 696px;
          left: 291px; }
        .planSection .kukakuBlock .pct .maplink33 {
          width: 84px;
          height: 107px;
          top: 501px;
          left: 425px; }
        .planSection .kukakuBlock .pct .maplink34 {
          width: 84px;
          height: 107px;
          top: 610px;
          left: 425px; }
        .planSection .kukakuBlock .pct .maplink35 {
          width: 84px;
          height: 107px;
          top: 718px;
          left: 425px; }
        .planSection .kukakuBlock .pct .maplink36 {
          width: 84px;
          height: 107px;
          top: 826px;
          left: 425px; }
      .planSection .kukakuBlock .btn {
        position: absolute;
        top: 155px;
        right: 120px; }
        .planSection .kukakuBlock .btn a:hover {
          opacity: 0.7; }
    .planSection .specBlock ul {
      overflow: hidden; }
      .planSection .specBlock ul li {
        /*position: relative;
        float: left;*/
        margin-bottom: 20px;
	padding-top: 20px;}
        .planSection .specBlock ul li:nth-of-type(2n) {
          /*float: right;*/ }
        .planSection .specBlock ul li a:hover {
          opacity: 0.7; }
        .planSection .specBlock ul li #List02,
        .planSection .specBlock ul li #List03,
        .planSection .specBlock ul li #List08,
        .planSection .specBlock ul li #List09,
        .planSection .specBlock ul li #List13,
        .planSection .specBlock ul li #List14,
        .planSection .specBlock ul li #List33,
        .planSection .specBlock ul li #List34,
        .planSection .specBlock ul li #List35,
        .planSection .specBlock ul li #List36 {
          position: absolute;
          top: -100px;
          left: 0; }
    .planSection .specBlock .banner {
      padding-top: 75px;
      text-align: center; }
      .planSection .specBlock .banner img {
        margin: 0 auto; }
      .planSection .specBlock .banner a:hover img {
        opacity: 0.7; } 
      .planSection .titleBlock p.caption {
        padding: 0px 0 40px;
        font-size: 24px;}
	
	.room {
		margin: 70px auto 0px;
		text-align: center;
		font-size: 30px;
		font-family:"Yu Mincho";
	}
	.room .red {
		display: inline;
		vertical-align: 5px;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		line-height: 18px;
		margin-left: 20px;
		padding: 6px 40px;
		background-color: #ff0000;
		border-radius: 10px;
	}
	.model_box {
		overflow: hidden;
		width: 1020px;
		margin: 0 auto;
		padding: 50px;
		background-color: #e5e5e5;
	}
	.model_box .left {
		float: left;
		width: 500px;
	}
	.model_box .left ul{
		width: 440px;
		margin-top:21px;
	}
	.model_box .left ul li{
		float:left!important;
		width: 70px;
		height:70px;
		margin-right:22px;
		padding-top:0;
	}
	.model_box .left ul li:nth-child(5n){
		margin-right:0px;
	}
	.model_box .left ul li img{
		width: 100%;
		height:70px;
		object-fit: cover;
	}
	.model_box .right {
		float: right;
		width: 518px;
	}
	.model_box .right .model_box_text {
		/*height:186px;*/
		padding-left:60px;
	}
	.model_box .right p {
		font-size: 20px;
		line-height: 20px;
		font-family:"Yu Mincho";
	}
	.model_box .right p .big {
		font-size: 36px;
		line-height: 54px;
		font-weight: bold;
	}
	.model_box .right p .middle {
		font-size: 30px;
		line-height: 38px;
		font-weight: bold;
	}
	.model_box .right p .normal {
		font-size: 24px;
		line-height: 28px;
		font-weight: bold;
	}
	.model_box .right p .small {
		font-size: 14px;
	}
	.model_box .right .model_btn {
		width: 400px;
		height: 83px;
		margin: 0 auto;
		margin-top: 20px;
	}
	.model_box .right .last {
		margin-top: 10px;
	}
	.specBlock {
	background-color: #e5e5e5;
  width: 100%;
	}
	#gallery {
		    margin: 0 auto 70px;
  }
	 .gallerySection {
    padding-bottom: 1px;
    margin-bottom: 70px;
  }
	.fo18 {
		font-size: 18px!important;
	}
}

@media screen and (max-width: 768px) {
  .mv {
    background-image: url("../images/plan/mv_plan.jpg"); }
  .planSection {
    padding: 0 0px; }
    .planSection .kukakuBlock {
      position: relative;
      margin-bottom: 30px; }
      .planSection .kukakuBlock .title,
      .gallerySection .title {
        display: inline-block;
        font-size: 12px;
        line-height: 1.1;
        padding: 3px 10px;
        border: 1px solid #000;
	    margin-bottom: 10px;}
      .planSection .kukakuBlock .title {
	    margin-left: 5%;}
      .planSection .kukakuBlock .pct {
        position: relative; }
        .planSection .kukakuBlock .pct .maplink02,
        .planSection .kukakuBlock .pct .maplink03,
        .planSection .kukakuBlock .pct .maplink08,
        .planSection .kukakuBlock .pct .maplink09,
        .planSection .kukakuBlock .pct .maplink13,
        .planSection .kukakuBlock .pct .maplink14,
        .planSection .kukakuBlock .pct .maplink33,
        .planSection .kukakuBlock .pct .maplink34,
        .planSection .kukakuBlock .pct .maplink35,
        .planSection .kukakuBlock .pct .maplink36 {
          display: block;
          text-indent: -9999px;
          position: absolute; }
          .planSection .kukakuBlock .pct .maplink02:active,
          .planSection .kukakuBlock .pct .maplink03:active,
          .planSection .kukakuBlock .pct .maplink08:active,
          .planSection .kukakuBlock .pct .maplink09:active,
          .planSection .kukakuBlock .pct .maplink13:active,
          .planSection .kukakuBlock .pct .maplink14:active,
          .planSection .kukakuBlock .pct .maplink33:active,
          .planSection .kukakuBlock .pct .maplink34:active,
          .planSection .kukakuBlock .pct .maplink35:active,
          .planSection .kukakuBlock .pct .maplink36:active {
            background-color: rgba(255, 255, 255, 0.1); }
        .planSection .kukakuBlock .pct .maplink02 {
          width: 19.41581%;
          height: 8.3926%;
          top: 75.96017%;
          left: 3.60825%; }
        .planSection .kukakuBlock .pct .maplink03 {
          width: 15.80756%;
          height: 8.3926%;
          top: 67.56757%;
          left: 3.60825%; }
        .planSection .kukakuBlock .pct .maplink08 {
          width: 18.04124%;
          height: 7.11238%;
          top: 57.61024%;
          left: 11.16838%; }
        .planSection .kukakuBlock .pct .maplink09 {
          width: 18.04124%;
          height: 7.11238%;
          top: 57.61024%;
          left: 28.86598%; }
        .planSection .kukakuBlock .pct .maplink13 {
          width: 15.12027%;
          height: 8.10811%;
          top: 49.50213%;
          left: 34.87973%; }
        .planSection .kukakuBlock .pct .maplink14 {
          width: 15.97938%;
          height: 8.10811%;
          top: 49.50213%;
          left: 50%; }
        .planSection .kukakuBlock .pct .maplink33 {
          width: 14.43299%;
          height: 7.61024%;
          top: 35.633%;
          left: 73.02405%; }
        .planSection .kukakuBlock .pct .maplink34 {
          width: 14.43299%;
          height: 7.61024%;
          top: 43.38549%;
          left: 73.02405%; }
        .planSection .kukakuBlock .pct .maplink35 {
          width: 14.43299%;
          height: 7.61024%;
          top: 51.06686%;
          left: 73.02405%; }
        .planSection .kukakuBlock .pct .maplink36 {
          width: 14.43299%;
          height: 7.61024%;
          top: 58.74822%;
          left: 73.02405%; }
      .planSection .kukakuBlock .btn {
        position: absolute;
        top: -35px;
        right: 0; }
        .planSection .kukakuBlock .btn img {
          width: 90px; }
        .planSection .kukakuBlock .btn a:active {
          opacity: 0.7; }
    .planSection .specBlock {
      /*margin-bottom: 50px;*/ }
      .planSection .specBlock ul {
        overflow: hidden; }
        .planSection .specBlock ul li {
          position: relative;
          margin-bottom: 10px;
			padding-top: 30px;
          text-align: center; }
          .planSection .specBlock ul li #List02,
          .planSection .specBlock ul li #List03,
          .planSection .specBlock ul li #List08,
          .planSection .specBlock ul li #List09,
          .planSection .specBlock ul li #List13,
          .planSection .specBlock ul li #List14,
          .planSection .specBlock ul li #List33,
          .planSection .specBlock ul li #List34,
          .planSection .specBlock ul li #List35,
          .planSection .specBlock ul li #List36 {
            position: absolute;
            top: -50px;
            left: 0; }
          .planSection .specBlock ul li img {
            /*width: 79.7%;*/ }
          .planSection .specBlock ul li a:active {
            opacity: 0.7; }
      .planSection .specBlock .banner {
        padding: 45px 15px 0;
        text-align: center; }
        .planSection .specBlock .banner img {
          margin: 0 auto; }
        .planSection .specBlock .banner a:active img {
          opacity: 0.7; } 
      .planSection .titleBlock p.caption {
        font-size: 18px;
        margin-bottom: 45px; }
      .planSection .titleBlock p.caption img{
        width:65%;}
	
	.room {
		margin: 70px auto 0px;
		text-align: center;
		font-size: 28px;
		line-height: 34px;
		font-family:"Yu Mincho";
	}
	.room .red {
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		line-height: 24px;
		padding: 6px 30px;
		background-color: #ff0000;
		border-radius: 10px;
	}
	.model_box {
		width: 90%;
		margin: 0 auto;
		padding: 5%;
		background-color: #e5e5e5;
	}
	.model_box .left {
		width: 100%;
		margin-bottom: 20px;
	}
	.model_box .left img {
		width: 100%!important;
	}
	.model_box .left ul{
		width: 100%;
		margin-top:21px;
	}
	.model_box .left ul li{
		float:left!important;
		width: 18.4%;
		height:14VW;
		margin-right:2%;
		padding-top:0;
	}
	.model_box .left ul li:nth-child(5n){
		margin-right:0px;
	}
	.model_box .left ul li img{
		width: 100%;
		height:14VW;
		object-fit: cover;
	}
	.model_box .right {
		width: 100%;
	}
	.model_box .right p {
		font-size: 14px;
		line-height: 16px;
		font-family:"Yu Mincho";
		text-align: left;
	}
	.model_box .right  p:first-child {
		line-height: 22px;
	}
	.model_box .right p .big {
		font-size: 28px;
		line-height: 27px;
		font-weight: bold;
	}
	.model_box .right p .middle {
		font-size: 20px;
		line-height: 16px;
		font-weight: bold;
	}
	.model_box .right p .normal {
		font-size: 16px;
		line-height: 28px;
		font-weight: bold;
	}
	.model_box .right p .small {
		font-size: 9px;
	}
	.model_box .right .model_btn {
		width: 100%;
		margin: 0 auto;
		margin-top: 20px;
	}
	.model_box .right .last {
		margin-top: 10px;
	}
	.specBlock,
	.gallerySection {
		background-color: #e5e5e5;
  	}
	 #gallery {
    	margin: 0px auto 50px;
		padding-bottom: 20px;
  	}
}