@charset "utf-8";

.b1_red,
.b1_ora,
.b1_yel,
.b1_yelgr,
.b1_gr,
.b1_bulgr,
.b1_aqua,
.b1_aquablu,
.b1_blu,
.b1_blupur,
.b1_pur,
.b1_redpur,
.b1_9,
.b1_ose{	
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;	
	padding:0px 5px;}

.b1_red{border:1px solid #ff3333; color:#ff3333;}
.b1_ora{border:1px solid #ff9933; color:#ff9933;}
.b1_yel{border:1px solid #bbbb00; color:#bbbb00;}
.b1_yelgr{border:1px solid #9aff33; color:#9aff33;}
.b1_gr{border:1px solid #00aa00; color:#00aa00;}
.b1_bulgr{border:1px solid #00bb5e; color:#00bb5e;}
.b1_aqua{border:1px solid #00aaaa; color:#00aaaa;}
.b1_aquablu{border:1px solid #3399ff; color:#3399ff;}
.b1_blu{border:1px solid #3333ff; color:#3333ff;}
.b1_blupur{border:1px solid #9933ff; color:#9933ff;}
.b1_pur{border:1px solid #ff33ff; color:#ff33ff;}
.b1_redpur{border:1px solid #ff3399; color:#ff3399;}
.b1_9{border:1px solid #999; color:#555;}
.b1_ose{border:1px solid #999; color:#333;background-color:#FCC318;}


.b1_red2,
.b1_ora2,
.b1_yel2,
.b1_yelgr2,
.b1_gr2,
.b1_bulgr2,
.b1_aqua2,
.b1_aquablu2,
.b1_blu2,
.b1_blupur2,
.b1_pur2,
.b1_redpur2,
.b1_92,
.b1_ose2{
	display:block;	
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;	
	padding:0px 5px;}

.b1_red2{border:1px solid #ff3333; color:#ff3333;}
.b1_ora2{border:1px solid #ff9933; color:#ff9933;}
.b1_yel2{border:1px solid #bbbb00; color:#bbbb00;}
.b1_yelg2r{border:1px solid #9aff33; color:#9aff33;}
.b1_gr2{border:1px solid #00aa00; color:#00aa00;}
.b1_bulgr2{border:1px solid #00bb5e; color:#00bb5e;}
.b1_aqua2{border:1px solid #00aaaa; color:#00aaaa;}
.b1_aquablu2{border:1px solid #3399ff; color:#3399ff;}
.b1_blu2{border:1px solid #3333ff; color:#3333ff;}
.b1_blupur2{border:1px solid #9933ff; color:#9933ff;}
.b1_pur2{border:1px solid #ff33ff; color:#ff33ff;}
.b1_redpur2{border:1px solid #ff3399; color:#ff3399;}
.b1_92{border:1px solid #999; color:#555;}
.b1_ose2{border:1px solid #999; color:#333;background-color:#FCC318;text-align:center;}


.kome{font-size:90%; text-align:right;}

/* ▼▼▼　table01　▼▼▼ */
.table01{
	width:100%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height:1.7142;
	margin-bottom:0.5em;
}
.table01 th,
.table01 td{
	padding:0.5em;
}

.wrap_service .table01 th,
.wrap_service .table01 td{
	padding:0.5em;
}

	.table01 th{
		font-weight:bold;
		text-align:left;
		vertical-align:top;
}

.table01 tr{border-bottom:1px dotted #ccc;
margin-bottom:0.5em;}

.table01 tr.tl01no{border-bottom:none;
margin-bottom:0.5em;}


/* ▲▲▲ table01 ▲▲▲ */


/* ▼▼▼　table02　ランキング　投票フォーム　▼▼▼ */
.table02{
    border-top: 1px solid #DDA404;
    border-left: 1px solid #DDA404;
	background-color:#FFF1B2;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height:1.7142;
}
.table02 th, .table02 td {
    border-bottom: 1px solid #DDA404;
    border-right: 1px solid #DDA404;
    padding: 0.5em;
	font-weight:normal;
}

.table02 td li{
	margin-bottom:0.3em;
}

.table02 th {
	width:30%;
    background:#FFF1B2;
	text-align:left;
	line-height:1.1;
}


/* ▲▲▲ table02　ランキング　投票フォーム　▲▲▲ */

/* ▼▼▼　table03　枠線あり　▼▼▼ */
.table03{
	width:100%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height:1.7142;
	margin-bottom:10px;
}
.table03 th,
.table03 td{
	padding:5px;
	border:1px solid #ccc;
}
	.table03 th{
		font-weight:bold;
		text-align:left;
		vertical-align:top;
}

.tbl3_1 tr:hover { /* trタグ 行にマウスが乗った時*/
  color: #19197c; /* 文字色 */
  background-color: #e5ecff; /* 背景色 */
   }

.tbl3_1 tr td:hover { /* tdタグ セルにマウスが乗った時*/
  color: #19197c; /* 文字色 */
  background-color: #ccffee; /* 背景色 */
   }
/* ▲▲▲ table03　枠線あり　▲▲▲ */

/* ▼▼▼　table04　▼▼▼ */
.table04{
	width:100%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height:1.7142;
	margin-bottom:5px;
}
.table04 th,
.table04 td{
	padding:5px 5px 5px 5px;
}
	.table04 th{
		font-weight:bold;
		text-align:left;
		vertical-align:top;
}

.table04 tr{border-bottom:1px dotted #ccc;
margin-bottom:10px;}

/* ▲▲▲ table04 ▲▲▲ */

/* ▼▼▼　table05　moreページ　その他の口コミ・評判　▼▼▼ */
.wrap_more_others{
	border:2px solid #7CB3FF;
	padding:1em;
	margin-bottom:12px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

.wrap_more_others h2{
	background-color:#CCDEFE;
	color:#333;
    font-size: 16px;
    font-size: 1.6rem;
	padding:0.2em;
	margin-bottom:0.5em;
}


table.table05 {
  width:100%;
  border-collapse: separate;
  font-size: 14px;
  font-size: 1.4rem;
  border-spacing: 2px;
}

table.table05 td {
  border:1px dotted #999;
  width:50%;
}

/* ▲▲▲ table05　moreページ　その他の口コミ・評判　▲▲▲ */

/* ▼▼▼ table06 ランキングテーブル　複雑バージョン ▼▼▼ */

.table01 .table06 th.tcvt{
	text-align:center;
	vertical-align:middle;
}

table.table06{
	width:100%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height:1.7142;
	margin-bottom:0.5em;
	color:#444;
}

table.table06 th{
	background-color:#E0E0E0;
	border:1px solid #ccc;
	}
	
table.table06 td{
	padding:0.3em;
	border:1px solid #ccc;
}

.table06_span span{font-size:90%; padding:0.1em 0.2em; margin-right:0.5em;}
/* ▲▲▲ table06 ランキングテーブル　複雑バージョン ▲▲▲ */

/* ▼▼▼ table07 ランキングテーブル　table01スマホでそのまま縮小 ▼▼▼ */
.table07{
	width:100%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height:1.7142;
	margin-bottom:0.5em;
}



.table07 th,
.table07 td{
	padding:0.5em;
}
	.table07 th{
		font-weight:bold;
		text-align:left;
		vertical-align:top;
}

.table07 tr{border-bottom:1px dotted #ccc; margin-bottom:10px;}
/* ▲▲▲ table07 ランキングテーブル　table01スマホでそのまま縮小 ▲▲▲ */


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

/* @group 414px - wide tablet
ここに414pxまでのCSSを記述
--------------------------------------------------------*/
@media screen and (max-width:414px){
	
.b1_ose2{border:1px solid #999; color:#333;background-color:#FCC318;text-align:left;}	
	
/* ▼▼▼　table01　▼▼▼ */
	.table01{
	}
.table01 th,
.table01 td{
	display:block;
	border:none;
	}
	.table01 th{
		width:100%;
		
		}
		
.table01 tr{border-bottom:none;}

.wrap_service .table01 th,
.wrap_service .table01 td{
	padding:0.5em 0;
}


.table01 td .table06 th{display:table-cell; width:auto;}

.table01 td .table06 td{display:table-cell;}
/* ▲▲▲ table01 ▲▲▲ */

/* ▼▼▼　table02　▼▼▼ */

    .table02 th, .table02 td {
        display: block;
        width: 100%;
    }
	
	.table02{
		border-top: none;
		border-left: none;
	}
	.table02 th{
		border-bottom: 1px solid #DDA404;
		border-right:none;
		font-weight:bold;
	}
	.table02 td {
		
		border-bottom:none;
		border-right:none;
	}
	
/* ▲▲▲ table02 ▲▲▲ */

/* ▼▼▼　table03　▼▼▼ */
	.table03{
	}
.table03 th,
.table03 td{
	display:block;
	border:none;
	}
	.table03 th{
		width:100%;
		}
		
.table03 tr{
	border:1px solid #ccc;
}
/* ▲▲▲ table03 ▲▲▲ */

/* ▼▼▼　table04　▼▼▼ */
	.table04{
	}
.table04 th,
.table04 td{
	display:block;
	border:none;
	}
	.table04 th{
		width:100%;
		background-color:#efefef;
		}
		
.table04 thead tr{
	text-align:center;
}
		
.table04 tr{border-bottom:none;}
/* ▲▲▲ table04 ▲▲▲ */

/* ▼▼▼　table05　▼▼▼ */
table.table05 td {
	display:block;
	width:100%;
	margin:2px 0;
}
table.table05 tr td:first-child{margin-top:0;}
table.table05 tr td:last-child{margin-bottom:0;}

/* ▲▲▲ table05 ▲▲▲ */


}