@charset "UTF-8";
/* スクロールバーの色 */
body{
  scrollbar-arrow-color:#cccccc;
SCROLLBAR-HIGHLIGHT-COLOR:#cccccc;
scrollbar-face-color:#999999;
scrollbar-3dlight-color:#999999;
SCROLLBAR-TRACK-COLOR:#999999;
scrollbar-shadow-color:#cccccc;
scrollbar-darkshadow-color:#999999;
}
/* リンクの色 */
a:link{
  color:darkorchid;
}
body{
  margin: 0px 20px;
}
.container{
  display: flex;
  flex-wrap: nowrap;/* 折り返さない */
  align-content: space-around;
  align-items: flex-start;/* flexboxコンテナのクロス軸に合わせて、上部に配置します */
  gap: 10px 30px;/* flexboxコンテナ間の余白 */
}
main{
    width: 60%;
    min-width: 560px;
}
aside {
    width: 30%;
}
.info{
  text-align: center;
}
.t1{
  font-size:2rem; color:red;
}
.next{
  font-size: 1.5rem;
  color: #000;
  margin-top: 0px;
  margin-bottom: 0px;
}
.k_title{
  font-size: 2rem;
  color:green;
  margin-top: 5px;
}
.k_text{
  margin: 0 auto;
  width: 80%;
  line-height: 2rem;
}
h3.oshirase{
  padding: 20px 0px 15px 60px;
  background-image: url(kapera.gif);
  background-repeat: no-repeat;
  background-position: 0 5px;
}
/* LINEについての説明文装飾 */
section.line{
  display: flex;
}
p.line{
  padding-top: 20px;
  line-height: 1.5em;
  font-weight: bold;
}
.lineaddfriends{
  vertical-align: text-top;
  text-align: center;
}
/* Youtubeについての説明文装飾 */

.youtube p{
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1em;
  text-align: center;
  margin: 0px;
}
/* オレンジ色の文字装飾 */
.orange{
  color: #ff6b24;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  margin: 2px;
}
/* 赤色の文字装飾 */
.red{
  color: #ff0000;
  font-weight: bold;
}
/* 青色の文字装飾 */
.blue{
  color: #0000ff;
}
/* DMについての説明文装飾 */
.dmbox{
  padding: 0em 1em 0em 1em;
  border: dotted 2px #000000;
  border-radius: 10px;/*角の丸み*/
}
h5{
  margin: 0.5em;
}
.dmbox{
  width: 510px;
}
div.dm{
  margin:0.5em;
  font-size:0.9em;
}
ul.dm{
  display: flex; /* flexbox指定 */
  flex-wrap: nowrap; /* flexboxを改行しない */
  gap: 30px 20px; /* flexboxの間隔 */
  list-style-type: none;
  padding-left: 10px;
  font-size: 0.9em;
  margin: 0px;
  color: #008000;
}
p.dmpink{
  margin: 0px 0px 10px 0px;
  color:#ff69b4;
  font-size:0.9em;
  text-align:center;
  vertical-align:top;
}
/* 日記についての文字装飾 */
.nikkitable{
  margin: 10px;
}
table#nikki{
  width: 230px;
  border:1px solid #008000;
  border-collapse: collapse;/* tableの枠線を重ねて表示 */
  border-spacing: 0;
}
table#nikki th{
  font-size:0.8em;
  color:#ffffff;
  background-image: url(bou3.gif);
  text-align: center;
  border: 10px none;
}
table#nikki td{
  font-size:0.7em;
  color:#006633;
  text-align: center;
  vertical-align: top;
  border: 0px none;
  padding: 0px 0px 0px 0px;
}
table#nikki td img{
  width: 55px;
  height: 55px;
  vertical-align: top;
  margin-top: 3px;
}
/* Twitter関連 */
section.twitter{
  width: 230px;
  border: solid 1px #000080;
  background-color: #f0f8ff;
  margin: 10px;
}
h5.twitter{
  background-image: url(bou1.gif);
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  margin: 0px;
}
p.twitter{
  font-size: 0.8em;
  margin: 5px;
}

/* フォローとタイムラインを縦に */
ul.twitter{
  list-style-type: none;
  padding: 0px; /* 左にできる隙間を消す */
  margin-top: 2px;
  margin-bottom: 0px;
  text-align: center;
}
ul.twitter li{
  padding-bottom: 0px;
}
/* 毎月のコメント */
section.month{
    width: 230px;
    border: solid 1px #000;
    background-color: #ccc;
    margin: 10px;
}
h5.month{
  background-image: url(bou2.gif);
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  margin: 0px;
}
p.month{
  font-size: 0.8em;
  margin: 10px;
}
.balloon-left {
  position: absolute;
  display: inline-block;
  margin: 0 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #000;
  font-size: 16px;
  background: #FFE1E1;
  border: solid 3px #ff6a6a;
  box-sizing: border-box;
  border-radius: 10px;
}

.balloon-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFE1E1;
  z-index: 2;
}

.balloon-left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #ff6a6a;
  z-index: 1;
}

.balloon-left p{
  margin: 0;
  padding: 0;
}
.kaperaiti{
  padding-left: 5%;
  margin-bottom: 10px;
}
.instagram{
  padding: 0 5px;
}
.comment{
  color:red;
  margin-top: 0;
  margin-bottom: 30px;
}
.through{
  text-decoration: line-through;
}
.oshirase a{
  color: red;
}
.oshirase a:hover{
  background-color: rgb(233, 212, 212);
  color:red;
}
.oshirase h1{
  margin-top: 0;
}
.red-b{
  color: red;
  font-weight: bold;
  font-size: 1.5rem;
}
.center{
  text-align: center;
}
.orange_t{
  color: #ff7b00;
  font-size: 1.2rem;
  font-weight: bold;
}
.kouen_t{
  font-size: 1.5rem;
  margin-bottom: 5px;
}
.jikai{
  border:2px solid #ddacac;
  border-radius: 20px;
  width: 95%;
  margin: auto;
  background-color: rgb(255, 255, 255);
  margin-bottom: 20px;

}