/*---------------------------------------------------------------------基本設定*/
/*--- 中央揃えとフォント ---*/
*{
  text-align: center;
  margin: 0 auto;
  font-family: 'Kiwi Maru', serif; }
body{
  -webkit-text-size-adjust: 100%; /* 文字サイズ自動調整防止　*/
  color: #4d4d60;
  font-size: 16px;
  width: auto;
}


h3{
  margin-top: -10px;
  margin-bottom: 10px;}

/*--- 文字の設定 ---*/
.tx2{
  font-size: 20px;}
.tx_i2{
  font-size: 20px; }
.tx3{
  font-size: 24px;
  margin-top:15px ;
  text-shadow:
      #FFFFFF 2px 0px,  #FFFFFF -2px 0px,
      #FFFFFF 0px -2px, #FFFFFF 0px 2px,
      #FFFFFF 2px 2px , #FFFFFF -2px 2px,
      #FFFFFF 2px -2px, #FFFFFF -2px -2px,
      #FFFFFF 1px 2px,  #FFFFFF -1px 2px,
      #FFFFFF 1px -2px, #FFFFFF -1px -2px,
      #FFFFFF 2px 1px,  #FFFFFF -2px 1px,
      #FFFFFF 2px -1px, #FFFFFF -2px -1px; }
.tx4{font-size: 12px;}

hr{color: #272c3b;}

/* ---- 真ん中の薄いやつ ---*/
.bd_m{
  width: auto;
  background: #f8f2ff;}

.bd {
  width: 550px;
  margin: 20px auto;
  padding-left: 10px;
  padding-right: 15px;
  padding-top: 25px;
  padding-bottom: 25px;
  height: auto;
	background-color: rgba(255,255,255);
  border-radius: 10px; }


/*---------------------------------------------------------------------レイアウト*/
/*--- 自己紹介のレイアウト---*/
.about_container {
  width: 550px;
  height: 115px;
  margin: 0 auto;
  padding: 15px;
  background-color: rgba(255,255,255);
  border-radius: 10px;}

.about_right{
  width:400px;
  float: right;
  margin-right: 15px;
/*margin-top: 10px; */}

.about_left{
  width:125px;
  float: left;
  margin-left: 5px;}

.tb_br {
  border-collapse: collapse;
  margin-top:10px;
  margin-bottom: 10px;
  background-color:rgb(255,255,255,0.5);}

.header_left{text-align: left!important;}

td{
  border: 1px #3b3730 solid;
  padding: 5px;}
/*  margin-top: 5px; */

/*--- URLの指定 ---*/
a:link { color: #7a6227 !important;}
a:visited { color: #7a6227 !important;}
a:hover { color: #4d4d60 !important;}
a:active { color: #4d4d60 !important;}

/*--- 各トピックのアイコンレイアウト ---*/
.container_topics {
  width: 750px;
  height:auto;}

.box_topics_s{
  float: left;
  width: 100px;
  height: 130px;
  border: 2px solid #3b3730;
  padding: 18px;
  margin-left: 35px;
  margin-bottom: 30px;
  background-color: rgb(255,255,255,0.5);}
.box_topics_p{
  float: left;
  width: 100px;
  height: 130px;
  border: 2px solid #3b3730;
  padding: 18px;
  margin-left: 30px;
  margin-bottom: 30px;
  background-color: rgb(255,255,255,0.5);}

.surplus_topics{
  clear: both;
  margin: 0 auto;}

.pic{width: 600px;}/*イラスト*/

input{margin: 10px;}

/*------------------------------------------------------------------- 個別指定 */
.dia{/*トップのひしがた*/
  width: 96px;
  height: 96px;
  margin-bottom: -10px;
  border-bottom: none!important;}

.now{color: white;}/**/

#fc2_c{margin-bottom: -3px;}/*拍手ボタンの位置調整*/
#birthday_c{text-align: left;
  width: 200px;}/*誕生日一覧の表*/
#birthday_m{width: 80px;}
#dice_b{margin-top: 15px;}/*キャラシダイスのボタン*/
.tb_chbl_D{width: 100px;}/*更新日記の日付*/
.tb_chbl_T{width: 700px;}/*更新日記の中身*/
#chara_Ttab{width: 140px;}/*キャラの意味のない表*/

/*------------------------------------------------------------------- 線の設定*/
.line1{width: 550px;
  margin-top:10px;}/*実線1*/
.line1br{width: 800px;
  margin-top: 20px;}/*実線1_上に空白多め*/
.line2{width: 500px;}/*実践2*/
.line3{width: 550px;/*点線1*/
  border-style: dashed;}
.line4{width: 350px;/*点線2*/
  border-style: dashed;}

.lineM1{width: 550px;}/*実線1*/
.lineM2{width: 400px;}/*実践2*/
.lineM3{width: 550px;/*点線1*/
  border-style: dashed;}
.lineM4{width: 400px;/*点線2*/
  border-style: dashed;}


  #box6 {
      width: 530px;
      display: none;
      background: #fdfaff;
      padding: 10px;
      padding-top: 20px;
      margin-left: 2px;}