@charset "utf-8";

#main #content #boxSubVisual {
  background:url("../img/bg_visual.jpg") no-repeat center center;
  background-size:cover;
}
#main #content #boxSubVisual h1 {
  letter-spacing:0em;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
}

#main #content #body {
}
#main #content #body h3 {
  color:#192f72;
}
#main #content #body h4 {
  padding-left:9px;
  color:#192f72;
  font-size:20px;
  line-height:1.0em;
  border-left:4px solid #192f72;
}
#main #content #body p {
  padding-bottom:12px;
}
#main #content #body .boxPhoto {
  float:right;
  margin:24px;
  width:300px;
}
#main #content #body .boxPhoto span {
  display:block;
  padding:6px 0;
  font-size:15px;
  text-align:center;
}
#main #content #body #boxIntroThum {
}
#main #content #body #boxIntroThum ul {
}
#main #content #body #boxIntroThum ul li {
  float:left;
  width:33%;
  list-style:none;
}
#main #content #body #boxIntroThum ul li a {
  display:block;
  padding:10px;
}
#main #content #body #boxIntroThum ul li a:hover {
  opacity:0.75;
}
#main #content #body #boxIntroThum ul li a img {
  width:100%;
}
#main #content #body .itemSecImage {
  padding-bottom:24px;
}
#main #content #body .itemSecImage img {
  width:100%;
}
#main #content #body .itemSecImageSub {
  text-align:center;
}







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

#main #content #boxSubVisual h1 {
  font-size:30px;
}

#main #content #body h3 {
  font-size:20px;
}
#main #content #body h4 {
  font-size:18px;
}

#main #content #body .itemSecImageSub img {
  width:100%;
}


}