@charset "UTF-8";

/* For PC and TB */
.head-font-size {
	background-color: #eaf7e0;
    border: 2px solid #62b122;
	color:#62b122;
	font-weight:bold;
	border-radius: 5px;	
	margin:15px 0 10px 20px;
}

.head-font-size-bolder {
	border: 1px solid #62b122;
	margin:2px;	
	padding:2px;
}

#font-small, #sp-font-small
{
	background: url(../images/sp_font_small.png) no-repeat;
}

.active#font-small, .active#sp-font-small
{
	background: url(../images/sp_font_small_a.png) no-repeat !important;
	background-size: contain !important;
	border:0px !important;
	border-radius: 5px !important;
}

#font-medium, #sp-font-medium
{
	background: url(../images/sp_font_nomarl.png) no-repeat;
}

.active#font-medium, .active#sp-font-medium
{
	background: url(../images/sp_font_nomarl_a.png) no-repeat !important;
	background-size: contain !important;
	border:0px !important;
	border-radius: 5px !important;
}

#font-large, #sp-font-large
{
	background: url(../images/sp_font_lager.png) no-repeat;
}

.active#font-large, .active#sp-font-large 
{
	background: url(../images/sp_font_lager_a.png) no-repeat !important;
	background-size: contain !important;
	border:0px !important;
	border-radius: 5px !important;
}

#font-small, #font-medium, #font-large {
	width:29px !important;			
	height:29px !important;
	background-size: contain;
	display:block;		
	text-decoration:none;
	border-radius: 5px;
    border: 1px solid #ddd;
}

#sp-font-small, #sp-font-medium, #sp-font-large 
{
	width:29px !important;			
	height:29px !important;
	background-size: contain;
	display:block;		
	text-decoration:none;
}

.head-font-size span {	
	font-size: 16px;	
	display:block;
	padding-top: 4px;
	line-height:0px;
}


/* For SP */
.font-drop-down 
{
	padding:5px;
	background:#ddd;	
	font-weight:bold;
	visibility:hidden;
	display:none;
}

.font-drop-down span {
	font-size: 16px;
    display: block;
    padding-top: 4px;
	color: #46900b;	
	line-height: 18px;
    padding-left: 4px;
    text-align:left;
}

#sp-font-active {
	
	display:block;		
	text-decoration:none;
	width:29px !important;			
	height:29px !important;	
	margin:15px -10px 10px 0;
	background-size: contain;
}

.img-font-small 
{
	background: url(../images/font_small.png) no-repeat;
}

.img-font-nomarl 
{
	background: url(../images/font_nomarl.png) no-repeat;
}

.img-font-lager 
{
	background: url(../images/font_lager.png) no-repeat;
}

.tool-font-size 
{
	margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    table-layout: fixed;
}

.tool-font-size li 
{
	display: table-cell;
	vertical-align: middle;
    text-align: center;
    padding: 2px;
}