@charset "utf-8";

/*基本設定　隙間なく表示*/
html, body{
    margin: 0px;
    padding: 0px;
 }

/*ページ内全体の文字の設定と背景の設定*/
 body {
    font-family: "Noto Serif JP", serif;
    font-size: 1em;
    color: #333333;   /*文字の色*/
    line-height:1.8em;
    background-color: #333333; /*一番後ろの背景色見えない部分*/
    }

/*ページ内全体のリンクの文字色*/
a{text-decoration: none;}
a:link {color: #333333;}

/*トップページ*/
#container{
    background-color: bisque;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width :430px;
    background-image: url(img/back.png);
    background-size: contain;
    text-align: left;
 }

h1{  /*top txt*/
   padding-left: 0.5em;
   padding-right: 0.5em;
}
 
#Profile{
   margin-top: 20px;
   display: flex;
}

h2{  /*プロフィール写真*/
   padding-left: 1.5em;
   padding-top: 0.3em;
   margin: 0px;
}

.profile-details{
   padding-left: 2em;
   padding-right: 2em;
   flex: 1;
}

.follow{
   display: flex;
}
.profile-name {  /*unknown*/
   font-weight: bold;
   font-size: 20px;
   margin: 0;
   padding: 0;
   line-height: 1.5em;
}
.follow2{
   padding-left: 3em;
}


.profile-country {  /*country JPN*/
   font-size: 12px;
   margin: 0;
   padding: 0;
   line-height: 1.1em;
}
.profile-bun {  /*自己紹介コメント*/
   font-size: 13px;
   margin: 0;
   padding-top: 1em;
   line-height: 1.5em;
}
.profile-follow-info{  /*フォロワー数*/
   font-size: 13px;
   line-height: 20px;
   padding-top: 1em;
   margin: 0;
}
#kazari {   /*<<<<<<<*/
   font-size: 14px;
   overflow-wrap: break-word;
   margin: 0px;
   padding: 0;
   line-height: 1em;
}


#map{
   margin: 0;
   padding: 0;
   text-align: center;
   width: 100%;
   height: auto;
}

.toukou{
   width: 85%;               /* 幅指定 */
    height: 510px;              /* 高さ指定 */
    margin: 0 auto;
    padding: 7px;
    border: solid 7px #68838E;     /* 枠線指定 */
    background-color: #EEEDEC;     /* 背景色指定 */
    border-radius: 10px;        /* 角丸指定 */
}

.toukoutitle{      /* Photo title */
   width: 100%;
   text-align: center;
   padding-top: 0.5em;
   line-height: 0.5em;
   font-weight: bold;
}

.photo{
   display: flex;
   text-align: center;
   justify-content: space-around;  /* 各ブロックを横に間隔を空けて配置 */
   align-items: flex-start;  /* ブロックの上端を揃える */
   gap: 3px;  /* ブロック間のスペース */
}
.photo1{
   margin-bottom: 3px;
}
.photo2{
   margin-bottom: 3px;
}
.photo3{
   margin-bottom: 3px;
}

.toukoutitle2{     /* Journal title */
   width: 100%;
   text-align: center;
   line-height: 6px;
   padding-top: 0.5em;
   font-weight: bold;

}
.note-txt{       /* この文章はダミーです。 */
   padding-left:0.5em;
   margin-top: 0.5em;
   font-size: 13px;
   line-height: 1.6em;
   font-weight: bold;
}


#toolbar{
   width: 88%;
   height: 55px;
   max-width: 385px;
   margin: 0 auto;
   text-align: center;
   display: flex;
	justify-content: space-between;/*左右中央揃え*/
	align-items: center;/*上下中央揃え*/
   padding: 0 23px;
   background-color: #EEEDEC;
   position: fixed;  /* 画面に固定 */
   bottom: 0;  /* 画面の下部に配置 */
   left: 0;
   right: 0;
   background-color: #f0f0f0;  /* 背景色を付けて可視化 */
   box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);  /* 軽い影を追加して視覚的に浮かせる */
}

.hr1 {
   width: 90%;
   margin: 0 auto;
   max-width: 410px;
   border: none;
   border-top: 2px solid #000000;
   margin-bottom: 2px;
}
.copyright{
   width: 90%;
   margin: 0 auto;
   max-width: 410px;
   padding: 5px 5px 15px 20px;
   background-color: #000000;
   font-family: "Cinzel", serif;
   font-size: 0.7em;
   color: #fff;
}