body{
    margin:0;
    padding:0;
}
p{
    line-height: 2rem;
}
header{
    padding:0;
    margin:0;
    background-color: #fff;
    width: 100%;  /* headerの幅 */
    margin:0 auto;

}


 /* ロゴ */
.logo{
    display: flex; /* 横並び指定 */
}
.logo img{
    width: 30%;
    position: relative;　 /* 今の位置を基準 */
   top: 30px; /* 上から0px */
   left: 20px; /* 左から20px */
}

 /* グローバルナビ */
nav{
    width: 100%;     /* ナビ表示エリア巾 */
    position: relative;
   top: 0px; /* 上から20px */
   left: 50px; /* 左から50px */
}
nav ul{
    width:100%; /* ナビエリア巾 */
    margin:0;
    padding:0;
    text-align: left;
    position: absolute;
    bottom: 0px;
}


nav li{
    display: inline-block;
    margin:5px; /* ナビブロック間隔 */
    padding:auto 0;
    width: 12%; /* ナビブロック巾 */
    text-align: center; /* 横方向文字位置 */
    font-size: 20px;    /* 文字サイズ指定 */
    background-color:#669AFF;
    height: 70px;  /* ブロック高さ */
    line-height:100px; /* 行高さ */
    border-radius: 1.0rem; /* ブロック角R */
    font-weight: 900; /* 文字太さ */
}
a{
    text-decoration: none;
    color: #fff;
}
a:hover{
    color: orange; /* カーソルテキスト反転色 */
}
 /* たてまち情報欄 */
article{
    width:100%;/* たてまち情報欄幅 */
    margin:0 auto;
    position: relative;
    left: 0px;
    top: 0;
    font-size: 20px; /* 情報欄内文字サイズ */
}

/*
.box-main{
 background-color: palevioletred;  /* たてまち情報欄背景色 */
} */


 /* 画像タイトル欄 */
.box1{
    background-color:yellow;
    border-radius: 1rem;
    margin-bottom:0;
}
h1{
    width: 100%;
    font-size:30px;
    color: white;
    background-color:#646400;  /* タイトル欄の色 */
    color: #ffffff;    padding:10px 0px 10px 60px;
    box-sizing: border-box;
    border-radius: 1rem 1rem 0 0; /* タイトル欄の角丸 */
    margin:0;
}


 /* 画像欄 */
.photo{
  display: flex;
  justify-content: center;
}

.photo img{
    width: 95%;
    margin:10px;
}



 /*  *********************************************

.setumei p{
    padding:0 2rem;
}
.photo img:last-child{
    margin-right: 0;
}
.box{
    display: flex;
    justify-content: space-around;
}
.box .box1{
    margin:0 1rem 2rem 0;
}
.box .box1:last-child{
    margin-right:0;
}
.kunren-naiyo{
    width: 470px;
}
.kunren-naiyo p{
    padding:0.5rem 2rem;
}
.tizu{
    text-align: center;
    margin-top:1rem;
}
.houhou img{
    width: 5%; 
}
.houhou{
    height:80px;
}
.houhou p{
    line-height: 50px;
    margin:0;
    padding:0;
}
footer{
    width: 1040px;
    margin:0 auto;
    background-color: #D7EDFC;
}
.footer-main{
    display: flex;
    justify-content: center;
    align-items: center;
    padding:50px 0;
}
.footer-logo{
    width: 240px;
    margin-right: 3rem;
}
.footer-logo img{
   width: 100%; 
}
address{
    font-style:normal;
    margin-right: 4rem;
    font-size:88%;
}
.sns ul{
    margin:0;
    padding:0;
}
.sns li{
    display: inline-block;
    width: 50px;
    margin-left: 1rem;
}
.sns img{
    width: 100%;
}
.copy{
    text-align: center;
}
*****************************************

*/


/*たてまち情報 BOX*/
.box10 {
    position: relative;
    margin: 0.5em 0 2em 0;
    padding: 0.5em 1em;
    border: solid 5px #bb1010; /*枠線太さ色*/
    border-radius: 20px; /*角丸R*/
    font-size: 30px;
}
span {
  text-decoration: underline;
  color: black;
}
a{
color: white; /*リンク文字色*/
}
/*たてまち情報　文字*/
.box10
.box-title {
    position: absolute;
    display: inline-block;
    top: -24px;   /*タイトル文字位置上下*/
    left: 50px; 　/*タイトル文字位置左右*/
　　margin: 0px;
    padding: 10px;
    line-height:1;
    font-size: 30px;
    background: white; /*タイトル文字背景色*/
    color: #bb0101;/*タイトル文字色*/
    font-weight: bold;
}




/*固定情報　BOX*/
.box20 {
    position: relative;
    margin: 1em 0;
    padding: 0.5em 1em;
    border: solid 5px #404099; /*枠線太さ色*/
    background: #404099; /*エリア背景色*/
    border-radius: 20px;
    font-size: 25px;　　/*　記載文字サイズ*/
}


/*固定情報　文字*/
.box20 .box-title {
    position: absolute;
    display: inline-block;
    top: 0px;   /*タイトル文字位置上下*/
    left: 50px; 　/*タイトル文字位置左右*/
　　margin: 0px;
    padding: 10px;
    line-height:1;
    font-size: 30px; /*タイトル文字サイズ*/
    background: none; /*タイトル文字背景色*/
    color: white;   /*タイトル文字色*/
    font-weight: bold;

}