@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

/*ヘッダーブログタイトル文字上からの余白*/
#site-title{
  margin-top:56px;
  margin-bottom:30px;
}
#site-title a{
  display:block;
  text-decoration:none;
  color:#222;
  font-size:40px;
  line-height:100%;
  font-weight:bold;
}
.article h1 {
 
  margin-top:40px;
  margin-bottom:20px;
  font-size: 24px;
  line-height:117%;
}

#archive-title{
  padding-bottom:20px;
  font-size:24px;
}
.article h2 {
 position:relative;
	margin:0 -10px 0 -10px;
	padding:10px 20px;
	background:#44d6f1;
	box-shadow:
		0 3px 3px 0 rgba(0,0,0,0.1);
}
.article h2:before{
	content:" ";
	position:absolute;
	top:100%;
	left:0;
	width:0;
	height:0;
	border-width:0 10px 10px 0;
	border-style:solid;
	border-color:transparent;
	border-right-color:#7bb8d8;
}
.article h2:after{
	content:" ";
	position:absolute;
	top:100%;
	right:0;
	width:0;
	height:0;
	border-width:10px 10px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color:#7bb8d8;
}


.article h3 {


margin: 40px -29px 20px;
  padding:5px 10px;
  margin-left:3px;
  border-left:5px solid #6896e1;
  border-bottom:1px solid #6896e1;
  font-size:24px;
}

.article h4 {
  font-size:24px;
  border-bottom: 4px solid #7bb8d8; 
  padding:10px 0;
}

.logged-in-as {
	display:none;
}

/*******************************************
** 固定ページの日付・更新日を非表示にする
*******************************************/
.article .post-meta {
display: none;
}

/************************************
** サイドバー（Sidebar）・ウィジェットなど
************************************/
#sidebar h4{
  margin-bottom: 10px;
  font-size:18px;
  text-align:center;  /* タイトルの中央寄せ *
　color: #000000; /* 文字色 */
  border-top:3px double #6896e1; /* 背景色 */
  border-bottom:3px double #6896e1;
}


/* パンくずリスト*/
#breadcrumb{
  margin-bottom: 20px;
  color:#777;
  font-size:13px;
}
 
div#breadcrumb div {
  display: inline;
}
 
#breadcrumb span.sp{
  margin:0 10px;
}
 
#breadcrumb a{
  text-decoration:none;
  color:#777;
}
/*タグクラウドのデザイン*/
.tagcloud a {
 font-size: 14px !important; /* 文字のサイズ */
 line-height: 1em;
 background: #98fb98; /* 背景色 */
 color: #000000; /* 文字色 */
 display: inline-block;
 white-space: nowrap;
 padding: 8px 8px; /* 文字周りの余白 */
 margin-top: 3px; /* タグ同士の余白 */
 border-radius: 4px; /* 角を少し丸く */
 text-decoration: none;
}
.tagcloud a:hover {
 background: #f9d635; /* マウスホバー時の背景色 */
 color: #2098a8; /* マウスホバー時の文字色*/
}

.tagcloud a:before {
 font-family: "FontAwesome";
 content: "\f02b"; /* 絵文字のコード */
 padding-right: 4px;
}

.kousiki {
    text-align:center; /*ボタンの中央配置 */
    margin:20px auto 20px auto;  /*ボタンの上右下左の余白 */
    max-width: 300px;  /*ボタンの横幅 */
    text-align: center;  /*ボタン内の文字中央寄せ */
    padding: 10px;  /*ボタン内文字の余白 */
    background-color: #E53935;  /*ボタンの背景色 */
    margin-right: auto;
    margin-left: auto;
    border-radius: 5px;  /*ボタンの角を少し丸く */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight: bold;  /*ボタン内文字は太字 */
    color: #ffffff !important;  /*ボタン内の文字色 */
}
 
.kousiki a {
 text-decoration: none !important;  /*ボタン内テキストリンク下線無し */
 color: #ffffff !important;  /*ボタン内の文字色 */
 display: block;
}
.post-date {
  display: none;
}
.balloon5 {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}

.balloon5 .faceicon {
    float: left;
    margin-right: -90px;
    width: 80px;
}

.balloon5 .faceicon img{
    width: 100%;
    height: auto;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
}

.balloon5 .chatting {
    width: 100%;
}

.says {
    display: inline-block;
    position: relative; 
    margin: 5px 0 0 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
}

.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #d7ebfe;
}

.says p {
    margin: 0;
    padding: 0;
}