/* リセット */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ margin: 0; padding: 0;}
html{ overflow-y: scroll;}
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal;}
ol, ul{ list-style:none;}
fieldset, img{ border:0;}
table{ border-collapse: collapse; border-spacing:0;}
caption, th{ text-align: left;}
address, caption, cite, code, dfn, em, strong, th, var{ font-style: normal; font-weight: normal;}
/* リンク色（文字） */
a:link { color: #017BB8; text-decoration: none}
a:visited { color: #017BB8; text-decoration: none}
a:active { color:#000000; text-decoration: none}
a:hover { color: #B12872; text-decoration: underline}
/* リンク色（画像） */
a:link img {border-color:#017BB8;}
a:visited img {	border-color:#017BB8;}
a:hover img {	border-color:#B12872;}

/*===============================================
●共通
===============================================*/

body {
	background-color: #f5f8f9;
	color : #434343;
	font-size:14px;
	font-family: メイリオ,"Meiryo UI","ＭＳ Ｐゴシック","ＭＳ 明朝", Osaka, sans-serif;
}

/* MENU -------------------------------------------------------------- */

#top{width: 100%; max-width: 986px; margin: 0 auto; padding: 0; text-align: center; background: #172C85; border-bottom: 1px solid #213DAB;}
#pre_g{width: 20%; text-align: left; float: left;}
#now_g{width: 60%; color: #fff;font-size:16px;text-align: center; font-weight:bold;/*padding: 10px 0 10px;*/ float: left;}
#post_g{width: 20%;  text-align: right; float: right;}
#pre_g img{  width: 100%;max-width: 40px;}
#post_g img{  width: 100%;max-width: 40px;}
#now_g img{height:40px;width:125px;}
#menu-box{ width: 100%;}
#menu{  width: 100%;  max-width: 986px;  margin: 0 auto;  padding: 0;}
#menu li{  display: block;  float: left;  width: 20%;  margin: 0;  padding: 0; }
#menu li a{  display: block;  padding: 12px 0 10px;  background: #172C85;  color: #fff;  text-align: center; text-decoration: none;}
#menu li a:hover{  background: #213DAB;}
#toggle{  display: none;}


/* 認証------------------------------------------------------------- */
.overlay {
display: none;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
position: fixed;
z-index: 400
}
.btn_area {
width: 400px;
height: 340px;
font-size:14px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
text-align: center;
z-index: 2
}
.ttl {
font-weight: bold
font-size:18px;
}
.btn_area p {
margin:20px;
padding: 20px
font-size:18px;
}
.btn_area .no{
display: block;
margin: 0 auto;
font-size:18px;
background: #333;
color: #fff;
padding: 20px 40px 20px 40px;
border: none;
width: 150px;
margin-top: 20px;

}
.btn_area div:hover {
background: #777
}
.btn_area button:hover {
background: #777
}
 
button{
display: block;
margin: 0 auto;
font-size:18px;
/* background: #333; */
background: #172C85;
color: #fff;
padding: 20px 40px 20px 40px;
border: none;
width: 150px;
  cursor: pointer;
}


/* 認証------------------------------------------------------------- */


@media only screen and (max-width: 768px) {
    #menu li{
    width: 20%;
    border-bottom: 1px solid #444;
  }
}

/* ココからタブレット及びスマホ対応　max-width: 768px-------------------------------------------------------------- */
@media only screen and (max-width: 480px) {

#menu{ display: none;}
#menu li{width: 100%;}
#toggle{display: block; position: relative; width: 100%; background: #172C85;}
#toggle a{ display: block; position: relative; padding: 12px 0 10px; border-bottom: 1px solid #213DAB; color: #fff; text-align: center; text-decoration: none;}
#toggle:before{ display: block; content: ""; position: absolute; top: 50%; left: 10px; width: 20px; height: 20px; margin-top: -10px; background: #fff;}
#toggle a:before, #toggle a:after{ display: block; content: ""; position: absolute; top: 50%; left: 10px; width: 20px; height: 4px; background: #172C85;}
#toggle a:before{ margin-top: -6px;}
#toggle a:after{ margin-top: 2px;}
}


.contents_area{}
.contents {margin-left: auto;margin-right: auto;width: 100%;text-align:left;}
.titleo{ width: 97%; height:20px; color : #424242; font-size:14px; font-weight:bold; text-align:left; background-color: #f5f8f9; padding: 8px 0px 2px 0px; border-top: 1px #C4C4C4 solid; border-bottom : 1px #C4C4C4 solid;
/*  border: 1px #C4C4C4 solid; */
 border-radius: 4px;
 -moz-border-radius: 4px;    /* Firefox */
 -webkit-border-radius: 4px; /* Safari,Chrome */
 -pie-background:linear-gradient(top, #F8F8F8, #E7E7E7);
 background: -moz-linear-gradient(top,  #F8F8F8,  #E7E7E7);
 background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#E7E7E7));
 behavior: url("/img/PIE.htc");
}
.sub_titleo{display: none;}

.contents_left{	float: left; 	width:100%; }
.contents_right{	float: left; 	width:100%; }

.titleo_left{
	width:97%;
	height:20px;
	color : #424242;
	font-weight:bold;
	text-align:left;
	background-color: #f5f8f9;
	padding: 8px 0px 2px 0px;
	border: 1px #C4C4C4 solid;
	border-radius: 4px;
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	-pie-background:linear-gradient(top, #F8F8F8, #E7E7E7);
	background: -moz-linear-gradient(top,  #F8F8F8,  #E7E7E7);
	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#E7E7E7));
	behavior: url("/img/PIE.htc");
	position: relative;
}

.pu_3_w_m{	float: left; 	width:33%; 	padding: 15px 0px 5px 0px;}
.pu_3_m{	width:98%;	padding: 0px 0px 0px 0px;	border: 1px #dcdcdc solid; 	position: relative;	z-index: 1;	overflow:hidden;}
.pu_3_img_m{border:0px;	width:100%;}
.pu_3_img_m img{width:100%;}
.pu_3_txt{text-align:left;	font-size:14px;	font-weight:bold;	padding: 5px 5px 0px 5px;}
.pu_34_txt{ height:44px;font-size:12px;text-align:left;font-weight:bold;padding: 0px 0px 0px 5px;}
.pu_3hh{display: none;}
.pu_3_date{	padding: 5px 5px 5px 5px;/*	z-index: 3;	position:absolute;	bottom:0px; left:0px;*/}
.pu_3_mrk{width:18px; color : #ffffff;text-align:center;background-color: orange;padding: 2px 2px 2px 2px;float: left; }
.pu_3_day{font-weight:bold;padding: 2px 5px 2px 5px;float: left; }
.pu_4_w{float: left; width:33%; padding: 10px 0px 0px 0px;}
.pu_4_wall{float: left; width:33%; padding: 10px 0px 0px 0px;}
.pu_4{background-color: #f5f8f9;width:90%;margin-left:4%;text-align:center; border: 1px #dcdcdc solid;z-index: 1;position:relative;overflow:hidden;}
.models_4{background-color: #ffffff;width:90%;margin-left:4%; height:46px;border: 1px #dcdcdc solid;z-index: 1;position:relative;}
.model_4_img{border:0px;width:96%; height:46px;font-size:16px;font-weight:bold;padding: 4px 0px 0px 0px ;text-align:center;}
.models_r{font-size:12px;}
.pu_4_img{border:0px;width:100%;}
.pu_4_img img{width:100%;}
.pu_4_txt{ text-align:left;line-height: 120%;font-weight:bold;padding: 5px 0px 0px 5px;}
.txt_size{font-size:12px;font-weight:normal;}
.pu_4_date{padding: 4px 5px 5px 0px;}
.pu_4_day{width:100%;font-size:12px;text-align:left; float: left; }
.pu_4_mrk{width:60%;color : #ffffff;font-size:10px;text-align:center;background-color: #2F428E;margin-right : 2px;float: right; }
.pu_4_mrk_new{width:60%;color : #ffffff;font-size:10px;text-align:center;background-color: #fc0000;margin-right : 2px;float: right; }
.pu_4_mrk_tdy{width:60%;color : #ffffff;font-size:10px;text-align:center;background-color: #FB5BaB;margin-right : 2px;float: right; }
.pu_4_mrk_cmp{width:60%;color : #ffffff;font-size:10px;text-align:center;background-color: #aaaaaa;margin-right : 2px;float: right; }

/* ----------------------------------------------------5縦---------- */

.txt_sizes{	font-size:8px;	font-weight:normal;}

.sp_mov_mrk{
	height:15px;
	width:28px;
	padding: 14px 50px 0px 85px;
	float:left;

}
.sp_mov_txt{
	height:15px;
	width:50%;
	color:#ff0000;
	padding: 14px 5px 0px 5px;
	float:left;

}
/* ----------------------------------------------------5縦---------- */


.clear {	clear: both;}

.ranking_head{	width:97%;
	height:20px;
	color : #424242;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	background-color: #f5f8f9;
	padding: 8px 0px 2px 0px;
	border: 1px #C4C4C4 solid;
	border-radius: 4px;
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	-pie-background:linear-gradient(top, #F8F8F8, #E7E7E7);
	background: -moz-linear-gradient(top,  #F8F8F8,  #E7E7E7);
	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#E7E7E7));
	behavior: url("/img/PIE.htc");
	position: relative;
}
.co_inf{	width:97%;	color : #444444;	background-color: #ffffff;	padding: 8px 0px 8px 0px;	border-left: 1px #dcdcdc solid;	border-right: 1px #dcdcdc solid;	border-bottom: 1px #dcdcdc solid;}
.co_inf img{width:100%;}

.rank10{	width:97%;	color : #444444;	background-color: #ffffff;	border-left: 1px #dcdcdc solid;	border-right: 1px #dcdcdc solid;	border-bottom: 1px #dcdcdc solid;}
.rank_10_up{	padding: 4px 0px 4px 8px;	-pie-background:linear-gradient(left, #dddddd, #ffffff);	background: -moz-linear-gradient(left,  #dddddd,  #ffffff);	background: -webkit-gradient(linear, left top, right bottom, from(#dddddd), to(#ffffff));	behavior: url("/img/PIE.htc");	position: relative;}
.site_name{	width:100%;	text-align:left;	font-size:14px;	font-weight:bold;	padding: 2px 0px 0px 8px;	float: left;}

.rank_10_ud{	padding: 8px 0px 8px 8px;}
.site_img{	width:25%;	height:80px;	float: left;margin-left:2%;}
.site_img img{	width:100%;max-width:120px;}
.site_txt{	font-weight:bold;	width:70%;/*	height:53px; */	font-size:14px;	line-height: 20px;	padding: 0px 0px 0px 8px;	float: left;}
.pict{	font-size:10px;	font-weight:normal;	color : #000000;	background-color: #FB9B9B;}
.move{	font-size:10px;	font-weight:normal;	color : #000000;	background-color: #D7CBFB;}
.limit{	font-size:10px;	font-weight:normal;	color : #000000;	background-color: #ff000B;}

.fr_area{	background-color : #dadada;	padding: 20px 0px 0px 0px;}
.member_fr{width: 100%; font-size:12px; text-align:center;}
/* p.sh_del{ display: none;}　-------------------------------------------------------------- */
.pr_area{}
.sub_titleo{	color : #333333;	font-size:12px;	font-weight:normal;	padding: 8px 0px 2px 20px;}
.member_pr {		margin-left: auto;	margin-right: auto;	width: 100%;	text-align:left;}
div.space{	width:98%; 	height:15px;}
div.space_r{	width:98%; 	height:15px;}
.pu_1_w{	float: left; 	width:98%; 	padding: 15px 2px 5px 8px;}
.pu_1{	width:100%; /*	height:234px;*/	padding: 0px 0px 0px 0px;	overflow:hidden;}
.pu_1_img{	float: left; 	border:0px;	width:100% }
.pu_1_img img{width:100%;}
.pu_1_txa{	float: left;	border:0px;	width:100%; 	padding: 0px 0px 0px 18px;	overflow:hidden;}
.pu_1_txt{	font-size:16px;	text-align:left;	font-weight:bold;	padding: 12px 0px 0px 5px;}
.co_ww{	width:98%; 	background-color: #ffffff;	border-top: 0px;	border-left : 1px #dcdcdc solid;	border-bottom : 1px #dcdcdc solid;	border-right : 1px #dcdcdc solid;}
.pu_4_wf{	float: left; 	width:98%; 	padding: 10px 4px 15px 8px;}
.pu_4f{	background-color: #f5f8f9;	width:97%; 	/* height:194px; */	border: 1px #dcdcdc solid;	overflow:hidden;}
.rank30{	width:98%;	height:40px;	color : #444444;	background-color: #ffffff;	border-left: 1px #dcdcdc solid;	border-right: 1px #dcdcdc solid;	border-bottom: 1px #dcdcdc solid;}
.rank_30_up{	padding: 10px 0px 5px 8px;}
.site_30rnk{	width:20px;	text-align:center;	font-size:14px;	font-weight:bold;	border: 1px #dadaf5 solid;	padding: 2px 0px 0px 0px;	float: left;}
.site_30name{	width:210px;	height:15px;	font-size:12px;	font-weight:bold;	padding: 2px 0px 0px 15px;	float: left;	overflow:hidden;}
.rnk_sp{	height:5px;}


.rank_rand{
  display: flex;
  flex-direction: row;
	color : #444444;
	text-align: left;
	background-color: #ffffff;
	border-left: 1px #dcdcdc solid;
	border-right: 1px #dcdcdc solid;
	border-bottom: 1px #dcdcdc solid;
}
.rank_txt{flex-grow: 1;padding:20px;}
.rank_img{}
.rand_img img{max-width:100%;}

.result{display:none;}


.ranking_headr{
	width:99%;
	height:20px;
	color : #424242;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background-color: #f5f8f9;
	padding: 8px 0px 2px 0px;
	border: 1px #C4C4C4 solid;
	border-radius: 4px;
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	-pie-background:linear-gradient(top, #E8E233, #EEE95B);
	background: -moz-linear-gradient(top,  #E8E233,  #EEE95B);
	background: -webkit-gradient(linear, left top, left bottom, from(#E8E233), to(#EEE95B));
	behavior: url("/img/PIE.htc");
	position: relative;

}
.ranking_headr_hide2{
	display:none;

}

.rank130{
	width:100%;
	height:190px;
	color : #444444;
/* 	background-color: #ffffff; */
	background: radial-gradient(rgb(244, 244, 199), rgb(255, 255, 255));
/*	border-left: 1px #dcdcdc solid;
	border-right: 1px #dcdcdc solid;
	border-bottom: 1px #dcdcdc solid; */
}


.rank_130_up{
	padding: 10px 0px 5px 8px;
}

.site_130rnk{
	width:48px;
	height:48px;
	text-align:center;
	color : #ffffff;
	font-size:16px;
	font-weight:bold;
	line-height:54px;
/*	border: 1px #dadaf5 solid; */
	padding: 6px 0px 4px 0px;
	margin: 56px 0px 0px 0px;
	background-image: url(https://www.g-area.com/img/deco/normal.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
/*	background-color: #191F8F;color: #ffffff; */
	float: left;
}
.site_130rnk1{
	width:48px;
	height:48px;
	text-align:center;
	color : #ffffff;
	font-size:16px;
	font-weight:bold;
	line-height:54px;
/*	border: 1px #dadaf5 solid; */
	padding: 6px 0px 4px 0px;
	margin: 56px 0px 0px 0px;
	background-image: url(https://www.g-area.com/img/deco/gold.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
/*	background-color: #191F8F;color: #ffffff; */
	float: left;
}
.site_130rnk2{
	width:48px;
	height:48px;
	text-align:center;
	color : #333333;
	font-size:16px;
	font-weight:bold;
	line-height:54px;
/*	border: 1px #dadaf5 solid; */
	padding: 6px 0px 4px 0px;
	margin: 56px 0px 0px 0px;
	background-image: url(https://www.g-area.com/img/deco/silver.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
/*	background-color: #191F8F;color: #ffffff; */
	float: left;
}
.site_130rnk3{
	width:48px;
	height:48px;
	text-align:center;
	color : #ffffff;
	font-size:16px;
	font-weight:bold;
	line-height:54px;
/*	border: 1px #dadaf5 solid; */
	padding: 6px 0px 4px 0px;
	margin: 56px 0px 0px 0px;
	background-image: url(https://www.g-area.com/img/deco/copper.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
/*	background-color: #191F8F;color: #ffffff; */
	float: left;
}

.site_130name{
	width:124px;
	height:180px;
	font-size:12px;
	font-weight:bold;
	padding: 2px 0px 0px 10px;
	float: left;
	overflow:hidden;
}
.site_130name img{width:120px;border: 2px #191F8F solid;}

.site_130namer{
	width:48%;
	height:170px;
	font-size:14px;
	font-weight:bold;
	padding: 12px 0px 0px 20px;
	line-height:22px;
	float: left;
	overflow:hidden;
}
.site_130namer span{font-weight:normal;}