@charset "UTF-8";

.dealer-area{
 padding: 0 60px;
}
.main-content-dealer-under-contents .main-content-dealer-logo.dealer-logo_freepark {
    padding: 20px;
}
#main-contents-inner section#foot-content h2 {
	text-transform: none;
}
#main-image .more-btn_w {
    font-family: 'Quicksand', serif;
    font-size: 10px;
    font-weight: 500;
    display: inline-block;
    padding: 7px 12px 7px 18px;
    line-height: 1.0;
    border: 1px solid #FFF;
    border-radius: 3px;
    color: #FFF;
}
#main-image .more-btn_w:after {
    content: "";
    display: inline-block;
    background: url(//gigaplus.makeshop.jp/solxsol/images/more-arrow_w.png) no-repeat center center;
    background-size: 10px 5px;
    width: 10px;
    height: 5px;
    margin-left: 3px;
    position: relative;
    top: -2px;
}
@media (max-width: 768px){
    #main-content-top-contents, #main-content-new-item, #main-content-gift, #main-content-ranking, #main-content-contents, #main-content-wedding, #main-content-care-goods, #main-content-search-for-plants, #main-content-search-for-pots, #main-content-blog, #foot-content, #main-content-dealer{
    	margin-bottom: 40px!important;
	}
    .no-text-margin{
        margin-top: 20px;
    }
    .main-content-dealer-under-contents .main-content-dealer-logo {
        height: 90px;
        padding: 15px;
        margin-bottom: 15px;
        border: 1px solid #dfdfdf;
        text-align: center;
    }
    .main-content-dealer-under-contents .main-content-dealer-logo.dealer-logo_freepark {
   		height: 72px;
	}
    .main-content-dealer-under-contents h4 {
        font-size: 15px;
        font-weight: normal;
        display: inline-block;
        margin: 0 10px 0 0;
        padding-bottom: 3px;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .main-content-top-contents-box {
	    margin: 15px 0 20px;
	}
    .main-content-top-contents-box img {
        margin-right: -15px;
        margin-left: -15px;
        margin-bottom: 15px;
        max-width: calc(100% + 30px);
	}
    .mt-0-sp{
    	margin-top: 0!important;
    }
    #side-nav-inner .search-keyword {
    	margin: 18px 10px 18px 10px!important;
	}
}
@media (min-width: 960px){
    .no-text-margin{
        margin-top: 60px;
    }
    .dealer-area{
    	margin-top:50px!important;
    }
    .dealer-box {
        padding: 15px;
        text-align: left;
        background: #ffffff!important;
        border: 1px solid #bfbfbf;
    }
    .dealer-box h4{
        margin-top: 0;
    }
    .main-content-dealer-under-contents .main-content-dealer-logo {
        padding: 15px;
        margin-bottom: 15px;
        border: 1px solid #dfdfdf;
        text-align: center;
    }
    #main-image .uk-position-bottom {
    	top: 270px!important;
	}
    .main-content-contents-head-wrap-m {
        background: #f5f5f5 url(https://www.solxsol.com/blog/wp-content/uploads/2018/12/DSC_1255_2.jpg) no-repeat;
        background-size: 288px 212px;
        padding: 25px;
        height: 212px;
        box-sizing: border-box;
        margin-bottom: 20px;
        margin-top: -22px;
	}
    
    /* 20200827 kurihara add top contents new start*/
    .contents-head-2020{
    	display: none!important;
        padding-left: 40px!important;
        margin-bottom: 20px!important;
    }
    .contents-head-box-2020{
    	background: #f5f5f5;
        padding: 0!important;
    }
    .contents-head-box-2020 .new-contents-mainimage{
    	z-index: 1;
        height: 212px;
    }
    .contents-head-box-2020 .new-mark{
    	top: -105px;
        left: -315px;
        z-index: 2;
    }
    .contents-head-2020 .main-content-contents-head-inner-m{
    	position: absolute;
        z-index: 100;
        padding-left: 30px;
        margin-top: 25px;
        box-sizing: border-box;
        max-width: 44%;
        /* max-width: 42% */
        /* margin-left: 245px; */
    }
    /* 20200827 kurihara add top contents new end*/
    /*.dealer-surou-text{
    	margin-bottom: 18px;
    }*/
    .shoptext_area{
    	min-height: 100px!important;
    }
}
.uk-sticky {
	position: absolute;
    top: -200px;
}

@media (min-width: 960px){
	.main-content-top-contents-box h3 {
    	min-height: 40px;
	}
}
.main-content-top-contents-box p.short {
	max-width: 100%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;  
}