@charset "UTF-8";
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

article, header, footer, aside, figure, figcaption, nav, section {
  display: block; }

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

ol, ul {
  list-style: none;
  list-style-type: none; }

p {
  margin: 0 0 1em; }

/*ヘッダー部分のばナビゲーション*/
nav {
  display: table;
  width: 100%;
  margin: 0 auto;
  background: #FFF;
  box-sizing: border-box;
  border-bottom: solid 1px #CCC;
  height: 50px; }
  nav div {
    display: table-cell;
    vertical-align: middle; }
    nav div:nth-of-type(1) {
      width: 5em; }
      nav div:nth-of-type(1) > a {
        display: block;
        font-size: 0;
        width: 36px; }
    nav div:nth-of-type(2) {
      text-align: center; }
    nav div:nth-of-type(3) {
      width: 5em;
      text-align: right;
      padding: 0 10px 0 0; }
      nav div:nth-of-type(3) > a {
        color: #666;
        font-size: 12px;
        font-weight: 700;
        text-align: right; }
  nav .option {
    text-align: right; }
    nav .option img {
      width: 36px;
      height: auto; }
    nav .option .option-dropdown {
      float: right; }
    nav .option .dropdown {
      text-align: left;
      top: 49px; }

/*フッター部分にある固定ナビゲーション*/
footer {
  width: 100%;
  margin: 0 auto;
  background: #FFF;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: solid 1px #DDD; }
  footer ul {
    display: table;
    width: 100%;
    padding: 0;
    position: relative; }
  footer li {
    display: table-cell;
    width: 19%;
    padding: 6px 0;
    text-align: center;
    vertical-align: bottom; }
    footer li:nth-child(3) {
      width: 26%;
      position: absolute;
      bottom: -16px;
      margin: 0 0 0 -1%; }
    footer li a {
      color: #333;
      font-size: 10px;
      display: block; }
    footer li svg {
      width: 45%;
      height: auto; }

.icon {
  fill: #666;
  vertical-align: middle; }
  .icon.iconCheack {
    fill: #FF5155; }

.icon_camera {
  width: 70px;
  height: 70px; }

.icon_search_off, .icon_timeline_off, .icon_information_off, .icon_information, .icon_mypage_off, .icon_timeline_on {
  width: 36px;
  height: 36px; }

.icon_config, .icon_arrow_left {
  width: 30px;
  height: 30px; }

.icon_thumup_on, .icon_follow_on, .icon_gps, .icon_option {
  width: 30px;
  height: 30px;
  margin: 0 5px 0 0;
  fill: #BBB; }

.icon_comment_on {
  width: 28px;
  height: 28px;
  margin: 0 5px 0 0;
  fill: #BBB; }

.icon_delete {
  width: 25px;
  height: 25px;
  fill: #999; }

.icon_logomini {
  width: 120px;
  height: 30px; }

.wrapper {
  width: 100%;
  padding: 0 0 70px; }
  .wrapper .contents {
    font-size: 15px;
    line-height: 1.6;
    padding: 10px; }
    .wrapper .contents .headLine {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.3;
      margin: 0 0 30px; }
  .wrapper img {
    max-width: 100%;
    height: auto; }
  .wrapper .photo {
    margin: 0 20px; }
    .wrapper .photo img {
      border: solid 1px #CCC; }

.headline2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  padding: 10px;
  margin: 10px -10px;
  background-color: #284282;
  color: #FFF;
  border-left: solid 10px #48B2DA; }

.appBlock {
  padding: 10px; }
  .appBlock .lead {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 1em; }
  .appBlock .app {
    background-color: #EFEFEF;
    font-size: 0;
    padding: 20px 20px 10px; }
    .appBlock .app li {
      background-color: #FFF;
      vertical-align: top;
      text-align: center;
      padding: 20px;
      font-size: 15px;
      font-weight: 700;
      line-height: 1.3;
      margin: 0 0 10px;
      box-sizing: border-box; }