@charset "UTF-8";
@import url("../simplicity/style.css");

/*
Theme Name: Simplicity child
Template:   simplicity
Version:    20150604
*/

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

.comment-notes,
.comment-form-email,
.form-allowed-tags{
  display:none;
}

/*******************************
* 会話
********************************/

.arrow_answer,
.arrow_question {
    position: relative;
    background: #FFF; /*吹き出しの色*/
    border: 3px solid rgba(240,120,255,1); /*吹き出しの外枠,太さはpxの数字,色はカッコ内の4つの数字をいじる*/
    padding: 2% 2%;
    border-radius: 10px; /*吹き出しを丸めたいならここ*/
    width: 62%; /*吹き出しの幅*/
}
.arrow_question {
    float: right;
}
.arrow_answer:after,
.arrow_answer:before,
.arrow_question:after,
.arrow_question:before {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_question:after,
.arrow_question:before { right: 100%; }
.arrow_answer:after,
.arrow_answer:before { left: 100%; }
.arrow_answer:after,
.arrow_question:after {
    border-color: rgba(255, 255, 255, 0);
    border-width: 15px;
    margin-top: -15px;
}
.arrow_answer:after { border-left-color: #fff ; }
.arrow_question:after { border-right-color: #fff ; }
.arrow_answer:before,
.arrow_question:before {
    border-color: rgba(200, 200, 200, 0);
    border-width: 16px;
    margin-top: -16px;
}
.arrow_answer:before { border-left-color: rgba(240,120,255,1);border-left-width: 20px; } /*吹き出しの外枠（その２）*/
.arrow_question:before { border-right-color: rgba(240,120,255,1); border-right-width: 20px; } /*吹き出しの外枠（その３）*/
.question_image {
    float: left;
    width:30%; /*左側のキャラの画像の大きさ*/
}
.answer_image {
    float: right;
    width:30%; /*右側のキャラの画像の大きさ*/
}
.answer_image img,.question_image img {
    width: 100%;
}
.question_Box {
    margin-bottom: 25px;
    overflow: hidden;
}
.question_Box p{ line-height: 1.5;}