@charset "UTF-8";

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

/* Simplicity子テーマ用のスタイルを書く */
.article h2::before, .article h2::after {
    height: auto;
}





blockquote {
    position: relative;
    padding: 10px 15px 10px 50px;
    box-sizing: border-box;
    color: #050505;
background:#e2faff;
    border: solid 3px #77c0c9;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 0;
    vertical-align: middle;
    content: "“";
    font-family: sans-serif;
 color: #77c0c9;
    font-size: 70px;
    line-height: 1;
}

blockquote:after{
    display: inline-block;
    position: absolute;
    bottom: -12px;
    right: 0px;
    vertical-align: middle;
    content:"";
    font-family: FontAwesome;
    color: #FFF;
 font-size: 22px;
}
blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

@media screen and (max-width: 48em) {
  blockquote:before,
  blockquote:after {
    display: block;
  }
  blockquote::before {
    top: -16px;
  }
}
blockquote {
    position: relative;
    padding: 10px 15px 10px 50px;
    box-sizing: border-box;
    color: #050505;
background:#e2faff;
    border: solid 3px #77c0c9;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 0;
    vertical-align: middle;
    content: "“";
    font-family: sans-serif;
 color: #77c0c9;
    font-size: 70px;
    line-height: 1;
}

blockquote:after{
    display: inline-block;
    position: absolute;
    bottom: -12px;
    right: 0px;


	font-size: 16px;
}

blockquote {
    position: relative;
    padding: 10px 15px 10px 50px;
    box-sizing: border-box;
    color: #050505;
background:#e2faff;
    border: solid 3px #77c0c9;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 0;
    vertical-align: middle;
    content: "“";
    font-family: sans-serif;
 color: #77c0c9;
    font-size: 70px;
    line-height: 1;
}

blockquote:after{
    display: inline-block;
    position: absolute;
    bottom: -12px;
    right: 0px;
    vertical-align: middle;
    content:"";
    font-family: FontAwesome;
    color: #FFF;
 font-size: 22px;
}
blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

@media screen and (max-width: 48em) {
  blockquote:before,
  blockquote:after {
    display: block;
  }
  blockquote::before {
    top: -16px;
  }
}