@charset "UTF-8";
/* photobook styles */
html {
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  min-width: 1150px;
  height: 100%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden; }

a {
  transition: opacity 0.3s; }

a:hover {
  opacity: 0.6; }

.spOnly {
  display: none; }

div#mainVisual {
  width: 100%; }
  div#mainVisual div {
    width: 100%; }
    div#mainVisual div h1 {
      display: none; }
    div#mainVisual div div#visual01 img {
      width: 100%;
      height: auto; }

div#productName {
  padding: 110px 0;
  text-align: center; }
  div#productName img {
    width: 520px;
    height: auto; }

div#visual02 img, div#visual03 img {
  width: 100%;
  height: auto; }

div.caption {
  padding: 110px 0;
  text-align: center; }
  div.caption h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 42px;
    letter-spacing: 0.2em; }
  div.caption span.underLine {
    margin: 18px auto 25px auto;
    display: block;
    width: 90px;
    height: 1px;
    background: #808080; }
    div.caption span.underLine.itemData {
      margin-bottom: 0; }
  div.caption p {
    font-size: 16px;
    font-weight: bold;
    line-height: 29px; }
    div.caption p.itemPrice {
      font-size: 24px;
      margin: 25px 0 5px 0; }
      div.caption p.itemPrice span {
        font-size: 18px; }
    div.caption p.itemData {
      margin-bottom: 30px; }
    div.caption p.itemSubdata {
      font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: normal;
      margin-bottom: 90px; }
      div.caption p.itemSubdata a {
        color: #000;
        text-decoration: underline; }
  div.caption a.btnShopList {
    display: inline-block;
    text-align: center;
    width: 280px;
    background: #7c807f;
    color: #fff;
    font-size: 18px;
    padding: 6px;
    margin-top: 10px; }
  div.caption div.itemImg {
    margin-top: 55px; }
    div.caption div.itemImg img {
      width: 458px;
      height: auto; }

div#designerProfile {
  text-align: center; }
  div#designerProfile div {
    margin-bottom: 75px; }
    div#designerProfile div img {
      width: 190px;
      height: auto; }
  div#designerProfile h3, div#designerProfile p {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }
  div#designerProfile h3 {
    font-weight: 500;
    font-size: 25px;
    line-height: 28px; }
  div#designerProfile p {
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 24px; }
    div#designerProfile p:last-child {
      margin-bottom: 0; }

div#footer {
  width: 380px;
  border-top: solid 1px #808080;
  margin: 110px auto 0 auto;
  padding: 65px 0; }
  div#footer div.logo {
    text-align: center;
    margin-bottom: 65px; }
  div#footer p {
    text-align: center;
    font-size: 12px; }

/* css3 animation */
.inviewfadeIn {
  opacity: 0;
  transition: opacity 3s; }

.fadeIn {
  opacity: 1.0; }

@media screen and (max-width: 800px) {
  body {
    width: 100%;
    min-width: 0; }

  .pcOnly {
    display: none; }

  .spOnly {
    display: block; }

  div.caption h3 {
    font-size: 28px;
    line-height: 50px;
    letter-spacing: 0; }
  div.caption p {
    font-size: 19px;
    font-weight: bold;
    line-height: 34px; }
  div.caption a.btnShopList {
    font-size: 24px;
    width: 400px;
    padding: 30px;
    margin-top: 30px; } }

/*# sourceMappingURL=default.css.map */