@charset "UTF-8";
@media only screen and (max-width: 480px) {
/*-----------------------------------------*/
  .subMenu1_act a{
    background: whitesmoke;
    background-color: #42804C;
    color: white !important;
    font-weight: bold;
    margin: 0px;
  }

  .midashi {
    margin: 0px 0px 0px 15px; /*上 右 下 左*/
    width:95%;
  }

/* 段落の最初をインデント */
  .midashi p {
    text-indent: 1em
  }

/* 文章のレイアウト */
  section#product p {
    font-size: 10pt;
    line-height: 1.4;
    letter-spacing: 1.5pt;
  }

/* 各種機能、利用スペックは下記リーフレットをご覧ください。 */
  .pickup {
    position: relative;
    top: 0px;
    left: 0px;
    font-size: 10pt;
    line-height: 1.3;
    letter-spacing: 1.4pt;
    margin-bottom: 10px;
  }

/*メニュー一覧
-----------------------------------------*/
  section > h2 {
    margin: 10px 0 -10px 15px; /*上 右 下 左*/
  }

/* 画面 */
  article#function01 {
    position: relative;
    width: 95%;
    max-height: 800px;
    top: 0px;
    margin:auto;
    margin-bottom: 20px;
    border: 1px solid #C1D2E1;
  }

/* 画面（説明文のマージン） */
  article#function01 p {
    margin: 5px 10px 0 10px; /*上 右 下 左*/
  }

/* 画面（タイトル） */
  article#function01 p strong {
    position: relative;
  }
  article#function01 img {
    width:90%;
  }

/* 機能 */
  article#function02 {
    position: relative;
    width: 95%;
    margin:auto;

    margin-bottom: 50px;
    border: 1px solid #C1D2E1;
  }

/* 機能（説明文のマージン） */
  article#function02 p {
    margin: 0 10px 10px 10px; /*上 右 下 左*/
  }

  article h1,
  article p {
  }

  article h1 {
    color: #464646;
    font-size: 12pt;
    margin-bottom: 5px;
  }

  article p {
  }

/* 絵 */
  article img {
    margin: 5px 7px 7px 5px; /*上 右 下 左*/
  }

/*メニューカテゴリーリスト
-----------------------------------------*/
  section ul {
    border: 1px solid #BBB;
    background: #F8F9FC;
    padding-bottom: 15px;
  }

  section li a {
    display: block;
    font-weight: bold;
    line-height: 1.2;
    color: #42804C;
    text-decoration: none;
    padding: 10px 10px 10px 17px;
    margin: 0 10px;
    border-bottom: 1px dotted #959595;
  }

  section li a:hover {
    color: #42804C;
    text-decoration: underline;
  }
}
