@charset "utf-8";

/* ▼▼▼　reset.cssの上書き　▼▼▼ */

li{
  font-size: 14px;
  font-size: 1.4rem;
  line-height:1.7142;
  list-style:none;
}

/* ▲▲▲　reset.cssの上書き　▲▲▲ */

/* ▼▼▼　default_r.cssの上書き　▼▼▼ */
h1{display:none;}
article h1{
text-align:right;
font-weight:normal;
display:block;
}
/* ▲▲▲　default_r.cssの上書き　▲▲▲ */

/* ▼▼▼　border　▼▼▼ */

.bb1_mb05{
	border-bottom:1px solid #ffc286;
	margin-bottom:0.5em;
}

/* ▲▲▲　border　▲▲▲ */

/* ▼▼▼　mark　▼▼▼ */

.mk1 dt{
	font-size:14px;
	font-size:1.4rem;
}

.mk1 dd{
	font-size:12px;
	font-size:1.2rem;
}

/* ▲▲▲　mark　▲▲▲ */

/* ▼▼▼　ぐぐたすボタン　▼▼▼ */

div#___plusone_0{
	/*（例）幅を 105px とした場合 */
	width: 65px!important;
}

/* ▲▲▲　ぐぐたすボタン　▲▲▲ */

/* ▼▼▼　カテゴリ別　article　▼▼▼ */
article	h1 {
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom:1px solid #fff;
  color:#fff;
  text-align:left;
  font-weight:bold;
  line-height:2;
  text-shadow: 1px 1px 1px #444;　/* Firefox用 */  
  -moz-text-shadow: 1px 1px 1px #444;　/* Firefox用 */  
  -webkit-text-shadow: 1px 1px 1px #444;　/* Safari,Google Chrome用 */
}

article#ct_business h1,
article#ct_temp header h1{
	border-bottom:none;
}

article header{
	padding:0 1em;
	margin-bottom:1em;
}

article header#head02{
	padding:0;
	margin-bottom:1em;
}

article	p {
}

article#money header{
  background-color:#e9cb1c;
}


article#business header,
article#ct_business header,
article#ct_temp header  {
  background-color:#5ab8ef;
}

article#life header,
article#ct_aroma header {
  background-color:#ff9233;
}

article#gourmet header {
  background-color:#F17070;
}

article#beauty header,
article#ct_1monthdiet header {
  background-color:#A3E767;
}

article#enta header,
article#ct_bustour header {
  background-color:#03dab8;
}

article#pc header {
  background-color:#79a0f2;
}

article#net header {
  background-color:#fc4e26;
}

article#netlife header {
  background-color:#FD7457;
}
/* ▲▲▲　カテゴリ別　article　▲▲▲ */



/* ▼▼▼　左側　ヘッダー（フキダシ内）　▼▼▼ */

.rankkuchi_box{
	background-color:#fff;
	margin-bottom:24px;
	padding:0.5em;
	border:1px solid #6D8BD1;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

.rankkuchi_box dl{
	padding:0.3em 0.5em;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#EEEEEE;
}

.rankkuchi_box dt,
.rankkuchi_box dd{
	font-size:12px;
	font-size:1.2rem;
}

.rankkuchi_box dt span:before {
	content: "\e635";
	font-family: 'icomoon';
	font-weight: normal;
	margin-right:10px;
	color:#ffd200;
}

.rankkuchi_box dt span{
	padding:0 0.5em;
	background-color:#87cb3a;
	color:#fff;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
  text-shadow: 1px 1px 1px #444;　/* Firefox用 */  
  -moz-text-shadow: 1px 1px 1px #444;　/* Firefox用 */  
  -webkit-text-shadow: 1px 1px 1px #444;　/* Safari,Google Chrome用 */
}

.rankkuchi_box dt{  
	float:left;  
	width:130px;  
	clear:both;  
	font-weight:bold;  
}

.rankkuchi_box dd {   
 margin-left:130px;   
}  




/* ▲▲▲　左側　ヘッダー（フキダシ内）　▲▲▲ */

/* ▼▼▼　左側　１行広告　▼▼▼ */

.pr_tx_2{
	 background: -webkit-linear-gradient(top, #bce094, #effedd);
	 background: -moz-linear-gradient(top, #bce094, #effedd);
	 background: -o-linear-gradient(top, #bce094, #effedd);
	 background: linear-gradient(to bottom, #bce094, #effedd);
	margin-bottom:24px;
	padding:0.2em 0.5em;
	border:1px solid #bce094;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

.pr_tx_2 p{
	font-size:12px;
	font-size:1.2rem;
}

.pr_tx_2 span:before {
	content: "\e60f";
	font-family: 'icomoon';
	font-weight: normal;
	margin-right:10px;
	color:#ffd200;
}

.pr_tx_2 span{
	font-size:12px;
	font-size:1.2rem;
	padding:0 0.5em;
	margin-right:1em;
	background-color:#87cb3a;
	color:#fff;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
    text-shadow: 1px 1px 1px #444;　/* Firefox用 */  
    -moz-text-shadow: 1px 1px 1px #444;　/* Firefox用 */  
    -webkit-text-shadow: 1px 1px 1px #444;　/* Safari,Google Chrome用 */	
}


/* ▲▲▲　左側　１行広告　▲▲▲ */


/* ▼▼▼▼▼▼　左側　ランキング＆クチコミ　▼▼▼▼▼▼ */

.wrap_rank0,
.wrap_rank1,
.wrap_rank2,
.wrap_rank3,
.wrap_rank4,
.wrap_rank5,
.wrap_rank6,
.wrap_rank7,
.wrap_rank8,
.wrap_rank9,
.wrap_pickup,
.wrap_others,
.wrap_more{
	border:1px solid #999;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;	
	padding:10px;
	margin-bottom:24px;

	background:#FFFBE6 url(../images/rank/rank_img_rk1.png) no-repeat 10px 20px;
}

.wrap_others{margin-bottom:6px;}
.wrap_rank0{background:url(../images/rank/rank_img_kuchi.png) no-repeat 10px 10px;}
.wrap_rank2{background:url(../images/rank/rank_img_rk2.png) no-repeat 10px 20px;}
.wrap_rank3{background:url(../images/rank/rank_img_rk3.png) no-repeat 10px 20px;}
.wrap_rank4{background:url(../images/rank/rank_img_rk4.png) no-repeat 10px 20px;}
.wrap_rank5{background:url(../images/rank/rank_img_rk5.png) no-repeat 10px 20px;}
.wrap_rank6{background:url(../images/rank/rank_img_rk6.png) no-repeat 10px 20px;}
.wrap_rank7{background:url(../images/rank/rank_img_rk7.png) no-repeat 10px 20px;}
.wrap_rank8{background:url(../images/rank/rank_img_rk8.png) no-repeat 10px 20px;}
.wrap_rank9{background:url(../images/rank/rank_img_rk9.png) no-repeat 10px 20px;}

.wrap_pickup{border:1px solid #6d8bd1;background:#FFFBE6 url(../images/rank/rank_img_pickup.png) no-repeat 10px 20px;}
.wrap_others{padding-top:45px;background:#FFFBE6 url(../images/rank/rank_img_others.png) no-repeat 10px 10px;}
.wrap_more{background:url(../images/rank/rank_img_more.png) no-repeat 10px 10px;}


.wrap_rank0 .rank0_title,
.wrap_rank1 .rank1_title,
.wrap_rank2 .rank2_title,
.wrap_rank3 .rank3_title,
.wrap_rank4 .rank4_title,
.wrap_rank5 .rank5_title,
.wrap_rank6 .rank6_title,
.wrap_rank7 .rank7_title,
.wrap_rank8 .rank8_title,
.wrap_rank9 .rank9_title,
.wrap_pickup .pickup_title,
.wrap_more .more_title{
	min-height:43px;
	padding-top:12px;
	margin-bottom:15px;	
}


.wrap_rank0 h2,
.wrap_rank1 h2,
.wrap_rank2 h2,
.wrap_rank3 h2,
.wrap_rank4 h2,
.wrap_rank5 h2,
.wrap_rank6 h2,
.wrap_rank7 h2,
.wrap_rank8 h2,
.wrap_rank9 h2,
.wrap_pickup h2,
.wrap_more h2{
	font-size: 18px;
	font-size: 1.8rem;
	min-height:43px;
	line-height:1.6;
	font-weight:bold;
	background-color:#FFE566;
	border-bottom:1px solid #E03D0D;
	margin-left:65px;
	padding:0 0.5em;
}

.wrap_rank0 h2,
.wrap_rank2 h2,
.wrap_rank3 h2,
.wrap_rank4 h2,
.wrap_rank5 h2,
.wrap_rank6 h2,
.wrap_rank7 h2,
.wrap_rank8 h2,
.wrap_rank9 h2,
.wrap_pickup h2,
.wrap_more h2{
	border-bottom:none;
}

.wrap_pickup h2{padding-left:1em;background-color:#FFC895;}


.up:before {
	content: "\e640";
	font-family: 'icomoon';
	font-weight: normal;
	margin-right:10px;
	margin-left:5px;
	color:#ff0000;
}

.stay:before {
	content: "\e641";
	font-family: 'icomoon';
	font-weight: normal;
	margin-right:10px;
	margin-left:5px;
	color:#6fcc00;
}

.down:before {
	content: "\e647";
	font-family: 'icomoon';
	font-weight: normal;
	margin-right:10px;
	margin-left:5px;
	color:#0060ff;
}

.new {
	margin-right:5px;
	margin-left:5px;
	color:#ff0000;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:bold;
}

.wrap_table{
	padding:1em;
	border:2px solid #fee566;
	background-color:#fff;
	box-shadow: 1px 2px 3px #999;　/* Firefox用 */  
	-moz-box-shadow: 1px 2px 3px #999;　/* Firefox用 */  
	-webkit-box-shadow: 1px 2px 3px #999;　/* Safari,Google Chrome用 */	
}

.top_table{
	border-bottom:1px solid #999;
	margin-bottom:10px;
}
	
/* ▼▼▼　点数　▼▼▼ */
.kuchi_rate td span,
.kuchi_rate2 td span{
	margin-right:0.2em;
}

.kuchi_rate td span:last-child,
.kuchi_rate2 td span:last-child{
    margin-right:0;
}

.kuchi_rate{
	clear:both;
	margin:0 0 0.5em;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;

}

.kuchi_rate th{
	font-size:14px;
	font-size:1.4rem;
	line-height:1;
	padding:0.2em;
	color:#fff;
	background-color:#F5842C;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;	
}

.kuchi_rate td{
	line-height:0;
	padding-left:10px;
	font-size:200%;
	color:#F5842C;
	font-weight:bold;
}


.kuchi_rate2{
	clear:both;
	margin:0 0 1em;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;

}

.kuchi_rate2 th{
	font-size:12px;
	font-size:1.2rem;
	padding-right:0.5em;
	line-height:1.7142;
	text-align:left;
	color:#444;
}

.kuchi_rate2 td{
	width:10em;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7142;
	color:#FFBF00;
}

.kuchi_rate0{
	clear:both;
	margin:0 0 1em;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

.kuchi_rate0 th{
	font-size:12px;
	font-size:1.2rem;
	padding-right:0.5em;
	line-height:1.7142;
	text-align:left;
	color:#444;
}

.kuchi_rate0 td{
	font-size:12px;
	font-size:1.2rem;
	padding-left:0.5em;
	padding-right:0.5em;
	color:#444;
	font-weight:bold;
	line-height:1.7142;
}

/* ▲▲▲　点数　▲▲▲ */

/* ▼▼▼　キャンペーン情報　▼▼▼ */

.cp1{
	border:1px solid #F5842C;
	padding:1em 1em 0 1em;
	margin-bottom:1em;
}

.cp1 li{
	margin-bottom:1em;
}

.cp1 ul.mb0em{
	margin-bottom:1em;}
	

.cp1 ul.mb0em li{
	margin-bottom:0;
}

.cp1 p{
	margin-bottom:1em;
}

.cp1 h3{
	border-left:5px solid #F5842D;
	font-size:14px;
	font-size:1.4rem;
	margin-bottom:5px;
	line-height:1;
	padding-left:10px;	
}

.cp1 h4{color:#F5842C;margin-bottom:5px;}

/* ▲▲▲　キャンペーン情報　▲▲▲ */

/* ▼▼▼　詳細　▼▼▼ */

.wrap_detail{
	padding:10px;
	border:1px solid #fe7a4e;
	margin-bottom:10px;
	background-color:#fff;
}

/* ▲▲▲　詳細　▲▲▲ */


#rankkuchi_money,
#rankkuchi_netshopping,
#rankkuchi_business,
#rankkuchi_life,
#rankkuchi_gourmet,
#rankkuchi_beauty,
#rankkuchi_enta,
#rankkuchi_pc,
#rankkuchi_net,
.rankkuchi_detail,
.otherskuchi_detail{
  font-size: 14px;
  font-size: 1.4rem;
  line-height:2.0;
  padding-left:3em;
  color:#000;
  font-weight:normal;
  border:1px solid #ccc;
  border-bottom:1px solid #999;
  margin-bottom:1em;
}

.rankkuchi_detail{
	background:#ECECEC url(../images/rank/icon_plus.png) no-repeat 8px 2px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
}

.otherskuchi_detail{
	background:#ECECEC url(../images/rank/icon_plus2.png) no-repeat 8px 2px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
}



/* ナビゲーションの色をグラデーションにする */
#rankkuchi_money{
	background-color: #FFD733;
	background:url(../images/index/rankkuchi_money.png) no-repeat 8px 1px, -moz-linear-gradient(top, #FFF4CC, #FFD733);
	background:url(../images/index/rankkuchi_money.png) no-repeat 8px 1px, -webkit-gradient(linear, left top, left bottom, from(#FFF4CC), to(#FFD733));
	background:url(../images/index/rankkuchi_money.png) no-repeat 8px 1px, -webkit-linear-gradient(top, #FFF4CC, #FFD733);
	background:url(../images/index/rankkuchi_money.png) no-repeat 8px 1px, linear-gradient(to bottom, #FFF4CC, #FFD733);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;

}

/* マウスオーバー時にグラデーションの色を変更 */
#rankkuchi_money:hover{
	cursor: pointer;
	background-color: #FFF4CC;
	background:url(../images/index/rankkuchi_money.png) no-repeat 8px 1px,  -moz-linear-gradient(top, #ccc, #FFF4CC);
	background:url(../images/index/rankkuchi_money.png) no-repeat 8px 1px,  -webkit-gradient(linear, left top, left bottom, from(#FFF4CC), to(#FFF4CC));
	background:url(../images/index/rankkuchi_money.png) no-repeat 8px 1px,  -webkit-linear-gradient(top, #FFF4CC, #FFF4CC);
	background:url(../images/index/rankkuchi_money.png) no-repeat 8px 1px,  linear-gradient(to bottom, #FFF4CC, #FFF4CC);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
}

/* ナビゲーションの色をグラデーションにする */
#rankkuchi_netshopping{
	background-color: #F4BECC;
	background:url(../images/index/rankkuchi_netshopping.png) no-repeat 8px 1px, -moz-linear-gradient(top, #FAD9E2, #F4BECC);
	background:url(../images/index/rankkuchi_netshopping.png) no-repeat 8px 1px, -webkit-gradient(linear, left top, left bottom, from(#FAD9E2), to(#F4BECC));
	background:url(../images/index/rankkuchi_netshopping.png) no-repeat 8px 1px, -webkit-linear-gradient(top, #FAD9E2, #F4BECC);
	background:url(../images/index/rankkuchi_netshopping.png) no-repeat 8px 1px, linear-gradient(to bottom, #FAD9E2, #F4BECC);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;

}

/* マウスオーバー時にグラデーションの色を変更 */
#rankkuchi_netshopping:hover{
	cursor: pointer;
	background-color: #FAD9E2;
	background:url(../images/index/rankkuchi_netshopping.png) no-repeat 8px 1px,  -moz-linear-gradient(top, #ccc, #FAD9E2);
	background:url(../images/index/rankkuchi_netshopping.png) no-repeat 8px 1px,  -webkit-gradient(linear, left top, left bottom, from(#FAD9E2), to(#FAD9E2));
	background:url(../images/index/rankkuchi_netshopping.png) no-repeat 8px 1px,  -webkit-linear-gradient(top, #FAD9E2, #FAD9E2);
	background:url(../images/index/rankkuchi_netshopping.png) no-repeat 8px 1px,  linear-gradient(to bottom, #FAD9E2, #FAD9E2);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
}

/* ナビゲーションの色をグラデーションにする */
#rankkuchi_business{
	background-color: #B5D9FA;
	background:url(../images/index/rankkuchi_business.png) no-repeat 8px 1px, -moz-linear-gradient(top, #E3F2FE, #B5D9FA);
	background:url(../images/index/rankkuchi_business.png) no-repeat 8px 1px, -webkit-gradient(linear, left top, left bottom, from(#E3F2FE), to(#B5D9FA));
	background:url(../images/index/rankkuchi_business.png) no-repeat 8px 1px, -webkit-linear-gradient(top, #E3F2FE, #B5D9FA);
	background:url(../images/index/rankkuchi_business.png) no-repeat 8px 1px, linear-gradient(to bottom, #E3F2FE, #B5D9FA);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;

}

/* マウスオーバー時にグラデーションの色を変更 */
#rankkuchi_business:hover{
	cursor: pointer;
	background-color: #E3F2FE;
	background:url(../images/index/rankkuchi_business.png) no-repeat 8px 1px,  -moz-linear-gradient(top, #E3F2FE, #E3F2FE);
	background:url(../images/index/rankkuchi_business.png) no-repeat 8px 1px,  -webkit-gradient(linear, left top, left bottom, from(#E3F2FE), to(#E3F2FE));
	background:url(../images/index/rankkuchi_business.png) no-repeat 8px 1px,  -webkit-linear-gradient(top, #E3F2FE, #E3F2FE);
	background:url(../images/index/rankkuchi_business.png) no-repeat 8px 1px,  linear-gradient(to bottom, #E3F2FE, #E3F2FE);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
}

/* ナビゲーションの色をグラデーションにする */
#rankkuchi_life{
	background-color: #FFBF80;
	background:url(../images/index/rankkuchi_life.png) no-repeat 8px 1px, -moz-linear-gradient(top, #FFE5CA, #FFBF80);
	background:url(../images/index/rankkuchi_life.png) no-repeat 8px 1px, -webkit-gradient(linear, left top, left bottom, from(#FFE5CA), to(#FFBF80));
	background:url(../images/index/rankkuchi_life.png) no-repeat 8px 1px, -webkit-linear-gradient(top, #FFE5CA, #FFBF80);
	background:url(../images/index/rankkuchi_life.png) no-repeat 8px 1px, linear-gradient(to bottom, #FFE5CA, #FFBF80);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;

}

/* マウスオーバー時にグラデーションの色を変更 */
#rankkuchi_life:hover{
	cursor: pointer;
	background-color: #FFE5CA;
	background:url(../images/index/rankkuchi_life.png) no-repeat 8px 1px,  -moz-linear-gradient(top, #FFE5CA, #FFE5CA);
	background:url(../images/index/rankkuchi_life.png) no-repeat 8px 1px,  -webkit-gradient(linear, left top, left bottom, from(#FFE5CA), to(#FFE5CA));
	background:url(../images/index/rankkuchi_life.png) no-repeat 8px 1px,  -webkit-linear-gradient(top, #FFE5CA, #FFE5CA);
	background:url(../images/index/rankkuchi_life.png) no-repeat 8px 1px,  linear-gradient(to bottom, #FFE5CA, #FFE5CA);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
}

/* ナビゲーションの色をグラデーションにする */
#rankkuchi_gourmet{
	background-color: #FAAAAA;
	background:url(../images/index/rankkuchi_gourmet.png) no-repeat 8px 1px, -moz-linear-gradient(top, #FDE2E2, #FAAAAA);
	background:url(../images/index/rankkuchi_gourmet.png) no-repeat 8px 1px, -webkit-gradient(linear, left top, left bottom, from(#FDE2E2), to(#FAAAAA));
	background:url(../images/index/rankkuchi_gourmet.png) no-repeat 8px 1px, -webkit-linear-gradient(top, #FDE2E2, #FAAAAA);
	background:url(../images/index/rankkuchi_gourmet.png) no-repeat 8px 1px, linear-gradient(to bottom, #FDE2E2, #FAAAAA);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;

}

/* マウスオーバー時にグラデーションの色を変更 */
#rankkuchi_gourmet:hover{
	cursor: pointer;
	background-color: #FFE5CA;
	background:url(../images/index/rankkuchi_gourmet.png) no-repeat 8px 1px,  -moz-linear-gradient(top, #FDE2E2, #FFE5CA);
	background:url(../images/index/rankkuchi_gourmet.png) no-repeat 8px 1px,  -webkit-gradient(linear, left top, left bottom, from(#FDE2E2), to(#FFE5CA));
	background:url(../images/index/rankkuchi_gourmet.png) no-repeat 8px 1px,  -webkit-linear-gradient(top, #FDE2E2, #FFE5CA);
	background:url(../images/index/rankkuchi_gourmet.png) no-repeat 8px 1px,  linear-gradient(to bottom, #FDE2E2, #FFE5CA);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
}

/* ナビゲーションの色をグラデーションにする */
#rankkuchi_beauty{
	background-color: #BCF24D;
	background:url(../images/index/rankkuchi_beauty.png) no-repeat 8px 1px, -moz-linear-gradient(top, #EDFCCD, #BCF24D);
	background:url(../images/index/rankkuchi_beauty.png) no-repeat 8px 1px, -webkit-gradient(linear, left top, left bottom, from(#EDFCCD), to(#BCF24D));
	background:url(../images/index/rankkuchi_beauty.png) no-repeat 8px 1px, -webkit-linear-gradient(top, #EDFCCD, #BCF24D);
	background:url(../images/index/rankkuchi_beauty.png) no-repeat 8px 1px, linear-gradient(to bottom, #EDFCCD, #BCF24D);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;

}

/* マウスオーバー時にグラデーションの色を変更 */
#rankkuchi_beauty:hover{
	cursor: pointer;
	background-color: #FFE5CA;
	background:url(../images/index/rankkuchi_beauty.png) no-repeat 8px 1px,  -moz-linear-gradient(top, #EDFCCD, #EDFCCD);
	background:url(../images/index/rankkuchi_beauty.png) no-repeat 8px 1px,  -webkit-gradient(linear, left top, left bottom, from(#EDFCCD), to(#EDFCCD));
	background:url(../images/index/rankkuchi_beauty.png) no-repeat 8px 1px,  -webkit-linear-gradient(top, #EDFCCD, #EDFCCD);
	background:url(../images/index/rankkuchi_beauty.png) no-repeat 8px 1px,  linear-gradient(to bottom, #EDFCCD, #EDFCCD);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
}

/* ナビゲーションの色をグラデーションにする */
#rankkuchi_enta{
	background-color: #7BE3DC;
	background:url(../images/index/rankkuchi_enta.png) no-repeat 8px 1px, -moz-linear-gradient(top, #D7F7F4, #7BE3DC);
	background:url(../images/index/rankkuchi_enta.png) no-repeat 8px 1px, -webkit-gradient(linear, left top, left bottom, from(#D7F7F4), to(#7BE3DC));
	background:url(../images/index/rankkuchi_enta.png) no-repeat 8px 1px, -webkit-linear-gradient(top, #D7F7F4, #7BE3DC);
	background:url(../images/index/rankkuchi_enta.png) no-repeat 8px 1px, linear-gradient(to bottom, #D7F7F4, #7BE3DC);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;

}

/* マウスオーバー時にグラデーションの色を変更 */
#rankkuchi_enta:hover{
	cursor: pointer;
	background-color: #FFE5CA;
	background:url(../images/index/rankkuchi_enta.png) no-repeat 8px 1px,  -moz-linear-gradient(top, #D7F7F4, #D7F7F4);
	background:url(../images/index/rankkuchi_enta.png) no-repeat 8px 1px,  -webkit-gradient(linear, left top, left bottom, from(#D7F7F4), to(#D7F7F4));
	background:url(../images/index/rankkuchi_enta.png) no-repeat 8px 1px,  -webkit-linear-gradient(top, #D7F7F4, #D7F7F4);
	background:url(../images/index/rankkuchi_enta.png) no-repeat 8px 1px,  linear-gradient(to bottom, #D7F7F4, #D7F7F4);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
}

/* ナビゲーションの色をグラデーションにする */
#rankkuchi_pc{
	background-color: #A3B0FC;
	background:url(../images/index/rankkuchi_pc.png) no-repeat 8px 1px, -moz-linear-gradient(top, #E0E4FE, #A3B0FC);
	background:url(../images/index/rankkuchi_pc.png) no-repeat 8px 1px, -webkit-gradient(linear, left top, left bottom, from(#E0E4FE), to(#A3B0FC));
	background:url(../images/index/rankkuchi_pc.png) no-repeat 8px 1px, -webkit-linear-gradient(top, #E0E4FE, #A3B0FC);
	background:url(../images/index/rankkuchi_pc.png) no-repeat 8px 1px, linear-gradient(to bottom, #E0E4FE, #A3B0FC);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;

}

/* マウスオーバー時にグラデーションの色を変更 */
#rankkuchi_pc:hover{
	cursor: pointer;
	background-color: #FFE5CA;
	background:url(../images/index/rankkuchi_pc.png) no-repeat 8px 1px,  -moz-linear-gradient(top, #E0E4FE, #E0E4FE);
	background:url(../images/index/rankkuchi_pc.png) no-repeat 8px 1px,  -webkit-gradient(linear, left top, left bottom, from(#E0E4FE), to(#E0E4FE));
	background:url(../images/index/rankkuchi_pc.png) no-repeat 8px 1px,  -webkit-linear-gradient(top, #E0E4FE, #E0E4FE);
	background:url(../images/index/rankkuchi_pc.png) no-repeat 8px 1px,  linear-gradient(to bottom, #E0E4FE, #E0E4FE);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
}

/* ナビゲーションの色をグラデーションにする */
#rankkuchi_net{
	background-color: #FAAF8A;
	background:url(../images/index/rankkuchi_net.png) no-repeat 8px 1px, -moz-linear-gradient(top, #FDE3D7, #FAAF8A);
	background:url(../images/index/rankkuchi_net.png) no-repeat 8px 1px, -webkit-gradient(linear, left top, left bottom, from(#FDE3D7), to(#FAAF8A));
	background:url(../images/index/rankkuchi_net.png) no-repeat 8px 1px, -webkit-linear-gradient(top, #FDE3D7, #FAAF8A);
	background:url(../images/index/rankkuchi_net.png) no-repeat 8px 1px, linear-gradient(to bottom, #FDE3D7, #FAAF8A);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;

}

/* マウスオーバー時にグラデーションの色を変更 */
#rankkuchi_net:hover{
	cursor: pointer;
	background-color: #FFE5CA;
	background:url(../images/index/rankkuchi_net.png) no-repeat 8px 1px,  -moz-linear-gradient(top, #FDE3D7, #FDE3D7);
	background:url(../images/index/rankkuchi_net.png) no-repeat 8px 1px,  -webkit-gradient(linear, left top, left bottom, from(#FDE3D7), to(#FDE3D7));
	background:url(../images/index/rankkuchi_net.png) no-repeat 8px 1px,  -webkit-linear-gradient(top, #FDE3D7, #FDE3D7);
	background:url(../images/index/rankkuchi_net.png) no-repeat 8px 1px,  linear-gradient(to bottom, #FDE3D7, #FDE3D7);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
}


.open-close {
    float:right;
    text-indent:-9999px;
    height:28px;
    width:30px;
    background:url(../images/index/open.png) no-repeat 0px 9px;
    -webkit-background-size:17px 11px; /* Safari,Google Chrome用 */  
    -moz-background-size:17px 11px;　/* Firefox用 */  
    -o-background-size:17px 11px;　/* Opera用 */  

}

.trigger.active .open-close{
    background:url(../images/index/close.png) no-repeat 0px 9px;
    -webkit-background-size:17px 11px; /* Safari,Google Chrome用 */  
    -moz-background-size:17px 11px;　/* Firefox用 */  
    -o-background-size:17px 11px;　/* Opera用 */  
}

.acordion_tree{
	margin-bottom:0.5em;
}

.acordion_tree li a{font-weight:bold;}

/* --▼▼▼ 口コミ共通 ▼▼▼--*/
.wrap_kuchi{
padding:5px 5px 0 5px;
border:1px solid #fe7a4e;
background-color:#fff;
}


.marukomi dd,
.churitsu dd,
.batsukomi dd{
padding-left:20px;
padding-bottom:2px;
margin-bottom:3px;
line-height:140%;
border-bottom:1px dotted #cccccc;
}

.churitsu,
.batsukomi{
margin-bottom:5px;
}
/* --▲▲▲ 口コミ共通 ▲▲▲-- */

/* --▼▼▼ まるコミ ▼▼▼-- */
.marukomi{
position:relative;
margin-bottom:5px;
}

.marukomi p{
position:absolute;
top:1px;
right:0;
_right:5px;                       /* ---- IE6 ハック ---- */
}

.marukomi dd{
background:url(../images/ico_nikob.gif) no-repeat top left;
}
/* --▲▲▲ まるコミ ▲▲▲-- */

/* --▼▼▼ 中立 ▼▼▼-- */
.churitsu dd{
background:url(../images/ico_chub.gif) no-repeat top left;
}
/* --▲▲▲ 中立 ▲▲▲-- */

/* --▼▼▼ ばつコミ ▼▼▼-- */
.batsukomi dd{
background:url(../images/ico_batsub.gif) no-repeat top left;
}
/* --▲▲▲ ばつコミ ▲▲▲-- */

/* ▼▼▼　左側　その他の口コミ　▼▼▼ */

.others_waku{
	border:1px solid #FE7A4E;
	padding:10px;
	background-color:#fff;
}

.othkuchi{
position:relative;
border-bottom:1px dotted #cccccc;
margin-top:3px;
}

.othkuchi p{

}

.othkuchi dt{
margin-bottom:2px;
}

.othkuchi dt span{background-color:#FFE566;padding-left:5px;padding-right:5px;}

dd.maru,
dd.chu,
dd.batsu{
padding-left:20px;
margin-bottom:5px;
line-height:140%;
}

dd.hensyu{
padding-left:86px;
margin-bottom:3px;
line-height:140%;
}


dd.maru{
background:url(../images/ico_nikob.gif) no-repeat top left;
}

dd.chu{
background:url(../images/ico_chub.gif) no-repeat top left;
}

dd.batsu{
background:url(../images/ico_batsub.gif) no-repeat top left;
}

dd.hensyu{
background:url(../images/from_st.gif) no-repeat top left;
}


/* ▲▲▲　左側　その他の口コミ　▲▲▲ */	

/* ▼▼▼　左側　notice　▼▼▼ */

#wrap_notice{margin-bottom:24px;}

#wrap_notice p{
    font-size: 11px;
    font-size: 1.1rem;
	line-height:1.2;
}

/* ▲▲▲　左側　notice　▲▲▲ */	

/* ▼▼▼　左側　総評　▼▼▼ */

#wrap_conclusion{
	background-color:#EDFFD3;
	padding:10px;
	border:1px solid #999;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin-bottom:24px;
}


h2#con_h2{
  font-size: 18px;
  font-size: 1.8rem;
  line-height:1.333;
  color:#333;
  font-weight:normal;
  margin-bottom:12px;
  border-bottom:1px solid #78c12B;
  text-shadow: 1px 1px 1px #666;　/* Firefox用 */  
  -moz-text-shadow: 1px 1px 1px #666;　/* Firefox用 */  
  -webkit-text-shadow: 1px 1px 1px #666;　/* Safari,Google Chrome用 */
}

h2#con_h2:before{
	content: "\e639";
	font-family: 'icomoon';
	margin-right:0.5em;
	color:#42946C;
}


/* ▲▲▲　左側　総評　▲▲▲ */

/* ▼▼▼　左側　投票　▼▼▼ */

#wrap_vote{
	background-color:#FFFBE6;
	padding:10px;
	border:1px solid #999;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin-bottom:24px;
}

h2#vote_h2{
  font-size: 18px;
  font-size: 1.8rem;
  line-height:1.333;
  color:#333;
  font-weight:normal;
  margin-bottom:12px;
  border-bottom:1px solid #DDA404;
  text-shadow: 1px 1px 1px #666;　/* Firefox用 */  
  -moz-text-shadow: 1px 1px 1px #666;　/* Firefox用 */  
  -webkit-text-shadow: 1px 1px 1px #666;　/* Safari,Google Chrome用 */
}

h2#vote_h2:before{
	content: "\e639";
	font-family: 'icomoon';
	margin-right:0.5em;
	color:#DDA404;
}

h2#vote_h2 span{
  text-shadow: none; 
  -moz-text-shadow: none;　/* Firefox用 */  
  -webkit-text-shadow: none;　/* Safari,Google Chrome用 */
  color:#000;
}



/* ▲▲▲　左側　投票　▲▲▲ */


/* ▲▲▲▲▲▲　左側　ランキング＆クチコミ　▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼　右側　▼▼▼▼▼▼ */

/* ▼▼▼　クチランサイド　▼▼▼ */

dl.sub1{
	border:1px solid #4d8dd5;
	margin-bottom:12px;
}

dl.sub1 dt{
	background-color:#4d8dd5;
	color:#fff;
	font-size: 12px;
	font-size: 1.2rem;
}

dl.sub1 dd{
	text-align:left;
	font-size: 12px;
	font-size: 1.2rem;
}

dl.sub1 dd:nth-child(even) {
background-color:#eee;
}

dl.sub2{
	border:1px solid #4d8dd5;
	margin-bottom:12px;
}

dl.sub2 dt{
	background-color:#4d8dd5;
	color:#fff;
	font-size: 12px;
	font-size: 1.2rem;
}

dl.sub2 dd{
	text-align:left;
	background:url(../images/tri10.gif) no-repeat 3px 5px;
	padding-left:15px;
	font-size: 12px;
	font-size: 1.2rem;
}

dl.sub3{
	border:1px solid #bccd41;
	margin-bottom:12px;
}

dl.sub3 dt{
	background-color:#bccd41;
	color:#fff;
	font-size: 12px;
	font-size: 1.2rem;
}

dl.sub3 dd{
	text-align:left;
	background:url(../images/tri10.gif) no-repeat 3px 5px;
	padding-left:15px;
	font-size: 12px;
	font-size: 1.2rem;
}

dl.sub4{
	border:1px solid #ccc;
	margin-bottom:12px;
}

dl.sub4 dt{
	background-color:#ccc;
	color:#333;
	font-size: 12px;
	font-size: 1.2rem;
}

dl.sub4 dd{
	text-align:left;
	font-size: 12px;
	font-size: 1.2rem;
}


/* ▲▲▲　クチランサイド　▲▲▲ */

/* ▲▲▲▲▲▲　右側　▲▲▲▲▲▲ */



/* ▼▼▼　パンくずリスト　▼▼▼ */

/* breadcrumb
----------------------------------*/
.breadcrumb {
        list-style: none;
        overflow: hidden;
        color: white;
        margin-bottom:1em;
        background: rgb(233,233,233);
}
.breadcrumb li {
        float: left;
        line-height: 20px;
}
.breadcrumb li a {
        color: #fff;
        text-decoration: none;
        padding: 0 10px 0 15px;
        background: rgb(142,142,142);
        display: block;
        float: left;
}
.breadcrumb li a::after {
        position: relative;
        display: block;
        margin-top: -10px;
        margin-left: auto;
        margin-right: -15px;
        height: 10px;
        width: 10px;
        content: " ";
        -webkit-transform: skew(-30deg);
        background: rgb(142,142,142);
        border-right: 2px solid white;
}
.breadcrumb li a::before {
        float: right;
        display: block;
        margin-bottom: -10px;
        margin-left: auto;
        margin-right: -15px;
        height: 10px;
        width: 10px;
        content: " ";
        -webkit-transform: skew(30deg);
        background: rgb(142,142,142);
        border-right: 2px solid white;
}
.breadcrumb li:first-child a {
        font-weight: 900;
        padding-left: 10px;
        background: rgb(108,108,108);
}
.breadcrumb li:first-child a::before,
.breadcrumb li:first-child a::after {background: rgb(108,108,108);}
.breadcrumb li:last-child {
        padding-left: 15px;
        background: transparent !important;
        color:#4D8DD5;
        font-weight: 900;
}
.breadcrumb li a:hover,
.breadcrumb li a:hover::before,
.breadcrumb li a:hover::after {background: rgb(108,108,108);}
.breadcrumb li:first-child a:hover,
.breadcrumb li:first-child a:hover::before,
.breadcrumb li:first-child a:hover::after {background: rgb(77,77,77);}
.breadcrumb li.scope a,
.breadcrumb li.scope a::before,
.breadcrumb li.scope a::after {background-color:#4D8DD5;}
.breadcrumb li.scope a:hover,
.breadcrumb li.scope a:hover::before,
.breadcrumb li.scope a:hover::after {background-color:#2969AF;}

/* ▲▲▲　パンくずリスト　▲▲▲ */

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

/* @group 768px - wide tablet
ここに768px～1023pxまでのCSSを記述
--------------------------------------------------------*/

@media only screen and (min-width:768px){
body{
max-width: 1090px;
	width: 100%;
margin-left:auto;
margin-right:auto;
}

/* ▼▼▼　default_r.cssの上書き　▼▼▼ */

h1{
text-align:right;
font-weight:normal;
display:block;
}

/* ▲▲▲　default_r.cssの上書き　▲▲▲ */

/* ▼▼▼▼▼▼　左側　ランキング＆クチコミ　▼▼▼▼▼▼ */
.acordion_tree li a{font-size:10px; font-size:1.0rem;}

.wrap_rank0{background:url(../images/rank/rank_img_kuchi.png) no-repeat 10px 10px;}
.wrap_rank1{background:#FFFBE6 url(../images/rank/rank_img_rk1.png) no-repeat 10px 10px;}
.wrap_rank2{background:url(../images/rank/rank_img_rk2.png) no-repeat 10px 10px;}
.wrap_rank3{background:url(../images/rank/rank_img_rk3.png) no-repeat 10px 10px;}
.wrap_rank4{background:url(../images/rank/rank_img_rk4.png) no-repeat 10px 10px;}
.wrap_rank5{background:url(../images/rank/rank_img_rk5.png) no-repeat 10px 10px;}
.wrap_rank6{background:url(../images/rank/rank_img_rk6.png) no-repeat 10px 10px;}
.wrap_rank7{background:url(../images/rank/rank_img_rk7.png) no-repeat 10px 10px;}
.wrap_rank8{background:url(../images/rank/rank_img_rk8.png) no-repeat 10px 10px;}
.wrap_rank9{background:url(../images/rank/rank_img_rk9.png) no-repeat 10px 10px;}
.wrap_pickup{border:1px solid #6d8bd1;background:#FFFBE6 url(../images/rank/rank_img_pickup.png) no-repeat 10px 10px;}


.wrap_rank0 h2,
.wrap_rank1 h2,
.wrap_rank2 h2,
.wrap_rank3 h2,
.wrap_rank4 h2,
.wrap_rank5 h2,
.wrap_rank6 h2,
.wrap_rank7 h2,
.wrap_rank8 h2,
.wrap_rank9 h2,
.wrap_pickup h2{
	min-height:20px;
	padding:0;
}
/* ▲▲▲▲▲▲　左側　ランキング＆クチコミ　▲▲▲▲▲▲ */

/* ▼▼▼　左側　その他の口コミ　▼▼▼ */
.othkuchi p{
position:absolute;
top:0;
right:100px;
}
/* ▲▲▲　左側　その他の口コミ　▲▲▲ */

}

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

/* @group 1024px - wide desktop
ここに1024px以上のCSSを記述
--------------------------------------------------------*/


@media only screen and (min-width:1024px){
	
article header#head02{
	display:none;
}

	
.acordion_tree li a{
  font-size: 12px;
  font-size: 1.2rem;
}

	

}


/* ================================== */
/* 　　　PR表記CSS（2023/9/19追加）　  */
/* ================================== */

.promotion-note {
position: fixed;
padding: 1.5em 1.5em;
font-size: 10px;
font-size: 1rem;
border-radius: .3em;
opacity: .9;
width: 4.1em;
overflow: hidden;
transition: width 1s;
/*---customize---*/
bottom: 1em;
left: 1em;
background: #002E72;
color: #FFF;
/*---customize---*/
}

.promotion-note.is-open {
width: 26.5em;
transition: width 1s;
}

.promotion-note.is-open p span {
opacity: 1;
transition: opacity .5s;
}

.promotion-note.is-close {
width: 4.1em;
transition: width 1s;
}

.promotion-note.is-close p span {
opacity: 0;
transition: opacity .5s;
}

.promotion-note p {
font-size: 11px;
font-size: 1.1rem;
line-height: 1;
position: relative;
}

.promotion-note p span {
display: block;
position: absolute;
top: 0;
left: 1.54545em;
width: 21em;
opacity: 0;
}

.promotion-note p::before {
content: "";
display: inline-block;
vertical-align: -.2em;
margin-right: .5em;
height: 1em;
width: 1em;
background: url("data:image/svg+xml;utf8,<svg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'><path d='M17.003,13.636c-.351-.232-.775-.348-1.271-.348h-2.997v9.925h2.997c.48,0,.895-.112,1.247-.335,.351-.224,.623-.552,.816-.983,.192-.432,.287-.943,.287-1.534v-4.1c0-.623-.092-1.159-.276-1.606-.184-.447-.452-.787-.803-1.019Z' style='fill:%23fff;'/><path d='M37.555,13.564c-.375-.2-.819-.3-1.331-.3h-3.116v8.727h3.116c.512,0,.956-.092,1.331-.276,.376-.184,.66-.448,.851-.792,.192-.344,.288-.755,.288-1.234v-3.884c0-.528-.096-.983-.288-1.367-.191-.384-.475-.675-.851-.875Z' style='fill:%23fff;'/><path d='M45,0H5C2.25,0,0,2.25,0,5V45c0,2.75,2.25,5,5,5H45c2.75,0,5-2.25,5-5V5c0-2.75-2.25-5-5-5ZM24.1,21.272c0,1.615-.324,2.993-.971,4.135-.647,1.143-1.586,2.015-2.817,2.614-1.231,.599-2.701,.899-4.411,.899h-3.165v13.521H6.791V7.583H15.901c1.726,0,3.204,.304,4.435,.911,1.231,.608,2.166,1.498,2.805,2.673,.639,1.175,.959,2.585,.959,4.231v5.873Zm15.313,21.169l-4.311-14.744h-1.994v14.744h-5.826V7.559h8.583c1.886,0,3.496,.308,4.83,.923,1.334,.615,2.353,1.518,3.057,2.709,.703,1.191,1.055,2.618,1.055,4.279v4.076c0,1.71-.352,3.176-1.055,4.4-.704,1.222-1.726,2.153-3.069,2.792-.015,.007-.032,.012-.047,.019l5.155,15.685h-6.377Z' style='fill:%23fff;'/></svg>") center/cover no-repeat;
}
@media only screen and (min-width:1024px){
	.promotion-note {
	/*---customize---*/
	bottom: auto;
	top: 1em;
	/*---customize---*/
	}
}
	
/* ================================== */
/* 　　　PR表記CSS（2023/9/19追加）・ここまで*/
/* ================================== */