/* -----------------------------------------------
デザインカスタマイズ
----------------------------------------------- */

/* コメント別 */
.t_c {
	border-bottom:2px dotted #bdbdbd;
}
/* 返信コメント */
.t_i {
	padding-left: 15px;
}
/* オリジナル記事見出し */
.pickup_header {
	text-align: center;
        text-decoration: underline;
}
/* 期間テーブル */
.fromto{
	width: 100%;
        font-weight: bold;
}
table.fromto th{
        border: 1px solid #bbb;
        background-color: #e7e7e7;
}
table.fromto td{
	width: 75%;
        border: 1px solid #bbb;
        padding-left:5px;
}
/* イベント形式テーブル */
.event{
	width: 100%;
        font-weight: bold;
}
table.event th{
        border: 1px solid #bbb;
        background-color: #e7e7e7;
}
table.event td{
	width: 75%;
        border: 1px solid #bbb;
        padding-left:5px;
}
/* 新規・変更テーブル */
.new{
	width: 100%;
        font-weight: bold;
}
table.new th{
        border: 1px solid #bbb;
        background-color: #e7e7e7;
}
table.new td{
	width: 75%;
        border: 1px solid #bbb;
        padding-left:5px;
}
/* 注目カードテーブル */
.pickupcard{
	width: 100%;
        font-weight: bold;
}
table.pickupcard th{
        text-align: center;
        border: 1px solid #bbb;
        background-color: #e7e7e7;
}
table.pickupcard td{
	width: 75%;
        text-align: center;
        border: 1px solid #bbb;
        padding-left:5px;
}
/* ポイント一覧テーブル */
.point{
	width: 100%;
        font-weight: bold;
}
table.point th{
        border: 1px solid #bbb;
        background-color: #e7e7e7;
}
table.point td.left{
        width: 30%;
        text-align: right;
        border: 1px solid #bbb;
        padding-right:5px;
}
table.point td.right{
        text-align: left;
        border: 1px solid #bbb;
        padding-left:5px;
}
/* ミッション一覧テーブル */
.mission{
	width: 100%;
        font-weight: bold;
}
table.mission th{
        border: 1px solid #bbb;
        background-color: #e7e7e7;
}
table.mission td.left{
        width: 30%;
        text-align: right;
        border: 1px solid #bbb;
        padding-right:5px;
}
table.mission td.right{
        text-align: left;
        border: 1px solid #bbb;
        padding-left:5px;
}

/* 追記コメント */
.detail{
       padding-left:10px;
}





/* -----------------------------------------------
吹き出し
----------------------------------------------- */

.balloon-image {
background-image: url(http://yugilinks.blog.jp/puribo2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 25px !important;
height: 25px !important;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
//-moz-box-shadow: 5px 5px 7px 0px #8c8c8c;
//-webkit-box-shadow: 5px 5px 7px 0px #8c8c8c;
//box-shadow: 5px 5px 7px 0px #8c8c8c;
}

.balloon-image {
float: left;
}


.balloon {
    width: 100%;
    margin: 0 10px 10px 0;
    overflow: hidden;
}

.balloon .faceicon {
    float: left;
    margin-right: -50px;
    width: 40px;
}

.balloon .faceicon img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.balloon .chatting {
    width: 100%;
    text-align: left;
}
.says {
    display: inline-block;
    position: relative; 
    margin: 0 0 0 50px;
    padding: 10px;
    max-width: 250px;
    border-radius: 12px;
    background: #d2d2d2;
}

.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 3px; 
    left: -19px;
    border: 8px solid transparent;
    border-right: 18px solid #d2d2d2;
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}
.says p {
    margin: 0;
    padding: 0;
}

.t_h{
    font-size: 13px;
}

.t_y{
    display: inline-block;
    position: relative; 
    margin: 0 0 0 20px;
    padding: 10px;
    //max-width: 280px;
    border-radius: 12px;
    background: #d2d2d2;
}

.t_y:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -5px; 
    left: -15px;
    border: 8px solid transparent;
    border-right: 18px solid #d2d2d2;
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    transform: rotate(50deg);
}
.t_y p {
    margin: 0;
    padding: 0;
}