@charset "UTF-8";

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

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

#main {
  padding: 10px 29px;
  margin-bottom: 15px;
}

#sidebar {
  margin-bottom: 15px;
}

#footer-in{
  width: 1336px;
  margin: 0 auto;
  box-sizing: border-box;
}

#site-title{
  margin-top:16px;
  margin-bottom:10px;
  font-size: 22px;
  line-height: 100%;
text-shadow: 8px 8px 8px #000000;
}

#site-title a{
  text-decoration:none;
  color:#ffffff;
  font-size:22px;
  font-weight:normal;
}

#site-description{
  width: 230px;
  float: left;
  text-align:left;
  color: #000;
  margin-top:10px;
  margin-left:10px;
  padding:10 0;
  line-height:150%;
  font-size:16px;
  font-weight:normal;
}

#navi ul li a:hover{
  color:#FF0000;
}

#sidebar {
  border:0px;
}

.article h1 {
  margin-top:30px;
  margin-bottom:20px;
  font-size: 22px;
  color:#ff0000;
  line-height:117%;
}

.article h2{
  background-color: #0080C0;
  color: #fff;
  font-size:26px;
  border-left: 0;
  padding: 15px 30px;
}

/*補足情報*/
.information,
.question{
  background-color: #F4F3EB;
  padding: 20px 20px 20px 72px;
  border-radius: 4px;
  position: relative;
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
}

.information::before,
.question::before{
  font-family: "FontAwesome";
  font-size: 50px;
  position: absolute;
  top: 20px;
  left: 13px;
  color: #EAE3B4;
}

.information::before{
  content: '\f05a';
}

.question::before{
  content: '\f059';
}

/* タグクラウドに枠線を付ける（＋フォントサイズ統一） */
.tagcloud a {
    font-size: 14px !important;
    text-decoration:none;
    border:solid 1px #c0c0c0;
    border-radius:3px;
    display:inline-block;
    padding:2px;
    margin-bottom:5px;
}

/* タグクラウドのマウスオーバー時の背景色 */
.tagcloud a:hover {
    background-color:#f2f2f2;
    text-decoration:none;
    color:#ff0000;
}

.sp-primary,.sp-success,.sp-info,.sp-warning,.sp-danger {
	border:solid 1px #c0c0c0;
}