@charset "UTF-8";
#gbl_search_refine {
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3000;
    width: 100%;
    height: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.4);
    min-height: 100%;
    clear: both;
    -webkit-transition: opacity linear 0.2s;
    -moz-transition: opacity linear 0.2s;
    -o-transition: opacity linear 0.2s;
    transition: opacity linear 0.2s
}

#gbl_search_refine input {
    border: 1px solid #ddd
}

#gbl_search_refine ::-webkit-input-placeholder {
    color: #aaa
}

#gbl_search_refine ::-moz-placeholder {
    color: #aaa
}

#gbl_search_refine :-moz-placeholder {
    color: #aaa
}

#gbl_search_refine :-ms-input-placeholder {
    color: #aaa
}

#gbl_search_refine #gbl_search_refine_content {
    position: relative;
    width: 100%;
    min-height: 100%;
    background: #f6f7f8;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
    margin-left: 100%
}

#gbl_search_refine #gbl_search_refine_content .initcontent {
    width: 100%;
    height: 100%;
    -webkit-transition: margin-left ease-out 0.25s;
    -moz-transition: margin-left ease-out 0.25s;
    -o-transition: margin-left ease-out 0.25s;
    transition: margin-left ease-out 0.25s
}

#gbl_search_refine #gbl_search_refine_content .initcontent.slide_on {
    margin-left: -150px
}

#gbl_search_refine .refine_loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -14px 0 0 -14px
}

#gbl_search_refine .intro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
    margin-left: 100%
}

#gbl_search_refine .intro.initSlide {
    -webkit-transition: margin-left ease-out 0.25s;
    -moz-transition: margin-left ease-out 0.25s;
    -o-transition: margin-left ease-out 0.25s;
    transition: margin-left ease-out 0.25s
}

#gbl_search_refine .intro.initSlide.slide_on {
    margin-left: -150px !important
}

#gbl_search_refine .intro .type_select {
    font-size: 15px
}

#gbl_search_refine .intro .type_select .trigger_container {
    position: relative;
    z-index: 2;
    background: #333;
    padding: 4px 0 0 0;
    overflow: hidden;
    height: 45px;
    text-align: center
}

#gbl_search_refine .intro .type_select p.trigger {
    color: #fff;
    padding: 5px 18px 5px 19px;
    cursor: pointer
}

#gbl_search_refine .intro .type_select p.trigger:before {
    display: inline-block;
    content: "";
    padding: 0 10px 0 0;
    vertical-align: -1px;
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear 0.1s;
    -o-transition: all linear 0.1s;
    transition: all linear 0.1s
}

#gbl_search_refine .intro .type_select ul {
    display: none;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 45px;
    z-index: 1;
    width: 100%;
    background: #333;
    background: rgba(58, 58, 58, 0.97);
    border-bottom: 1px #777 solid;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all ease-out 0.12s;
    -moz-transition: all ease-out 0.12s;
    -o-transition: all ease-out 0.12s;
    transition: all ease-out 0.12s
}

#gbl_search_refine .intro .type_select ul li {
    position: relative;
    border-top: 1px #777 solid
}

#gbl_search_refine .intro .type_select ul li a {
    display: block;
    padding: 8px 0 8px 45px;
    color: #fff
}

#gbl_search_refine .intro .type_select ul li.current a:before {
    content: "";
    position: absolute;
    left: 19px;
    top: 12px;
    font-size: 18px
}

#gbl_search_refine .intro .type_select.down p.trigger:before {
    content: ""
}

#gbl_search_refine .intro .type_select.down ul {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

#gbl_search_refine .intro .close {
    position: absolute;
    left: 3px;
    top: 2px;
    z-index: 3
}

#gbl_search_refine .intro .close a {
    display: block;
    padding: 12px;
    font-size: 0;
    line-height: 1;
    letter-spacing: 0;
    color: #222
}

#gbl_search_refine .intro .close a:before {
    content: "";
    font-size: 22px
}

#gbl_search_refine .intro .title_container {
    padding: 8px 0 8px 0;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}

#gbl_search_refine .intro .title_container p.title {
    font-size: 18px
}

#gbl_search_refine .content {
    margin: 48px 0 0 0
}

#gbl_search_refine .content .section {
    display: none;
    padding: 0 0 106px 0
}

#gbl_search_refine .content .section .list {
    position: relative;
    padding: 0 0 2px 0
}

#gbl_search_refine .content .section .list p.title {
    position: relative;
    padding: 18px 0 9px 16px;
    color: #333;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    font-weight: bold
}

#gbl_search_refine .content .section .list .container {
    display: table;
    width: 100%;
    background: #fff
}

#gbl_search_refine .content .section .list .container:last-child select {
    border-bottom: none
}

#gbl_search_refine .content .section .list p.tit {
    display: table-cell;
    vertical-align: middle;
    width: 37%;
    font-size: 14px;
    line-height: 1.4;
    padding: 0 0 0 24px
}

#gbl_search_refine .content .section .list .cnt {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 63%;
    color: #2490d0
}

#gbl_search_refine .content .section .list .cnt .slide_select p {
    min-height: 49px;
    font-size: 14px;
    border-bottom: 1px #ddd solid;
    word-break: break-all;
    word-break: break-word
}

#gbl_search_refine .content .section .list .cnt .slide_select p a {
    display: block;
    position: relative;
    padding: 15px 38px 14px 15px;
    line-height: 1.4
}

#gbl_search_refine .content .section .list .cnt .slide_select p a:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 50%;
    margin: -9px 0 0 0;
    font-size: 18px;
    color: #aaa
}

#gbl_search_refine .content .section .list .cnt p.text input {
    width: 100%;
    border: none;
    border-bottom: 1px #e6e6e6 solid;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    border-radius: 0;
    line-height: 1.2;
    padding: 14px 10px 10px 10px
}

#gbl_search_refine .content .section .list .cnt p.text input:focus {
    background: #f2f2f2
}

#gbl_search_refine .content .section .list .cnt .clear {
    display: none
}

#gbl_search_refine .content .section .list .cnt.selected .slide_select p a:after {
    content: ''
}

#gbl_search_refine .content .section .list .cnt.selected .clear {
    position: absolute;
    top: 50%;
    right: 13px;
    margin: -21px 0 0 2px;
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0)
}

#gbl_search_refine .content .section .list .cnt.selected .clear:after {
    content: "";
    display: inline-block;
    margin: 12px 0 0 11px;
    font-size: 18px;
    color: #ddd
}

#gbl_search_refine .content .section .list .container:last-child .slide_select p {
    border-bottom: none
}

#gbl_search_refine .content .section .list .container:last-child {
    border-bottom: 1px solid #ddd
}

#gbl_search_refine .content .section .list .container.coordinate_presence {
    position: relative;
    display: block;
    padding: 14px 10px 14px 0;
    cursor: pointer
}

#gbl_search_refine .content .section .list .container.coordinate_presence span {
    position: absolute;
    right: 10px;
    top: 23px
}

#gbl_search_refine .content .section .list .container.coordinate_presence span:before {
    display: block;
    background: #aaa
}

#gbl_search_refine .content .section .list .container.coordinate_presence span:after {
    display: block;
    color: #fff
}

#gbl_search_refine .content .section .list .container.coordinate_presence.check span:before {
    display: block;
    background: #2490d0
}

#gbl_search_refine .content .section .list .container.coordinate_presence.check span:after {
    display: block;
    color: #fff
}

#gbl_search_refine .content .section .list .container.sns ul {
    padding: 8px 0 0 0
}

#gbl_search_refine .content .section .list .container.sns ul li {
    font-size: 14px
}

#gbl_search_refine .content .section .list .container.sns ul li a {
    position: relative;
    display: block;
    line-height: 1.2;
    padding: 12px 10px 12px 0
}

#gbl_search_refine .content .section .list .container.sns ul li a:before {
    font-size: 25px;
    margin: 0 10px 0 0
}

#gbl_search_refine .content .section .list .container.sns ul li a:after {
    content: "";
    position: absolute;
    right: 13px;
    top: 50%;
    margin: -7px 0 0 0;
    font-size: 15px;
    color: #333
}

#gbl_search_refine .content .section .list .container.sns ul li.facebook a:before {
    color: #3c5a96
}

#gbl_search_refine .content .section .list .container.sns ul li.twitter a:before {
    color: #1dadea
}

#gbl_search_refine .content .section .list .container.sns ul li.weibo a:before {
    color: #e74c3a
}

#gbl_search_refine .content .section .list.item p.title {
    border-bottom: none
}

#gbl_search_refine .content .section .list.item .item_id_container {
    margin: 0 10px 16px 10px;
    border: 1px solid #ddd;
    border-radius: 8px
}

#gbl_search_refine .content .section .list.item .item_id_container .container:first-child {
    border-bottom: none;
    border-radius: 8px 8px 0 0
}

#gbl_search_refine .content .section .list.item .item_id_container .container:last-child {
    border-bottom: none;
    border-radius: 0 0 8px 8px
}

#gbl_search_refine .content .section .list.item .item_id_container .container.itemDetail {
    display: table
}

#gbl_search_refine .content .section .list.item .item_id_container .container.itemDetail .img {
    display: table-cell;
    width: 28%;
    height: 104px;
    vertical-align: top;
    padding: 16px 0 0 16px
}

#gbl_search_refine .content .section .list.item .item_id_container .container.itemDetail .img img {
    width: 60px;
    height: 72px
}

#gbl_search_refine .content .section .list.item .item_id_container .container.itemDetail .txt {
    display: table-cell;
    width: 72%;
    vertical-align: top;
    padding: 16px 16px 20px 0
}

#gbl_search_refine .content .section .list.item .item_id_container .container.itemDetail .txt .name {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    word-break: break-all
}

#gbl_search_refine .content .section .list.item .item_id_container .container.itemDetail .txt .brand {
    margin-top: 7px;
    font-size: 12px;
    color: #888
}

#gbl_search_refine .content .section .list.item .item_id_container .container.itemDetail .txt .category {
    font-size: 12px;
    color: #888
}

#gbl_search_refine .content .section .list.item .item_id_container .container.delete {
    position: relative;
    height: 40px
}

#gbl_search_refine .content .section .list.item .item_id_container .container.delete .btn {
    width: 100%;
    height: 40px;
    border-top: 1px solid #ddd
}

#gbl_search_refine .content .section .list.item .item_id_container .container.delete .btn a {
    position: absolute;
    top: 2px;
    right: 8px;
    padding: 8px 8px 8px 8px
}

#gbl_search_refine .content .section .list.item .item_container {
    margin: 0 10px 16px 10px;
    border: 1px solid #ddd;
    border-radius: 8px
}

#gbl_search_refine .content .section .list.item .item_container .container:first-child {
    border-bottom: none;
    border-radius: 8px 8px 0 0
}

#gbl_search_refine .content .section .list.item .item_container .container:last-child {
    border-bottom: none;
    border-radius: 0 0 8px 8px
}

#gbl_search_refine .content .section .list.item .item_container .container.delete {
    position: relative;
    height: 40px
}

#gbl_search_refine .content .section .list.item .item_container .container.delete a {
    position: absolute;
    top: 2px;
    right: 8px;
    padding: 8px 8px 8px 8px
}

#gbl_search_refine .content .section .list.item .item_container .container p.tit {
    padding-left: 14px
}

#gbl_search_refine .content .section .list.item .item_container .container .cnt .slide_select p a:after {
    right: 9px
}

#gbl_search_refine .content .section .list.item .item_container .container .cnt .clear {
    right: 2px
}

#gbl_search_refine .content .section .list.item .addItem {
    text-align: center;
    margin: -9px 0 0 0
}

#gbl_search_refine .content .section .list.item .addItem a {
    position: relative;
    display: inline-block;
    padding: 10px 10px 10px 42px;
    font-size: 14px;
    color: #333;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0)
}

#gbl_search_refine .content .section .list.item .addItem a:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 8px;
    color: #333;
    display: inline-block;
    font-size: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#gbl_search_refine .content .section .list.word .container {
    border-bottom: 1px solid #ddd
}

#gbl_search_refine .content .section .list.word .container .txt {
    display: table-cell;
    position: relative;
    padding: 0 0 0 48px;
    height: 48px;
    width: 87%;
    vertical-align: middle;
    font-size: 14px
}

#gbl_search_refine .content .section .list.word .container .txt:before {
    position: absolute;
    top: 16px;
    left: 24px;
    font-size: 14px;
    color: #aaa
}

#gbl_search_refine .content .section .list.word .container .txt .clear {
    position: absolute;
    right: 17px;
    top: 7px;
    display: block;
    width: 35px;
    height: 35px;
    cursor: pointer
}

#gbl_search_refine .content .section .list.word .container .txt .clear:after {
    content: "";
    display: inline-block;
    margin: 9px 0 0 9px;
    font-size: 18px;
    color: #ddd
}

#gbl_search_refine .content .section .list.word .container.searchWord.container, #gbl_search_refine .content .section .list.word .container.tag.container {
    -webkit-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.35s;
    -moz-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.35s;
    -o-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.35s;
    transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.35s
}

#gbl_search_refine .content .section .list.word .container.searchWord .txt:before, #gbl_search_refine .content .section .list.word .container.tag .txt:before {
    content: ""
}

#gbl_search_refine .content .section .list.word .container.freeWord .txt:before {
    content: ""
}

#gbl_search_refine .content .section .list.word .container.deleted {
    display: none
}

#gbl_search_refine .content .section .list.season .container {
    height: 128px;
    border-bottom: 1px solid #ddd
}

#gbl_search_refine .content .section#gbl_search_refine_brand {
    position: relative;
    padding-top: 0
}

#gbl_search_refine .content .section#gbl_search_refine_brand .loading_container {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8)
}

#gbl_search_refine .content .section#gbl_search_refine_brand .loading_container p.loading {
    position: absolute;
    left: 50%;
    top: 80px;
    margin: 0 0 0 -14px
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_search {
    background: #ddd;
    padding: 10px 15px 10px 15px
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_search .input {
    position: relative
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_search .input span.box {
    display: block
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_search .input span.box:before {
    content: "";
    display: block;
    position: absolute;
    left: 13px;
    top: 13px;
    font-size: 15px
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_search .input span.box.focus:before {
    color: #2490d0
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_search .input input {
    width: 100%;
    font-size: 14px;
    padding: 11px 10px 8px 35px;
    height: 40px;
    line-height: 18px
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list {
    position: relative
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list p.title {
    background: #999;
    line-height: 1.2;
    font-size: 12px;
    padding: 8px 0 8px 15px;
    color: #fff
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li {
    clear: both;
    position: relative
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li a {
    display: block;
    padding: 0 0 0 15px;
    color: #333
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .main {
    width: 100%;
    line-height: 1.2
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .main .container {
    border-bottom: 1px #ccc solid;
    padding: 13px 62px 12px 0
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .main p.name {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 17px;
    color: #4f4f4f
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .main p.address {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin: 3px 0 0 0;
    color: #7f7f7f;
    font-size: 11px
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .main ul.meta {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin: 5px 0 0 0;
    color: #7f7f7f;
    letter-spacing: -.40em
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .main ul.meta li {
    display: inline;
    letter-spacing: normal;
    font-size: 16px
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .main ul.meta li:first-child {
    margin: 0 8px 0 0
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .main ul.meta li span {
    padding: 0 0 0 3px;
    font-size: 9px
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .favorite_btn {
    position: absolute;
    right: 8px;
    top: 50%;
    margin: -19px 0 0 0;
    width: 46px
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .favorite_btn p {
    width: auto
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .favorite_btn p a, #gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .favorite_btn p span.link {
    background: #aaa;
    color: #fff;
    padding: 7px 0 7px 0;
    border-radius: 2px;
    font-size: 8px;
    line-height: 1.2
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .favorite_btn p span.link {
    opacity: 0.4
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .favorite_btn p a:before, #gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .favorite_btn p span.link:before {
    display: block;
    font-size: 13px;
    margin: 0 0 3px 0
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .favorite_btn p.followed a, #gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .favorite_btn p.followed span.link {
    background: #e73554
}

#gbl_search_refine .content .section#gbl_search_refine_brand .brand_list ul li .favorite_btn p .ajax_load {
    width: 46px;
    height: 38px;
    background-color: rgba(170, 170, 170, 0.7)
}

body.searchRefineOpen {
    background: #f6f7f8
}

body.searchRefineOpen.searchRefineWhite {
    background: #fff
}

#contentsBody .submit_btn.stickyBtn, #gbl_search_refine .submit_btn {
    position: fixed;
    left: 50%;
    bottom: -85px;
    margin: 0 0 24px 100%;
    display: table;
    width: 200px;
    height: 58px;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: bottom 300ms ease 0ms, margin-left ease-out 0.3s;
    -moz-transition: bottom 300ms ease 0ms, margin-left ease-out 0.3s;
    -o-transition: bottom 300ms ease 0ms, margin-left ease-out 0.3s;
    transition: bottom 300ms ease 0ms, margin-left ease-out 0.3s;
    z-index: 3
}

#contentsBody .submit_btn.stickyBtn.initSlide, #gbl_search_refine .submit_btn.initSlide {
    -webkit-transition: margin-left ease-out 0.25s;
    -moz-transition: margin-left ease-out 0.25s;
    -o-transition: margin-left ease-out 0.25s;
    transition: margin-left ease-out 0.25s
}

#contentsBody .submit_btn.stickyBtn.initSlide.slide_on, #gbl_search_refine .submit_btn.initSlide.slide_on {
    margin-left: -150px !important
}

#contentsBody .submit_btn.stickyBtn .submit, #gbl_search_refine .submit_btn .submit {
    display: table-cell;
    border-radius: 30px;
    background: #2490d0;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    text-align: center;
    vertical-align: middle;
    color: #fff
}

#contentsBody .submit_btn.stickyBtn .submit p, #gbl_search_refine .submit_btn .submit p {
    line-height: 1.4
}

#contentsBody .submit_btn.stickyBtn .submit p.name, #gbl_search_refine .submit_btn .submit p.name {
    font-size: 16px
}

#contentsBody .submit_btn.stickyBtn .submit p.count, #gbl_search_refine .submit_btn .submit p.count {
    display: none
}

#contentsBody .submit_btn.stickyBtn .submit p.count .num, #gbl_search_refine .submit_btn .submit p.count .num {
    font-size: 14px;
    font-weight: bold
}

#contentsBody .submit_btn.stickyBtn .submit p.count .unit, #gbl_search_refine .submit_btn .submit p.count .unit {
    font-size: 10px
}

#slidecontent {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
}

#slidecontent .ico_check {
    position: relative;
    font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif
}

#slidecontent .ico_check:before {
    display: none
}

#slidecontent .ico_check:after {
    display: none
}

#slidecontent .current .ico_check:after {
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -11px 0 0 0;
    font-size: 20px;
    z-index: 0;
    color: #2490d0;
    font-family: 'wearicon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    letter-spacing: 0
}

#slidecontent .intro {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background: #fff;
    padding: 4px 0 0 0;
    overflow: hidden;
    height: 48px;
    -webkit-transition: all ease-out 0.25s;
    -moz-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)
}

#slidecontent .intro.search {
    -webkit-box-shadow: none;
    box-shadow: none
}

#slidecontent .intro p {
    font-size: 14px;
    line-height: 1.2
}

#slidecontent .intro p a {
    display: block;
    padding: 10px 15px 10px 15px
}

#slidecontent .intro .cancel {
    position: absolute;
    left: 3px;
    top: 2px
}

#slidecontent .intro .cancel a {
    display: block;
    padding: 12px;
    font-size: 0;
    line-height: 1;
    letter-spacing: 0;
    color: #222
}

#slidecontent .intro .cancel a:before {
    content: "";
    font-size: 22px
}

#slidecontent .intro .title {
    color: #333;
    text-align: center;
    padding: 11px 0 0 0;
    font-size: 18px
}

#slidecontent .intro .btn {
    position: absolute;
    right: 0;
    top: 5px
}

#slidecontent .slidecontent_inner {
    position: relative;
    z-index: 1;
    background: #f6f7f8;
    padding: 48px 0 0 0;
    -webkit-transition: all ease-out 0.25s;
    -moz-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s
}

#slidecontent .slidecontent_inner.white {
    background: #fff
}

#slidecontent .slidecontent_inner .slidecontent_section {
    display: none;
    padding: 0 0 53px 0
}

#slidecontent .color_group_id {
    height: 100%;
    padding: 5px 5px 5px 5px !important;
    background: #fff
}

#slidecontent .color_group_id ul {
    margin: 22px 0 0 0;
    text-align: center;
    display: table;
    width: 100%
}

#slidecontent .color_group_id ul li {
    position: relative;
    display: table-cell;
    width: 20%;
    text-align: center;
    font-size: 9px;
    text-align: center;
    cursor: pointer
}

#slidecontent .color_group_id ul li a {
    display: block;
    color: #333
}

#slidecontent .color_group_id ul li:before {
    display: block;
    content: '';
    margin: 0 auto 2px auto;
    width: 46px;
    height: 46px;
    background: url("/sp/common/img/ico_refine_tip.png") no-repeat 0 -74px;
    background-size: auto 166px
}

#slidecontent .color_group_id ul li.value_0:before {
    background-position: 0 -74px
}

#slidecontent .color_group_id ul li.value_1:before {
    background-position: -46px -74px
}

#slidecontent .color_group_id ul li.value_2:before {
    background-position: -92px -74px
}

#slidecontent .color_group_id ul li.value_3:before {
    background-position: -138px -74px
}

#slidecontent .color_group_id ul li.value_4:before {
    background-position: -184px -74px
}

#slidecontent .color_group_id ul li.value_5:before {
    background-position: -230px -74px
}

#slidecontent .color_group_id ul li.value_7:before {
    background-position: -276px -74px
}

#slidecontent .color_group_id ul li.value_8:before {
    background-position: -322px -74px
}

#slidecontent .color_group_id ul li.value_9:before {
    background-position: 0 -120px
}

#slidecontent .color_group_id ul li.value_10:before {
    background-position: -46px -120px
}

#slidecontent .color_group_id ul li.value_11:before {
    background-position: -92px -120px
}

#slidecontent .color_group_id ul li.value_12:before {
    background-position: -138px -120px
}

#slidecontent .color_group_id ul li.value_13:before {
    background-position: -184px -120px
}

#slidecontent .color_group_id ul li.value_14:before {
    background-position: -230px -120px
}

#slidecontent .color_group_id ul li.value_15:before {
    background-position: -276px -120px
}

#slidecontent .color_group_id ul li.value_16:before {
    background-position: -322px -120px
}

#slidecontent .color_group_id ul li.current:before {
    opacity: 0.3
}

#slidecontent .color_group_id ul li.current a:before {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    margin: 0 0 0 -12px;
    top: 11px;
    z-index: 2;
    width: 24px;
    height: 24px;
    font-size: 0;
    line-height: 1;
    letter-spacing: 0;
    border-radius: 50%
}

#slidecontent .color_group_id ul li.current a:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    margin: -2px 0 0 -10px;
    font-size: 20px;
    top: 16px;
    z-index: 3;
    color: #2490d0
}

#slidecontent ul.select_list {
    width: 100%;
    background: #fff
}

#slidecontent ul.select_list li {
    line-height: 1.2;
    border-bottom: 1px #ddd solid;
    font-size: 14px
}

#slidecontent ul.select_list li a {
    display: block;
    padding: 0 45px 0 15px;
    color: #333
}

#slidecontent ul.select_list li a .liTable {
    display: table;
    height: 50px;
    width: 100%
}

#slidecontent ul.select_list li a .liTable .liTableCell {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.4
}

#slidecontent .detail.twoColumn {
    display: none;
    width: 100% !important
}

#slidecontent .detail.twoColumn ul {
    width: 100%;
    clear: both;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

#slidecontent .detail.twoColumn ul li {
    float: left;
    width: 50%;
    border-right: 1px solid #ddd;
    border-bottom: 1px #ddd solid
}

#slidecontent .detail.twoColumn ul li a {
    display: block;
    padding: 0 15px 0 15px;
    color: #333;
    line-height: 1.2;
    font-size: 14px
}

@media screen and (min-width: 320px) and (max-width: 374px) {
    #slidecontent .detail.twoColumn ul li a {
        padding: 0 36px 0 14px;
        font-size: 12px
    }
}

#slidecontent .detail.twoColumn ul li a:nth-child(2n) {
    border-right: 0px
}

#slidecontent .detail.twoColumn ul li a .liTable {
    display: table;
    height: 50px;
    width: 100%
}

#slidecontent .detail.twoColumn ul li a .liTable .liTableCell {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.4
}

#slidecontent .detail.twoColumn ul li.current a {
    padding-right: 45px
}

#slidecontent .detail.twoColumn ul li:nth-child(2n) {
    border-right: none
}

#slidecontent .category_id .list p.trigger {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    position: relative;
    line-height: 1.2;
    font-size: 14px;
    padding: 0 0 0 60px;
    background: #fff
}

#slidecontent .category_id .list p.trigger span.categoryName {
    display: block;
    padding: 18px 0 18px 0;
    border-bottom: 1px #ddd solid
}

#slidecontent .category_id .list p.trigger:after {
    content: "";
    display: block;
    position: absolute;
    right: 19px;
    top: 16px;
    color: #aaa;
    font-size: 20px;
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear 0.1s;
    -o-transition: all linear 0.1s;
    transition: all linear 0.1s;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center
}

#slidecontent .category_id .list p.trigger.open:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

#slidecontent .category_id .list p.trigger.open span.categoryName {
    border-bottom: none
}

#slidecontent .category_id .list p.trigger:before {
    position: absolute;
    left: 15px;
    top: 9px;
    width: 36px;
    height: 0;
    padding: 36px 0 0 0;
    display: block;
    content: '';
    vertical-align: top;
    background: url("/sp/common/img/ico_refine_tip.png") no-repeat 0 0;
    background-size: auto 166px
}

#slidecontent .category_id .list p.trigger.tip_101:before {
    background-position: 0 0
}

#slidecontent .category_id .list p.trigger.tip_108:before {
    background-position: -36px 0
}

#slidecontent .category_id .list p.trigger.tip_111:before {
    background-position: -72px 0
}

#slidecontent .category_id .list p.trigger.tip_138:before {
    background-position: -108px 0
}

#slidecontent .category_id .list p.trigger.tip_134:before {
    background-position: -144px 0
}

#slidecontent .category_id .list p.trigger.tip_113:before {
    background-position: -180px 0
}

#slidecontent .category_id .list p.trigger.tip_112:before {
    background-position: -216px 0
}

#slidecontent .category_id .list p.trigger.tip_118:before {
    background-position: -252px 0
}

#slidecontent .category_id .list p.trigger.tip_132:before {
    background-position: -288px 0
}

#slidecontent .category_id .list p.trigger.tip_114:before {
    background-position: -324px 0
}

#slidecontent .category_id .list p.trigger.tip_119:before {
    background-position: -360px 0
}

#slidecontent .category_id .list p.trigger.tip_115:before {
    background-position: -396px 0
}

#slidecontent .category_id .list p.trigger.tip_135:before {
    background-position: -432px 0
}

#slidecontent .category_id .list p.trigger.tip_117:before {
    background-position: 0 -36px
}

#slidecontent .category_id .list p.trigger.tip_139:before {
    background-position: -36px -36px
}

#slidecontent .category_id .list p.trigger.tip_140:before {
    background-position: -72px -36px
}

#slidecontent .category_id .list p.trigger.tip_137:before {
    background-position: -108px -36px
}

#slidecontent .category_id .list p.trigger.tip_104:before {
    background-position: -144px -36px
}

#slidecontent .category_id .list p.trigger.tip_126:before {
    background-position: -180px -36px
}

#slidecontent .category_id .list p.trigger.tip_136:before {
    background-position: -216px -36px
}

#slidecontent .category_id .list p.trigger.tip_128:before {
    background-position: -252px -36px
}

#slidecontent .category_id .list p.trigger.tip_141:before {
    background-position: -288px -36px
}

#slidecontent .category_id .list p.trigger.tip_142:before {
    background-position: -324px -36px
}

#slidecontent .category_id .list p.trigger.tip_120:before {
    background-position: -360px -36px
}

#slidecontent .category_id .list p.trigger.tip_124:before {
    background-position: -396px -36px
}

#slidecontent .category_id .list p.trigger.tip_144:before {
    background-position: -468px 0px
}

#slidecontent .category_id .list p.trigger.tip_146:before {
    background-position: -504px 0px
}

#slidecontent .category_id .list p.trigger.tip_136:before {
    background-position: -540px 0px
}

#slidecontent .category_id .list p.trigger.tip_148:before {
    background-position: -576px 0px
}

#slidecontent .category_id .list p.trigger.tip_149:before {
    background-position: -396px -36px
}

#slidecontent .category_id .list p.trigger.tip_151:before {
    background-position: -432px -36px
}

#slidecontent .category_id .list p.trigger.tip_143:before {
    background-position: -468px -36px
}

#slidecontent .category_id .list p.trigger.tip_150:before {
    background-position: -216px -36px
}

#slidecontent .category_id .list p.trigger.tip_145:before {
    background-position: -504px -36px
}

#slidecontent .category_id .list p.trigger.tip_147:before {
    background-position: -540px -36px
}

#slidecontent .category_id .list p.trigger.tip_124:before {
    background-position: -576px -36px
}

#slidecontent .category_id .list:last-child p.trigger {
    border-bottom: 1px solid #ddd
}

#slidecontent .category_id .list:last-child p.trigger.open {
    border-bottom: none
}

#slidecontent .category_id .list:last-child p.trigger span.categoryName {
    border-bottom: none
}

#slidecontent .brand_id {
    position: relative
}

#slidecontent .brand_id.white {
    background: #fff
}

#slidecontent .brand_id .loading_container {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8)
}

#slidecontent .brand_id .loading_container p.loading {
    position: absolute;
    left: 50%;
    top: 80px;
    margin: 0 0 0 -14px
}

#slidecontent .brand_id .brand_search {
    position: fixed;
    top: 48px;
    left: 0;
    width: 100%;
    z-index: 2;
    background: #fff;
    padding: 7px 15px 12px 15px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all ease-out 0.25s;
    -moz-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s
}

#slidecontent .brand_id .brand_search .input {
    position: relative
}

#slidecontent .brand_id .brand_search .input span.box {
    display: block
}

#slidecontent .brand_id .brand_search .input span.box:before {
    content: "";
    display: block;
    position: absolute;
    left: 13px;
    top: 9px;
    font-size: 15px;
    color: #868686;
    pointer-events: none
}

#slidecontent .brand_id .brand_search .input input {
    width: 100%;
    font-size: 14px;
    padding: 9px 32px 8px 35px;
    height: 32px;
    line-height: 18px;
    border-color: #ddd;
    border-radius: 16px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f6f7f8
}

#slidecontent .brand_id .brand_search .input input::-webkit-input-placeholder {
    position: relative;
    top: 2px
}

#slidecontent .brand_id .brand_search .input input:-ms-input-placeholder {
    position: relative;
    top: 2px
}

#slidecontent .brand_id .brand_search .input input::-moz-placeholder {
    position: relative;
    top: 2px
}

#slidecontent .brand_id .brand_search .input input::-ms-clear {
    visibility: hidden
}

#slidecontent .brand_id .brand_search .input input[type=search]::-webkit-search-cancel-button, #slidecontent .brand_id .brand_search .input input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

#slidecontent .brand_id .brand_search .clear {
    position: absolute;
    right: 19px;
    top: 9px;
    display: block;
    width: 28px;
    height: 28px;
    cursor: pointer;
    display: none
}

#slidecontent .brand_id .brand_search .clear:after {
    content: "";
    display: inline-block;
    margin: 7px 0 0 7px;
    font-size: 14px;
    color: #888
}

#slidecontent .brand_id .brand_list {
    position: relative;
    margin: 51px 0 0 0
}

#slidecontent .brand_id .brand_list p.title {
    background: #f6f7f8;
    line-height: 1.2;
    font-size: 14px;
    font-weight: bold;
    padding: 20px 0 20px 15px;
    color: #333
}

#slidecontent .brand_id .brand_list ul {
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

#slidecontent .brand_id .brand_list ul li {
    clear: both;
    position: relative;
    border: none
}

#slidecontent .brand_id .brand_list ul li a {
    display: block;
    padding: 0 0 0 15px;
    color: #333
}

#slidecontent .brand_id .brand_list ul li .main {
    width: 100%;
    line-height: 1.2
}

#slidecontent .brand_id .brand_list ul li .main .container {
    padding: 15px 62px 15px 0
}

#slidecontent .brand_id .brand_list ul li .main p.name {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #333;
    font-weight: bold
}

#slidecontent .brand_id .brand_list ul li .main p.kana {
    margin: 10px 0 0 0;
    font-size: 12px;
    color: #aaa
}

#slidecontent .brand_id .brand_list ul li .main p.address {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin: 3px 0 0 0;
    color: #7f7f7f;
    font-size: 11px
}

#slidecontent .brand_id .brand_list ul li .main ul.meta {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin: 5px 0 0 0;
    color: #7f7f7f;
    letter-spacing: -.40em
}

#slidecontent .brand_id .brand_list ul li .main ul.meta li {
    display: inline;
    letter-spacing: normal;
    font-size: 16px;
    border: none
}

#slidecontent .brand_id .brand_list ul li .main ul.meta li:first-child {
    margin: 0 8px 0 0
}

#slidecontent .brand_id .brand_list ul li .main ul.meta li span {
    padding: 0 0 0 3px;
    font-size: 9px
}

#slidecontent .brand_id .brand_list ul.result {
    border: none
}

#slidecontent .magazine_id {
    position: relative
}

#slidecontent .magazine_id.white {
    background: #fff
}

#slidecontent .magazine_id .loading_container {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8)
}

#slidecontent .magazine_id .loading_container p.loading {
    position: absolute;
    left: 50%;
    top: 80px;
    margin: 0 0 0 -14px
}

#slidecontent .magazine_id .magazine_search {
    position: fixed;
    top: 48px;
    left: 0;
    width: 100%;
    z-index: 2;
    background: #fff;
    padding: 6px 15px 6px 15px;
    -webkit-transition: all ease-out 0.25s;
    -moz-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s
}

#slidecontent .magazine_id .magazine_search .input {
    position: relative
}

#slidecontent .magazine_id .magazine_search .input span.box {
    display: block
}

#slidecontent .magazine_id .magazine_search .input span.box:before {
    content: "";
    display: block;
    position: absolute;
    left: 13px;
    top: 9px;
    font-size: 15px;
    color: #868686;
    pointer-events: none
}

#slidecontent .magazine_id .magazine_search .input input {
    width: 100%;
    font-size: 14px;
    padding: 9px 32px 8px 35px;
    height: 32px;
    line-height: 18px;
    border-color: #ddd;
    border-radius: 16px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f6f7f8
}

#slidecontent .magazine_id .magazine_search .input input::-webkit-input-placeholder {
    position: relative;
    top: 2px
}

#slidecontent .magazine_id .magazine_search .input input:-ms-input-placeholder {
    position: relative;
    top: 2px
}

#slidecontent .magazine_id .magazine_search .input input::-moz-placeholder {
    position: relative;
    top: 2px
}

#slidecontent .magazine_id .magazine_search .input input::-ms-clear {
    visibility: hidden
}

#slidecontent .magazine_id .magazine_search .input input[type=search]::-webkit-search-cancel-button, #slidecontent .magazine_id .magazine_search .input input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

#slidecontent .magazine_id .magazine_search .clear {
    position: absolute;
    right: 19px;
    top: 9px;
    display: block;
    width: 28px;
    height: 28px;
    cursor: pointer;
    display: none
}

#slidecontent .magazine_id .magazine_search .clear:after {
    content: "";
    display: inline-block;
    margin: 7px 0 0 7px;
    font-size: 14px;
    color: #888
}

#slidecontent .magazine_id .switch_menu {
    position: fixed;
    top: 92px;
    left: 0;
    width: 100%;
    z-index: 3;
    margin-top: 0;
    padding-top: 5px;
    background: #fff;
    -webkit-transition: all ease-out 0.25s;
    -moz-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s
}

#slidecontent .magazine_id .switch_menu ul {
    border-bottom: none;
    -webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.1)
}

#slidecontent .magazine_id .switch_menu ul li {
    font-size: 14px
}

#slidecontent .magazine_id .switch_menu ul li a {
    padding: 12px 0 12px 0
}

#slidecontent .magazine_id .balloon {
    position: absolute;
    top: 11px;
    right: 0px;
    z-index: 1;
    display: none
}

#slidecontent .magazine_id .balloon dl {
    display: table;
    font-size: 14px
}

#slidecontent .magazine_id .balloon dl dt {
    display: table-cell;
    padding: 5px 0 5px 0
}

#slidecontent .magazine_id .balloon dl dd {
    display: table-cell;
    padding: 5px 0 5px 0
}

#slidecontent .magazine_id .balloon dl dd a {
    display: block;
    padding: 0 35px 0 0;
    color: #333;
    font-weight: bold
}

#slidecontent .magazine_id .balloon dl dd a:after {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    right: 16px;
    font-size: 10px;
    color: #333;
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear 0.1s;
    -o-transition: all linear 0.1s;
    transition: all linear 0.1s
}

#slidecontent .magazine_id .balloon .detail {
    top: 34px !important;
    left: auto;
    right: 14px
}

#slidecontent .magazine_id .balloon .detail:before {
    left: 120px
}

#slidecontent .magazine_id .balloon .detail:after {
    left: 120px
}

#slidecontent .magazine_id .balloon .detail.firstSelected:after {
    border-bottom-color: #333
}

#slidecontent .magazine_id .balloon .detail ul li {
    height: 45px
}

#slidecontent .magazine_id .balloon .detail ul li:first-child {
    border-radius: 3px 3px 0 0
}

#slidecontent .magazine_id .balloon .detail ul li:last-child {
    border-radius: 0 0 3px 3px
}

#slidecontent .magazine_id .balloon .detail ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #333;
    font-size: 12px;
    line-height: 45px
}

#slidecontent .magazine_id .balloon .detail ul li.current {
    background: #333
}

#slidecontent .magazine_id .balloon .detail ul li.current a {
    color: #fff
}

#slidecontent .magazine_id .balloon.balloon_open dl dd a:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

#slidecontent .magazine_id .magazine_list {
    position: relative;
    margin: 91px 0 0 0
}

#slidecontent .magazine_id .magazine_list p.title {
    background: #999;
    line-height: 1.2;
    font-size: 12px;
    padding: 8px 0 8px 15px;
    color: #fff
}

#slidecontent .magazine_id .magazine_list p.initial {
    height: 54px;
    padding: 0 0 0 16px;
    font-size: 14px;
    line-height: 54px;
    font-weight: bold
}

#slidecontent .magazine_id .magazine_list ul {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff
}

#slidecontent .magazine_id .magazine_list ul li {
    clear: both;
    position: relative;
    border: none
}

#slidecontent .magazine_id .magazine_list ul li a {
    display: block;
    padding: 0 0 0 21px;
    color: #333
}

#slidecontent .magazine_id .magazine_list ul li .main {
    width: 100%;
    line-height: 1.2
}

#slidecontent .magazine_id .magazine_list ul li .main .container {
    padding: 17px 62px 19px 0
}

#slidecontent .magazine_id .magazine_list ul li .main p.name {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#slidecontent .magazine_id .magazine_list ul li .main p.kana {
    margin: 6px 0 0 0;
    font-size: 12px;
    color: #aaa
}

#slidecontent .magazine_id .magazine_list ul.result {
    border: none
}

#slidecontent .region_id .list p.trigger {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    position: relative;
    border-bottom: 1px #ddd solid;
    padding: 18px 45px 18px 15px;
    line-height: 1.2;
    font-size: 14px;
    background: #fff
}

#slidecontent .region_id .list p.trigger:after {
    content: "";
    display: block;
    position: absolute;
    right: 19px;
    top: 50%;
    margin: -7px 0 0 0;
    font-size: 20px;
    color: #aaa;
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear 0.1s;
    -o-transition: all linear 0.1s;
    transition: all linear 0.1s;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center
}

#slidecontent .region_id .list p.trigger.open:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

#slidecontent .region_id .list p.trigger.open {
    border-bottom: none
}

.seasonSlider {
    position: relative;
    text-align: center;
    margin: 0 0 -10px 0;
    padding: 0 32px 0 32px
}

.seasonSlider .labelContainer {
    height: 40px
}

.seasonSlider .labelContainer .label {
    position: relative;
    top: -5px;
    display: block;
    width: 48px;
    height: 33px;
    border-radius: 7px;
    background: #2490d0;
    color: #fff;
    font-size: 14px
}

.seasonSlider .labelContainer .label span {
    line-height: 2.4
}

.seasonSlider .labelContainer .label:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    border-top: 8px solid #2490d0;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent
}

.seasonSlider input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c7c7cc;
    height: 2px;
    width: 100%;
    padding: 0 0 0 0;
    z-index: 1
}

.seasonSlider input[type=range]:active, .seasonSlider input[type=range]:focus {
    outline: none
}

.seasonSlider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    position: relative;
    border: none;
    width: 28px;
    height: 28px;
    display: block;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
    z-index: 3
}

.seasonSlider .space {
    position: absolute;
    top: 40px;
    left: 62px;
    width: 13px;
    height: 28px;
    background-color: #fff;
    z-index: 2
}

.seasonSlider .scale {
    margin: 14px 0 0 0;
    padding: 0 4px 0 4px
}

.seasonSlider .scale ul {
    display: table;
    width: 100%
}

.seasonSlider .scale ul li {
    display: table-cell;
    width: 7.1428%
}

.seasonSlider .scale ul li a {
    display: inline-block;
    width: 100%;
    color: #333;
    font-size: 12px
}

@media screen and (min-width: 320px) and (max-width: 374px) {
    .seasonSlider .scale ul li a {
        font-size: 11px
    }
}

.seasonSlider .scale ul li:first-child {
    position: relative;
    width: 14.2856%
}

.seasonSlider .scale ul li:first-child a {
    position: absolute;
    top: 0;
    left: -27px;
    text-align: center;
    width: 75px
}

body.coordinate {
    overflow-x: visible
}

#cnt_banner {
    position: relative;
    z-index: 4
}

#searchresult_hdr #searchresult_hdr_intro {
    padding: 0 0 15px 0;
    position: relative;
    z-index: 4;
    background: #f6f7f8;
    border-bottom: 1px solid #ddd
}

#searchresult_hdr #searchresult_hdr_intro #searchresult_switch {
    width: 260px;
    margin: 20px auto 0 auto
}

#searchresult_hdr #searchresult_hdr_intro #searchresult_switch ul {
    display: table;
    width: 100%
}

#searchresult_hdr #searchresult_hdr_intro #searchresult_switch ul li {
    display: table-cell;
    width: 50%;
    text-align: center;
    font-size: 12px
}

#searchresult_hdr #searchresult_hdr_intro #searchresult_switch ul li a {
    background: #fff;
    color: #aaa;
    display: block;
    border: 1px #333 solid;
    border-radius: 0 7px 7px 0;
    line-height: 29px;
    padding: 1px 0 0 0
}

#searchresult_hdr #searchresult_hdr_intro #searchresult_switch ul li a:hover {
    background: #f6f7f8;
    text-decoration: none
}

#searchresult_hdr #searchresult_hdr_intro #searchresult_switch ul li:first-child a {
    border-radius: 7px 0 0 7px;
    border-right: none
}

#searchresult_hdr #searchresult_hdr_intro #searchresult_switch ul li.current a {
    background: #333;
    color: #fff;
    cursor: default
}

#searchresult_hdr #searchresult_hdr_intro #searchresult_switch ul li.current a:hover {
    background: #333
}

#searchresult_hdr #searchresult_hdr_intro #searchresult_title {
    position: relative;
    clear: both;
    z-index: 4;
    padding: 15px 10px 0 10px;
    text-align: center
}

#searchresult_hdr #searchresult_hdr_intro #searchresult_title p.tit {
    font-size: 14px;
    line-height: 1.4
}

#searchresult_hdr #searchresult_hdr_intro #searchresult_title p.sub {
    margin: 5px 0 0 0;
    color: #888;
    font-size: 10px;
    line-height: 1.3
}

#searchresult_hdr p.num {
    position: fixed;
    z-index: 3;
    bottom: 15px;
    left: 50%;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    border-radius: 4px;
    background: #333;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.2;
    opacity: 0.9
}

#searchresult_hdr p.num.hide {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all linear 400ms;
    -moz-transition: all linear 400ms;
    -o-transition: all linear 400ms;
    transition: all linear 400ms
}

#searchresult_hdr p.num span.total {
    display: inline;
    font-size: 15px;
    padding: 0 3px 0 0
}

#searchresult_hdr #gbl_related_link {
    position: relative;
    z-index: 4;
    background: #fff
}

#searchresult_hdr #gbl_related_link.ajax_load {
    min-height: 38px
}

#searchresult_hdr #gbl_related_link.ajax_load:before {
    content: '';
    font-size: 0;
    line-height: 1;
    letter-spacing: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url("//i7.wimg.jp/content/icon/pc/loading_gif.gif") no-repeat 50% 50%;
    background-size: 22px 22px;
    background-size: 18px 18px;
    background-position: 50% 42%
}

#searchresult_hdr #gbl_related_link .content {
    padding: 0 0 0 10px;
    border-top: 1px #ccc solid;
    -webkit-transform: translate3d(0, 0, 0)
}

#searchresult_hdr #gbl_related_link .content p.label {
    margin: 11px -80px 0 0;
    float: left;
    width: 80px;
    font-size: 12px;
    line-height: 1.2
}

.en #searchresult_hdr #gbl_related_link .content p.label {
    margin-top: 5px
}

#searchresult_hdr #gbl_related_link .content .right_container {
    float: right;
    width: 100%
}

#searchresult_hdr #gbl_related_link .content .right_container .container {
    margin: 0 0 0 80px;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    overflow-y: auto
}

#searchresult_hdr #gbl_related_link .content .right_container .container::-webkit-scrollbar {
    display: none;
    height: 0 !important;
    visibility: hidden;
    overflow: hidden
}

#searchresult_hdr #gbl_related_link .content .right_container .container::scrollbar {
    display: none;
    height: 0 !important;
    visibility: hidden;
    overflow: hidden
}

#searchresult_hdr #gbl_related_link .content .right_container .container ul {
    width: 3000px;
    padding: 3px 0 3px 0
}

#searchresult_hdr #gbl_related_link .content .right_container .container ul li {
    margin: 0 10px 0 0;
    float: left;
    font-size: 12px
}

#searchresult_hdr #gbl_related_link .content .right_container .container ul li a {
    display: inline-block;
    padding: 5px 0 5px 0
}

#searchresult_hdr nav {
    position: relative;
    z-index: 3
}

#searchresult_hdr nav .navTitle {
    position: relative;
    z-index: 3;
    width: 100%;
    border-bottom: 1px solid #ddd;
    background: #fff
}

#searchresult_hdr nav .navTitle ul.switch {
    position: relative;
    display: table;
    width: 100%;
    z-index: 3
}

#searchresult_hdr nav .navTitle ul.switch li {
    position: relative;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    font-size: 14px
}

#searchresult_hdr nav .navTitle ul.switch li:first-child a {
    border-right: 1px solid #ddd
}

#searchresult_hdr nav .navTitle ul.switch li a {
    position: relative;
    display: block;
    padding: 12px 0 0 10px;
    height: 49px;
    color: #333;
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear 0.1s;
    -o-transition: all linear 0.1s;
    transition: all linear 0.1s
}

#searchresult_hdr nav .navTitle ul.switch li a:after {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -6px 0 0 0;
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear 0.1s;
    -o-transition: all linear 0.1s;
    transition: all linear 0.1s
}

#searchresult_hdr nav .navTitle ul.switch li a:before {
    margin: 0 9px 0 0;
    font-size: 24px;
    vertical-align: middle
}

#searchresult_hdr nav .navTitle ul.switch li a .refineParamCount {
    margin: -2px 0 0 6px;
    display: inline-block;
    vertical-align: middle;
    height: 19px;
    min-width: 19px;
    border-radius: 9.5px;
    padding: 0px 6px 0 6px;
    background: #333;
    text-align: center;
    line-height: 2;
    color: #fff;
    font-size: 10px
}

#searchresult_hdr nav .navTitle ul.switch li a .refineParamCount.and {
    padding-top: 1px
}

@media screen and (min-width: 320px) and (max-width: 374px) {
    #searchresult_hdr nav .navTitle ul.switch li a.small_font {
        font-size: 12px;
        padding-top: 14px
    }

    #searchresult_hdr nav .navTitle ul.switch li a.small_font:before {
        position: relative;
        top: -2px;
        margin-right: 1px
    }

    #searchresult_hdr nav .navTitle ul.switch li a.small_font:after {
        font-size: 14px
    }

    #searchresult_hdr nav .navTitle ul.switch li a.small_font .refineParamCount {
        margin-top: -4px;
        margin-left: 5px
    }
}

#searchresult_hdr nav .navTitle ul.switch li.on a:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

#searchresult_hdr nav .navTitle ul.switch li.off a {
    color: #ccc
}

#searchresult_hdr nav .navTitle ul.switch li.off a .refineParamCount {
    background: #ccc
}

#searchresult_hdr nav .navTitle ul.switch li.disp a:before {
    content: '\e63f'
}

#searchresult_hdr nav .navTitle ul.switch li.search a:before {
    content: ""
}

#searchresult_hdr nav .navTitle .balloon {
    position: absolute;
    bottom: -48px;
    right: 25%;
    margin: 0 -67px 0 0;
    padding: 11px 12px 9px 12px;
    border-radius: 9px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    background: #3ECE3E;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    z-index: 3;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity linear 0.2s, -webkit-transform linear 0.2s;
    -moz-transition: opacity linear 0.2s, -moz-transform linear 0.2s;
    transition: opacity linear 0.2s, -webkit-transform linear 0.2s;
    -o-transition: opacity linear 0.2s, transform linear 0.2s;
    transition: opacity linear 0.2s, transform linear 0.2s;
    transition: opacity linear 0.2s, transform linear 0.2s, -webkit-transform linear 0.2s
}

#searchresult_hdr nav .navTitle .balloon:before {
    content: '';
    position: absolute;
    top: -9px;
    left: 50%;
    margin: 0 0 0 -7.5px;
    width: 0;
    height: 0;
    border-top: none;
    border-right: 7.5px solid rgba(0, 0, 0, 0);
    border-bottom: 9px solid rgba(0, 0, 0, 0.05);
    border-left: 7.5px solid rgba(0, 0, 0, 0)
}

#searchresult_hdr nav .navTitle .balloon:after {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    margin: 0 0 0 -6.5px;
    width: 0;
    height: 0;
    border-top: none;
    border-right: 6.5px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid #3ECE3E;
    border-left: 6.5px solid rgba(0, 0, 0, 0)
}

#searchresult_hdr nav .navTitle .balloon.hidden {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px)
}

#searchresult_hdr nav .nav_content {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 50px;
    width: 100%
}

#searchresult_hdr nav .nav_content .section {
    opacity: 0;
    background: #fff;
    overflow: hidden;
    -webkit-transition: all ease-out 0.15s;
    -moz-transition: all ease-out 0.15s;
    -o-transition: all ease-out 0.15s;
    transition: all ease-out 0.15s
}

#searchresult_hdr nav .nav_content .section.disp_section ul li {
    position: relative;
    font-size: 14px
}

#searchresult_hdr nav .nav_content .section.disp_section ul li a {
    display: block;
    color: #333;
    padding: 13px 10px 13px 12px
}

#searchresult_hdr nav .nav_content .section.disp_section ul li.current a:after {
    content: "";
    display: block;
    font-size: 20px;
    color: #2490d0;
    position: absolute;
    right: 12px;
    top: 50%;
    margin: -9px 0 0 0
}

#searchresult_hdr nav .nav_bg {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    height: 0
}

#searchresult_ftr {
    position: relative;
    clear: both;
    z-index: 4;
    margin: 0 0 -4px 0;
    padding: 16px 10px 0 10px;
    text-align: center
}

#searchresult_ftr h1 {
    font-size: 12px;
    line-height: 1.4
}

#searchresult_ftr h2 {
    margin: 5px 0 0 0;
    color: #888;
    font-size: 10px;
    line-height: 1.3
}

.list_brand_info {
    margin: 45px 0 0 0;
    padding: 0 10px 0 10px
}

.list_brand_info .intro {
    text-align: center
}

.list_brand_info .intro h2.name {
    font-size: 16px;
    line-height: 1.4
}

.list_brand_info .intro p.kana {
    font-size: 12px;
    color: #888
}

.list_brand_info .about {
    margin: 8px 0 0 0
}

.list_brand_info .about p.txt {
    font-size: 12px
}

.list_brand_info .favorite_btn {
    margin: 12px 0 0 0
}

.list_brand_info .favorite_btn p {
    font-size: 14px;
    line-height: 1.2;
    width: 100%
}

.list_brand_info .favorite_btn p a, .list_brand_info .favorite_btn p span.link {
    display: block;
    padding: 11px 0 0 0;
    height: 40px;
    border: 1px #ddd solid;
    border-radius: 4px;
    background: #f6f7f8;
    color: #888
}

.list_brand_info .favorite_btn p a:before, .list_brand_info .favorite_btn p span.link:before {
    content: none
}

.list_brand_info .favorite_btn.on p a, .list_brand_info .favorite_btn.on p span.link {
    background: #e73554;
    color: #fff;
    border: 1px solid #e73554
}

.list_brand_info .mini_btn {
    margin: 12px 0 0 0
}

.list_brand_info .mini_btn h2 {
    margin: 20px 0 10px 0
}

.list_brand_info .mini_btn p {
    font-size: 14px;
    line-height: 1.2;
    width: 40px;
    float: left;
    margin: 0 10px 0 0
}

.list_brand_info .mini_btn p a {
    display: block;
    padding: 10px 9px 9px 9.5px;
    border: 1px solid #ddd;
    color: #888;
    background-color: #f6f7f8;
    border-radius: 4px;
    height: auto
}

.list_brand_info .mini_btn p a:before {
    margin: 0 8px 0 0;
    content: none;
    font-size: 19px;
    vertical-align: -2px
}

.list_brand_info .mini_btn p.site a:before {
    content: ""
}

.list_brand_info .mini_btn p.tw a:before {
    content: ""
}

.list_brand_info .mini_btn p.fb a:before {
    content: ""
}

.list_brand_info .mini_btn p.ig a:before {
    content: ""
}

.list_brand_info .mini_btn p.wb a:before {
    content: ""
}

#list_buy_btn {
    margin: 25px 0 0 0;
    padding: 0 14px 0 14px
}

#list_buy_btn .tit {
    font-size: 14px;
    line-height: 1.5
}

#list_buy_btn .btn {
    font-size: 15px;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    margin: 8px 0 0 0
}

#list_buy_btn .btn a {
    display: block;
    background: #2490d0;
    color: #fff;
    border-radius: 4px;
    padding: 15px 0 15px 0;
    -webkit-box-shadow: 0 2px 0 #004fa6;
    box-shadow: 0 2px 0 #004fa6
}

#no_hit {
    text-align: center
}

#no_hit .notes {
    position: relative;
    margin: -20px 0 0 0;
    font-size: 14px
}

#no_hit .btn {
    margin: 5px 0 20px 0;
    font-size: 14px
}

#no_hit .btn a {
    display: inline-block;
    padding: 5px 5px 5px 5px
}

#item_list {
    overflow: hidden
}

#item_list p.tit {
    position: relative;
    margin: 0 0 -10px 0;
    font-size: 11px;
    font-weight: bold
}

#item_list ul {
    position: relative;
    margin: -1px 0 0 0
}

#item_list ul li {
    position: relative;
    padding: 1px 1px 0 0;
    width: 33.3333333%;
    min-height: 141px;
    float: left
}

#item_list ul li .container {
    position: relative
}

#item_list ul li p.img {
    font-size: 0;
    line-height: 1;
    letter-spacing: 0;
    min-height: 129px
}

#item_list ul li p.img img {
    width: 100%;
    min-height: 129px
}

@media screen and (min-width: 375px) and (max-width: 413px) {
    #item_list ul li p.img, #item_list ul li p.img img {
        min-height: 150px
    }
}

@media screen and (min-width: 414px) and (max-width: 500px) {
    #item_list ul li p.img, #item_list ul li p.img img {
        min-height: 165px
    }
}

#item_list ul li:nth-child(3n+1) {
    clear: both
}

#item_list ul li .price, #item_list ul li .soldout {
    display: block;
    position: absolute;
    left: 4px;
    bottom: 4px;
    background: rgba(36, 144, 208, 0.9);
    color: #fff;
    line-height: 1.2;
    border-radius: 3px;
    padding: 2px 7px 2px 7px
}

#item_list ul li .meta {
    padding: 3px 5px 8px 5px
}

#item_list ul li .meta p.brand, #item_list ul li .meta p.name {
    color: #333;
    font-size: 11px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#item_list ul li .meta p.name {
    color: #fff
}

#item_list ul li .meta p.coordinate {
    margin: -2px 0 0 0;
    font-size: 11px
}

@media screen and (min-width: 320px) and (max-width: 374px) {
    #item_list ul li .meta p.coordinate {
        font-size: 10px
    }
}

#item_list ul li .meta p.coordinate a {
    display: inline-block;
    width: 100%;
    padding: 1px 0 1px 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#item_list.fleamarket ul li .price {
    background: rgba(255, 147, 3, 0.9);
    font-size: 11px
}

#item_list.fleamarket ul li .soldout {
    background: rgba(0, 0, 0, 0.8);
    font-size: 9px;
    padding: 4px 7px 4px 7px
}

#shop_list ul li {
    clear: both;
    position: relative
}

#shop_list ul li a {
    display: block;
    padding: 0 0 0 16px;
    color: #333
}

#shop_list ul li .sub {
    float: left;
    width: 65px;
    margin: 0 -65px 0 0
}

#shop_list ul li .sub p.img {
    margin: 15px 0 0 0;
    width: 55px
}

#shop_list ul li .sub p.img img {
    border-radius: 4px;
    border: 1px #ddd solid
}

#shop_list ul li .main {
    float: right;
    width: 100%;
    line-height: 1.2
}

#shop_list ul li .main .container {
    margin: 0 0 0 65px;
    padding: 22px 120px 22px 0
}

#shop_list ul li .main p.name {
    font-size: 16px;
    color: #4f4f4f;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#shop_list ul li .main p.address {
    margin: 5px 0 0 0;
    color: #7f7f7f;
    font-size: 11px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#shop_list ul li .main ul.meta {
    margin: 5px 0 0 0;
    color: #7f7f7f;
    letter-spacing: -.40em;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#shop_list ul li .main ul.meta li {
    display: inline;
    letter-spacing: normal;
    font-size: 16px
}

#shop_list ul li .main ul.meta li:first-child {
    margin: 0 8px 0 0
}

#shop_list ul li .main ul.meta li span {
    padding: 0 0 0 3px;
    font-size: 9px
}

#shop_list ul li .favorite_btn {
    position: absolute;
    right: 16px;
    top: 50%;
    margin: -17px 0 0 0;
    width: 96px
}

#shop_list ul li .favorite_btn p {
    width: auto
}

#shop_list ul li .favorite_btn p span.link {
    opacity: 0.4
}

#shop_list ul li .favorite_btn p.followed a, #shop_list ul li .favorite_btn p.followed span.link {
    background: #e73554
}

#shop_list ul li .favorite_btn p .ajax_load {
    width: 96px;
    height: 29px;
    background-color: rgba(170, 170, 170, 0.7)
}

#shop_list ul li .favorite_btn p a, #shop_list ul li .favorite_btn p span.link {
    background: #2490d0;
    color: #fff;
    padding: 7px 0 7px 0;
    border-radius: 4px;
    font-size: 12px;
    height: 29px;
    line-height: 1.3
}

#related_content section {
    clear: both;
    padding: 28px 10px 0 10px
}

#related_content section .tit {
    font-size: 14px;
    line-height: 1.5
}

#related_content section ul {
    margin: 1px 0 0 0
}

#related_content section .data {
    position: relative;
    min-height: 40px
}

#related_content section .data.ajax_load:before {
    content: '';
    font-size: 0;
    line-height: 1;
    letter-spacing: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url("//i7.wimg.jp/content/icon/pc/loading_gif.gif") no-repeat 50% 50%;
    background-size: 22px 22px;
    background-size: 18px 18px
}

#main_content #cnt_gad_banner {
    background: #f6f7f8
}

#main_content .adRectangle {
    margin-top: 35px
}

body.coordinate #main_content #cnt_banner {
    display: none
}

body.coordinate #coordinate_list ul li.banner {
    width: 100%;
    min-height: auto;
    clear: both;
    padding: 0;
    background: #f6f7f8
}

body.coordinate #coordinate_list ul li.banner .adRectangle {
    margin-top: 35px;
    margin-bottom: 35px
}

body.coordinate #coordinate_list ul li:nth-child(3n+1) {
    clear: none
}

body.coordinate #coordinate_list ul.ajaxList {
    clear: both
}

body.coordinate .coordinate_list ul li.banner {
    width: 100%;
    min-height: auto;
    clear: both;
    padding: 0;
    background: #f6f7f8
}

body.coordinate .coordinate_list ul li.banner .adRectangle {
    margin-top: 35px;
    margin-bottom: 35px
}

body.coordinate .coordinate_list ul li:nth-child(3n+1) {
    clear: none
}

body.coordinate .coordinate_list ul.ajaxList {
    clear: both
}

body.coordinate #adsbyfive01 {
    position: relative;
    z-index: 4;
    width: 100%;
    height: auto;
    vertical-align: bottom
}

body.coordinate #next_link {
    margin-bottom: 16px
}

body.item #item_list ul li.banner {
    width: 100%;
    min-height: auto;
    clear: both;
    padding: 0;
    background: #f6f7f8
}

body.item #item_list ul li.banner .adRectangle {
    margin-top: 35px;
    margin-bottom: 35px
}

body.item #item_list ul li:nth-child(3n+1) {
    clear: none
}

body #user_list ul li.banner {
    clear: both;
    background: #f6f7f8
}

body #user_list ul li.banner .adRectangle {
    margin-top: 0;
    margin-bottom: 0;
    padding: 35px 0 35px 0
}

body #shop_list ul li.banner {
    clear: both;
    background: #f6f7f8
}

body #shop_list ul li.banner .adRectangle {
    margin-top: 0;
    margin-bottom: 0;
    padding: 35px 0 35px 0
}

#secAppDownload {
    margin-top: 18px
}

.section_list_item {
    border: 1px solid #ccc;
}

.opened_sort {
    display: block !important;
    opacity: 1 !important;
}
/*# sourceMappingURL=list_common.css.map */