﻿@charset "utf-8";

/*--------------------------
	リセット
--------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
 
#horo html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, .wrapper-inner ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
#horo body {
    line-height: 1;
}
#horo ol,#horo ul {
    list-style: none;
}
#horo blockquote, #horo q {
    quotes: none;
}
#horo blockquote:before,#horo blockquote:after,
#horo q:before, #horo q:after {
    content: '';
    content: none;
}
#horo table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*--------------------------
	body & base setting
--------------------------*/
#horo body{
	color:#333;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.4;
}

#horo .pc{display:block;}
#horo .sp{display:none;}

#horo a{
	color:#333;
	text-decoration:none;
}

#horo img{
	width:100%;
	height:auto;
	vertical-align: bottom;
	border:none;
}

#horo a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;	
}

#horo h1{
    margin: 5px 0 10px 0;
	font-size: 83.35%;
    font-weight: normal;
}

#horo h2{
	padding:5px;
	margin-bottom:15px;
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid #b3b3b3;
	
}
#horo h2 span{
	padding:0 0 0 15px;
	color:#91a08e;
	font-size:11px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: 1px;
}

#horo h4 {
	font-size: 15px;
	text-align: center;
	padding: 15px 0;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	font-weight: bold;
}


#horo p{
	
}

#horo .mb0 {margin:0 0 0 0;}
#horo .mb5 {margin:0 0 5px 0;}
#horo .mb10 {margin:0 0 10px 0;}
#horo .mb15 {margin:0 0 15px 0;}
#horo .mb20 {margin:0 0 20px 0;}
#horo .mb30 {margin:0 0 30px 0;}
#horo .mb40 {margin:0 0 40px 0;}
#horo .mb50 {margin:0 0 50px 0;}
#horo .mb60 {margin:0 0 60px 0;}
#horo .mb70 {margin:0 0 70px 0;}
#horo .mb80 {margin:0 0 80px 0;}
#horo .mb90 {margin:0 0 90px 0;}
#horo .mb100 {margin:0 0 100px 0;}

#horo .clearfix{
	clear:both;
}


#horo section{
	margin:0 0 30px 0;
	overflow: hidden;
}

#horo .bg_gry{
	background:#eee;	
}

#horo a span.red{
	color:#FF0000;
}



/* -- sp_pagetop -- */
#horo p#sp_pagetop a{
	display:none;
}

/*--------------------------
	header
--------------------------*/
#horo header.pc{
	overflow:hidden;
	margin:0 0 12px 0;
}

#horo .header_info{
	float:left;
}

#horo .header_info .logo{
	width:205px;
}

#horo .header_nav{
	float:right;
}

#horo ul.hdrHelp{
    margin: 0 0 15px 53px;
	overflow:hidden;
}

#horo ul.hdrHelp li{
	float:left;
	margin:0 0 0 10px;
}

#horo ul.hdrHelp li a{
	display:block;
	padding:8px 0 8px 12px;
	font-size: 10px;
	color: #f18fb0;
	text-decoration:underline;
	background:url(../images/arrow.jpg) no-repeat;
	background-position:left center;
}

#horo ul.hdrHelp li a:hover{
	color:#ff00a2;
	text-decoration:none;
}

#horo ul.hdrUserLower{
	overflow:hidden;
}

#horo ul.hdrUserLower li{
	float:left;
}

#horo ul.feature{
	overflow:hidden;
	margin-bottom:50px;
}

#horo ul.feature li{
	float:left;
    margin: 0 1.8% 0 0;
	width: 23.4%;
}

#horo ul.feature li img{
	display:block;
	border:1px solid #ccc;	
}

#horo ul.feature li:last-child{
	margin:0;
}

#horo .wrapper-inner {
/*width: 1000px;*/ /*20230825修正*/
	margin: 0 auto;
}

/*--------------------------
	footer_nav
--------------------------*/
#horo .footer_nav{
	overflow:hidden;
	padding:30px 0 50px;
	/*border-top:2px solid #ccc;*/
}

#horo .footer_nav ul{
	float:left;
	width: 32%;
    margin: 0 2% 0 0;
}

#horo .footer_nav ul:last-child{
	margin:0;
}

#horo .footer_nav ul li:first-child{
	padding:0 0 5px 5px;	
}

#horo .footer_nav ul li.line{
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
    color: #736357;
	font-size:16px;
	font-weight:bold;
}

#horo .footer_nav ul li.sale a{
	padding: 8px 0;
    color: #736357;
	font-size:16px;
	font-weight:bold;
}

#horo .footer_nav ul li.sale a:before{
	border:none;
}

#horo .footer_nav ul li a{
	position:relative;
	display:block;
	padding:8px 0 8px 16px;
	color:#736357;
	font-size:13px;
}

#horo .footer_nav ul li a::before{
	position:absolute;
	top:0;
	bottom:0;
	left:3px;
	width:4px;
	height:4px;
	margin:auto;
	content:"";
	border-top:2px solid #b3b3b3;
	border-right:2px solid #b3b3b3;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

#horo .footer_nav ul li a:hover{
	text-decoration:underline;
}


/*--------------------------
	footer
--------------------------*/
#horo footer{
	padding:20px 0 10px;
	border-top:1px solid #ccc;
	
}

#horo .pagetop{
	width:90px;
	margin-left: auto;
	margin-bottom:20px;
}

#horo footer ul{
	overflow:hidden;
	width: 730px;
	margin:0 auto 20px;
    font-size: 10px;
}

#horo footer ul li{
	float:left;
	background:url(../images/bg_arrow.gif) no-repeat;
	background-position:left center;
}

#horo footer ul li a{
	padding:5px 5px 5px 12px;
	display:block;
	color:#0066CC;
	text-decoration:underline;
}

#horo footer ul li a:hover{
	color:#00ccff;
}

#horo #copyright{
	text-align:center;
	color:#9d9d9d;
	font-size:11px;
}




/*--------------------------
大枠
--------------------------*/
@media screen and (max-width:640px) {
#horo {/*20230825修正*/
	width: 100%;
	margin: 0;
	padding:0;
}	

#horo .wrapper-inner{
	/*width:98%;*/ /*20230825修正*/
	width: 100%; /*20230825修正*/
	margin: 0; /*20230825修正*/
	padding:0; /*20230825修正*/
}
	
#horo .wrapper-inner .content {/*20230825修正*/
	width: 100%;
	margin: 0;
	padding:0;
}	
#horo .wrapper-inner .content .main {/*20230825修正*/
	width: 100%;
	margin: 0;
	padding:0;
}	
#horo .content{ }

#horo .content .main { float: none;
	width:100%;
	/*margin-top: 53px;*/ /*20230825修正*/
	}


}

#horo .content{
	margin:0 0 80px 0;
	overflow: hidden;	
}

#horo .main{
	width: 780px;
    float: left;
    margin-right: 30px;
   /* margin-top: 20px;*/ /*20230825修正*/
	
}
#horo .rightcont {
	width: 190px;
    float: left;
}


/*--------------------------
	titlemain
--------------------------*/
#horo .main a img{
	border:none;
	width:100%;
}
#horo .titlemain {
	position: relative;
	width: 780px;
}
#horo .titlemain .tday {
	position: absolute;
    right: 273px;
    top: 156px;
	
}
@media screen and (max-width:640px) {
#horo .titlemain {
	
	width: 100%;
}
#horo .titlemain #horo .tday {
	
    right: 23%;
    top: 71%;
	
}
}

/*--------------------------
	saizaboxs 
--------------------------*/

#horo .m-box {}

#horo .seiza_g {
	width: 125px;
    float: left;
    padding-right: 50px;
    padding-top: 10px;
	
}
#horo .s_box {
	width: 576px;
    float: left;
    margin-top: 20px;
	
}

#horo .saiza_t {
	font-size: 36px;
    color: #7b6afe;
    border-bottom: 2px dotted #B4AEAE;
    padding: 10px 0;
    font-weight: bold;
	

}

#horo .saiza_tw {
	font-size: 36px;
    color: #FF69B4;
    border-bottom: 2px dotted #B4AEAE;
    padding: 10px 0;
    font-weight: bold;
	

}

#horo .saiza_tmain {
	font-size: 21px;
    color: #666;
	 padding: 10px 0;
    font-weight: bold;
	
}
#horo .saiza_txt {

    font-size: 16px;
    line-height: 1.2;
    padding: 20px 0 0 10px;
}

#horo .days {
	font-size: 15px;
}

#horo .sp_tite  {display: none;
	}
@media screen and (max-width:640px) { 

#horo .seiza_g {
	width: 20%;
	float: left;
	padding-right: 2%;
}
#horo .s_box {
	width: 75%;
    float: left;
    margin-top: 0;
}
#horo .saiza_t {
	font-size: 28px;
	 padding:8px 0;
}
#horo .saiza_tmain {
	font-size: 17px;

}
#horo .saiza_txt {
	padding: 10px 2%;
	}
#horo .pc_tite {display: none;}
#horo .sp_tite  {display: block;
	}
#horo .rightcont {
	display: none;
	}
#horo .navi-sp-mian {
width: 100%;
overflow: hidden;
}
#horo .navi-sp-mian  dd {
	float: left;
	width: 50%;
}

}

/*--------------------------
 線　line
--------------------------*/

#horo .line_sen {
	border: 1px solid #dcdcdc;
	
}
#horo .line_dod {
	border: 1px dotted #dcdcdc;
	
}


/*--------------------------
rright cont
--------------------------*/

#horo .navi-sm {
width: 190px;
}
#horo .navi-sm dd {
	border-bottom: 1px solid #dcdcdc;

}
#horo .inf_gazou {
	padding:8%;
}

#horo dd:last-child{
	border: none;
}


/*--------------------------
	pick_up
--------------------------*/
#horo .three_box{
	overflow:hidden;
	width: 780px;
	margin-bottom: 20px;
	
}
#horo .three_box dl {
	width: 729px;
	margin: 0 auto;
	
}
#horo .three_box a{
	display:block;
}

#horo .three_box dd{
	float:left;
   width:233px;
	margin:0 15px 0 0;
}

#horo .three_box dd.last{
	margin:0;
	float:left;
}




#horo .three_box dl dd p.b_grand {
    background: #ff5d5d;
    padding: 1%;
	margin: 0 0 5px 0;
    color: #fff;
    font-weight: 700;
    font-size: 9px;
	text-align:center;
	width:50px;
}

#horo .three_box dl dd p.title{
	margin:0 0 6px 0;
	/*font-size:16px;*/
	font-weight:bold;
}

#horo .three_box dl dd p.fee{
	margin:0;	
}
@media screen and (max-width:640px) {
	#horo .three_box{ 
	width: 100%;
}
#horo .three_box dl {

	width: 98%;
	
}
#horo .three_box dd{
	float:left;
   width: 31.5%;
	margin:0 1.2% 0 0;
}
#horo .three_box dd.last{ 
	float:left;
	
		}
#horo .three_box .sm_mnon {
		margin: 0;
	}
	
}

/*--------------------------
	twq box
--------------------------*/
#horo .two_box{
	overflow:hidden;
	max-width: 780px;
	width: 100%;
	margin-bottom: 20px;
	
}
#horo .two_box dd{
	float:left;
   width:48%;
	margin:0 1.7% 0 0;
}

#horo .two_box dd.last{
	margin:0;
	float:left;
}

#horo .two_box ul{
	overflow:hidden;
	max-width: 780px;
	width: 100%;
	margin-bottom: 20px;
	
}
#horo .two_box ul li{
	float:left;
   width:48%;
	margin:0 1.7% 0 0;
}

#horo .two_box ul li.last{
	margin:0;
	float:left;
}
/*--------------------------
	corde
--------------------------*/
#horo .corde_wrapper a,
#horo .corde_wrapper dl{
outline:none !important;
}

#horo .corde_wrapper dl{
	float:left;
	margin: 0 8px 0 0;
}

#horo .corde_wrapper dl dt{
	margin:0 0 10px;
}

#horo .corde_wrapper dl dd p a:hover{
	text-decoration:underline;
}

#horo .corde_wrapper dl dd p:last-child{
	margin:0;
}


/*--------------------------
	category
--------------------------*/
#horo ul.category_l{
	overflow:hidden;
	margin:0 0 10px 0;
}

#horo ul.category_l.last{
	margin-bottom:40px;
}

#horo ul.category_l li{
	float:left;
	/*width:232px;*/
	width:24.4%;
	margin:0 /*7px*/0.8% 0 0;
}

#horo ul.category_l li:last-child{
	margin:0;
}

#horo ul.category_l li a img,
#horo ul.category_l li a:hover img{
	border:none;
}

#horo ul.category_s{
	overflow:hidden;
	margin:0 0 20px 0;
}

#horo ul.category_s li{
	float:left;
	/*width:232px;*/
	width:24.4%;
	margin:0 /*7px*/0.7% 15px 0;
	font-size:12px;
}

#horo ul.category_s li img{
	margin:0 0 3px 0;
}

#horo ul.category_s li a{
	color:#808080;
	display:block;
}

#horo ul.category_s li img{
	border:1px solid #ccc;
}

#horo ul.category_s li:nth-child(4n){
	margin:0 0 15px 0;
}


/*--------------------------
	three
--------------------------*/
#horo ul.three{
	overflow:hidden;
}

#horo ul.three li{
	float:left;
	/*width:305px;*/
	width:32.2%;
	margin:0 1.7% 0 0;
}

#horo ul.three li:last-child{
	margin:0;
}



/*--------------------------
	header
--------------------------*/
#horo .header_nav{
	overflow:hidden;
}

#horo ul.hdrHelp{
	display:none;
}

#horo ul.hdrHelp li:first-child{
	margin:0;
}


#horo .footer_nav ul li{
	margin:0 0 8px 0;
}

#horo footer ul{
	width:95%;
	margin:0 auto 20px;
}

#horo .pagetop{
	margin-right:10px;
}

/*--------------------------
	footer
--------------------------*/
#horo footer ul{
	width:95%;
	margin:0 auto 20px;
}

#horo .pagetop{
	margin-right:10px;
}

/*--------------------------
	nav
--------------------------*/
#horo .nav{
	margin:0;
}

#horo .mens_nav ul {
    overflow: hidden;
    padding: 25px 0 15px;
}

#horo .nav ul,
#horo .nav ul li:last-child{
	border:none;
}

/*--------------------------
	care_nav
--------------------------*/
#horo .care_nav ul {
    padding: 20px 0;
}

#horo .care_nav ul li{
	margin:0 0 5px 0;
}



/*--------------------------
	second_box
--------------------------*/
#horo .second_box dl dd{
	padding:10px 0;
}

#horo .search_box ul.search_keyword li{
	margin:0 0 5px 0;
}
	
#horo .second_box dl dd p.fee{
	font-weight: bold;
}


/*--------------------------
	corde
--------------------------*/
#horo .corde_wrapper .slick-next{
	right: 15px;
}

#horo .corde_wrapper .slick-prev {
    left: 15px;
}

#horo .corde_wrapper .slick-next,
#horo .corde_wrapper .slick-prev{
	top: 40%;
    z-index: 99;
}

/*--------------------------
	category
--------------------------*/
#horo ul.category_s li{
	margin:0 0.7% 0.7% 0;
}
#horo ul.category_s li img{
	margin:0;
}

#horo ul.category_s li span{
	display:none;
}




@media screen and (max-width:866px) {

#horo .header_info,
#horo .header_nav{
	float:none;
}

/*--------------------------
	nav
--------------------------*/
#horo .nav ul li{
    font-size: 16px;
}
#horo .nav ul li span{
	font-size:8px;
}


}



/* ------------------------
	タブレット
------------------------ */
@media screen and (max-width:768px) {
/*--------------------------
	header
--------------------------*/
#horo h1{
	display:none;
}
#horo .header_info .logo{
	width:205px;
	margin:15px auto 20px;
}

#horo ul.hdrUserLower {
    margin: 0 auto 30px;
    width: 405px;
}

#horo ul.hdrUserLower li{
	margin:0 15px 0 0;
}

#horo ul.hdrUserLower li:last-child{
	margin:0;
}


/*--------------------------
	care_nav
--------------------------*/
#horo .care_nav ul{
	width: 572px;
}

#horo .care_nav ul li{
	width:auto;
}

#horo .care_nav ul li:last-child{
	margin:0;
}

#horo .care_nav ul li a {
    padding: 4px 15px;
}

#horo .care_nav ul li.close a{
	padding:0;
}

#horo .care_nav ul li ul.panel{
    width: 150px;
    padding: 5px;
    margin-left: -20px;
}

#horo .care_nav ul li ul li{
	padding:0;
}

#horo .care_nav ul li ul li a{
	padding:4px 2px;
}

/*--------------------------
	category
--------------------------*/
#horo ul.category_s li{
	/*width:221px;*/
	width:32.5%;
	margin:0 /*8px*/1% 1% 0;
}



#horo ul.category_s li:nth-child(4n){
	margin:0 /*8px*/1% 1% 0;
}

#horo ul.category_s li:nth-child(3n){
	margin:0;
}


}


@media screen and (max-width:640px) {
#horo h2 span{
	display:none;
}

/*--------------------------
	footer_nav
--------------------------*/
#horo .footer_nav ul li.line a{
	font-size:14px;
}

#horo .footer_nav ul li a{
	font-size:12px;
}

/*--------------------------
	care_nav
--------------------------*/
#horo .care_nav ul{
	width: 100%;
}

/*--------------------------
	second_box
--------------------------*/
#horo .second_box{
	overflow:hidden;
}

#horo .second_box dl{
	float:none;
	width:95%;
	padding:10px 0;
	/*margin: 0 3% 40px 0;*/
	margin:0 auto;
	border-bottom:1px solid #ccc;
}

#horo .second_box dl:first-child{
	margin:0 auto;
}

#horo .second_box dl dt{
	width:30%;
    margin: 0 2% 0 0;
}

#horo .second_box dl dd{
	width:68%;
	/*padding:0;*/
}

#horo .second_box dl dd p{
	margin:0 0 5px 0;
}
	
#horo .second_box dl dd p.fee{
	font-weight: bold;
}


/*--------------------------
	category
--------------------------*/
#horo ul.category_s li{
	/*width:221px;*/
	width:32.5%;
	margin:0 /*8px*/1% 1% 0;
}

#horo ul.category_s li a:hover{
	background-position: 9px center;
}


}



/* ------------------------
	スマホ
------------------------ */
@media screen and (max-width:414px) {
/*--------------------------
	body & base setting
--------------------------*/
#horo .pc{display:none;}
#horo .sp{display:block;}
#horo  .seiza_g  {
	width: 20%;
	float: left;
	padding-right:3%}
#horo .wrapper-inner{
	width:100%;
}

#horo .sp_wrapper{
	width:95%;
	margin:10px auto 0;
}

#horo section{
	margin:0 0 30px 0;
}

#horo h2{
	padding:7px 5px 5px 0;
	margin:0;
	font-size: 17px;
	text-align:center;
	border:none;
	background:#efefef;
}

#horo h2 span{
	display:none;
}

#horo .bg_gry{
	background:#fff;	
}

/* -- sp_pagetop -- */
#horo p#sp_pagetop {
    position: fixed;
    bottom: 20px;
    right: 10px;
	width: 45px;
	margin:0;
}

#horo p#sp_pagetop a {
	display:block;
    width: 40px;
    padding: 5px;
}


/*--------------------------
	header
--------------------------*/
#horo header.sp{
	position: fixed;
    top: 0;
    /* right: 0; */
    /* height: 80px; */
    width: 100%;
    padding: 0 0 8px 0;
    border-bottom: solid 1px #aaa;
    z-index: 200;
    background-color: #fff;
}

#horo header.sp .headermain{
	position: relative;
    width: 100%;
    height: 45px;
    z-index: 99;
}

#horo header.sp .headermain .logo {
	position:absolute;
	left:33%;
	padding:13px 0;
	width:34%;
}

#horo header.sp .headermain .globalNavA{
	position:absolute;
    left:5px;
	width:27%;
}

#horo header.sp .headermain .globalNavB{
	position:absolute;
    right:5px;
	width:27%;
}

#horo header.sp .headermain .globalNavA li,
#horo header.sp .headermain .globalNavB li{
	float:left;
    width:50%;
}
	
#horo header.sp .globalNavA li a,
#horo header.sp .globalNavB li a{
    margin:0;
	display:block;
	height:15px;
	font-size:10px;
	padding-top:35px;
	text-align:center;
		
}

#horo .globalNavA li.beginners a{
	background:url(../images/globalNav.png) center 5px no-repeat;
}

#horo .globalNavA li.my_page a{
	background:url(../images/globalNav.png) center -79px no-repeat;
}

#horo .globalNavB li.cart a{
	background:url(../images/globalNav.png) center -122px no-repeat;
}

#horo .globalNavB li.menu-button a{
	background:url(../images/globalNav.png) center -158px no-repeat;
}

#horo .globalNavA li.beginners a,.globalNavA li.my_page a,
#horo .globalNavB li.cart a,.globalNavB li.menu-button a{
	-webkit-background-size:80px 350px;
	background-size:80px 350px;
}


/*--------------------------
	footer_nav
--------------------------*/
#horo .footer_nav{
	padding:0 0 20px 0;
	border:none;
}

#horo .footer_nav h2{
	margin:0;
	/*border-bottom:1px solid #ccc;*/
}

#horo .footer_nav ul{
	overflow:hidden;
	float:none;
	width:100%;
	margin:0;
}

#horo .footer_nav ul li{
	margin:0;
	border-bottom:1px solid #ccc;
}

#horo .footer_nav ul li.line,
#horo .footer_nav ul li.sale a{
	width:100% !important;
	padding:10px 0 10px 10px;
	margin:0;
	font-size:14px;
}

#horo .footer_nav ul li.sale{
	padding:0;
}

#horo .footer_nav ul li:nth-child(even){
	float:left;
	width:49%;
	border-right:1px solid #ccc;
}

#horo .footer_nav ul li:nth-child(odd){
	float:left;
	width:50%;
}

#horo .footer_nav ul li a{
	padding:12px 0 12px 22px;
}

#horo .footer_nav ul li a::before {
    left: 8px;
}

#horo .footer_nav ul li.sp a::before{
	border:none; /*奇数になってるため*/
}

#horo .footer_nav ul li a:hover{
	text-decoration:none;
}

/*--------------------------
	footer
--------------------------*/
#horo footer{
	padding:0;
	border:none;
}

/*--------------------------
	nav
--------------------------*/
#horo .nav{
	margin: 0 0 7px 0;
	/*margin:0;*/
	border:none;
}

#horo .nav ul li{
	border:none;
	/*border-right:1px dotted #dfdfdf;*/
}

#horo .nav ul li a{
	padding:12px 0;
	border:none;
}

#horo .nav ul li:nth-child(1) a:hover,
#horo .nav ul li:nth-child(3) a:hover{
	border:none;
}

#horo .nav ul li:nth-child(1) a{
	/*color:#f29c9f;*/
	color:#f58c90;
}

#horo .nav ul li:nth-child(2) a{
	/*color:#a3cc25;*/
	color:#97c703;
	letter-spacing: 1px;
	font-weight:bold;
	background:#f4f4f4;
	border-radius:3px;
	border:none;
}

#horo .nav ul li:nth-child(3) a{
	color:#0fa6ea;
}

#horo .nav ul li span{
	display:none;
}


/*--------------------------
	search_box
--------------------------*/
#horo .search_box{
	padding:0;
    margin: 0 auto 25px;
}

#horo .search .basic{
	margin:0 0 10px 0;
}

#horo .search_box .search form input.keywords {
    color: #777777;
    padding: 4px 1px;
    border: 1px solid #999999;
	width: 74%;
}

#horo .search_box ul.search_keyword{
	margin:0 0 10px 0;
}

/*--------------------------
	second_box
--------------------------*/
#horo .second_box dl{
	float:none;
	width:100%;
	/*padding:10px 0;*/
	margin:0;
	/*border-bottom:1px solid #ccc;*/
}

#horo .second_box dl:first-child{
	padding:0 0 10px 0;
}

#horo .second_box dl dt{
	width:49%;
	padding:0;
	margin:0 2% 0 0;
}

#horo .second_box dl dd{
	width:49%;
}

#horo .second_box dl dd p{
	font-size:12px;
}

#horo .second_box dl dd p.btn a{
	position: relative;
	padding: 8px 10px 8px 20px;
	background:none;
	color:#615139;
	border:1px solid #615139;
}


#horo .second_box dl dd p.btn a::before,
#horo .second_box dl dd p.btn a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

#horo .second_box dl dd p.btn a::before{
	left: 10px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #615139;
	border-right: 1px solid #615139;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#horo .second_box dl dd p.btn a:hover{
	background:#ccc;
}
	
#horo .second_box dl dd p.fee{
	font-weight: bold;
}



/*--------------------------
	corde
--------------------------*/
#horo .corde_wrapper .slick-next,
#horo .corde_wrapper .slick-prev {
    top: 52%;
}

#horo .corde_wrapper dl {
	float: left;
    /*border: 1px solid #ccc;*/
    margin: 20px 25px 0;
	overflow:hidden;
}

#horo .corde_wrapper dl dt {
	float: left;
    margin: 0 3% 0 0;
    width: 47%;
    /*border: 3px solid #ccc;*/
}

#horo .corde_wrapper dl dd{
	float: left;
	width:48%;
	padding: 0;
}

#horo .corde_wrapper dl dd span{
	/* padding: 3px 0; */
    margin: 0 0 5px 0;
    font-weight: bold;
    /* text-align: center; */
    /* background: #DFDFDF; */
    /* width: 60px; */
    border-bottom: 1px solid #ccc;
}

#horo .corde_wrapper dl dd p{
	margin:0 0 15px 0;
}

#horo .corde_wrapper dl dd p:last-child{
	margin:0;
}

#horo .corde_wrapper .slick-prev {
    left: 3px;
}
#horo .corde_wrapper .slick-next{
	right:3px;
}

/*--------------------------
	category
--------------------------*/
#horo ul.category_l{
	margin:0;
}

#horo ul.category_l.last{
	margin:0 0 20px 0;
}

#horo ul.category_l li{
	width:49%;
	margin:0 2% 5px 0;
}

#horo ul.category_l li:nth-child(even){
	margin:0 0 5px 0;
}

#horo ul.category_s{
	margin-top: -15px;
}

#horo ul.category_s li{
	width:49.5%;
	margin:0;
	border-bottom:1px solid #e0e0e0;
}

#horo ul.category_s li:nth-child(even){
	margin:0;
	border-left:1px solid #e0e0e0;
}

#horo ul.category_s li:last-child{
	border-right:1px solid #e0e0e0;
}

#horo ul.category_s li a img,
#horo ul.category_s li a:hover img,
#horo ul.category_l a img{
	border:none;
	width:100%;
}


/*--------------------------
	three
--------------------------*/
#horo ul.three li{
	float:left;
	width:49%;
	margin:0 0 5px 0;
}

#horo ul.three li:nth-child(even){
	margin:0 0 5px 2%;
}


	
}
/*--------------------------
	profile
--------------------------*/

#horo .profile {
	padding: 2%;
	border: 1px solid #E36F16;
	
}
#horo .profile .name {
	font-weight: bold;
}