@charset "UTF-8";
#lightcase-case {
  background-color: #ffffff;
  font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
}

html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
  min-height: 660px !important;
  height: 75% !important;
}
@media screen and (max-width: 640px) {
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
    min-height: unset !important;
    height: auto;
    padding: 25px;
  }
}

@media screen and (max-width: 640px) {
  html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
    top: 10% !important;
    left: 5% !important;
    height: auto !important;
    max-height: 80% !important;
    width: 90% !important;
    padding: 0 !important;
  }
}

@media screen and (max-width: 640px) {
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #333;
    text-shadow: none;
  }
}

@media screen and (max-width: 640px) {
  [class*=lightcase-icon-]:before {
    text-shadow: 1px 1px 1px rgba(52, 52, 52, 0.16);
  }
}

a[class*=lightcase-icon-].lightcase-icon-close {
  top: 100px;
  right: 20px;
}
@media screen and (max-width: 640px) {
  a[class*=lightcase-icon-].lightcase-icon-close {
    top: 11%;
    right: 7%;
  }
}