@charset "utf-8";

/** トップページ **/
body.top{ 
  background-color:#fff9cc;
  font-size: 16px;
}

body.top header.top{
  background-image:url("../images/shinsai_line.png");
  webkit-background-size: cover;
  moz-background-size: cover;
  o-background-size: cover;
  background-size: cover;
}

body.top header.summary{
  background-image:url("../images/shinsai_line.png");
  webkit-background-size: cover;
  moz-background-size: cover;
  o-background-size: cover;
  background-size: cover;
  margin-bottom:20px;
}


body.top header.summary h1{
  font-size:12px;
  color:#6c5445;
}

body.top .main-image{ 
  text-align:center;
  margin-bottom:20px;
  padding-top:10px;
}

body.top .main-image img{
  width:120px;
}

body.top article.message{ 
  margin:20px 20px;
 }

body.top article.message p{ 
  text-align:justify;
  font-size:15px;
  line-height:1.5em;
  color:#6c5445;
  font-weight:700;
}

body.top h2{
  margin-top:0px;
  margin-left:20px;
  margin-right:20px;
  margin-bottom:20px;
  font-size:18px;
  color:#6c5445;
  border-bottom: solid 2px #6c5445;
  line-height:1em;
  background-image: url("../images/shinsai_line_ie.png");
  background-repeat: no-repeat;
  background-position: right bottom;
}

div.mapbox{
  margin:0 20px;
  background-color:#fff9cc;
}

div.mapbox img{ 
  max-width:100%;
  height: auto;
}

body.top article.menu{
  margin-top:20px;
  margin-bottom:40px;
}

body.top article.menu a{
  display:block;
  margin:13px 20px;
  background-color:#51362d;
  text-decoration:none;
  color:#fff;
  line-height:50px;
  border-left:solid 10px #ffae45;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
}

body.top article.menu a div{
  background-repeat: no-repeat;
  background-position: 5px;
}

body.top article.menu a div.folder{
  background-image: url("../images/shinsai_icon_folder.png");
}

body.top article.menu a div.here{
  background-image: url("../images/shinsai_icon_here.png");
  background-position: 7px;
}

body.top article.menu a div.return{
  background-image: url("../images/shinsai_icon_return.png");
}

body.top article.menu a div.torikumi_1{
  background-image: url("../images/shinsai_icon_1jishin.png");
  background-position: 10px 10px;
}

body.top article.menu a div.torikumi_2{
  background-image: url("../images/shinsai_icon_2keikai.png");
  background-position: 10px 10px;
}
body.top article.menu a div.torikumi_3{
  background-image: url("../images/shinsai_icon_3shien.png");
  background-position: 10px 13px;
}
body.top article.menu a div.torikumi_4{
  background-image: url("../images/shinsai_icon_4hukkyu.png");
  background-position: 10px 13px;
}
body.top article.menu a div.douro{
  background-image: url("../images/shinsai_icon_doro.png");
    background-position: 7px;
}
body.top article.menu a div.archive{
  background-image: url("../images/shinsai_icon_archive.png");
  background-position: 7px;
}



body.top article.menu a div span{
  margin-left:45px;
}

body.top footer p{
  color:#6c5445;
}

/**　取り組みアーカイブ **/
article.summary-menu ul{ 
  list-style-type: none;
  margin: 0 20px;
 }

article.summary-menu ul li{ 
  font-size:17px;
  line-height:2.4em;
  margin-left:20px;
}

article.summary-menu ul li a{ 
  display:table;
  width:100%;
  text-decoration:none;
  color:#2f50aa;
}

/** 震災時の取り組み **/
article.torikumi h2{
  margin-top:40px;
}
article.torikumi p{
  margin: 10px 20px;
  text-align:justify;
  line-height:1.5em;
}

article.torikumi div.photobox{
  margin:5px 20px;
}
article.torikumi img{
  width:100%;
  height:auto;
}

p.coution{
  font-size:15px;
  margin:30px 30px 5px 30px;
}

footer.short{ 
  margin-top:10px;
  position:absolute;
  bottom:0px;
  width:100%;
  max-width:768px;
}

/** 震災アーカイブ **/
div.photo-table img{
  max-width:100%;
  height:auto;
}

div.photo-container{ 
  margin: 20px 20px;
 }

div.photo-table{ 
  margin-right:-2%;
 }

div.photo-table .cell{ 
  float:left;
  width:48%;
  margin-right:2%;
  margin-bottom:20px;
}
/** サブページ **/
article.main{
  margin:20px;
  color:#6c5445;
}
article.main h1{
  margin:5px 0;
  display:flex;
/**  align-items: center; **/
  align-items: flex-start;
}
article.main h1 div{
  height:40px;
}
article.main .col1 img{
  width:100%;
  height:auto;
  vertical-align:middle;
}
article.main .col1{
  width:40px;
  margin-left:10px;
  height:auto;
}
article.main .col2 span.en{
  position:absolute;
  top:29px;
  display:block;
  font-size:10px;
}
article.main .col2{
  position:relative;
  flex-grow:1;
  margin-left:10px;
  font-size:24px;
  vertical-align:bottom;
}
article.main .city-type{
  font-size:12px;
  color:#fff;
  text-align:center;
  line-height:25px;
  width:60px;
}
article.main .pink{
  background-color:#f2a4b4;
}
article.main .blue{
  background-color:#54b1e0;
}
article.main .green{
  background-color:#8ec877;
  width:80px;
}
article.main p{
  font-size:14px;
  text-align:justify;
  margin:10px 0;
}
article.main .access{
  margin:20px 0 60px 0;
  font-size:14px;
  border:solid 1px #6c5445;
  border-radius: 10px;
  position:relative;
}
article.main .access .title-box{
  position:absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width:150px;
  height:25px;
  line-height:25px;
  background-color:#6c5445;
  color:#fff;
  text-align:center;
}
article.main .access .inner{
  margin:20px 10px 10px 10px;
}
article.main div.photo{
  margin-top:20px;
}
article.main div.photo img{
  width:100%;
  height:auto;
}
/** パンくずリスト **/
ul.breadcrumb {
  display:flex;
  list-style: none;
}
ul.breadcrumb li{
font-size:12px;
}
ul.breadcrumb li:after{/* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #555;
}
.breadcrumb li:last-child:after{
  content: '';
}
.breadcrumb li a {
  text-decoration: none;
  color:#6c5445;
}


@media (max-width:333px){
  body.top article.menu a div{
    font-size:10px;
    }
}

@media (min-width:333px){
  body.top article.menu a div{
    font-size:14px;
    }
}

/** 414px以上 **/
@media (min-width:414px){ 
  body.top article.message{ 
    margin-top:30px;
  }
  body.top .main-image img{
    width:200px;
  }

  body.top article.menu a div{
    font-size:16px;
  }

}
@media (max-width:507px){
  article.main h1 div{
    height:20px;
  }
  article.main .col1{
    width:35px;
    margin-left:5px;
  }
  article.main .col2{
    margin-top:2px;
    font-size:18px;
    margin-left:5px;
  }
  article.main .col2 span.en{
    top:24px;
    font-size:10px;
  }

}

/** 515px以上 **/
@media (min-width:615px){ 
 }

/** 768px 以上 **/
@media (min-width:768px){

  body.top article.message{ 
    margin:45px 30px;
  }
  body.top article.message p{ 
    font-size:16px;
  }
  body.top .main-image img{
    width:300px;
  }
  body.top h2{
    margin-top:0px;
    margin-left:30px;
    margin-right:30px;
    margin-bottom:20px;

  }
  div.mapbox{
  margin:0 30px;
  }
  body.top article.menu a{
    margin:18px 30px;
  }
  div.photo-container{ 
    margin: 20px 30px;
  }
  article.torikumi p{
    margin: 10px 30px;
  }
  article.torikumi div.photobox{
    margin:5px 30px;
  }
}

@media (min-width:1074px){
  body.top header.top{
    height:200px;
  }
}
/** 高さ 590px 以上 **/
@media (min-height:590px){ 
  footer{ 
/*    position:absolute; */
/*    bottom:0px; */
    width:100%;
    max-width:768px;
  }
 }

@media (min-height:736px ){
  footer.ifs{

    margin-top:10px;
    position:absolute;
    bottom:0px;
    width:100%;
    max-width:768px;

  }
}