/* EUC-JP  日本語CSS 日本後表記の自動判別のための処理 */

/* tbmg 20210930 >>>> */
.tbmg-container {
	width:940px;
	margin:auto;
}


/* bootstrap */
[class^="icon-"]:last-child, [class*=" icon-"]:last-child {
    *margin-left: 0;
}
[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(/bootstrap/2.0.4/img/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

/* */
.icon-th-large {
    background-position: -216px 0;
}

/* <<<< tbmg 20210930  */

#tbmg ul.listview{
	border-top:1px solid #ccc;
}
#tbmg .header strong {
	color:#475c89;
}


#tbmg #carousel  {

}

#tbmg #carousel a:link {
color:white;
text-decoration:none;
}
#tbmg .carousel-control{
	top:auto;
	font-size:12px;
	width:48px;
	height:20px;
	line-height:20px;
	text-align:center;
	margin-top: 4px;
	margin-bottom: 4px;
}

@media (max-width: 767px) {
    #tbmg #carousel  {
        margin-left: -15px;
        margin-right: -15px;
    }

}

#tbmg-index a:link {
text-decoration:none;
}

#tbmg-index .splitlist{
margin:0 -4px ;
}

#tbmg-index .splitlist li.item{
min-height:322px;
max-height:322px;
min-height:370px;
max-height:370px;
overflow:hidden;
}
#tbmg-index .splitlist li{
padding:4px;
}

#tbmg-index .splitlist li a{
display:block;
background: #fefefe;

}
#tbmg-index .body{
padding:8px;
color: #92C252;
font-weight:bold;
border:1px solid #eee;
border-top:none;
height:71px;
}
#tbmg-index .name{
font-size:16px;
line-height:110%;
}
#tbmg-index .name-pr{
color: #ED040A;
}
#tbmg-index .salonname{
font-size:11px;
line-height:110%;
white-space:nowrap;
}
#tbmg-index .description{
color: #0071CB;
font-size:12px;
line-height:160%;
margin-top:4px;
}

#tbmg-index .splitlist li a:hover *{
color: #92C252;
}

#tbmg-index a:link {
text-decoration:none;
}

#tbmg-index .more-btn{
display:block;
margin:auto;
width:280px;
height: 36px;
line-height: 36px;
border-radius: 45px;
text-align:center;
text-shadow:1px 1px 1px #fff;  
box-shadow:1px 1px 3px #2F8BD5;  
background-color: #2F8BD5;
color:#fff;
}

#tbmg-index h2 {
	padding-left:10px;
}
#tbmg-index h2{
    font-size:14px;
    color:#475c89;
    line-height: 36px;
}
    
#tbmg-index .salonname{
white-space:normal;
}



/* ul.listview origin smartphone */
#tbmg-index .item > a > .img{
	margin-right:8px;
	width:100px;
	height:100px;
}
#tbmg-index .item > a img{
	width:100px;
	height:100px;
}
#tbmg-index .item > a{
	display:table;
	white-space:normal;
}
#tbmg-index .item > a > .img{
	display:table-cell;
vertical-align:middle;
    text-align:center;
    min-width:100px;
}
#tbmg-index .body{
	border:none;
	display:table-cell;
vertical-align:middle;
    text-align:left;
}


@media (min-width: 768px) {
/* ul.listview pc sep3  */
#tbmg-index ul.listview{
    border-top: none;
    margin-left: -2px;
    margin-right: -2px;
}
#tbmg-index li.item{
    width: 33.33%;
    float:left;
    border-top: none;
    border-bottom: none;
    padding: 0 2px;
}
#tbmg-index .item > a {
    display:block;
	width:100%;
    padding: 0;
}
#tbmg-index .item > a > .img{
    display:block;
	margin:0;
	width:100%;
	height:auto;
}
#tbmg-index .item > a img{
	width:100%;
	height:auto;
    float:none;
}
#tbmg-index .body{
    display:block;
    height: 120px;
}
#tbmg-index ul.listview > li a::after {
    background: none;
    width: 0;
    height: 0px;
    margin-top: 0;
}
}
.clearfix{
    clear:both;
}


@media (max-width: 767px) {
    #tbmg-index  {
        margin-left: -15px;
        margin-right: -15px;
    }

}