@charset "utf-8";


.areaSectionSpacing {
  height:50px;
}

h1 {
  margin:0 auto 50px;
  width:215px;
  height:156px;
  background:url("../img/bg_h2.png") no-repeat center center;
  background-size:215px 156px;
}
h1 strong {
  display:block;
  padding:60px 0 0;
  font-size:24px;
  font-family: "Shippori Mincho", serif;  
  font-weight:normal;
  color:#fff;
  text-align:center;
  letter-spacing:0.1em;
  line-height:1.2em;
}

.boxSection {
  margin:0 auto 80px;
  padding:70px 0;
  width:1000px;
  background:url("../img/line_dot.png") repeat-x top center;
  background-size:904px 10px;
}

#boxHeaderMenu {
}
#boxHeaderMenu ul {
  margin:0 auto;
  width:980px;
}
#boxHeaderMenu ul li {
  float:left;
  margin:10px;
  width:calc( 50% - 20px );
  list-style:none;
}
#boxHeaderMenu ul li a {
  display:block;
  padding:10px 20px 10px 30px;
  text-decoration:none;
  background:url("../../common/img/rect_btn_bg_facility.png") no-repeat 30px center;
  background-size:18px 24px;
  border:2px solid #dabba0;
  border-radius:10px;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
}
#boxHeaderMenu ul li a:hover {
  background-position:40px center;
}
#boxHeaderMenu ul li a span {
  display:block;
  padding:20px 0;
  font-size:22px;
  font-family: "Shippori Mincho", serif;  
  font-weight:normal;
  color:#dabba0;
  text-align:center;
  letter-spacing:0.1em;
  line-height:1em;
}
#boxHeaderMenu ul li a span#menu1_1 {
  background:url("../img/image_menu_1.png") no-repeat right center;
  background-size:81px 54px;
}
#boxHeaderMenu ul li a span#menu1_2 {
  background:url("../img/image_menu_2.png") no-repeat right center;
  background-size:81px 54px;
}
#boxHeaderMenu ul li a span#menu1_3 {
  background:url("../img/image_menu_3.png") no-repeat right center;
  background-size:81px 54px;
}
#boxHeaderMenu ul li a span#menu1_4 {
  background:url("../img/image_menu_4.png") no-repeat right center;
  background-size:81px 54px;
}


.boxSection {
  position:relative;
  z-index:1;
}
.boxSection h2 {
  position:absolute;
  top:-85px;
  left:calc( 50% - 85px );
  width:170px;
  height:170px;
  text-indent:-9999px;
  z-index:2;
}
.boxSection h2#sec1 {
  background:url("../img/sec_image_1.png") no-repeat center center;
}
.boxSection h2#sec2 {
  background:url("../img/sec_image_2.png") no-repeat center center;
}
.boxSection h2#sec3 {
  background:url("../img/sec_image_3.png") no-repeat center center;
}

.boxSection .secBody {
  padding:40px 0 0;
}

.boxSection #boxPattern2 {
}
.boxSection #boxPattern2 ul {
  margin:0 auto;
  width:700px;
}
.boxSection #boxPattern2 ul li {
  float:left;
  padding:10px;
  list-style:none;
}
.boxSection #boxPattern2 ul li strong {
  display:block;
  padding:15px 0;
  width:330px;
  color:#fff;
  font-size:20px;
  line-height:1.0em;
  text-align:center;
  background:#dabba0;
  border-radius:10px;
}
.boxSection #boxPattern4 {
}
.boxSection #boxPattern4 ul {
  margin:0 auto;
  width:1000px;
}
.boxSection #boxPattern4 ul li {
  float:left;
  padding:10px;
  list-style:none;
}
.boxSection #boxPattern4 ul li strong {
  display:block;
  padding:15px 0;
  width:230px;
  color:#fff;
  font-size:20px;
  line-height:1.0em;
  text-align:center;
  background:#dabba0;
  border-radius:10px;
}
.boxSection #boxPattern4 ul li span {
  display:block;
  padding:10px 0;
  width:230px;
  font-size:15px;
  line-height:1.5em;
}
.boxSection #boxPattern4 p.itemPattenResult,
.boxSection #boxPattern2 ul li p.itemPattenResult {
  margin-top:20px;
  padding:30px 0 0;
  text-align:center;
  font-size:26px;
  background:url("../img/rect_down.png") no-repeat center top;
  background-size:25px 15px;
}

#boxSectionBorder {
  position:relative;
  margin:0 auto 60px;;
  width:1000px;
  border:2px solid #dabba0;
  border-radius:10px;
  z-index:1;
}
#boxSectionBorder h2 {
  position:absolute;
  top:-85px;
  left:calc( 50% - 85px );
  width:170px;
  height:170px;
  text-indent:-9999px;
  z-index:2;
}
#boxSectionBorder h2#sec4 {
  background:url("../img/sec_image_4.png") no-repeat center center;
}
#boxSectionBorder #body {
  padding:100px 0 30px;
  text-align:center;
}
#boxSectionBorder #body p.lineDot {
  margin:0 auto;
  width:600px;
  height:50px;
  font-size:1px;
  background:url("../img/line_dot.png") repeat-x center center;
  background-size:904px 10px;
}
#boxSectionBorder #body #name {
  font-size:24px;
}
#boxSectionBorder #body #park {
  color:#f00;
}

#boxSectionBorder #memo {
  padding:20px 80px;
  font-size:15px;
  line-height:1.5em;
  border-top:2px solid #dabba0;
}
#boxSectionBorder #memo a {
  color:#000;
  text-decoration:none;
}
#boxSectionBorder #memo a:hover {
  text-decoration:underline;
}

.boxRectBrown {
  margin:0 auto;
  width:900px;
  border:2px solid #dabba0;
  border-radius:10px;
}
.boxRectBrown ul {
  padding:25px 25px;
  font-size:16px;
  line-height:1.3em;
}
.boxRectBrown ul li {
  margin-left:30px;
  margin-bottom:6px;
}

.boxMap {
  padding:0 0 150px;
}


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


h1 {
  width:150px;
  height:108px;
  background:url("../img/bg_h2.png") no-repeat center center;
  background-size:150px 108px;
}
h1 strong {
  padding:40px 0 0;
  font-size:20px;
  line-height:1.2em;
}

#boxHeaderMenu ul {
  margin:0 20px;
  width:auto;
}
#boxHeaderMenu ul li {
  float:none;
  width:auto;
}
#boxHeaderMenu ul li a {
  padding:5px 20px 5px 20px
}
#boxHeaderMenu ul li a span {
  display:block;
  padding:15px 0;
  font-size:20px;
}
#boxHeaderMenu ul li a span#menu1_1 {
  background:url("../img/image_menu_1.png") no-repeat right center;
  background-size:63px 42px;
}
#boxHeaderMenu ul li a span#menu1_2 {
  background:url("../img/image_menu_2.png") no-repeat right center;
  background-size:63px 42px;
}
#boxHeaderMenu ul li a span#menu1_3 {
  background:url("../img/image_menu_3.png") no-repeat right center;
  background-size:63px 42px;
}
#boxHeaderMenu ul li a span#menu1_4 {
  background:url("../img/image_menu_4.png") no-repeat right center;
  background-size:63px 42px;
}

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

.boxSection .secBody .bodyImage img {
  width:100%;
  height:auto;
}


.boxSection #boxPattern4 p.itemPattenResult,
.boxSection #boxPattern2 ul li p.itemPattenResult {
  margin-top:20px;
  padding:30px 0 0;
  text-align:center;
  font-size:18px;
  background:url("../img/rect_down.png") no-repeat center top;
  background-size:25px 15px;
}


.boxSection #boxPattern2 ul {
  margin:0 auto;
  width:auto;
}
.boxSection #boxPattern2 ul li {
  float:none;
  padding:10px;
}
.boxSection #boxPattern2 ul li strong {
  padding:15px 0;
  width:auto;
  color:#fff;
  font-size:18px;
}

.boxSection #boxPattern4 ul {
  margin:0 auto;
  width:auto;
}
.boxSection #boxPattern4 ul li {
  float:none;
}
.boxSection #boxPattern4 ul li strong {
  display:block;
  padding:15px 0;
  width:auto;
  font-size:18px;
}
.boxSection #boxPattern4 ul li span {
  padding:10px 0;
  width:auto;
  font-size:15px;
}

.boxSection h2 {
  top:-60px;
  left:calc( 50% - 60px );
  width:120px;
  height:120px;
  text-indent:-9999px;
  z-index:2;
}
.boxSection h2#sec1 {
  background:url("../img/sec_image_1.png") no-repeat center center;
  background-size:120px 120px;
}
.boxSection h2#sec2 {
  background:url("../img/sec_image_2.png") no-repeat center center;
  background-size:120px 120px;
}
.boxSection h2#sec3 {
  background:url("../img/sec_image_3.png") no-repeat center center;
  background-size:120px 120px;
}

#boxSectionBorder h2 {
  position:absolute;
  top:-60px;
  left:calc( 50% - 60px );
  width:120px;
  height:120px;
  text-indent:-9999px;
  z-index:2;
}
#boxSectionBorder #body {
  padding:80px 0 30px;
  text-align:center;
}
#boxSectionBorder h2#sec4 {
  background:url("../img/sec_image_4.png") no-repeat center center;
  background-size:120px 120px;
}

#boxSectionBorder {
  position:relative;
  margin:0 20px 60px;
  padding:0 20px;
  width:auto;
  z-index:1;
}
#boxSectionBorder #body p.lineDot {
  width:200px;
}
#boxSectionBorder #body #name {
  font-size:20px;
  line-height:1.3em;
}
#boxSectionBorder #memo {
  padding:20px 40px;
}

.boxRectBrown {
  margin:0 auto;
  width:auto;
}

#imageShuttleBus img {
  width:70%;
}


}