@charset "utf-8";

/* offering_pc.css
 * ************************************************** */

/* common */
.topic {
  margin: 30px 0;
}
.my-gallery figure {
  width: 200px;
  float: left;
  margin-left: 30px;
}
.my-gallery figure:nth-child(4n+1) {
  margin-left: 0;
}
.my-gallery figure:nth-child(n+5) {
  margin-top: 40px;
}
.my-gallery figure img {
  width: 100%;
}
.my-gallery figcaption p:first-child {
  padding: 0.75em 0 0.25em;
}
.my-gallery figcaption p em,
.pswp__caption p em {
  width: 4.5em;
  text-align: center;
  color: #fff;
}
.my-gallery figcaption span,
.pswp__caption p span {
  font-family: 'Fjalla One', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.5em;
  letter-spacing: 0.02em;
}
.my-gallery figcaption p em,
.pswp__caption p em {
  display: inline-block;
  margin-right: 0.5em;
  font-size: 0.9em;
  position: relative;
  top: -0.25em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.my-gallery figcaption .icon01 em,
.pswp__caption .icon01 em {
  background: #2d9cb1;
}
.my-gallery figcaption .icon02 em,
.pswp__caption .icon02 em {
  background: #ff931e;
}
.my-gallery figcaption i,
.pswp__caption i {
  font-style: normal;
  font-size: 0.9em;
  color: #999999;
}
.my-gallery figcaption small {
  display: block;
}
.my-gallery .notes {
  margin-top: 0;
}

/* #cat01 */
#cat01 {
  position: relative;
}
#cat01 > ul.option {
  width: 430px;
  background: #f5f5f5;
  padding: 1em;
  position: absolute;
  top: 55%; right: 0;
}
#cat01 > ul.option li {
  color: #4d4d4d;
  padding-left: 1em;
  position: relative;
}
#cat01 > ul.option li:before {
  content: "・";
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0; left: 0;

}
h3 small {
  font-size: 0.6em;
  font-weight: normal;
}