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

/* --------------------

機能一覧・ご利用料金

-------------------- */
#function,
#price{
	font-size:12px;
}

.plan_desc{
	margin-bottom: 20px;
	font-size:16px;
}

.default_table{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	margin-top: 40px;
	font-weight: bold;
}

.default_table th,
.default_table td{padding:10px;}

.default_table th{
	background-color:#007bbb;
	border-bottom:1px solid #fff;
	color:#fff;
}

.default_table td{background-color:#fff;}

.default_table tr:nth-child(even) td{background-color:#eee;}

/*注意書き*/
.attention{
	margin-left: 3px;
	font-size: 12px;
	/*color: #FF9999;*/
	color: #FF0000;
}

.attention_list{margin-top:20px;}

.attention_list ul{
	font-weight:normal;
}

.attention_list p{color:#FF0000;}

/*新機能アイコン*/
.default_table th span{vertical-align: middle;}
.default_table th span.plan_icon_new{
	display: inline-block;
	margin-right: 5px;
	padding: 4px 8px;
	background: #e2ff21;
	border-radius: 100px;
	font-size: 10px;
	color: #111;
	line-height: 1;
}


/*PC・タブレット*/
@media (min-width:768px){
.default_table th,
.default_table td{text-align:center;}

.plan_desc + p{
	text-align:center;
}

/*左揃えにしてそれを中央寄せ*/
.inlineblock_left p{
	display:inline-block;
	text-align:left;
}

/*機能詳細*/
#function .h2+p{text-align:center;}
}

/*スマホ*/
@media screen and (max-width:767px){
#function .container > p{
	text-align: justify;
	text-justify: inter-ideograph;
}

.default_table th,
.default_table td{text-align:left;}
}