@charset "utf-8";
/* CSS Document */
@media (max-width: 768px) {
  div,
  p,
  img,
  iframe {
    padding: 0;
    margin: 0;
    border: 0;
  }

  h1,
  h2,
  h3,
  h4,
  h5 {
    padding: 0;
    margin: 0;
    font-weight: normal;
  }

  a {
    text-decoration: none;
    /*text-shadow:-1px -1px 0px #eaeaea;*/
    color: #a1a1c8;
  }

  a:hover {
    color: #666;
  }

  .a {
    display: block;
    overflow: hidden;
  }

  ul,
  li {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  /* 汎用性のあるクラス------------------------------------------------- */

  /* clearfix */

  .clear {
    clear: both;
  }

  .clearfix:after {
    content: '.'; /* 新しい要素を作る */
    display: block; /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
  }

  .clearfix {
    min-height: 1px;
  }

  * html .clearfix {
    height: 1px;
    /*\*/ /*/
  height: auto;
  overflow: hidden;
  /**/
  }

  .L {
    float: left;
  }

  .R {
    float: right;
  }

  .center {
    text-align: center;
  }

  .text {
    font-size: 100%;
    line-height: 1.8em;
    text-align: justify;
    text-justify: inter-ideograph;
  }

  .container {
    width: 90%;
    position: relative;
    margin: 0 auto;
  }

  .caption {
    font-size: 80%;
    color: #666;
  }

  .caption_indent {
    font-size: 80%;
    color: #666;
    margin-left: 1em;
    text-indent: -1em;
  }

  .none {
    display: none;
  }

  input {
    vertical-align: middle;
  }
}