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


#tbmg .content-header{
	max-width: 940px; /* 20210930 */
}
#tbmg .content-body{
	padding-bottom:20px;
}
#tbmg .content-left{
	background:#fff;
	margin-left:10px;
	width:660px;
	float:left;
	padding:20px;

	width:calc(100% - 220px); /* 20210930 */
	padding-left:0; /* 20210930 */
	padding-top:0px; /* 20210930 */

}
#tbmg .content-right{
	width:220px;
	float:left;
}

#tbmg .w660{
	background:#fff;
	width:100%;
	max-width:660px;
	padding:20px;
}
#tbmg .enquete-form {
	clear:both;
}

/* media Q */
@media (max-width: 939px){
	#tbmg .content-header{
		margin-left: -15px;
		margin-right: -15px;
	}
	
	#tbmg .content-left{
		float:none;
		padding:0;
		width:100%;		
	}
	#tbmg .content-right{
		width: 100%; 
		margin: auto;
	}
	#tbmg .content-right .profile,
	#tbmg .content-right .etc.box {
		float:left;
		width: calc(50% - 4px);
		margin: auto;
	}
	#tbmg .content-right .profile{
		margin-right:8px;
	}

}/* */
@media (max-width: 480px){
	#tbmg .content-right .profile,
	#tbmg .content-right .etc.box {
			float:none;
		width: 90%;
		max-width: 300px;
		margin: auto;
	}

}

#tbmg .content-body h1,
#tbmg .content-body h2,
#tbmg .content-body div,
#tbmg .content-body p{
font-size:15px;
line-height:140%;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
margin:8px 0;
}

#tbmg .content-body .intro {
	margin-bottom: 16px;
}

#tbmg .content-body p,
#tbmg .content-body h2,
#tbmg .content-body h3
{
	clear:both;
}
#tbmg .content-body .body01{
}
#tbmg .content-body .body01::after{
	clear:both;
}
#tbmg .content-body .body01::before,
#tbmg .content-body .body01::after
{
	display: table;
	  content: "";
}
#tbmg .content-body .head01{
	color:#999;
	font-size:18px;
	line-height:140%;
	border-bottom: 3px solid #FFBBA2;
	font-weight:normal;
	padding:8px 0;
	margin-top:16px;
	margin-bottom:16px;
	clear:both;
}
#tbmg .content-body .seri01{
color:#999999;

}
#tbmg .content-body .seri01:before{
content:'──';
padding-right:8px;
}

#tbmg .content-body .img01 img {
	display:block;
	width:100%;
	max-width:100%;
	margin-top:16px;
	margin-bottom:16px;
}
#tbmg .content-body .img01 .caption{
	display:block;
	font-size:12px;
	color:#666;
	margin:-8px 0 16px 0;
}

#tbmg .content-body a.link {
	font-size:12px;
	color:#0071CB;
}
#tbmg .content-body a.link:before {
	padding-right:8px;
	display:inline-block;
	content:url(/image/2015/icon-blank.png);
}


#tbmg .content-body .inline-img img {
	display:block;
	width:auto;
	max-width:100%;
	margin:0;
}

#tbmg .content-body .inline-img.pull-right{
	display:inline-block;
	margin:0px 0 8px 8px;
	max-width: 50%;

}
#tbmg .content-body .inline-img.pull-left{
	display:inline-block;
	margin:0px 8px 8px 0px;
	max-width: 50%;

}
#tbmg .content-body .inline-img .caption{
	display:block;
	font-size:12px;
	color:#666;
	margin:0 0 8px 0;
}
#tbmg .content-body .block-break {
	clear:both;
}

#tbmg .content-body .pagination{
	font-size:14px;
	color:#0071CB;
	text-align:center;
	height:auto;
	display:block; /* 20210930 */
}
}
#tbmg .content-body .pagination.upper{
	margin-top: 0px;
	padding-top:0px;	
	margin-bottom: 16px;
}
#tbmg .content-body .pagination.upper ul{
	margin-top: 0px;
}

#tbmg .content-body .pagination.bottom{
	padding-top: 32px;
	margin-bottom: 32px;
	margin-top: 32px;
	border-top: 1px solid #ccc;
}

#tbmg .content-body .pagination a{
	font-size:14px;
	color:#0071CB;
}
#tbmg .content-body .pagination a.disabled{
	font-size:14px;
	color:#ccc;
}

#tbmg .content-body .next-page{
	margin:48px 0 16px 0 ;
	color:#899;
}
#tbmg .content-body .next-page a{
	margin:48px 0 16px 0 ;
	font-size:16px;
	color:#0071CB;
	padding-left: 10px;
}

#tbmg .content-body .writer {
	text-align:right;
	font-size: 12px;
	color:#999;
}
#tbmg .content-body .writer .key{
	font-size: 12px;
	color:#999;
}
#tbmg .content-body .writer .name{
	font-size: 12px;
	color:#333;
}

/* right menu */
#tbmg .content-body ul{
	list-style:none;
}
#tbmg .content-body .profile{
	padding: 16px;
	margin-bottom:16px;
	background:#F1F2ED;
}
#tbmg .content-body .profile .name{
	font-size:12px;
	line-height:140%;
}
#tbmg .content-body .profile .body{
	font-size:12px;
	line-height:140%;
}
#tbmg .content-body .links{
	margin-top:16px;
	border-top: 1px dotted #ccc;
	padding-bottom:16px;
}
#tbmg .content-body .links > *{
	padding-top:8px;

}


/* media Q */
@media (max-width: 767px){
	#tbmg .content-body .inline-img {
		max-width: 50%;
	}
}



#tbmg .content-right .box{
	padding: 16px;
	margin:0;
	margin-bottom:16px;
	background:#F1F2ED;
	float:none;
}
#tbmg .content-body  .fs12{
	font-size:12px;
}
#tbmg .content-body  .fs14{
	font-size:14px;
}


#tbmg .content-body div.pull-center{
	margin:auto;
}







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

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

#tbmg-index .splitlist li.item{
max-height:380px;
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:98px;
}
#tbmg-index .name{
font-size:12px;
line-height:110%;
}
#tbmg-index .name-pr{
color: #ED040A;
}
#tbmg-index .salonname{
font-size:11px;
line-height:110%;
}
#tbmg-index .description{
color: #0071CB;
font-size:12px;
line-height:160%;
margin-top:4px;
line-height:120%; /* 20210930 */
margin-top:2px; /* 20210930 */
font-weight: 100;/* 20210930 */
}

#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;
}

/* media Q */
@media (max-width: 767px){

	#tbmg-index *.sep5 > *.col1,
	#tbmg-index *.sep5 > *{
		width:100%;
	}
	#tbmg-index .splitlist li.item a{
			background: #f8f8f8;
	}
	#tbmg-index .item img { 
		width: 100px;
		min-width: 100px;
	}
	#tbmg-index .item .body { 
		width: calc(100% - 100px);
		margin:0;
		float:right;
		border:none;
	}
	#tbmg-index .item .body .name{
		font-size:120%;
		margin-bottom: 4px;
	}
	#tbmg-index .item .body .salonname{
	} 
	#tbmg-index .item .body .description{
		margin-top: 8px;
	}

}

/* common */
#tbmg .text-center{
text-align:center;
}
#tbmg .w640{
width:640px;
}


#tbmg a.underline{
text-decoration: underline;
}
	
	
	