/* ---------------------------------------------------------- */
/*     picture   */
/* ---------------------------------------------------------- */
#picture {
  background: #F6F6F6; }
  #picture #header .navi ul li.nav-structure a {
    background: rgba(0, 88, 170, 0.6);
    text-decoration: none; }
  #picture #main-picture {
    margin-bottom: 30px;
    position: relative; }
    #picture #main-picture .carousel-inner .item .carousel-caption {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      padding: 30px;
      text-align: right; }
    #picture #main-picture .title {
      color: #FFF;
      position: absolute;
      bottom: 0;
      z-index: 1000;
      background: rgba(0, 0, 0, 0.6);
      padding: 0 30px 20px;
      width: 100%; }
      @media (max-width: 992px) {
        #picture #main-picture .title {
          position: relative;
          padding: 0 15px 15px;
          text-align: center; } }
      #picture #main-picture .title .catch {
        background: url(../../picture/img_com/title_i.png) no-repeat left top;
        color: #D9DADB;
        font-weight: bold;
        margin: -6px 0 5px;
        padding: 25px 0 0 30px; }
        @media (max-width: 767px) {
          #picture #main-picture .title .catch {
            font-size: 86%; } }
      #picture #main-picture .title h1 {
        font-size: 290%;
        margin-bottom: 5px;
        overflow: hidden; }
        @media (max-width: 767px) {
          #picture #main-picture .title h1 {
            font-size: 200%; } }
        #picture #main-picture .title h1 .no {
          font-size: 30%;
          background: #0058AA;
          display: block;
          padding: 5px;
          margin: 10px 10px 0 0;
          float: left; }
          @media (max-width: 992px) {
            #picture #main-picture .title h1 .no {
              font-size: 35%;
              display: block;
              float: none;
              margin-bottom: 10px; } }
          @media (max-width: 767px) {
            #picture #main-picture .title h1 .no {
              font-size: 45%; } }
        #picture #main-picture .title h1 .reading {
          font-weight: normal;
          font-size: 40%; }
      #picture #main-picture .title .info {
        color: #D8D9DA;
        font-size: 108%; }
        @media (max-width: 767px) {
          #picture #main-picture .title .info {
            font-size: 86%; } }
  #picture .point {
    margin-bottom: 30px; }
    #picture .point .box-type5 {
      position: relative;
      overflow: hidden; }
      #picture .point .box-type5 h3 {
        position: relative;
        z-index: 1; }
      #picture .point .box-type5 p {
        position: relative;
        z-index: 1; }
      #picture .point .box-type5 .bottom {
        position: absolute;
        bottom: 0;
        margin: -20px -20px 0;
        width: 100%;
        height: auto;
        z-index: 0; }
      #picture .point .box-type5 .left {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: -20px -20px 0 0;
        width: 100%;
        height: auto;
        z-index: 0; }
  #picture .relation {
    margin-bottom: 30px; }
    #picture .relation li {
      margin-bottom: 15px; }
      #picture .relation li .img {
        padding-right: 0; }
      #picture .relation li h3 {
        font-weight: bold;
        margin-bottom: 5px; }
  #picture .map {
    background: #FFF;
    margin-bottom: 20px; }
  #picture .info-basic {
    background: #FFF;
    margin-bottom: 20px;
    border: 3px solid #DDD;
    padding: 15px; }
    #picture .info-basic h3 {
      background: url(../../picture/img_com/basic_i.png) no-repeat left top;
      padding: 27px 30px 0;
      margin-top: -24px;
      margin-bottom: 10px; }
      @media (max-width: 992px) {
        #picture .info-basic h3 {
          text-align: center; } }
    #picture .info-basic dl {
      background: url(../../picture/img_com/basic_line.png) repeat-x top;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-top: 1px; }
      #picture .info-basic dl dt {
        background: url(../../picture/img_com/basic_line.png) repeat-x bottom;
        width: 25%;
        padding: 10px 10px 10px 0;
        font-size: 93%;
        color: #545454; }
        @media (max-width: 992px) {
          #picture .info-basic dl dt {
            background: none;
            width: 100% !important;
            text-align: center;
            padding: 5px 0;
            background: #EDEDED; } }
        @media (min-width: 993px) {
          #picture .info-basic dl dt:nth-child(1), #picture .info-basic dl dt:nth-child(5), #picture .info-basic dl dt:nth-child(9), #picture .info-basic dl dt:nth-child(13), #picture .info-basic dl dt:nth-child(17), #picture .info-basic dl dt:nth-child(21), #picture .info-basic dl dt:nth-child(25), #picture .info-basic dl dt:nth-child(29), #picture .info-basic dl dt:nth-child(33), #picture .info-basic dl dt:nth-child(37) {
            background: url(../../picture/img_com/basic_line.png) repeat-x bottom #EDEDED; } }
      #picture .info-basic dl dd {
        background: url(../../picture/img_com/basic_line.png) repeat-x bottom;
        width: 75%;
        padding: 10px 0;
        font-size: 100%; }
        @media (max-width: 992px) {
          #picture .info-basic dl dd {
            width: 100% !important;
            text-align: center; } }
        #picture .info-basic dl dd ul.root li {
          line-height: 2em; }
          @media (max-width: 992px) {
            #picture .info-basic dl dd ul.root li {
              margin-bottom: 10px;
              line-height: 1.3em; } }
          #picture .info-basic dl dd ul.root li img {
            margin-right: 5px; }
        @media (min-width: 993px) {
          #picture .info-basic dl dd:nth-child(2), #picture .info-basic dl dd:nth-child(6), #picture .info-basic dl dd:nth-child(10), #picture .info-basic dl dd:nth-child(14), #picture .info-basic dl dd:nth-child(18), #picture .info-basic dl dd:nth-child(22), #picture .info-basic dl dd:nth-child(26), #picture .info-basic dl dd:nth-child(30), #picture .info-basic dl dd:nth-child(34), #picture .info-basic dl dd:nth-child(38) {
            background: url(../../picture/img_com/basic_line.png) repeat-x bottom #EDEDED; } }
  #picture .award {
    background: #E5E5D9;
    margin-bottom: 20px;
    padding: 15px; }
    #picture .award h3 {
      overflow: hidden;
      padding-bottom: 10px;
      margin-bottom: 10px; }
      @media (max-width: 992px) {
        #picture .award h3 {
          text-align: center; } }
    #picture .award dl {
      background: url(../../picture/img_com/award_line.png) repeat-x top;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-top: 1px; }
      #picture .award dl dt {
        background: url(../../picture/img_com/award_line.png) repeat-x bottom;
        width: 25%;
        padding: 10px 10px 10px 0;
        font-size: 93%;
        color: #545454; }
        @media (max-width: 992px) {
          #picture .award dl dt {
            background: none;
            width: 100% !important;
            text-align: center;
            padding: 5px 0 0;
            color: #936F00; } }
      #picture .award dl dd {
        background: url(../../picture/img_com/award_line.png) repeat-x bottom;
        width: 75%;
        padding: 10px 0;
        font-size: 100%; }
        @media (max-width: 992px) {
          #picture .award dl dd {
            width: 100% !important;
            text-align: center; } }
        #picture .award dl dd ul.root li {
          line-height: 2em; }
          @media (max-width: 992px) {
            #picture .award dl dd ul.root li {
              margin-bottom: 10px;
              line-height: 1.3em; } }
          #picture .award dl dd ul.root li img {
            margin-right: 5px; }
  #picture.minatoohashi .backnumber .minatoohashi {
    display: none; }
  #picture.higashikobeohashi .backnumber .higashikobeohashi {
    display: none; }
  #picture.tenpozanohashi .backnumber .tenpozanohashi {
    display: none; }
  #picture.shininagawaohashi .backnumber .shininagawaohashi {
    display: none; }
  #picture.karatoshinbashi .backnumber .karatoshinbashi {
    display: none; }
  #picture.nakanoshimaesujikyo .backnumber .nakanoshimaesujikyo {
    display: none; }
  #picture.rokkoislandohashi .backnumber .rokkoislandohashi {
    display: none; }
  #picture.minatoohashi .point .box-type5.point2 {
    padding-bottom: 6em; }
    @media (min-width: 768px) and (max-width: 992px) {
      #picture.minatoohashi .point .box-type5.point2 {
        padding-bottom: 50px; } }
    @media (min-width: 560px) and (max-width: 768px) {
      #picture.minatoohashi .point .box-type5.point2 {
        padding-bottom: 140px; } }
    @media (max-width: 767px) {
      #picture.minatoohashi .point .box-type5.point2 {
        margin-bottom: 30px; } }
  #picture.minatoohashi .point .box-type5.point3 {
    padding-bottom: 6em; }
    @media (min-width: 768px) and (max-width: 992px) {
      #picture.minatoohashi .point .box-type5.point3 {
        padding-bottom: 50px; } }
    @media (min-width: 560px) and (max-width: 768px) {
      #picture.minatoohashi .point .box-type5.point3 {
        padding-bottom: 140px; } }
    #picture.minatoohashi .point .box-type5.point3 .left {
      width: 80%; }