@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; box-sizing:border-box; list-style:none;}
body{line-height:1; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serifl; color:#333; margin:0 auto;}
a{text-decoration:none; color:#333;}
.list > li{display:block; width:190px; letter-spacing:normal; vertical-align:top; padding:5px 6px; overflow:hidden; margin-bottom:15px;}
.list{width:100%; max-width:950px; display:inline-block; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; align-items:stretch; letter-spacing:-.40em; justify-content:center; margin:0 auto;}
.reviewBox{display:inline-block;}
.reviewBox > img{border-radius:5px; margin-bottom:10px; width:100%;}
.numBox{text-align:center; background:#fdf054; padding:7px 5px 5px; font-size:.85em; font-weight:bold; margin-bottom:15px; position:relative; border-radius:20px;}
.numBox::after{content:""; position:absolute; top:100%; left:50%; margin-left:-10px; border:10px solid transparent; border-top:10px solid #fdf054;}
#review{font-size:1.3em; margin-right:1px;}
.textBox{font-size:.9em; line-height:1.3em; height:54px; overflow:hidden; font-weight:bold;}
.visible_phone {display:none !important;}
.clear{clear:both;}
@media screen and (max-width:767px) {
.list{max-width:600px;}
.list > li{width:145px; padding:4px; margin-bottom:10px;}
.numBox{font-size:.7em;}
.textBox{font-size:.8em; line-height:1.4em; height:67px;}
.visible_phone{display:block !important;}
.hide_phone{display:none !important;}}
@media screen and (max-width:619px) {.list{max-width:500px;}}
@media screen and (max-width:500px) {
.list > li{width: 124px; margin-bottom:5px;}
}
@media screen and (max-width:374px) {
.list{max-width:374px;}
.list > li{width:106px; margin-bottom:0;}
.reviewBox > img{margin-bottom:5px;}
.numBox{font-size:.55em; padding:7px 2px 5px; margin-bottom:10px;}
.numBox::after{border:6px solid transparent; border-top:7px solid #FDF054;}
.textBox{font-size:.7em; line-height:1.3em; height:56px; font-weight:normal;}
}