.infobox {
  display: block;
  width: 230px;
  position: relative;
  background: #3879ab;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #3879ab;
}
.infobox .inner .header{
  background-color: #3879ab;
  padding: 5px;
  position: relative;
}
.infobox .inner .header img {
  position: absolute;
  right: 10px;
  top: 10px;
}
.infobox .inner .header h3 {
  color: #fff;
  font-size: 1.4rem;
}
.infobox .inner .container {
  padding: 5px;
  font-size: 14px;
}
.infobox .inner p {
  margin-bottom: 0px;
}
.infobox .inner .footer {
  text-align: right;
  padding: 10px;
}
.infobox .inner {
  background: #fff;
  min-height: 100px;
  position: relative;
}
.infobox .inner img {
  float: left;
  margin-right: 10px;
}
/*.infobox .inner a {
  padding: 5px 20px;
  background: url("../img/bg_arrow_c.png") no-repeat center right;
  border: none;
  padding-right: 24px;
  color:#000;
  font-size: 14px;
  position: absolute;
  bottom: 10px;
  right: 10px;
} */
.infobox img {
    z-index: 1
}


/* オリエンタル追記 */
#infoDetail h2 { font-size: 2.4rem; color: #004899; font-weight: bold; }
#infoDetail hr { border: none; color: none; height: 1px; background: #004899; margin: 45px 0; }
.photobox { display: flex; justify-content: flex-start; flex-wrap: wrap; max-width: 700px; width: 90%; margin: auto; }
.photobox > .img { max-width: 220px; width: 32%; margin-top: 30px; margin-left: 2%; }
.photobox > .img:nth-child(2) { margin-left: 0; }
.photobox > .img img,.photobox > .imgl img { margin-bottom: 5px; }
.photobox > .imgl { width: 700px; margin-top: 30px; }

@media screen and (max-width: 768px) {
	.photobox { margin-bottom: 30px; }

}