html {
  font-size: 14px; /* ルート要素のフォントサイズを1rem=14pxと定義する */
}
#ctitle{
  display: inline-block;
  color: #444;
  font-size: 1.5rem;
  line-height: 1.6em;
  border-bottom: 1px solid #bfbfbf;
  padding:2px 5px 0px 5px;
  font-weight:bold;
}
#ctitle::before{
  content: url(../image/hana2.png);
}
#clead{
  font-size:70%;
}
#c2title{
  display: inline-block;
  font-size: 1.3rem;
  line-height: 1.4em;
  border-bottom: 1px solid #bfbfbf;
  padding:2px 5px 0px 5px;
/* margin-left:2rem;*/
  font-weight:bold;
}
#c2title::before{
  content: url(../image/hana1.png);
}

#c3title{
  display: inline-block;
  font-size: 1.1rem;
  line-height: 1.2em;
  border-bottom: 1px solid #bfbfbf;
  padding:2px 5px 0px 5px;
/*  margin-left:4rem;*/
  font-weight:bold;
}
#c3title::before{
  content: url(../image/hana0.png);
}

.top_en{
  border-radius: 5px;
  border: 1px solid #17a2b8;
  padding: 0.3em;
}
.donna_p{
  margin-left:1rem;
  margin-bottom:1rem;
}

.nenkan{
  padding: 0.3em 0.75em;
  border: 1px solid #7abaff;
  border-radius: 5px;
  background-color: #b8daff;
  margin-left:0;
}

/* フッターを下部に置くため */
#wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
footer {
  margin-top: auto;
}
/* フッター　終わり */

#jkbtn a:link { color: gray; }

body,div,p,table,tr,td,th,img{
  margin:0;
  padding:0;
}

/*文字装飾*/

.font-large {
  font-size: 1.1rem;
}
.classicon{
  width:1.1em;
  height:1.1em;
  vertical-align:top;
  margin-right:0em;
}
.yotei_textarea2{
    border:3px solid 	#8fbc8f ;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
   /* box-shadow: 5px 5px 10px 0px #aaa;*/
    margin-top:20px;
    /*padding: 20px;*/
    background:#fff;
    font-size:110%;
    font-weight:bold;
    line-height:140%;
    width:100%;height:400px;overflow:auto;
}
.kansen_textarea2{
    border:3px solid 	#87ceeb ;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
   /* box-shadow: 5px 5px 10px 0px #aaa;*/
    margin-top:20px;
    /*padding: 20px;*/
    background:#fff;
    font-size:110%;
    font-weight:bold;
    line-height:140%;
    width:100%;height:400px;overflow:auto;
}

/* 日記タイトル装飾 */
.honnendo{
  display: inline-block;
  padding: 3px 25px;
  background: #fffff0;
  color: #b22222;
  text-shadow: 1px 1px 1px #000033;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  line-heigt: 1em;
  border-radius: 5px 10px; 
  border-color: #ffd700;
  border-style: solid;
  border-width: 5px;
  height: 2.5em;
  border-style: inset;
  }
.honnendo:hover {
  background: #fffff0;
/*  border: solid 2px #bd1111;*/
  color: #e41313;
  opacity: 0.8;
  border-style: outset;
}
.zennendo{
  display: inline-block;
  padding: 1px 15px 1px 15px;
  margin-top:2px;
  background: #fffff0;
  color: #b22222;
  text-shadow: 1px 1px 1px #000033;
  text-decoration: none;
  font-size: 12px;
/*  font-weight: bold;*/
  line-heigt: 3em;
  border-radius: 3px 6px; 
  border-color: #ffd700;
  border-style: solid;
  border-width: 3px;
  height: 2.5em;
  border-style: inset;
  }
.zennendo:hover {
  background: #fffff0;
/*  border: solid 2px #bd1111;*/
  color: #e41313;
  opacity: 0.8;
  border-style: outset;
}