@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Alfa+Slab+One);
@font-face {font-family: "plus";src: url("../assets/plus.eot?") format('eot'),url("../assets/plus.woff") format('woff');}
html,body,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img{
margin:0;padding:0;color:#333;word-wrap:break-word;font-weight:normal;
font:1em/1.6 Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.wf{font-family: 'Alfa Slab One', cursive;}
li{list-style-type:none;}table{border-spacing:0;border-collapse:collapse;}
img,object,embed{border:0;vertical-align:bottom;}input:focus{outline:0;}
.invisible{display:none;}
.min{font-size:0.8em;}
.cf:before,.cf:after{content:"";display:block;overflow:hidden;}.cf:after{clear:both;}.cf{zoom:1;}
a{cursor:pointer;text-decoration:none;}
a:link{color:#09c; }
a:visited{color:#09c;}
a:hover,a:active{color:#066;text-decoration:none;}
.fLeft{display:inline;float:left;}

.header{backGround:#333;height:100px;position:relative;}
.header_tab{
position:absolute;top:60px;left:2px;
width:958px;
backGround:#fff;border:1px solid #fff;
border-width:1px 1px 0 1px;
}
.header_tab td{position:relative;border-width:0;width:319px;}
/*
.header_tab_info{position:relative;backGround:#fff;
width:390px;height:30px;font-size:14px;line-height:30px;float:left;margin:10px 0 0 10px;color:#333;overflow:hidden;}
*/
/*.bg_free,
.page_free .tab_free a,
.tab_free a:hover,
.page_free .panel,
.page_free .header{backGround:
#e51c23;}

.tab_wj a:hover,
.page_wj .panel,
.page_wj .tab_wj a,
.page_wj .header{backGround:
#f57c00;}

.tab_comics a:hover,
.page_comics .panel,
.page_comics .tab_comics a,
.page_comics .panel_btn a,
.page_comics .header{backGround:
#9c27b0;}*/

/*hover時*/

/*.page_free .account_menu li a:hover,
.page_free .header_menu a:hover{backGround:
#a00;}


.page_wj .account_menu li a:hover,
.page_wj .header_menu a:hover{backGround:
#e65100;}


.page_comics .account_menu li a:hover,
.page_comics .header_menu a:hover{backGround:
#6a1b9a;}*/

.content{width:960px;margin:0 auto;clear:both;position:relative;}
/*.tab_free a:hover,
.tab_wj a:hover,
.tab_comics a:hover,
.page_free .tab_free a,
.page_wj .tab_wj a,
.page_comics .tab_comics a{
color:#fff;
}*/
/*
.page_free .tab_free a,
.page_wj .tab_wj a,
.page_comics .tab_comics a{backGround:#fff;}
*/
.wrap_body{backGround:#fff;}

.vm{display:table-cell;vertical-align:middle;height:30px;padding-left:50px}

.tab_free a,
.tab_wj a,
.tab_comics a{
font-family: "plus";
display:block;100%;height:39px;
font-size:16px;line-height:40px;
text-decoration:none;color:#333;}

.tab_icon{position:absolute;}

.panel_main{
width:956px;
border:2px solid #333;
margin:40px auto;
}
.column_wj{width:960px;margin:40px auto;}

.btn_wide_size{float:left;width:200px;height:142px;}

.list_horizontal li{float:left;}
.panel_btn_txt,.header_txt_sign{font-size:12px;height:20px;line-height:20px;}
.header_menu{width:480px;float:left;margin-top:25px;}
.header_menu a{display:block;color:#fff;font-size:12px;height:20px;line-height:20px;padding:0 10px;}
.header_txt_sign{position:absolute;top:0;left:0;color:#fff;}
.header_txt_sign a{color:#eee;}
.sign_name:hover{color:#ccc;}
/*.header_logo{float:left;height:32px;width:120px;margin-top:20px;}*/
/*.header_logo img{width:100%;}*/
.account_menu{position:absolute;right:0;}
.account_menu li{text-align:center;
float:left;height:60px;width:100px;text-align:center;position:relative;
}
.account_menu_name{font-size:14px;line-height:20px;height:20px;}
.account_menu_icon{}
.account_menu_icon,.account_menu_name,.panel_btn_image,.panel_btn_txt{
display:block;margin:0 auto;text-align:center;
}
.account_menu li a{
color:#fff;
display:block;height:50px;width:100px;padding:5px 0;
}

.wrap_panel{margin-left:-3px;}
.panel{
float:left;
margin:6px 0 0 6px;
display:inline;
width:230px;
border:2px solid #333;
position:relative;
}

.panel_image{width:100%;min-width:100%;}
.panel_date{text-align:right;}
.panel_info,.panel_date,.panel_title,.panel_author{color:#fff;backGround:#333;clear:both;}
.panel_date,.panel_author,.slide_author{font-size:0.8em;}
.panel_author{line-height:1.2em;height:1.2em;}
.panel_info{padding:8px;}

.panel_title{overflow:hidden;}
.panel_tag{position:absolute;top:0;left:0;}
.panel_tag_one,.panel_tag_new{float:left;}
.btn_normal_size{float:left;width:115px;height:60px;}

.panel_btn_wj_buy{float:left;width:140px;height:60px;}
.panel_btn_small{float:left;width:90px;height:60px;}
.panel_btn a{
color:#fff;font-size:0.8em;
display:block;width:100%;height:100%;
}
.page_title{margin-top:40px;clear:both;}
.btn_info a{backGround:#8bc34a;}
.btn_info a:hover{backGround:#558b2f;}
.btn_free a{backGround:#03a9f4;}
.btn_free a:hover{backGround:#0277bd;}
.btn_cart a{backGround:#e91e63;}
.btn_cart a:hover{backGround:#ad1457;}

/*.page_free .btn_free a{backGround:#d01716;}
.page_free .btn_free a:hover{backGround:#b0120a;}

.page_free .btn_info a{backGround:#e84e40;}
.page_free .btn_info a:hover{backGround:#b0120a;}*/

.theme_wj_cart a{backGround:#ef6c00;}
.theme_wj_cart a:hover{backGround:#bf360c;}

.theme_wj_free a{backGround:#d84315;}
.theme_wj_free a:hover{backGround:#bf360c;}

.banner{display:block;border:2px solid #333;position:relative;}
.content_top{margin:20px auto;}
.content_top_banner{float:left;}
.news{width:300px;height:244px;float:right;position:relative;}
.topics_mask{width:300px;}
.topic_wrap{width:300px;}
.topics{list-style:none;padding:6px 8px;font-size:12px;line-height:20px;border-bottom:1px solid #ccc;}
.topics:last-child{list-style:none;padding:6px 8px;font-size:12px;line-height:20px;border-bottom:none;}

.topics_header{border-bottom:1px solid #ccc;font-weight:700;}
.btn_topics_list a{display:block;width:300px;margin-top:-1px;font-size:12px;height:20px;line-height:20px;text-align:right;backGround:#aaa;color:#fff;}
/*.btn_topics_list a:hover{backGround:#666;color:#fff;text-decoration:underline;}*/

.list_detail{margin:1px auto;width:954px;position:relative;}
.list_detail_image{width:200px;float:left;}
.list_detail_info{width:530px;float:left;margin-left:20px;}
.list_detail_author{color:#00bcd4;margin-top:-10px;margin-bottom:10px;}
.detail_wrap{margin:20px 0;}

.btn_list_detail{display:block;position:relative;}
.btn_list_detail_read img{position:absolute;top:0;z-index:10;}
.btn_list_detail ,.btn_list_detail_read img{width:954px;height:100px;}
.btn_list_detail {backGround:#fff;}
.btn_list_detail:hover{backGround:#ddd;}

.list_detail_image,.list_detail_info{position:relative;z-index:0;}
.page_link{text-align:center;}

.readmore{
margin:0;
backGround:#fff;
font-size:12px;
line-height:20px;
height:20px;
}

.wrap_footer {/*background:#000;*/margin-top:40px;margin-bottom:-40px;clear:both;font-size:0.8em;}
.footer_menu {width:200px;float:left;margin-right:10px;}
.footer_menu li {}
.footer_menu a{display:block;}
.footer_menu a:hover ,.footermenu a:active {}
.footer_banner{margin-bottom:20px;width:960px;backGround:#333;}
.footer_banner li{float:left;}
.footer_banner li a{opacity:0.5;}
.footer_banner li a:hover{opacity:1;}
.footer_banner img{width:160px;}
.copyright {clear:both;color:#fff;/*padding:4em 0;*/}
.pagetop {position: absolute;top:0;right:0;display:none;}

.panel_widget_twtr{float:right;}

.content_apps{position:relative;backGround: url(../assets/apps_banner.jpg) top center no-repeat #000;float:left;
border-radius:5px;border:1px solid #444;
width:480px;height:248px;}
.content_apps p{color:#fff;}
.content_apps_btns{margin-top:173px;}
.content_apps_btns img{width:143px;margin-left:10px;}


.tag{
z-index:20;
position:absolute;
top:-8px;left:-8px;
font-family: 'Alfa Slab One', cursive;
}

.tag_year,.tag_vol,.tag_vol2{
position:absolute;
margin:0;padding:0;
}
.tag_year{
top:8px;left:12px;
text-align:center;
font-size:11px;
line-height:12px;
color:#fff;

}
.tag_vol,.tag_vol2{
top:20px;left:5px;
text-align:center;
font-size:22px;
line-height:22px;
color:#fff;
}

.tag_vol2{
top:20px;left:3px;
font-size:16px;
line-height:18px;
}

.tag_list{display:block;width:75px;height:60px;
backGround:url(../assets/icon_comics_list.png);
position:absolute;top:-15px;right:0;
}
.tag_list:hover{backGround-position:0 -60px;}

.wideBtn{
clear:both;
width:954px;
margin:16px auto;
margin-top:16px;
}
.wideBtn td{
	width:478px;
	position:relative;
	color:#fff;
	text-align:center;

}
.wideBtn td a{
display:block;
backGround:#333;
color:#fff;
height:40px;
	font-size:14px;
	line-height:40px;
}
.wideBtn td:nth-child(2n){border-left:2px solid #fff;}

.modal{backGround: rgba(0,0,0,0.5);width:100%;height:100%;position:fixed;
top:0;display:none;position: expression('absolute');
top: expression(documentElement.scrollTop +  'px');
left: expression(documentElement.scrollLeft + 'px');
}
.modal_footer{backGround: url(../assets/footer.png);width:800px;height:80px;display:block;position:relative;}
.modal_banner{float:right;margin:5px 5px 0 0 ;}
.btn_close a{color:#ccc;text-decoration:none;}
.flashWrap{display:table-cell;vertical-align:middle;}
.flashContent{width:800px;backGround:#fff;border:1px solid #333;margin:0 auto;position:relative;}
.flashClose{position:absolute;bottom:0;right:5px;display:block;height:20px;line-height:20px;color:#fff;font-weight:700;}
.flashClose a{color:#ccc;text-decoration:none;}
.flashClose a:hover,.btn_close a:hover{color:#fff;}
.subscription_stop_modal{padding:40px 70px;}
.subscription_stop_modal ul{
margin:1em;
}

.subscription_stop_modal ul li:before{
content: '※';
margin-left:-1em;
}

.btn_modal_subscription_stop,
.btn_modal_subscription_close{
display:block;width:320px;height:60px;
}

.btn_modal_subscription_stop{float:left;}
.btn_modal_subscription_close{float:right;}


.btn_modal_subscription_stop{
backGround:url(../assets/btn_modal_subscription.jpg);
}

.btn_modal_subscription_close{
backGround:url(../assets/btn_modal_subscription_.jpg);
}

.btn_modal_subscription_stop:hover,
.btn_modal_subscription_close:hover{
backGround-position:0 -60px;
}


.box_input{width:520px;margin:0 auto;}
.panel_header,.slider_header{font-size:24px;height:40px;line-height:40px;text-align:center;backGround:#333;color:#fff;}
.panel_message{text-align:center;padding:2em;}
.table_confirm,.table_input{width:520px;margin:10px auto;text-align:left;border-collapse:separate;border-spacing:5px;}
.table_confirm td{border-bottom:1px solid #ccc;line-height:2em;}
.table_confirm td{padding:10px;}
.table_confirm th,.table_input th{text-align:right;font-size:14px;}
.table_confirm input,
.table_input input{width:100%;height:2em;line-height:2em;border:0;}
.input input{border:1px solid #ccc;}
.account_info_title{width:200px;display:block;float:left;}
.account_info td{padding:10px 0;}

.mailform{margin:0 auto;border-collapse: separate;
border-spacing: 0.5em;}
.mailform td{width:}
.mailform td,.mailform th{text-align:left;}
.mailform th{vertical-align:middle;line-height:15px;font-size:12px;}

.submit{width:518px;height:40px;line-height:40px;margin:0 auto;margin-bottom:2em;backGround:#333;color:#fff;border:0;padding:0;cursor:pointer;}
.sign{backGround:#c2185b;}
.member{backGround:#00796b;}
.input{width:400px;}

.panel_detail{width:440px;float:right;border:2px solid #333;margin:0 0 10px 0;position:relative;}
.panel_detail_image{width:280px;float:left;}

.panel_txt{backGround:#fff;color:#333;padding:1em;}

/*.panel,.panel_main,.panel_detail,.detail_column_left{
-webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 4px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 4px 0px rgba(50, 50, 50, 0.75);
}*/
.detail_column_left,.detail_column_right,.sidebar_comics,.column_comics{margin-top:40px;}
.detail_column_left{display:block;width:484px;border:2px solid #333;float:left;margin-left:5px;}
.detail_column_right{display:block;width:384px;float:right;margin-right:5px;}

.sidebar_comics{display:inline;width:220px;float:left;}
.column_comics{display:inline;width:700px;float:right;}
.column_comics2{display:inline;width:700px;float:right;background-color:#00490F;}

.comics_pickup_table{width:100%;margin-bottom:20px;}
.comics_pickup_table td{border:2px solid #fff;}

.btn_standreading{width:100%;}

.panel_comics{width:92px;height:250px;margin:8px;float:left;position:relative;}
/*.panel_tag_ranking{position:absolute;
font-family: 'Alfa Slab One';
text-align:center;
color:#fff;font-size:18px;
backGround:url(../assets/ranking_base.png) top center no-repeat;
padding-top:4px;
width:40px;height:40px;top:-5px;left:-5px;}*/
.comics_info{display:block;width:92px;overflow:hidden;height:100px;position:absolute;bottom:0;}
.comics_icon_wrap{display:block;height:20px;line-height:20px;overflow:hidden;}
.comics_title{font-size:12px;line-height:18px;margin:0 auto;height:40px;display:table;}
.comics_title a{display:table-cell;vertical-align:middle;}
.comics_image{width:100%;}
.comics_icon{float:left;display:block;margin:0;padding:0;}

.slider_frame{width:100%;height:340px;overflow:hidden;}
.slider{position:relative;}
.slider_header,.slider_mask{width:636px;margin:20px auto;padding:0;}
.slider_mask{overflow:hidden;height:320px;position:relative;}
.slider_base{position:absolute;width:10000%;left:0;margin-left:-7px;}
.slider_image{display:block;width:92px;max-height:150px;border:1px solid #ccc;overflow:hidden;}

.slider_control_left,.slider_control_right,
.slider_control_left a,.slider_control_right a{
display:block;width:28px;height:28px;
}
.slider_control_left a,.slider_control_right a{
backGround: url(../assets/arrow.png) top left no-repeat;
}
.slider_control_left{position:absolute;left:0;top:120px;}
.slider_control_right{position:absolute;right:0;top:120px;}

.slider_control_left a{backGround-position:0 0;}
.slider_control_left a:hover{backGround-position:0 -28px;}
.slider_control_right a{backGround-position:0 -56px;}
.slider_control_right a:hover{backGround-position:0 -84px;}

.sidebar_header{font-size:20px;line-height:32px;}
.sidebar_comics ul{font-size:0.8em;margin-bottom:4em;}
.sidebar_comics li{border-bottom:1px solid #ccc;line-height:2em;}

.tag_comics{margin:0;padding:0;float:left;}

.select_check{margin:0 0 4px 0;padding:0;border:0;width:16px;height:16px;float:left;}
.search_list{margin-left:1em;}
.search_list li{float:left;margin-right:1em;}

.detail_tag_new{position:absolute;top:0;left:0;z-index:20;}
.comics_detail{display:block; clear:both;margin-bottom:20px;}
.comics_detail_image{float:left;width:120px;}
.comics_detail_image img{width:120px;}
.comics_detail_title{font-weight:700;font-size:24px;line-height:32px;margin-bottom:20px;}
.comics_detail_info{float:left;width:380px;padding:0 20px;}
.comics_detail_btns{float:right;display:block;width:148px;}
.comics_detail_tags{display:block;height:20px;margin-bottom:4px;}
.comics_detail_sns{clear:both;margin:20px 0;}
.comics_detail_data{clear:both;font-size:12px;width:100%;text-align:center;margin:0 auto;}
.comics_data {backGround:#999;padding:5px 10px;border:2px solid #fff;margin-right:2px;height:20px;line-height:20px;color:#fff;}
.comics_detail_text{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:1em 0;margin-bottom:1em;font-size:0.8em;}

.comics_price{font-size:20px;font-weight:700;color:#c00;text-align:center;}
.sns_btn{float:left;font-size:12px;height:20px;line-height:20px;margin-right:10px;}
.btn_onRead img{width:148px;height:100px;display:block;backGround: url(../assets/btn_detail_read.png)}
.btn_onSign img{width:148px;height:100px;display:block;backGround: url(../assets/btn_detail_sign.png)}
.btn_onRead:hover img,.btn_onSign:hover img{backGround-position:0 -100px;}
.btn_sample{margin-top:40px;}
.btn_sample .standreading_link img{width:148px;height:60px;display:block;backGround: url(../assets/btn_detail_sample.png)}
.btn_sample .standreading_link:hover img{backGround-position:0 -60px;}
.content_read{padding-left:20px;width:168px}
.content_read .btn_onRead{float:left;margin-left:20px;}
/*.wht{color:#fff!important;}*/
.btn_detail{display:block;width:148px;height:60px;cursor:pointer;
text-align:left;
line-height:60px;border:0;padding:0;color:#fff;}
.btn_buy{backGround: url(../assets/btn_detail_buy.png) top center no-repeat;}
.btn_detail_cart{backGround: url(../assets/btn_detail_cart.png) top center no-repeat;}
.btn_detail_subscription{backGround: url(../assets/btn_detail_subscription.png) top center no-repeat;}
.btn_buy:hover,.btn_detail_cart:hover,.btn_detail_subscription:hover{
backGround-position:0 -60px;
}

.btn_mypage{float:left;margin:0 10px 0 0 ;display:block;width:240px;height:40px;line-height:40px;padding:0;cursor:pointer;}
.btn_mypage_purchase{backGround: url(../assets/btn_mypage_purchase.png) top center no-repeat;}
.btn_mypage_subscription{backGround: url(../assets/btn_mypage_subscription.png) top center no-repeat;}
/*.btn_mypage_purchase:hover,.btn_mypage_subscription:hover{
backGround-position:0 -40px;
}*/


.panel_alert{margin:0 auto;width:auto;}



.panel_search{width:123px;height:300px;float:left;margin:0 17px 10px 0;}
.panel_search_image{display:block;width:123px;overflow:hidden;max-height:190px;border:1px solid #ccc;}
.cart_step{display:block;}
.cart_step,.cart_detail,.payment_info,.account_info,
.column{width:705px;margin:40px auto; position:relative;}

.panel_message_alert{font-size:0.8em;}
.payment_list{padding:20px;width:480px;margin:20px auto;display:block;}
.payment_input{border-bottom:1px solid #ccc;height:40px;line-height:40px;margin-bottom: 5px;}
.payment_credit{margin-left:40px;}
.regist_credit{padding-left:40px;}
.credit_header{width:100%;text-align:center;height:2em;backGround:#999;color:#fff;font-weight:700;line-height:2em;}
.credit_info{width:640px;border:1px solid #ccc;margin:20px auto;}
.credit_data{padding:10px 0;}
.credit_btn_delete{width:100%;height:2em;line-height:2em;text-align:center;display:block;
backGround:#dd191d;color:#fff;}
.cart_subtitle{text-align:right;padding:0 10px;}
/*.credit_btn_delete:hover{backGround:#b0120a;text-decoration:none;}*/
.regist_info{text-align:center;}
.center_btn{margin:0 auto;display:block;margin:20px auto;text-align:center;}


.list,.purchase_list{border-bottom:1px solid #ccc;}
.purchase_list{padding:20px 0;}
.cart_detail  td{padding:10px 0;vertical-align:top;}
.cart_thumbnail{width:80px;padding:0;margin:0;}
.cart_price{position:relative;color:#c00;width:180px;}
.cart_delete{position:absolute;bottom:10px;right:0;}
.cart_title p,.total_amount_head p{padding:0 20px;}
.cart_btn{float:right;}
.alert_ico{padding:0 10px;}
.alert_content li{color:#c00;font-weight:700;}
.total_amount,.cart_price{text-align:right;}


.panel_search_option{
border:2px solid #333;
width:696px;
margin-bottom:40px;
}
.search_block,.search_block_input{
display:block;
width:640px;
margin:20px auto;
}
.search_block h3{border-bottom:1px solid #ccc;}
.search_title{float:left;width:120px;}
.search_block_input .input{float:left;}

.btn_search{display:block;padding:10px;backGround:#00bcd4;border:0;color:#fff;}
.btn_search{margin:20px auto;}
.btn_search:hover,.btn_cart:hover{backGround:#00838f;color:#fff;}
.bulkcart{margin:10px 0;}
.bulkcart td{border:4px solid #fff;position:relative;}
.bulkicon{position:absolute;top:-5px;}
.btn_cart{cursor:pointer;text-align:left;font-size:12px;line-height:20px;width:180px;font-weight:700;border:0;display:block;padding:4px 10px 4px 40px;backGround:#00bcd4;color:#fff;}


.search_result{font-size:2em;font-weight:700;text-align:center;margin:1em 0;}
.header_free_detail{backGround:#333;color:#fff;padding:4px;font-size:14px;line-height:20px;}
.panel_header a,.slider_header a{color:#fff;}
.pagelink{clear:both;display:block;text-align:center;line-height:18px;margin:20px auto;}
.search_nav{margin:10px 0;}
.search_nav li ,.search_nav_min li{display:block;float:left;height:20px;margin-left:2px;margin-bottom:10px;}
.search_nav li  a{font-size:14px;height:20px;line-height:20px;padding:5px 15px;backGround:#00bcd4;color:#fff;}
.search_nav li  a:hover{backGround:#00838f;}
.search_nav_min li  a{height:20px;line-height:20px;padding:20px;}
.search_list_result{border-top:1px solid #ccc;}
.search_list_result li{display:block;width:320px;float:left;padding:20px 0;border-bottom:1px solid #ccc;margin-left:20px;}
.search_list_result_info{display:table;}
.search_list_result_info a{display:table-cell;width:100%;line-height:1.4;height:3em;vertical-align:middle;}

.standreading_icon_box img{width:100%;}
.page_free .standreading_link img{margin:0 auto;display:block;}
.free_sample .panel_btn_txt{margin:0 auto;display:block;color:#fff;margin-top:-20px;}


.qa h2{font-size:1em;margin-top:2em;font-weight:700;}
.qa p{font-size:0.8em;}
.qa p,.qa h2{color:#555;}
.panel_stop{border:1px solid #c00;margin:2em 0;}
.panel_stop p{font-size:0.8em;margin:1em;}

.subscription_list{border:1px solid #FF5722;margin-bottom:2em;}
.subscription_list p{padding:0 1em;line-height:2em;}
.subscription_id{font-size:0.8em;text-align:right;margin:0;}
.subscription_header{backGround:
#FF5722;
}
.subscription_term{text-align:center;}
.subscription_status,.subscription_status_header{text-align:center;}
.subscription_btn_stop{text-align:center;}








.page_free .slider {
  position: relative;
  width: 644px;
  height: 244px;
  backGround:#fff;
  overflow: hidden;
}
.page_free .slides {
  height: 100%;
  overflow: hidden;
  *zoom: 1;
}
.page_free .slide {
  height: 100%;
  float: left;
  clear: none;
  backGround:#fff;
}
.page_free .slide img {
　width: 100%;
}
.page_free .slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 20px;
}
.page_free .slider-arrow--right {
  bottom: 50%;
  right: 30px;
  background: url(img/right.png) no-repeat;
}
.page_free .slider-arrow--left {
  bottom: 50%;
  left: 30px;
  background: url(img/left.png) no-repeat;
}
.page_free .slider-nav {
  position: absolute;
  bottom: 4px;
}
.page_free .slider-nav__item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  border: 1px solid #fff;
  border-radius: 8px;
}
.page_free .slider-nav__item:hover {
  background: #fff;
}
.page_free .slider-nav__item--current {
  background: #fff;
}










.theme_stop{backGround:#c00;}

.theme_new{backGround:
#8bc34a;}

.theme_recommend{backGround:
#f9a825;}

.theme_ranking{backGround:
#7c4dff;}

.theme_free{backGround:
#e51c23;}

.theme_history{backGround:
#ff5722;}

.theme_account{backGround:
#00796b;}

.theme_cart{backGround:
#00bcd4;}
.theme_cart:hover{backGround:
#00838f;
}

.theme_buy{backGround:
#ff5722;}
.theme_buy:hover{backGround:
#bf360c;
}
.theme_search{backGround:
#00bcd4;}


.h_search{
color:
#00bcd4;
}
.h_pickup{
color:
#f9a825;
}
.h_new{
color:
#8bc34a;
}
.content_feature{
width:700px;
}