@charset "utf-8";

h1 {
  display:none;
}

#boxVisual {
  position:relative;
  width:100%;
  height:600px;
  overflow:hidden;
  z-index:1;
}
#boxVisual div.autoplay {
  width:100%;
  height:600px;
}
#boxVisual div.autoplay img {
  width:100%;
  height:auto;
}
#boxVisual p#copy {
  position:absolute;
  top:calc( 50% - 30px );
  left:calc( 50% - 170px );
  margin:0 auto;
  width:340px;
  height:80px;
  text-indent:-9999px;
  background:url("../img/copy_visual.png") no-repeat center center;
  background-size:340px 80px;
  z-index:2;
}

.areaSectionSpacing {
  height:50px;
}

.boxSectionBorder {
  margin:0 auto;
  padding:50px 0 50px;
  width:1000px;
  background:url("../img/bg_line_dot.png") repeat-x bottom center;
}

.boxSectionBorder h2 {
  display:block;
  margin:0 auto;
  width:180px;
  height:136px;
  background:url("../img/bg_h2.png") no-repeat center center;
  background-size:180px 136px;
  z-index:2;
}
.boxSectionBorder h2 span {
  display:block;
  padding-top:50px;
  font-family: "Shippori Mincho", serif;  
  font-size:24px;
  font-weight:normal;
  color:#fff;
  letter-spacing:0.2em;
  line-height:1.3em;
  text-align:center;
}

.boxSection {
  margin:0 auto;
  padding:20px 0 50px;
  width:1100px;
}

#pageFacility .item {
  cursor:pointer;
}
#pageFacility .item:hover {
  opacity:0.75;
}



#itemWomens {
}
#itemWomens h3 {
  display:block;
  margin:50px auto;
  width:204px;
  height:54px;
  background:#f2c1c7;
  border:3px solid #f2c1c7;
  border-radius:10px;
}
#itemWomens h3 span {
  display:block;
  padding:15px 0;
  width:200px;
  font-family: "Shippori Mincho", serif;  
  font-size:20px;
  font-weight:normal;
  color:#fff;
  letter-spacing:0.2em;
  line-height:1.0em;
  text-align:center;
  border:2px solid #fff;
  border-radius:10px;
}
#itemWomens h4 {
  display:block;
  margin:0 0 20px 0;
  padding:15px 0;
  width:100%;
  font-family: "Shippori Mincho", serif;  
  font-size:20px;
  font-weight:normal;
  color:#fff;
  letter-spacing:0.2em;
  line-height:1.0em;
  text-align:center;
  background:#f2c1c7;
  border-radius:10px;
}
#itemChild {
}
#itemChild h3 {
  display:block;
  margin:50px auto;
  width:204px;
  height:54px;
  background:#b3d8b4;
  border:3px solid #b3d8b4;
  border-radius:10px;
}
#itemChild h3 span {
  display:block;
  padding:15px 0;
  width:200px;
  font-family: "Shippori Mincho", serif;  
  font-size:20px;
  font-weight:normal;
  color:#fff;
  letter-spacing:0.2em;
  line-height:1.0em;
  text-align:center;
  border:2px solid #fff;
  border-radius:10px;
}
#itemChild h4 {
  display:block;
  margin:0 0 20px 0;
  padding:15px 0;
  width:100%;
  font-family: "Shippori Mincho", serif;  
  font-size:20px;
  font-weight:normal;
  color:#fff;
  letter-spacing:0.2em;
  line-height:1.0em;
  text-align:center;
  background:#b3d8b4;
  border-radius:10px;
}
#itemWomens ul,
#itemChild ul {
  padding:0 0 40px;
}
#itemWomens ul li,
#itemChild ul li {
  float:left;
  padding:5px;
  list-style:none;
  line-height:0em;
}
#itemWomens ul li div,
#itemChild ul li div {
  width:265px;
}
#itemWomens ul li div img,
#itemChild ul li div img {
  width:100%;
  height:auto;
}
#itemWomens ul li div span,
#itemChild ul li div span {
  display:block;
  padding:9px 0;
  font-family: "Shippori Mincho", serif;  
  font-size:18px;
  font-weight:normal;
  color:#fff;
  letter-spacing:0.1em;
  line-height:1.0em;
  text-align:center;
  background:#c8c0bb;
}
#itemChild ul li div span small {
  font-size:15px;
}


#boxImageFloorW {
  margin:30px auto 50px;
  width:1050px;
}
#boxImageFloorW #itemFloor1 {
  float:right;
  width:700px;
}
#boxImageFloorW #itemFloor2 {
  float:left;
  padding-top:350px;
  width:350px;
}

#boxImageFloorC {
  margin:30px 0 150px;
  text-align:center;
}




/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
@media print, screen and (max-width: 640px) {

#boxVisual {
  height:400px;
}
#boxVisual div.autoplay {
  height:400px;
}
#boxVisual div.autoplay img {
  width:auto;
  height:400px;
}
#boxVisual p#copy {
  position:absolute;
  top:calc( 50% - 30px );
  left:calc( 50% - 110px );
  margin:0 auto;
  width:220px;
  height:51px;
  text-indent:-9999px;
  background:url("../img/copy_visual.png") no-repeat center center;
  background-size:220px 51px;
  z-index:2;
}

.boxSectionBorder h2 {
  width:150px;
  height:108px;
  background:url("../img/bg_h2.png") no-repeat center center;
  background-size:150px 108px;
  z-index:2;
}
.boxSectionBorder h2 span {
  padding-top:40px;
  font-size:20px;
  line-height:1.2em;
}

.boxSectionBorder {
  margin:0 auto;
  padding:20px 0 50px;
  width:100%;
  background:url("../img/bg_line_dot.png") repeat-x bottom center;
}

.boxSection {
  margin:0;
  padding:20px 10px 50px;
  width:auto;
}

#itemWomens h4,
#itemChild h4 {
  margin:0 0 20px 0;
  padding:12px 0;
  font-size:15px;
}

#itemWomens ul li,
#itemChild ul li {
  width:calc( 50% - 10px );
}
#itemWomens ul li div,
#itemChild ul li div {
  width:100%;
}
#itemWomens ul li div span,
#itemChild ul li div span {
  font-size:12px;
}


#boxImageFloorW {
  margin:30px auto 50px;
  width:auto;
}
#boxImageFloorW #itemFloor1 {
  float:none;
  width:auto;
  text-align:center;
}
#boxImageFloorW #itemFloor2 {
  float:none;
  padding-top:30px;
  width:auto;
  text-align:center;
}
#boxImageFloorW #itemFloor1 img {
  width:80%;
}
#boxImageFloorW #itemFloor2 img {
  width:50%;
}

#boxImageFloorC {
  margin:30px 0 150px;
  text-align:center;
}
#boxImageFloorC img {
  width:80%;
}


}