@charset "utf-8";
/* CSS Document */

body {
  min-width: 320px;
  max-width: 640px;
  margin: 0 auto;
  color: #323232;
  font-size: 18px;
}

#hpinfo_wrap {
  background: #FFF;
}
ul {
  list-style-type: none; 
  list-style-image:none; /*list-style-type: none;が効かないとき*/
}
.clear {
  clear: both;
}

/* hpinfo
-----------------------------------------------*/
.hpinfo_title {
  padding: 5px 0;
  background-color: #009F6F;
  font-weight: bold;
  color: #FFF;
  padding-left: 10px;
}
.hpinfo {
  clear: both;
  min-height: 140px;
  padding: 0 0.5em;
  color: #414141;
  margin-top: 0.5em;
  border-bottom: solid 1px #414141;
}
.hpinfo img {
  display: block;
  float: left;
  margin-right: 0.5em;
}
.label_cat {
  float: left;
  height: 20px;
  padding: 0 10px;
  line-height: 20px;
  background-color: #009F6F;
  color: #FFF;
  font-size: 60%;
  text-align: center;
}
.hpinfo h2 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: #009F6F;
  font-weight: bold;
  line-height: 1.2em;
}
.hpinfo p {
  margin-top: 0.5em;
  font-size: 70%;
  line-height: 1.4em;
}
.caution {
  margin-top: 0.5em;
  font-size: 60%;
  margin-bottom: 1.0em;
  color: #D70003;
  border: solid 1px #D70003;
  padding: 0.8em;
  margin-top: 1.0em;
  line-height: 1.3em;
}
.caution li {
  margin-bottom: 0.3em;
}

/* 再生までの手順
-----------------------------------------------*/
.hpinfo_label2 {
  color: #009F6F;
  font-weight: bold;
  margin: 0.5em;
}
.tejun {
  clear: both;
  background-color: #E7E7E7;
  border-radius: 3px;
  margin: 0.5em;
  padding: 0.5em;
}
.tejun_img {
  width: 100%;
}
.label_round {
  padding: 2px 6px;
  color: #FFF;
  font-size: 80%;
  background-color: #009F6F;
  border-radius: 20px;
  margin-right: 5px;
}
.tejun_txt {
  font-weight: bold;
  font-size: 80%;
  margin-bottom: 0.5em;
  line-height: 1.5em;
}
.tejun_txt li {
}
.tejun_txt .caution {
  font-size: 60%;
}

/* 未インストールの場合
--------------------------------*/
.tejun_imgsub {
  width: 100%;
  padding: 2% 0;
  background-color: #FFF;
  margin-top: 0.5em;
}
.tejun_subtxt {
  color: #FF335F;
  font-weight: bold;
  font-size: 80%;
  line-height: 1.5em;
  margin-bottom: -0.5em;
  padding: 0 0.5em;
  margin-bottom: 0.5em;
}

/* アプリDLボタン
--------------------------------*/
.button {
  text-align: center;
  margin-top: 0.5em;
}


/* LP逕ｨ繝輔ャ繧ｿ繝ｼ
-----------------------------------------------*/
.rwd_footer {
  text-align: left;
  color: #FFF;
  font-size: 80%;
  margin-top: 2.0em;
  padding: 0 8px;
  line-height: normal;
}
.rwd_footer p {
}

/* 蜈ｱ騾壹ヵ繝・ち繝ｼ
-----------------------------------------------*/
footer {
  background-color: #6C6C6C;
}