﻿@charset"utf-8";
/*--------------------------------------------------------*/
/*-ブランドページ基本レイアウト-----------------------------------*/
/*--------------------------------------------------------*/
/*#brand{background:#000;}*/
#brand #brand_area{margin:25px 15px -60px 0;padding:12px 0 72px 0;background:url(../img/common_new/top/stamper.jpg) repeat-x left bottom;}
#brand #brand_area:after{clear:both;content:" ";display:block;}
#brand #brand_area #brand_cover{background:#fff;-webkit-border-radius:2px;border-radius:2px;border:1px solid #ccc;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0 0 0 -5px;position:relative;z-index:1;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.5);box-shadow:1px 1px 1px rgba(0,0,0,0.5);}

#brand.fan #brand_area #brand_cover{margin-left:15px;}
#brand #brand_area #brand_cover:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
#brand #brand_area #brand_img{margin:5px 10px 5px 5px;display:block;float:left;}
#brand #brand_area #brand_left{font-size:12px;width:60%;float:left;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:5px 10px 5px 0;}
#brand #brand_area #brand_right{width:40%;float:right;padding:5px 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-left:1px dotted #999;margin:5px 0;}
#brand #brand_area .b_s{font-size:12px;}
#brand #brand_area .b_s .blockspan{font-family:Arial, Helvetica, sans-serif;font-size:10px;
background:#aaa;padding:1px 0 1px 4px;font-weight:bold;margin:0 5px 3px 0;
-webkit-border-top-left-radius:3px;border-top-left-radius:3px;color:#fff;border:1px solid #eee;
-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;display:block;}
#brand #brand_area .b_s .blockspan:before{position:relative;float:right;margin:-2px -1px 0 0;
content:" ";width:0;height:0;display:block;border:8px solid;border-color:#fff #fff #fff transparent;}
#brand #brand_area .urls{clear:both;}
#brand #brand_area .urls .blockspan{float:left;height:12px;}
#brand #brand_area #b_1 .blockspan{width:70px;}#brand #brand_area #b_2 .blockspan{width:150px;}
#brand #brand_area #b_3 .blockspan{width:80px;}#brand #brand_area #b_6 .blockspan{width:85px;clear:both;}
#brand #brand_area #b_7 .blockspan{width:70px;background:#F90;}
#brand #brand_area #b_1{width:auto;display:block;padding:0;float:left;margin:6px 0 10px 0;}
#brand #brand_area #b_1 h3{font-size:22px;}
#brand #brand_area #fanpage{display:block;margin:4px 0 0 0;background:#C00;-webkit-border-radius:4px;border-radius:4px;border:1px solid #900;-webkit-box-shadow:-1px -1px 4px rgba(0,0,0,0.5) inset;box-shadow:-1px -1px 4px rgba(0,0,0,0.5) inset;width:120px;}
#brand #brand_area #fanpage a{display:block;padding:3px 6px;text-align:center;color:#fff;}
#brand #brand_area #fanpage a:hover{color:#F90;}
#brand #brand_area #b_2{clear:both;width:auto;display:block;padding:0;font-size:12px;margin:0 0 12px 5px;line-height:1.4em;padding:0 5px 10px 10px;}
#brand #brand_area .designer_img{width:51px;height:51px;display:block;border:1px solid #ccc;padding:1px;margin:0 7px 5px 0;float:left;}
#brand #brand_area .designer_img img{border:1px solid #fff;}
#brand #brand_area #no_image{text-align:center;font-size:8px;background:#ddd;color:#fff;padding-top:14px;height:37px;}
#brand #brand_area #b_3{float:left;font-size:15px;margin:5px 0 0 5px;
padding:0 0 0 2px;width:auto;display:block;}
#brand #brand_area #b_6{margin:3px 0 0 0;width:100%;display:block;}
#brand #brand_area #b_7{margin:3px 0 0 0;padding:10px 0 0 0;width:100%;display:block;background-position:-1528px 0;}
#brand #brand_area #b_7 li{padding:3px 2px 3px 5px;}
#brand #brand_area #b_7 .gray{background:#e4e4e4;border-bottom:1px solid #ccc;border-top:1px solid #ccc}
#brand #brand_area #b_7 li .years{padding:0 6px 0 0;}
#brand .s_awards{margin:3px 6px 0 0;padding:7px 8px 7px 8px;float:right;border:1px solid #ccc;display:block;-webkit-border-radius:8px;border-radius:8px;}
#brand .s_awards li{float:left;width:12px;height:12px;text-align:center;color:#F90;font-size:12px;font-weight:bold;
padding:13px 1px 5px 1px ;display:block;float:left;background:url(../img/common_new/proto/awards.png) no-repeat left top;}
#brand .s_awards .no_count{color:#ccc;font-weight:normal;}
#brand .s_awards .aw_1{padding-left:2px;}#brand .s_awards .aw_2{background-position:-14px 0;}
#brand .s_awards .aw_3{background-position:-26px 0;}#brand .s_awards .aw_4{background-position:-38px 0;}
#brand .s_awards p{text-align:right;margin:0 0 10px 0;}
#brand .s_awards #now_rank{display:block;float:right;padding:0 2px 0 0;font-size:28px;font-weight:normal;}
#brand .s_awards #now_rank span{padding:0 3px 0 0;font-size:28px;color:#900;font-family:"Arial Black", Gadget, sans-serif;letter-spacing:0;}
#brand .s_awards .total{clear:both;display:block;font-size:15px;font-family:"Arial Black", Gadget, sans-serif;padding:0 0 0 30px;
background:url(../img/common_new/proto/rank_move2.png) no-repeat left 4px;}
#brand .s_awards .s_stay{background-position:2px -18px;}
#brand .s_awards .s_up{background-position:8px -7px;}
#brand .count_big{font-size:60px;text-align:right;}#brand #hit_count{margin-right:-30px;}
#brand #hit_count .smalls{margin:-14px 0 0 0;font-size:11px;}
#brand .fans{font-size:12px;margin:10px 0 15px 0;letter-spacing:1.2pt;}
#brand .fans strong{font-size:20px;color:#cc0000;font-family:"Arial Black", Gadget, sans-serif;}
#brand .fan_bts{clear:both;background:#FBAAA8;margin:4px;padding:5px 3px 3px 1px;text-align:center;min-height:26px;position:relative;display:block;}
#brand .fan_bts #b_fan_bt,#brand #b_fan_bt2{width:210px;height:20px;padding:6px 0 0 0;display:block;background:#C00;color:#fff;font-size:12px;font-weight:bold;border:1px solid #F9D9D5;
-webkit-border-radius:6px;border-radius:6px;margin:-2px 0px 0 auto;
background: -webkit-gradient(linear, center top, center bottom, from(#C00), to(#900));
background: -moz-linear-gradient(top center,#C00 0%,#900 100%);background: -o-linear-gradient(top center,#C00 0%,#900 100%);
background: -ms-linear-gradient(top center,#C00 0%,#900 100%);background: linear-gradient(top center,#C00 0%,#900 100%);
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.5) inset;box-shadow:1px 1px 2px rgba(0,0,0,0.5) inset;}
#brand .fan_bts #b_fan_bt:hover,#brand #b_fan_bt2:hover{background:#C00;color:#FC0;}
#brand #fan_d{background:#ddd;color:#666;text-align:center;font-size:12px;font-weight:bold;line-height:2em;} 
#brand #fan_d a{font-size:12px;text-decoration:underline;} 
#brand #fan_c{color:#900;font-size:12px;font-weight:bold;text-align:right;line-height:2em;} 
#brand #fan_c #b_fan_bt{float:right;margin-left:0;text-align:center;}
#brand #fan_e{background:#F60;color:#FFF;text-align:center;font-size:12px;font-weight:bold;line-height:2em;} 
#brand #b_fan_bt2{text-align:center;position:relative;margin:-40px 0 20px 0;float:right;}
#brand  #sp_left{float:left;
width:71px;height:98px;display:block;background:url(../img/common_new/top/stamper_left2.jpg) no-repeat left bottom;margin:-37px 0 0 -53px;}
#brand  #sp_right{float:right;
width:71px;height:98px;display:block;background:url(../img/common_new/top/stamper_right.jpg) no-repeat right bottom;margin:-37px 0px 0 0;}
#brand .under_navi{margin:15px 10px 0 10px;}
#brand #fanlist_area{clear:both;margin:0 10px 10px 10px;background:#fff;padding:10px 20px;border:1px solid;border-color:#ddd #bbb #bbb #eee;}
#brand .fan_list{clear:both;display:block;height:248px;overflow:hidden;}
#brand .fan_list ul:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
#brand .fan_list li{float:left;margin:0 4px 10px 4px;width:53px;height:75px;word-break:break-all;text-align:center;overflow:hidden;}
#brand .fan_list li .fan_img{padding:1px;border:1px solid #ccc;}
#brand .fan_list li .new{position:absolute;margin:-7px 0 0 35px;}
#brand #fan_all{padding:6px 3px 4px 3px;display:block;background:#999;color:#fff;text-align:center;cursor:pointer;
-webkit-border-radius:0 6px 0 0;border-radius:0 6px 0 0;margin:0 0 -10px -22px;max-width:200px;
background: -webkit-gradient(linear, center top, center bottom, from(#ccc), to(#777));
background: -moz-linear-gradient(top center,#CCC 0%,#777 100%);background: -o-linear-gradient(top center,#CCC 0%,#777 100%);
background: -ms-linear-gradient(top center,#CCC 0%,#777 100%);background: linear-gradient(top center,#CCC 0%,#777 100%);
-webkit-box-shadow:-1px 1px 2px rgba(0,0,0,0.5) inset;box-shadow:-1px 1px 2px rgba(0,0,0,0.5) inset;}
#brand #fan_all:hover{background:#F90;}
/*---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:1250px){

}
@media only screen and (max-width:1200px){

}
@media only screen and (max-width:1150px){

}
@media only screen and (max-width:1100px){
#brand #brand_area #b_1 h3{font-size:18px;}
#brand .fans strong{font-size:15px}
}
@media only screen and (max-width:1050px){
#brand #brand_area #fanpage{display:block;padding:3px 0 0 3px;}
}
@media only screen and (max-width:1000px){
#brand #brand_area #b_1 h3{font-size:15px;}
}
@media only screen and (max-width:960px){

}
/*------------------------------------------------------------------------------------------------------*/