@charset "UTF-8";

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

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

/* ■------20150623サーバ移転時に追加分------■ */
/************************************
** 見出し（H1-6）
************************************/
h1, h2, h3, h4, h5, h6{
  line-height:130%;
  color:#333;
}

.article h1 {
  line-height:1em;
  background-color: #F59FAD;;
  padding:15px 15px 10px 15px;
  border-radius:6px;
  border-color: #FFFFFF;
  text-shadow: 1px 1px 2px #303030; 
  font-weight: 700;
  color: #fff;
  font-size:200%;
}

.article h2 {
  font-size:150%;
  position: relative;
  color: #111;
  font-weight: bold;
  margin: 0 0 1.5em;
  padding: 0.5em 0.5em 0.5em 1.7em;
  border-bottom: 3px solid #F59FAD;
}
 
.article h2:before{
    content: "";
    position: absolute;
    background: #FFA6B5;
    top: 1.2em;
    left: 0.35em;
    height: 0.60em;
    width: 0.60em;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    
    /* 透過度の設定 */
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
 
.article h2:after{
    content: "";
    position: absolute;
    background:#F5183D;
    top: 0.6em;
    left: 0;
    height: 0.8em; 
    width: 0.8em; 
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    
    /* 透過度の設定 */
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.article h3,
#comment-area h3,
#related-entries h3{
  font-size:120%;
  position: relative;
  margin: 0 0 1.5em;
  padding: 0.8em 0 0.5em 2.3em;
  border-bottom:3px dashed rgba(0,163,245,0.6);
  font-weight: bold;
}

.article h3:before {
  content: "";
  position: absolute;
  background: rgba(196,228,245,0.5);
  top: 50%;
  left: 0.3em;
  margin-top :-10px;
  height: 20px;
  width: 20px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

.article h3:after {
  content: "";
  position: absolute;
  background: rgba(0,163,245,0.7);
  top: 50%;
  left: 1.0em;
  margin-top :-1px;
  height: 14px;
  width: 14px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

.article h5, .article h6{
  font-size:20px;
  padding:8px 0;
}
.article h4 {
  font-size: 100%;
  padding: 0.5em 0.5em 0.5em 3.0em;
  border-bottom:1px solid #ffd700;
}

.article h4:before{
    content: "";
    position: absolute;
    background: #ffd700;
    top: 0.8em;
    left: 1.8em;
    height: 0.60em;
    width: 0.60em;

    /* 透過度の設定 */
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

/*太字サイズ1段階UP*/
.bold-larger{
  font-weight: bold;
  font-size: larger;
}


.add-frame-shadow {
/*  background-color: #ffe4c4; */
  background-color: #FFE6EA;
  padding: 5px 15px 5px 15px;
  border-radius:10px;
  font-weight: lighter;
  margin-bottom:20px; 
  border-style: solid ;
  border-color: #a9a9a9;
  border-width: thin;
  line-height: 2em; 
  text-shadow:1px 1px 1px rgba(0,0,0,0.5); 
}