@charset"utf-8";
/*-TOPページコンテンツ-------------------*/
/*TOPのみ
/*---------------------------------------*/
#RouletteInner{display:none;}
.top #b_banner_area #banner_out{width:100%;padding:0;margin:98px 0 0 0;height:307px;}
.top #b_banner_area #banner_out #banner_over{
padding:0;margin:0;width:100%;}
#b_banner{height:110px;background:rgba(255,255,255,0.8);clear:both;padding:0;width:100%;
text-align:center;overflow:hidden;}
#b_banner ul{margin:0 0 0 0;}
#b_banner .b_effect1{position:relative;float:left;width:auto;margin:-110px 0 0 0;}
#b_banner .b_effect2{position:relative;float:right;width:auto;margin:-110px 0 0 0;}
#b_banner .b_base img,#b_banner .b_effect1 img,#b_banner .b_effect2 img{height:110px;width:auto;display:block;background-size:contain;}
#loadings{padding:120px 0 0 0;}
#erec_board{height:37px;margin:0;background:rgba(255,255,255,0.8);overflow:hidden;border:1px solid;border-color:#fff transparent #fff transparent;}
#erec_board ul{padding:3px 4px 1px 4px;}
#erec_board ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#erec_board li{font-size:12px;margin-bottom:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;display:block;padding:0 10px 0 0;float:left;height:28px;line-height:1.4em;}
#erec_board li span{color:#fff;padding:1px 2px;-webkit-border-radius:3px;border-radius:3px;}
#erec_board .s_info span{background:#F90;}
#erec_board .s_alert span{background:#C00;}
#erec_board li a{font-size:12px;text-decoration:underline;padding:1px 0 0 0;}
#news_area{display:none;}
/*---------------------------------------------------*/
.top .p_area{width:100%;clear:both;margin:0;padding:0 0 10px 0;}
.top .p_area:not(:first-child){background:url(../img/common_new/top/line1.gif) repeat-x left top;padding-top:10px;}
.top .p_area h2{background:#900;color:#fff;padding:5px 10px 5px 5px;width:40%;margin:0 0 5px 0;border:1px solid;border-color:#c00 transparent #600 transparent;-webkit-box-shadow:0 1px 1px #999;box-shadow:0 1px 1px #999;}
.top .p_area h2:after{content:" ";width:0;height:0;display:block;float:right;border:12px solid;border-color:transparent #e4e4e4 transparent transparent;position:relative;margin:-5px -12px 0 0;}
.top .flow{zoom:1;width:98%;overflow:hidden;position:relative;clear:both;margin:0 auto;}
.top .flow:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.suppli_area{margin:-17px 4px 0 0;float:right;position:relative;z-index:99;}
.suppli_area span{height:10px;display:block;overflow:hidden;float:left;text-indent:-9999px;padding:1px 3px;border:1px solid #fff;-webkit-border-radius:4px;border-radius:4px;cursor:pointer;}
.suppli_area .book_this{width:27px;background:#fff url(../img/common_new/proto/book_ikons.png) no-repeat 2px 1px;}
.suppli_area .both{margin:0 3px 0 0;
width:40px;background:#fff url(../img/common_new/proto/book_ikons.png) no-repeat 2px -23px;cursor:pointer;}
.page_lists{display:block;margin:-30px 6px 0px 0;float:right;width:50%;height:30px;overflow:hidden;}
.page_lists ul{float:right;}
.page_lists li{width:26px;height:20px;padding:6px 0 0 0;margin:0 3px 0 0;display:block;float:left;border:1px solid #fff;color:#fff;cursor:pointer;-webkit-box-shadow:0px 1px 0px rgba(0,0,0,0.6) inset;box-shadow:0px 1px 0px rgba(0,0,0,0.6) inset;-webkit-border-radius:40px;border-radius:40px;text-align:center;background:#999;}
.page_lists li.locate_on{cursor:default;background:#900;}
.top .show_product{position:relative;border:1px solid;border-color:#ddd #bbb #bbb #fff;
height:230px;width:32%;display:block;padding:0;float:left;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
margin:5px 1% 0 0;padding:5px 0;}
.top .show_product:nth-child(3n+1){margin:5px 1% 0 1%;}
.top .p_condition{position:relative;width:22px;height:22px;display:block;z-index:9;
margin:-4px 0 -15px 1px;text-indent:-9999px;background:url(../img/common_new/proto/new_ikon1.png) no-repeat left top;}
.top .p_over{width:100%;height:200px;display:block;margin:0;overflow:hidden;}.top .p_over a{width:100%;display:block;}
.top .show_product .p_over .p_photo{display:block;width:100%;margin:0 auto;max-width:170px;}
.top .texts_div{background:rgba(0,0,0,0.3);padding:3px 5px;height:71px;margin:-58px 1px 0 1px;position:relative;
word-break:break-all;}
.top .p_title{padding:0 2px 0 2px;max-height:28px;overflow:hidden;margin:3px 0 2px 0;font-weight:normal;display:block;
width:100%;word-break:break-all;text-align:left;}
.top .p_title a{color:#fff;}
.blandname {padding:0 2px 0 2px;max-height:28px;overflow:hidden;letter-spacing:0;
width:100%;word-break:break-all;text-align:left;}
.blandname a,.p_title a{color:#fff;font-weight:normal;}
/*---------------------------------------------------*/
.top .flow .shadow{width:inherit;display:block;text-align:center;background:#aaa;min-height:150px;-webkit-box-shadow:2px 2px 4px #999 inset;box-shadow:2px 2px 4px #999 inset;border:1px solid #fff;}
.top .flow .shadow .v_loader{width:5px;display:block;background:#e4e4e4;border:1px solid;border-color:transparent #fff transparent #999;}
/*---------------------------------------------------*/
#new_arrival .flow{height:475px;}#pick_up .flow{height:670px;}
#ranking .flow{height:470px;}#brands .flow{height:488px;}#iines .flow{height:450px;}
/*---------------------------------------------------*/
#pick_up .show_product_small{height:220px;width:49%;margin:0 1% 5px 1%;float:left;border:1px solid;border-color:#ddd #bbb #bbb #fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
#pick_up .show_product_small:nth-child(2n){margin:0 0 5px 0;}
#pick_up .p_over{width:100%;height:220px;display:block;margin:0;overflow:hidden;test-align:center;background:#fff;}
#pick_up .p_photo{display:block;margin:0 auto;width:100%;max-width:220px;}
#pick_up .texts_div{margin:-78px 1px 0 0;}
/*---------------------------------------------------*/
#ranking .show_product{z-index:1;background:#ccc;padding:4px 0;}
#ranking #p_rank_1{background:#c00;border-color:#F30 #600 #600 #F30;}
#ranking #p_rank_2{background:#F90;border-color:#FC3 #CC6600 #CC6600 #FC3;}#ranking #p_rank_3{background:#963;border-color:#C96 #634021 #634021 #C96;}
#ranking #p_rank_1:hover,#ranking #p_rank_2:hover,#ranking #p_rank_3:hover{border-color:#fff;}
#ranking #p_rank_1:before{background-position:left top;}#ranking #p_rank_2:before{background-position:left -60px;}#ranking #p_rank_3:before{background-position:left -120px;}
#ranking .show_product .rank_inner{background:#fff;-webkit-border-radius:3px;border-radius:3px;margin:0 3px;}
.top .rankdatas{height:27px;display:block;padding:0;zoom:1;position:absolute;z-index:9;margin:0 0 0 15px;}
.top .rankdatas:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#ranking .rankdatas .bigs{font-family:impact,"Arial Black", Gadget, sans-serif;margin:-2px 0 0 -7px;font-size:40px;float:left;color:#aaa;text-shadow:1px 1px 0px rgba(0,0,0,0.5);}
#ranking #p_rank_1 .bigs{color:#C00;margin-left:-5px;}.top #p_rank_2 .bigs{color:#F90;}.top #p_rank_3 .bigs{color:#963;}
#ranking .smalls{padding:2px;text-align:right;font-weight:bold;display:block;float:right;font-family:Arial, Helvetica, sans-serif;font-size:12px;height:12px;margin:0px 3px 0 0;}
#ranking .s_stay{color:#666;}#ranking .s_up{color:#C00;}#ranking .s_down{color:#036;}
#ranking .smalls span{float:left;background:url(../img/common_new/proto/rank_move2.png) no-repeat left top;height:7px;margin:3px 4px 0 0;width:25px;}
#ranking .p_over{clear:both;}
#ranking .s_stay span{background-position:2px -22px;}#ranking .s_up span{background-position:8px -11px;}
#ranking .texts_div{margin-left:1px;margin-top:-76px;border-bottom:1px solid #fff;padding:3px 5px 3px 0;height:74px;}
#ranking .suppli_area{margin:-17px 6px 0 0;}
/*---------------------------------------------------*/
#brands .flow{margin:0 0 0 1%;}
#brands .b_ranks{height:95px;padding:4px 5px 3px 0;margin:0 1% 3px 1%;display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
word-break:break-all;overflow:hidden;border:1px dotted #666;background:#fff;}
#brands .b_ranks .b_rankdatas{float:left;}
#brands .b_ranks .bigs{font-family:impact,"Arial Black", Gadget, sans-serif;margin:-10px 0 2px 4px;letter-spacing:0;
font-size:50px;display:block;width:21px;padding:1px 0 0 0;color:#cc0000;text-align:center;}
#brands #rank_2 .bigs{color:#F63}#brands #rank_3 .bigs{color:#630}
#brands .smalls{background:url(../img/common_new/proto/rank_move2.png) no-repeat right top;height:7px;margin:0 0 0 2px;width:25px;display:block;}
#brands .s_stay{background-position:2px -22px;}#brands .s_up{background-position:8px -11px;}
#brands .p_over{width:35%;height:87px;display:block;padding:0 2%;float:left;overflow:visible;}
#brands .brand_logo,#brands .brand_logo2{margin:0 auto;}
#brands .p_over strong{width:130%;display:block;display:block;text-align:center;margin:5px 0 0 -32px;}
#brands .b_ranks .b_comm{display:block;padding:3px 6px 3px 6px;line-height:1.3em;background:#ddd;height:58px;overflow:hidden;margin:0;width:52%;float:right;
text-overflow:ellipsis;white-space:normal;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
#brands .award_app{position:relative;float:right;margin:0 0 3px 0;}
#brands .s_awards li{float:left;width:12px;height:12px;text-align:center;color:#F90;
padding:13px 1px 0 0 ;display:block;float:left;background:url(../img/common_new/proto/awards.png) no-repeat left top;}
#brands .s_awards .no_count{color:#ccc;}
#brands .s_awards .aw_1{padding-left:2px;}#brands .s_awards .aw_2{background-position:-15px 0;}
#brands .s_awards .aw_3{background-position:-27px 0;}#brands .s_awards .aw_4{background-position:-39px 0;}
#brands .s_awards .aw_fan{background-position:-52px 0;color:#cc0000;width:20px;}
#brands hr{clear:both;border:none;background:none;height:0;margin:0;padding:0;}
/*---------------------------------------------------*/
#brands .rank_other{width:32%;height:94px;margin:0 1% 3px 0;
display:block;background:#fff;padding:4px 2px 2px 2px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
font-weight:lighter;float:left;word-break:break-all;overflow:hidden;
border:1px dotted #666;}
#brands .rank_other:nth-child(3n+1){margin:0 0 3px 0;}
#brands .rank_other:nth-child(3n-1){margin:0 1% 3px 1%;}
#brands .b_new {border:1px solid #C00;}
.top .rank_other .s_new{float:right;margin:-3px 3px 0 0;}
.top .rank_other .bigs{color:#ccc;height:14px;float:left;
font-family:impact,"Arial Black", Gadget, sans-serif;margin:-5px 0 2px 0px;letter-spacing:0;
font-size:16px;display:block;width:34px;padding:1px 0 5px 1px;}
.top .b_new .bigs{color:#C00;}
.top .b_10 .bigs{color:#960;font-size:20px;margin:-6px 1px 2px 0px;}
.top .rank_other .smalls{display:block;float:right;
background:url(../img/common_new/proto/rank_move2.png) no-repeat right top;
height:7px;margin:0 2px 0 0;width:25px;float:right;}
.top .rank_other .s_stay{background-position:2px -22px;}.top .rank_other .s_up{background-position:10px -11px;}
#brands .rank_other  .s_awards{display:none;}
#brands .rank_other .p_over{clear:both;display:block;margin:0 0 2px 0;height:36px;width:100%;}
#brands .rank_other .p_over img{height:36px;display:block;margin:0 auto;}
#brands .rank_other .brands_name{width:100%;clear:both;padding:5px 2px 0 2px;word-break:break-all;}
/*---------------------------------------------------*/
#iines{margin-bottom:655px;}
#iines section{position:relative;height:220px;width:32%;display:block;padding:0;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:5px 1% 0 0;padding:5px 0;}
#iines section:nth-child(3n+1){margin:5px 1% 0 1%;}
#iines .varArea{background:#fff;border:1px solid #ccc;padding:3px 3px 0 3px;margin:0 0 5px 0;
-webkit-border-radius:4px;border-radius:4px;}
#iines .varArea:after{content:" ";width:0;height:0;display:block;margin:0 auto -14px auto;border:7px solid;border-color:#ccc transparent transparent transparent;position:relative;}#iines section .thumb_small{max-width:94px;width:94%;max-height:94px;display:block;margin:2px auto 3px auto;border:1px solid #fff;}
#iines section h5{padding:0 2px 0 2px;height:28px;overflow:hidden;margin:0 auto 2px auto;font-weight:normal;display:block;
width:96%;word-break:break-all;text-align:left;cursor:pointer;}
#iines p:before{content:" ";width:0;height:0;display:block;margin:-6px auto 0 auto;border:6px solid;border-color:#fff transparent transparent transparent;position:relative;}#iines p{text-align:center;color:#666;height:70px;}
#iines p .user_photo{margin:0 auto 4px auto;width:30%;max-width:40px;max-height:40px;border:1px solid #fff;display:block;-webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.5);box-shadow:0px 0px 6px rgba(0,0,0,0.5);}
#iines p a:hover .user_photo{border:1px solid #09C;}#iines p span{display:block;color:#999;font-size:smaller;}
/*------------------------------------------------------------*/
/*アクティビティー--------------------------------------------*/
/*------------------------------------------------------------*/
#acts{padding:10px 0 0 0;overflow:hidden;width:100%;clear:both;position:absolute;margin:1560px 0 0 0;}#acts h2 span{display:none;}
#acts .flow{zoom:1;width:100%;overflow:hidden;position:relative;clear:both;margin:0 auto;}
#acts .act_navis{height:34px;overflow:hidden;}#acts .open_board{height:430px;z-index:1;}
#acts .act_navis h4{height:34px;margin:0;width:100%;display:block;border-bottom:1px solid #666;cursor:pointer;
background:#000;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
#acts h4 span{padding:8px 0 0 31px;height:22px;font-size:12px;color:#fff;display:block;
background: url(../img/common_new/proto/act_ikons.png) no-repeat 6px 5px;}
#acts #menu_important h4 span{background-position:6px -24px;}#acts #menu_release h4 span{background-position:6px -53px;}
#acts #menu_sale h4 span{background-position:6px -82px;}#acts #menu_event h4 span{background-position:6px -111px;}
#acts #menu_other h4 span{background-position:6px -140px;}#acts h4 .on_selected{color:#F90;}
#acts h4 .on_selected:after{content:" ";width:0;height:0;display:block;border:6px solid;border-color:#F90 transparent transparent transparent;float:right;margin:5px 14px 0 0;}#acts .actInner_list{height:400px;overflow-y:scroll;}
#acts .actInner_list .on_load{text-align:center;height:160px;padding:120px 0 0 0;}
#acts .actInner_list .acts{padding:5px 5px 10px 5px;margin:3px 1% 0 1%;border:1px dotted #999;background-color:#fff;}
#acts .actInner_list .new_act{border:1px solid #F90;background:#FF9 url(../img/common_new/proto/user_new.png) no-repeat right top;}
#acts .acts .logos{display:block;float:left;margin:2px 5px 3px 0;}#acts .acts .brands{font-weight:bold;clear:both;
font-size:12px;display:block;padding:5px 0 3px 0;margin:5px 5px 0 1px;}#acts .acts .brands a{font-size:12px;color:#333;}
#acts .acts .likes{display:block;float:right;text-align:right;padding:3px 1px 0 0;margin:8px 1px 0 0;}
#acts .acts .likes strong{font-size:10px;padding:10px 1px 3px 26px;background:#fff url(../img/common_new/proto/good.png) no-repeat 3px 2px;border:1px solid #ccc;margin:0 2px 0 0;
border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
#acts .acts .grays{color:#999;}#acts .acts .colors{color:#C00;font-weight:bold;}#acts .acts .fans{padding:0 0 0 5px;}
#acts .acts .likes a{text-decoration:underline;}#acts .acts .likes img:nth-child(0){vertical-align:bottom;}
#acts .acts .comments{clear:both;width:98%;line-height:1.4em;padding:10px 1% 0 1%;zoom:1;}
#acts .acts .comments:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#acts .acts .photos{max-width:50px;max-height:50px;display:block;float:right;border:1px solid #ccc;margin:0 0 5px 10px;}
#acts .acts .url{display:block;padding:6px 0 3px 0;word-break:break-all;}#acts .acts .url a{font-size:10px;text-decoration:underline;}
#acts .acts:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#acts  hr{margin:0;border-color:#ccc;}
@media only screen and (max-width:330px){#acts .acts .likes a{font-size:10px;}
#acts .acts .likes strong{padding:7px 1px 3px 20px;background:#fff url(../img/common_new/proto/good.png) no-repeat 2px 2px;background-size:30%;font-size:9px;}
}
/*---------------------------------------------------*/
.charity_area{padding:5px 3px 10px 3px;zoom:1;background:#09C;margin:0 1%;}
.charity_area h2{margin:0 auto 5px auto;text-align:center;width:178px;height:37px;text-indent:-9999px;background:url(../img/common_new/top/our_problem.png) no-repeat center top;}
.charity_area h3{margin:0 0 10px 0;text-align:center;font-weight:normal;}
.charity_area div{margin:10px 0 0 0;}
.charity_area span{font-size:20px;background:#fff;width:14px;display:block;float:left;
font-family:"Arial Black",Arial, Gadget, sans-serif;border:1px solid #ccc;text-align:center;
color:#036;padding:0 2px;margin:0 1px 15px 1px;
-webkit-box-shadow:1px 1px 2px #ccc inset;box-shadow:1px 1px 2px #ccc inset;
-webkit-border-radius:4px;border-radius:4px;}
.charity_area #ch_fst{line-height:1.4em;padding:5px 7px 0 3px;color:#fff;float:left;}
.charity_area #ch_txts{line-height:1.4em;padding:0 4px;color:#fff;clear:both;}
.charity_area #ch_txts img{float:right;margin:-3px 0 0 5px;}
.charity_area #ch_txts:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.charity_area h5{margin:10px 0 0 0;text-align:center;float:left;width:50%;padding:0 3px 0 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.charity_area a{color:#fff;font-weight:normal;text-decoration:underline;}
.charity_area h5 img{border:1px solid #fff;display:block;width:98%;max-width:210px;margin:0 auto;}
.charity_area:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
@media only screen and (max-width:345px){
.charity_area #ch_fst{padding:5px 0 3px 0;float:none;display:block;text-align:center;width:100%;}.charity_area #yens{margin:10px auto 0 auto;width:200px;}}
/*---------------------------------------------------*/
.top .des_want{width:85%;max-width:400px;min-height:150px;margin:0 auto 5px auto;display:block;background:url(../img/common_new/small/banners_7_sm.jpg) no-repeat center top;
border:1px solid #999;text-indent:-9999px;background-size:auto 100%;}
#nep_ch{width:85%;max-width:400px;min-height:150px;display:block;text-indent:-9999px;margin:0 auto 11px auto;border:1px solid #999;background:url(../img/common_new/small/banners_12_sm.jpg) no-repeat center top;background-size:auto 100%;}
#kum_ch{width:85%;max-width:400px;min-height:150px;display:block;text-indent:-9999px;margin:0 auto 11px auto;border:1px solid #999;background:url(../img/campain/0025/ad_sm.jpg) no-repeat left top;background-size:auto 100%;}

@media only screen and (max-width:345px){.top .des_want{width:80%;min-height:130px;}#phil_ch,#kum_ch{width:80%;min-height:130px;}}
#banners{display:none;}
/*---------------------------------------------------*/
/*---------------------------------------------------*/
#topics{padding:5px;}#topics h3{display:none;}
#topics li{zoom:1;padding:3px;background:#fff;margin:0 0 3px 0;border:1px solid;border-color:#ddd #bbb #bbb #fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:100%;}
#topics li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#topics img{float:right;border:1px solid #999;margin:0 0 2px 6px;display:block;max-width:80px;width:30%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
#topics p{font-weight:normal;padding:8px 0 4px 4px;float:left;word-break:break-all;width:70%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
#topics strong{padding:0;display:block;width:70%;}
#topics a{text-decoration:underline;padding:3px 0 5px 0;display:block;}
#topics:after{content:".";display:block;height:0;clear:both;visibility:hidden;}