@charset "utf-8";

#boxPageTitle {
  padding:64px 0;
  background:url("../img/bg_sub_1.jpg") no-repeat center bottom -10px;
  background-size:cover;
}
#boxPageTitleSmall {
  display:none;
  position:fixed;
  top:90px;
  padding:18px 0;
  width:100%;
  background:url("../img/bg_sub_1.jpg") no-repeat center bottom -160px;
  background-size:cover;
  z-index:50
}
#boxPageTitleSmall span {
  color:#fff;
}

#Content section #boxMessage {
  padding-bottom:50px;
  font-size:24px;
  font-family: "Shippori Mincho", serif;
  line-height:1.5em;
  text-align:center;
}

#Content section #listBanner {
}
#Content section #listBanner ul {
  list-style:none;
}
#Content section #listBanner ul li {
  float:left;
  margin:5px 5px 30px 5px;
  width:calc( 50% - 10px );
  list-style:none;
  background:#fff;
  opacity:1;
  transition: 0.50s;
}
#Content section #listBanner ul li:hover {
  opacity:0.75;
  transition: 0.50s;
}
#Content section #listBanner ul li p {
  padding:15px 20px;
  height:2.5em;
  color:#000;
  font-size:24px;
  font-weight:500;
  line-height:1.3em;
  text-align:center;
}
#Content section #listBanner ul li ul {
  padding:0;
}
#Content section #listBanner ul li ul li {
  float:left;
  margin:0;
  width:100%;
  height:auto;
  border:none;
}
#Content section #listBanner ul li ul li.itemTwo {
  width:50%;
}
#Content section #listBanner ul li ul li:hover {
  border:none;
}
#Content section #listBanner ul li ul li a {
  display:block;
  padding:15px 0;
  color:#9e005d;
  font-size:20px;
  text-align:center;
  text-decoration:none;
  background:#fff url("../../shared/img/icon_rect_circle.png") no-repeat center right 10px;
  background-size:24px 24px;
  border-top:2px solid #f0f0f0;
}
#Content section #listBanner ul li ul li a:hover {
  border-top:2px solid #9e005d;
}

.imageBanner {
  height:250px;
  text-indent:-9999px;
}
#banner1 {
  background:url("../img/photo_banner_1.jpg") no-repeat center center;
  background-size:cover;
}
#banner2 {
  background:url("../img/photo_banner_2.jpg") no-repeat center center;
  background-size:cover;
}
#banner3 {
  background:url("../img/photo_banner_3.jpg") no-repeat center center;
  background-size:cover;
}
#banner4 {
  background:url("../img/photo_banner_4.jpg") no-repeat center center;
  background-size:cover;
}
#banner5 {
  background:url("../img/photo_banner_5.jpg") no-repeat center center;
  background-size:cover;
}
#banner6 {
  background:url("../img/photo_banner_6.jpg") no-repeat center center;
  background-size:cover;
}
#banner7 {
  background:url("../img/photo_banner_7.jpg") no-repeat center center;
  background-size:cover;
}
#banner8 {
  background:url("../img/photo_banner_4.jpg") no-repeat center center;
  background-size:cover;
}
#banner9 {
  background:url("../img/photo_banner_9.jpg") no-repeat center center;
  background-size:cover;
}







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

#boxPageTitle {
  padding:64px 0;
  background:url("../img/bg_sub_1.jpg") no-repeat center bottom;
  background-size:cover;
}
#boxPageTitleSmall {
  top:80px;
  background:url("../img/bg_sub_1.jpg") no-repeat center top;
  background-size:100%;
}

#Content section #boxMessage {
  padding-bottom:30px;
  font-size:20px;
  line-height:1.3em;
}

#Content section #listBanner ul li {
  float:none;
  margin:5px 5px 30px 5px;
  width:auto;
  list-style:none;
  background:#fff;
  opacity:1;
  transition: 0.50s;
}
  
.imageBanner {
  height:150px;
  backgound-size:contain;
}

#Content section #listBanner ul li p {
  padding:10px 0;
  height:2.5em;
  font-size:18px;
}

#Content section #listBanner ul li ul li a {
  padding:12px 0;
  font-size:15px;
  background:#fff url("../../shared/img/icon_rect_circle.png") no-repeat center right 5px;
  background-size:18px 18px;
}



}