/*-------------------- 吹き出しを作る
--------------------*/
/* 全体のスタイル */
.kaiwa { margin-bottom: 100px;
}
/* 左画像 */
.kaiwa-img-left { margin: 0; float: left; width: 100px; height: 100px;
}
/* 右画像 */
.kaiwa-img-right { margin: 0; float: right; width: 100px; height: 100px;
}
.kaiwa figure img { width: 100%; height: 100%; border: 3px solid #aaa; border-radius: 50%; margin: 0;
}
/* 画像の下のテキスト */
.kaiwa-img-description { padding: 5px 0 0; font-size: 16px; text-align: center;
}
/* 左からの吹き出しテキスト */
.kaiwa-text-right { position: relative; margin-left: 120px; padding: 20px; border: 3px solid #aaa; border-radius: 10px;
}
/* 右からの吹き出しテキスト */
.kaiwa-text-left { position: relative; margin-right: 120px; padding: 20px; border: 3px solid #aaa; border-radius: 10px;
}
p.kaiwa-text { margin: 0 0 20px;
}
p.kaiwa-text:last-child { margin-bottom: 0;
}
/* 左の三角形を作る */
.kaiwa-text-right:before { position: absolute; content: ''; border: 10px solid transparent; border-right: 10px solid #aaa; top: 15px; left: -20px;
}
.kaiwa-text-right:after { position: absolute; content: ''; border: 12px solid transparent; border-right: 12px solid #fff; top: 13px; left: -18px;
}
/* 右の三角形を作る */
.kaiwa-text-left:before { position: absolute; content: ''; border: 10px solid transparent; border-left: 10px solid #aaa; top: 15px; right: -20px;
}
.kaiwa-text-left:after { position: absolute; content: ''; border: 12px solid transparent; border-left: 12px solid #fff; top: 13px; right: -18px;
}
/* 回り込み解除 */
.kaiwa:after,.kaiwa:before { clear: both; content: ""; display: block;
}
/* アプリーチ */
.appreach { text-align: left; padding: 10px; border: 1px solid #7C7C7C; overflow: hidden;
}
.appreach:after { content: ""; display: block; clear: both;
}
.appreach p { margin: 0;
}
.appreach a:after { display: none;
}
.appreach__icon { float: left; border-radius: 10%; overflow: hidden; margin: 0 3% 0 0 !important; width: 25% !important; height: auto !important; max-width: 120px !important;
}
.appreach__detail { display: inline-block; font-size: 20px; line-height: 1.5; width: 72%; max-width: 72%;
}
.appreach__detail:after { content: ""; display: block; clear: both;
}
.appreach__name { font-size: 16px; line-height: 1.5em !important; max-height: 3em; overflow: hidden;
}
.appreach__info { font-size: 12px !important;
}
.appreach__developper, .appreach__price { margin-right: 0.5em;
}
.appreach__posted a { margin-left: 0.5em;
}
.appreach__links { float: left; height: 40px; margin-top: 8px; white-space: nowrap;
}
.appreach__aslink img { margin-right: 10px; height: 40px; width: 135px;
}
.appreach__gplink img { height: 40px; width: 134.5px;
}
.appreach__star { position: relative; font-size: 14px !important; height: 1.5em; width: 5em;
}
.appreach__star__base { position: absolute; color: #737373;
}
.appreach__star__evaluate { position: absolute; color: #ffc107; overflow: hidden; white-space: nowrap;
}
/* トップページの幅 */
/*
@media only screen and (min-width: 1230px) { .wrap { width: 1180px; } .d-5of7 { width: 70%; } .d-2of7 { width: 30%; }
}
*/
/*
PC画面の記事エリアを中央寄せ
*/
.single .d-5of7, .post .d-5of7, .page .d-5of7 { padding-right: 0; float: none; margin-left: auto; margin-right: auto;
}
.single .d-2of7, .page .d-2of7{ float: none; width: 100%; padding-right: 0;
}