/* Scss Document */
#page_ttl h1 {
  background: url(../images/tourism/ico_page_ttl.png) top 1em center no-repeat; }

#tourism_map .inner {
  background: #FAEBA5; }

#tourism_map .content_inner {
  background: #FAEBA5; }

#tourism_map ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px; }

#tourism_map li {
  position: relative;
  width: 23%;
  margin: 0 0 20px 2%;
  padding: 10px;
  background: #FFF; }
  #tourism_map li:nth-child(4n+1) {
    margin-left: 0; }
  #tourism_map li h5 {
    margin-bottom: 1em;
    color: #6B4B2C;
    font-size: 1.6rem;
    text-align: center; }
    #tourism_map li h5 span {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0 .5em;
      background: #6B4B2C;
      color: #FFF; }
  #tourism_map li .access {
    margin-bottom: 0;
    padding: .5em;
    border: #D7488F 1px solid;
    text-align: center; }
    #tourism_map li .access span {
      color: #D7488F;
      font-size: 1.6rem; }

#sansaku .map {
  margin-bottom: 40px; }

#sansaku .model ol {
  width: 750px;
  font-size: 1.8rem; }
  #sansaku .model ol > li {
    padding: .7em 0 .7em 5em;
    text-indent: -5em;
    border-bottom: #000 1px dotted; }
  #sansaku .model ol ul {
    margin-top: 1em;
    font-size: 1.6rem; }
    #sansaku .model ol ul li {
      margin-bottom: .5em;
      text-indent: 0; }
  #sansaku .model ol time {
    color: #60A146; }
    #sansaku .model ol time:after {
      content: '-';
      padding: 0 1em; }

@media screen and (max-width: 768px) {
  #page_ttl h1 {
    background: none; }
  #tourism_map li {
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-box: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 6.66vw 0;
    padding: 3.33vw; }
    #tourism_map li figure {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      width: 40%; }
    #tourism_map li h5 {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      width: 56%;
      margin: 1em 0 0 0; }
    #tourism_map li .explain {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      width: 100%; }
    #tourism_map li .access {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4;
      width: 100%;
      margin: 0; }
      #tourism_map li .access span {
        color: #D7488F;
        font-size: 1.6rem; }
  #sansaku .map {
    margin-bottom: 6.66vw; }
  #sansaku .model figure {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  #sansaku .model ol {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    font-size: 1.4rem; }
    #sansaku .model ol ul {
      font-size: 1.3rem; } }