.heart {
    position: fixed;
    width: 44px;
    height: 40px;
    left: -600px;
    top: 0px;
    overflow: hidden;
    background-image: url("/v3/pc/img/heart/heart.png");
    background-size: 44px 40px;
    z-index: 20000;
}

.heartL{
    position: fixed;
    width: 160px;
    height: 146px;
    left: -600px;
    top: 0px;
    overflow: hidden;
    background-image: url("/v3/pc/img/heart/heartL.png");
    background-size: 160px 146px;
    z-index: 20000;
}

.starA {
    position: fixed;
    width: 44px;
    height: 42px;
    left: -600px;
    top: 0px;
    overflow: hidden;
    background: url(/v3/pc/img/star1.png) 0 0 no-repeat;
    z-index: 20000;
}

.starB {
    position: fixed;
    width: 36px;
    height: 35px;
    left: -600px;
    top: 0px;
    overflow: hidden;
    background: url(/v3/pc/img/star2.png) 0 0 no-repeat;
    z-index: 20000;
}

.starC {
    position: fixed;
    width: 28px;
    height: 28px;
    left: -600px;
    top: 0px;
    overflow: hidden;
    background: url(/v3/pc/img/star3.png) 0 0 no-repeat;
    z-index: 20000;
}

.starD {
    position: fixed;
    width: 20px;
    height: 19px;
    left: -600px;
    top: 0px;
    overflow: hidden;
    background: url(/v3/pc/img/star4.png) 0 0 no-repeat;
    z-index: 20000;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0px;
    margin: 2px 0px 0px;
    list-style: outside none none;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.open > .dropdown-menu {
    display: block;
}

.dropdown-menu > li {
    text-align: left;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #347ed1;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover {
    color: #347ed1;
    background: #fff;
    text-decoration: underline;
}

.dropdown-menu {
    opacity: 0.9;
}

#search-form-tools #to-help .icon-sd-help {
    display: block;
    font-size: 20px;
}

#search-form-tools #to-help .icon-sd-help:hover,
#search-form-tools #to-help .icon-sd-help.is-active {
    color: #630;
}

#search-form-tools .login .icon-sd-login {
    font-size: 20px;
    margin-right: 4px;
    vertical-align: -3px;
}


#search-form-tools #regist .icon-sd-signup {
    font-size: 20px;
    margin-right: 4px;
    vertical-align: -3px;
}

#user-info-group {
    display: table;
}

#user-info-group > .avatar {
    display: table-cell;
}

#user-info-group > .user-name-wrap {
    display: table-cell;
}

.categoriesChilds {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    font-size: 12px;
}

.categoriesChildsmin {
    float: left;
    width: 140px;
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none;
    text-align: left;
    font-size: 12px;
}

.categoriesChildsmin:last-of-type {
    margin: 0;
}

.categoriesChilds li,
.categoriesChildsmin li {
    line-height: 2 ! important;
}

.categories3 .categoriesChilds li {
    overflow: hidden;
    max-height: 35px;
    padding-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 2 ! important;
}

.categoriesChilds li a,
.categoriesChildsmin li a {
    color: #766458 ! important;
}

#to-category.is-open {
    background: #EFE6DE;
    box-shadow: 3px 0 3px -3px rgba(0,0,0,.2) inset,
               -3px 0 3px -3px rgba(0,0,0,.2) inset;

}


#to-category-child #to-category-more {
    display: block;
    margin: 5px 0 0;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
}

.hd-category-selection {
    float: left;
    width: 240px;
}

.hd-odai {
    float: right;
    width: 240px;
}

#user-info .avatar img {
    width: 24px;
    height: 24px;
    vertical-align: -7px;
}

.user-name-wrap {
    margin-right: 10px;
}

.user-name-wrap .user-name {
    padding-left: 10px;
}

div.resnaplist {
    background-color: #eee3d9;
    width: 100%;
    margin: 0 -10px;
    padding: 0 10px;
}
div.resnaplist #resnaplist-title {
    padding: 10px 0 0 10px;
    color: #aaa;
}



.dish-image-function-star,
.dish-image-function-resnap,
.dish-image-function-yummy {
    float: left;
    height: 15px;
    margin: 4px 7px 0 7px;
}

.dish-image-function-star:before {
    font-family: "glyphicons";
    content: '\e81a';
    font-size: 16px;
    color: #CACAC9;
}

.dish-image-function-star:hover:before,
.dish-image-function-star.active:before {
    color: #F1CB5B;
}

.dish-image-function-resnap:before {
    font-family: "glyphicons";
    content: '\e81f';
    font-size: 22px;
    color: #CACAC9;
    vertical-align: -1px;
}

.dish-image-function-resnap:hover:before,
.dish-image-function-resnap.active:before {
    color: #98B4CF;
}

.dish-image-function-yummy:before {
    font-family: "glyphicons";
    content: '\e81b';
    font-size: 16px;
    color: #CACAC9;
}

.dish-image-function-yummy:hover:before,
.dish-image-function-yummy.active:before {
    color: #FF7575;
}


.dish-image-function-share {
    float: right;
    height: 15px;
    margin: 4px 7px 10px;
}

.dish-image-function-share:before {
    font-family: "glyphicons";
    content: '\e80c';
    font-size: 20px;
    color: #CACAC9;
}

.dish-image-function-share:hover:before,
.dish-image-function-share.active:before {
    color: #ADD5E4;
}

.dish-image-loadmore{
    width:100%;
    background:#fef9f5;
    text-align:right;
}

.dish-image-loadmore-margin {
    padding: 5px 10px;
}

.dish-image-loadmore-margin a {
    color: #cdbaa5 !important;
    font-weight: bold;
    font-size: 10px;
}

.insert-google-banner {
    text-align: center;
    padding: 20px 0;
}

/* ===== detail ===== */
#photobg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-image: url("/v3/pc/img/bg_dishphotos.jpg");
    background-size: cover;
}

.photobg-closer {
    position: absolute;
    top: 110px;
    right: 30px;
    width: 42px;
    height: 42px;
    background-image: url("/v3/pc/img/box_close.png");
    background-repeat: no-repeat;
    background-size: 42px auto;
}

#detail-overall {
    overflow: hidden;
    width: 890px;
    margin: 20px auto 0 auto;
}

#detail-dish {
    position: relative;
    width: 540px;
    background-color: #fff;
    padding: 10px;
    z-index: 10110;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

#detail-dish h1 {
    font-size: 20px;
    margin: 20px 20px 10px 20px;
    line-height: 28px;
}

#detail-dish h1 a {
    text-decoration: none !important;
    border-bottom: 1px #666 dotted !important;
    color: #666 !important;
}

#detail-dish .dish-title-hm {
    padding-left: 26px;
    background: url(/v3/pc/img/detail_main_titleicon.png) no-repeat 0 2px;
    background-size: 21px 20px;
    color: #666;
}

#detail-dish #genre-list {
    margin-left: 20px;
    margin-bottom: 10px;
}

#detail-dish #genre-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#detail-dish #genre-list li {
    display: inline-block;
    background-color: #dde9f6;
    border-radius: 5px;
    padding: 2px 5px 0 5px;
    margin: 5px 5px 0 0;
}

.recipe-url{
    background-color: #FBF3EC;
    padding: 20px 20px 15px;
    margin-top: 5px;
}

#detail-dish #recipe {
    background-color: #fbf3ec;
    padding: 0 20px 20px 20px;
    margin-bottom: 10px;
    color: #666;
}

#detail-dish #recipe-toggle {
    float: left;
    margin-left: 10px;
    margin-top: 2px;
    cursor: pointer;
    font-size: 12px;
}

#detail-dish #recipe-toggle i.icon-chevron-up {
    margin-left: 2px;
    margin-top: -1px;
}

#detail-dish #recipe-toggle i.icon-chevron-down {
    margin-left: 2px;
    margin-top: -2px;
}

#detail-dish #reference {
    position: relative;
    background-color: #fbf3ec;
    padding: 0 10px 20px 20px;
    margin-top: 5px;
}

#detail-dish #reference-body {
    margin-top: 10px;
    height: 60px;
}

#detail-dish #reference-text {
    margin: auto 10px;
    width: 420px;
}

#detail-dish #cookedit {
    background-color: #FFF;
    padding: 10px;
}

#detail-dish #cookedit-title {
    background: url(/v3/pc/img/cookedit-icon.png) no-repeat;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0 0 30px;
    height: 30px;
}

#detail-dish #cookedit-children {
    padding: 5px 5px 0 5px;
}

#detail-dish #cookedit-children a {
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-bottom: 3px;
    margin-right: 3px;
    vertical-align: top;
}

#detail-dish #cookedit-children img {
    background-color: #fff;
    padding: 3px;
    margin: 0;
    width: 54px;
}

#detail-dish #cookedit-children a.cookedit-hide {
    display: none;
}

#detail-dish #cookedit-children #open-cookedit-hide {
    text-align: right;
    cursor: pointer;
}

#detail-dish #ingredient a {
    color: #9c877a !important;
    text-decoration: none;
    border-bottom: 1px dotted #9c877a;
}

#detail-dish #ingredient ul {
    padding: 0 0 0 10px;
}

#detail-dish #ingredient li {
    list-style: none;
    line-height: 35px;
    border-bottom: 1px solid #e1d5c8;
    padding: 0 20px;
}

#detail-dish #ingredient li:last-child {
    border: none;
}

#detail-dish #direction .num {
    line-height: 15px;
    width: 17px;
    height: 17px;
    background-color: #655745;
    border-radius: 50%;
    color: #FFF;
    font-size: 12px;
    text-align: center;
    margin: 5px 5px 0 0;
    padding-top: 1px;
}

#detail-dish #direction ul {
    padding-left: 10px;
}

#detail-dish #direction li {
    list-style: none;
    line-height: 25px;
    border-bottom: 1px solid #e1d5c8;
    padding: 10px 0 10px 20px;
}

#detail-dish #direction div.direction-text {
    width: 445px;
}

#detail-dish #direction li:last-child {
    border: none;
}

#detail-dish #tips-body {
    padding: 10px 0 10px 30px;
    line-height: 25px;
}

#detail-dish #yummied {
    background-color: #fbf3ec;
    padding: 0 20px 20px 20px;
    margin-top: 5px;
}

#detail-dish #yummied-list img {
    margin: 10px 5px 0 0;
}

#detail-dish #yummied-list .yummy-hidden {
    display: none;
}

#detail-dish #comments {
    background-color: #fbf3ec;
    margin-top: 5px;
}

#detail-dish #comments #comments-list {
    color: #666;
}

#detail-dish #comments dl {
    position: relative;
    padding: 0 20px 20px 75px;
    margin-bottom: 0px;
}

#detail-dish #comments dd.avatar {
    position: absolute;
    left: 10px;
    top: 0;
    width: 40px;
    height: 40px;
}

#detail-dish #comments dd.cmt-text-beak {
    position: absolute;
    left: 54px;
    top: 30px;
    content: "";
    display: block;
    width: 12px;
    height: 24px;
    background: url(/v3/pc/img/detail_comment_balloon.png) no-repeat 0 0;
    background-size: 12px 24px;
}

#detail-dish #comments dd.cmt-text {
    position: relative;
    margin: 5px 0 0;
    padding: 10px 20px;
    border: 1px solid #ddccbb;
    border-radius: 4px;
    background: #fff;
}

#detail-dish #comments dd.cmt-text .tores {
    background: url(/v3/pc/img/detail_comment_tores.png) no-repeat 0 0;
    width: 25px;
    height: 21px;
    position: absolute;
    display: block;
    right: -1px;
    bottom: -1px;
    text-indent: -9999px;
}

#detail-dish #product {
    padding: 5px;
    position: relative;
    height: 80px;
    cursor: pointer;
}

#detail-dish #product #product_txt {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
}

#detail-dish #product #product_img img {
    width: 70px;
    height: 70px;
    margin-right: 5px;
}

#detail-dish #product #product_name {
    font-size: 1.2rem;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 85px;
    height: 60px;
}

#detail-dish #product #product_pr {
    font-size: 0.8rem;
    text-align: right;
    padding-right: 5px;
    color: #aaa;
}

#detail-dish #product #product_pr span {
    font-weight: bold;
}

#user-and-tools {
}

#post-user {
    position: relative;
    width: 300px;
    margin: 0 0 20px 16px;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 10110;
}

#post-user-info {
    padding: 5px 5px 0 5px;
}

#post-user-avatar {
    width: 50px;
    padding: 5px;
    margin: 0 auto;
}

#post-user-name {
    margin-top: 20px;
    font-weight: bold;
}

#post-user-name a {
    color: #000;
}

.gAdsense {
    position: relative;
    width: 300px;
    margin: 0 0 20px 16px;
    text-align: center;
    z-index: 10110;
    float:left;
}

.likebox {
    position: relative;
    width: 300px;
    height: 280px;
    margin: 0 0 20px 16px;
    text-align: center;
    z-index: 10110;
    background-color:#FFF;
}

.likebox > iframe {
    width: 300px;
    height: 280px;
    border: none;
    overflow: hidden;
}

.feedlikebox {
    margin-bottom: 10px;
    padding: 10px 5px 5px;
    border-radius: 5px;
    text-align: center;
}

.sideCopyright {
    width: 890px;
    position: relative;
    margin: 10px auto 30px auto;
    z-index: 10110;
    font-size: 12px;
    color: #999;
    text-indent: 5px;
}

.sideCopyright a {
    color: #999;
}

.ribbon-icon {
/*    background: url(/v3/pc/img/badge_list_ribbon.png) no-repeat; */
    width: 19px;
    height: 19px;
    display: inline-block;
    -webkit-background-size: cover;
    margin-left: 5px;
}

.official-icon:before,
.chef-icon:before {
    font-family: 'glyphicons';
    content: '\e821';
    font-size: 19px;
    font-weight: 400;
    margin-left: 5px;
}

.official-icon:before {
  color: #E48413;
}

.chef-icon:before {
  color: #85BC49;
}

#post-user-more-beak {
    position: relative;
    width: 17px;
    height: 10px;
    margin: 0 auto;
    background: url(/v3/pc/img/post-user-more-beak.png) no-repeat;
    z-index: 100;
}

#post-user-more {
    margin-top: -2px;
    background-color: #f6f6f6;
    border-top: 1px solid #d4d4d4;
    padding: 15px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#post-user-more-dish {
    margin-left: 15px;
    height: 180px;
    overflow-y: auto;
}

#post-user-more-dish.expand {
    height: 360px;
}

#post-user-more-dish a {
    margin: 5px;
    float: left;
}

#post-user-more-dish div.post-user-resnap {
    position: relative;
    width: 18px;
    height: 18px;
    margin-top: -18px;
    margin-left: 62px;
    background: url(/v3/pc/img/post-user-resnap.png) no-repeat;
    z-index: 200;
}

#post-user-follow {
    margin: 0 auto;
}

#post-user-follow-desc {
    color: #80b350;
    font-size: 0.8em;
    line-height: 16px;
    margin-bottom: 4px;
}

a#post-user-profile {
    float: right;
    margin-top: 10px;
    margin-right: 15px;
    color: #b7b7b7;
    text-decoration: none;
}

a#post-user-profile:hover {
    text-decoration: underline;
}

#detail-user .user-name {
    margin-top: 5px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 5px;
    border-radius: 5px;
}

#detail-tools {
    border-bottom: 1px solid #e4e4e4;
    width: 560px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    top: -10px;
    left: -10px;
}

#detail-tools li {
    float: left;
    list-style: none;
    width: 40px;
    height: 42px;
    cursor: pointer;
}

#detail-tools #comment {
    background: url(/v3/pc/img/detailbox_comment.png) no-repeat 0 0;
}

#detail-tools #star {
    border-right: 1px solid #e4e4e4;
    border-top-left-radius: 5px;
    text-align: center;
    line-height: 41px;
}

#detail-tools #star.active {
    background: #F7D263;
}

#detail-tools #star:before {
    font-family: "glyphicons";
    content: '\e81a';
    font-size: 22px;
    color: #CACAC9;
}

#detail-tools #star:hover:before {
    color: #F7D263;
}

#detail-tools #star.active:before {
    color: #FFF;
}

#detail-tools #resnap {
    border-right: 1px solid #e4e4e4;
    text-align: center;
    line-height: 44px;
}

#detail-tools #resnap.active {
    background: #98B4CF;
}

#detail-tools #resnap:before {
    font-family: "glyphicons";
    content: '\e81f';
    font-size: 30px;
    color: #CACAC9;
}

#detail-tools #resnap:hover:before {
    color: #98B4CF;
}

#detail-tools #resnap.active:before {
    color: #FFF;
}

#detail-tools #yummy {
    text-align: center;
    line-height: 42px;
    border-right: 1px solid #e4e4e4;
}

#detail-tools #yummy.active {
    background: #FF7575;
}

#detail-tools #yummy:before {
    font-family: "glyphicons";
    content: '\e81b';
    font-size: 24px;
    color: #CACAC9;
}

#detail-tools #yummy:hover:before {
    color: #FF7575;
}

#detail-tools #yummy.active:before {
    color: #FFF;
}

#detail-tools #share {
    float: right;
    text-align: center;
    line-height: 40px;
    border-left: 1px solid #e4e4e4;
    border-top-right-radius: 5px;
}

#detail-tools #share:before {
    font-family: "glyphicons";
    content: '\e80c';
    font-size: 26px;
    color: #CACAC9;
}

#detail-tools #share.active,
#detail-tools #share:hover:before {
    color: #ADD5E4;
}

#detail-tools #edit {
    text-align: center;
    line-height: 42px;
    border-right: 1px solid #e4e4e4;
}

#detail-tools #edit:before {
    font-family: "glyphicons";
    content: '\e80b';
    font-size: 26px;
    color: #CACAC9;
}

#detail-tools #edit.active,
#detail-tools #edit:hover:before {
    color: #999;
}

#detail-tools li.out-share {
    width: 60px;
    float: right;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 12px;
    height: 18px;
    padding: 0 3px;
    text-indent: 20px;
    position: relative;
    top: 10px;
    margin-right: 5px;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

#detail-tools li#share-tw {
    background-image: url(/v3/pc/img/tw_icon.png);
}

#detail-tools li#share-fb {
    background-image: url(/v3/pc/img/fb_icon.png);
}

#detail-tools li#share-pin {
    background-image: url(/v3/pc/img/pin_icon2.png);
    background-size 50px 12px !important;
}

#detail-tools li#share-pin a {
    background: none !important;
}

#detail-tools li#comment:hover {
    background-position: -40px 0;
}

#detail-dish #comments dd.cmt-text a.reply_to {
    cursor: pointer;
}

#detail-dish #comments form.res {
    background-color: #dbe7f4;
    padding-top: 20px;
}

#detail-dish #comments form.res dd.cmt-text {
    position: relative;
    margin: 5px 0 0;
    padding: 10px 20px;
    border: 1px solid #9cc1f2;
    border-radius: 4px;
    background: #fff;
}

#detail-dish #comments form.res dd#cmt-text-beak {
    background: url(/v3/pc/img/detail_comment_balloon_blue.png) no-repeat 0 0;
    width: 12px;
    height: 24px;
    position: absolute;
    left: 54px;
    top: 30px;
}

#detail-dish #comments form.res dd.cmt-text textarea {
    border: none;
    resize: none;
    box-shadow: none;
    width: 100%;
}

#detail-dish #comments form.res dd.reply {
    margin-top: 5px;
    text-align: right;
}


#comment-separator {
    margin: 0 20px 15px;
    padding: 8px 0;
    font-size: 12px;
    text-align: center;
    border: 1px dotted #dcc8b5;
    background-color: #faefe6;
    cursor: pointer;
}

#comment-separator:hover {
    background: #f8eadd;
}

#comment-separator i {
    display: inline-block;
}

#comment-separator i:before {
    width: 20px;
    height: 20px;
    margin-left: 6px;
    font-size: 24px;
    line-height: 20px;
    color: #57372B;
    border: 1px solid #E0CDBB;
    border-radius: 6px;
    vertical-align: -4px;
}

#comment-separator.hidden {
    display: none;
}

#detail-dish #comments #reply-btn {
    display: none;
}

#detail-dish #cont-comm {
    position: relative;
}

#detail-dish #cont-comm #cont-comm-btn {
    float: right;
    height: 30px;
    margin: 0 20px 10px 0;
    padding: 10px 10px 0 10px;
    background-color: #e8dbce;
    cursor: pointer;
}

#detail-dish #cont-comm #cont-comm-btn img {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.dish-title-adsense {
    width: 500px;
    margin: 0 auto 10px;
    text-align: center;
}

.dish-related {
    padding: 10px 0;
    background-color: #fbf3ec;
    margin-top: 5px;
}

.dish-related h2.dish-related-category {
    color: #9c877a;
    font-size: 14px !important;
    font-weight: normal;
    padding-left: 20px !important;
}

.dish-related-box {
    font-size: 12px;
    padding-left: 35px;
}

.dish-related-box a:link {
    color: #347ed1;
}

.dish-related-link {
    color: #347ed1;
}

.dish-related-child{
    padding-left: 20px;
    background: url(/v3/pc/img/x2/related-arrow.png) no-repeat 0px 2px;
    background-size: 12px 9px;
}

/* ===== related post ===== */
#related-post {
    background-color: #FBF3EC;
    padding: 20px;
    margin-top: 5px;
}

#related-post li {
    float: left;
    width: 160px;
    margin: 5px 10px 5px 0;
    list-style: none;
}

#related-post li:nth-of-type(3n) {
    margin-right: 0;
}

#related-post li:nth-of-type(3n+1) {
    clear: left;
}

#detail-dish h2.related-post-title {
    padding: 0;
}

.post-title {
    margin-top: 5px;
}


/* ===== search result ===== */
div.search#contents h1 {
    margin: 10px 0 0 20px;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    color: #897364;
}

div.search#contents h1 span#search-header-subject { /* will be deprecated */
    font-size: 28px;
    color: #d7893b;
}

#search-header-subject .nolink {
    color: #897364;
}

div.search#contents h1 span#search-header-label { /* will be deprecated */
    font-size: 20px;
    color: #897364;
}

div.search#contents .category-description { /* will be deprecated */
    margin: 0px 40px 20px 20px;
    color: #897364;
}

div.search#contents h1#search-header-subject {
	display: inline-block;
    font-size: 28px;
    color: #d7893b;
    margin-right: 10px;
    margin-bottom: 5px;
}

div.search#contents h1#search-header-subject a {
    color: #d7893b;
}

div.search#contents .search-header-box span#hits_num_title {
    font-size: 20px;
    color: #897364;
}

div.search#contents .search-header-box span#hits_num_title_ja {
    display: inline-block;
    margin-left: 5px;
    font-size: 20px;
    color: #897364;
}

div.search#contents .search-header-box span#hits_num_title_en {
    display: inline-block;
    margin-left: 20px;
    font-size: 20px;
    color: #897364;
}

div.search#contents .search-header-box #hits_num_box {
	display: inline-block;
    position: relative;
    font-size: 20px;
    color: #897364;
}

div.search#contents h2.category-description {
    margin: 0px 60px 10px 20px;
    color: #897364;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.header-ad {
    text-align:center;
    padding: 10px 15px 15px 15px;
}

/* ===== search-filter ===== */
.search-filter {
    position: relative;
    height: 45px;
    color: #cab39c;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    background-color: #eee3d9;
}

.search-filter div.current span.beak {
    position: absolute;
    bottom: -18px;
    left: 50%;
    display: block;
    margin-left: -9px;
    border: 9px solid transparent;
    border-top-color: #DDCBBB;
}

.search-filter .btn {
    margin-top: -2px;
    font-size: 16px;
    font-weight: bold;
}

.search-filter #filter-yummies,
.search-filter #filter-gotyummy,
.search-filter #filter-following,
.search-filter #filter-followers,
.search-filter #filter-homemade,
.search-filter #filter-all,
.search-filter #filter-snapped,
.search-filter #filter-snapped-dish-photos,
.search-filter #filter-recipe {
    position: relative;
    float: left;
    width: 150px;
    text-align: center;
    line-height: 45px;
    border-right: 2px solid #f6eee6;
}

.search-filter .current#filter-yummies,
.search-filter .current#filter-gotyummy,
.search-filter .current#filter-following,
.search-filter .current#filter-followers,
.search-filter .current#filter-homemade,
.search-filter .current#filter-all,
.search-filter .current#filter-snapped,
.search-filter .current#filter-snapped-dish-photos,
.search-filter .current#filter-recipe {
    color: #341207;
}

.search-filter #filter-snapped-dish-photos {
    width: 200px;
}

.search-filter #sort {
    float: right;
    height: 45px;
    padding: 0 20px;
    line-height: 45px;
    text-align: center;
    position: relative;
}

.search-filter #sort #sort-title {
    margin-top: 2px;
    color: #897364;
}

.search-filter #sort #sort-relevance,
.search-filter #sort #sort-popular {
    margin-top: 2px;
    margin-left: 20px;
    color: #4b2b1f;
}

.search-filter .current {
    background-color: #ddcbbb;
    cursor: default;
}

.search-filter-float {
    position: fixed;
    top: 71px;
    left: 0px;
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #cab39c;
    font-size: 14px;
    font-weight: bold;
    background-color: #eee3d9;
    z-index: 1;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.search-filter-float-all,
.search-filter-float-recipe {
    position: relative;
    float: left;
    padding: 0 20px;
    text-align: center;
    border-right: 2px solid #f6eee6;
}

.search-filter-float-all-current,
.search-filter-float-recipe-current {
    position: relative;
    float: left;
    padding: 0 20px;
    text-align: center;
    border-right: 2px solid #f6eee6;
    color: #341207;
    background-color: #ddcbbb;
    cursor: default;
}

.search-filter-float-title {
    float: left;
    border-right: 2px solid #f6eee6;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 40px 0 20px;
}

.search-filter-float-title a {
    color: #d7893b !important;
}

.search-filter-float-sort {
    float: right;
    width: 400px;
    text-align: right;
}

.search-filter-float-sort-margin {
    padding-right: 10px;
}


/* ===== else ===== */
#bread-crumb {
    font-size: 14px;
    margin-left: 20px;
    margin-bottom: 15px;
}

#load-more {
    margin: 20px auto;
    text-align: center;
}

#loading {
    bottom: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    padding-top: 25px;
    text-align: center;
}

/* ===== dialog ===== */
#dialog-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10100;
    background-color: rgba(246, 238, 230, 0.95);
    background-image: url(/v3/pc/img/box_close.png);
    background-repeat: no-repeat;
    background-position: right 30px top 85px;
    background-size: 42px;
}

#dialog-background-loading {
    display: none;
    z-index: 10101;
    position: absolute;
    top: 200px;
    left: 50%;
}

.loading-chese {
    background: url(/v3/pc/img/loading_cheese@2x.gif) no-repeat 50% 50%;
    width: 125px;
    height: 137px;
}

.loading-pot {
    background: url(/v3/pc/img/loading_pot@2x.gif) no-repeat 50% 50%;
    width: 125px;
    height: 137px;
}

div.dialog-box {
    display: none;
    position: relative;
    top: 10px;
    margin: 0;
    padding: 0;
    padding-bottom: 50px;
}

.dialog-box .dialog-box-content {
    position: relative;
    margin: 0 auto;
}

#detail-prev,
div.dialog-box #prev {
    position: fixed;
    z-index: 10105;
    top: 50%;
    left: 0;
    width: 70px;
    height: 180px;
    margin-top: -90px;
    cursor: pointer;
}

#detail-prev:before,
div.dialog-box #prev:before {
    position: absolute;
    font-family: "glyphicons";
    content: '\e804';
    font-size: 66px;
    right: 8px;
    top: 50%;
    margin-top: -10px;
    color: #5A3C31;
}

#detail-next,
div.dialog-box #next {
    position: fixed;
    z-index: 10105;
    top: 50%;
    right: 0;
    width: 70px;
    height: 180px;
    margin-top: -90px;
    cursor: pointer;
}

#detail-next:before,
div.dialog-box #next:before {
    position: absolute;
    font-family: "glyphicons";
    content: '\e806';
    font-size: 66px;
    left: 6px;
    top: 50%;
    margin-top: -10px;
    color: #5A3C31;
}

/* ===== popup ===== */
div.popup-box {
    display: none;
    position: fixed;
    width: 300px;
    margin: auto;
    top: 70px;
    right: 15px;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 10px;
    border: 2px solid #e0cab6;
    padding: 20px;
    color: #341207;
    line-height: 2em;
    z-index: 10110;
    text-align: center;
}

div.popup-box .popup-closer {
    position: relative;
    top: -10px;
    right: -255px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

div.popup-box .popup-closer:before {
  font-family: "glyphicons";
  content: '\e82e';
  font-size: 26px;
  color: #D0BBA9;
  line-height: 0;
}

div.popup-box .popup-box-content {
    margin-top: -20px;
}

div.popup-box .popup-box-title {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

div.popup-box .popup-box-description {
    text-align: left;
}

div.popup-box #signup-msg {
    margin: 15px -20px 5px -20px;
    padding: 5px 0;
    background: url(/v3/pc/img/signup-success.png);
    line-height: 24px;
    color: #fff;
    display: none;
}

div.popup-box#popup-signup #signup-em {
    color: #FFF;
}

.signupLink:hover{
    text-decoration: none !important;
}

div.popup-box#popup-signup #registed {
    margin-top: 20px;
    font-size: 14px;
}

div.popup-box#popup-signup .login {
    font-size: 16px;
    font-weight: bold;
}

div.popup-box form[name="signup-with-email"] input {
    width: 250px;
    height: 30px;
    line-height: 30px;
}

div.popup-box #agreement {
    margin-top: 3px;
    padding: 10px 15px 5px 15px;
    background: url(/v3/pc/img/signin-back-rules.png) no-repeat;
    background-size: 254px auto;
    line-height: 1.4em;
    font-size: 14px;
}

div.popup-box div.signup-error {
    background: url(/v3/pc/img/signup-error.png) repeat-x;
    margin: 10px -20px;
}

div.popup-box div.dl-link {
    margin-top: 10px;
}

div.popup-box#popup-login-fb #login-button-fb,
div.popup-box #signup-button-fb,
div.popup-box #signup-button-email {
    padding: 0 0 0 34px;
    background: url(/v3/pc/img/popup-login-left.png) no-repeat left;
    height: 40px;
    cursor: pointer;
    margin: 0 30px;
}

div.popup-box#popup-login-fb #login-button-fb span,
div.popup-box #signup-button-fb span,
div.popup-box #signup-button-email span {
    display: block;
    padding: 6px 15px 6px 0;
    background: url(/v3/pc/img/popup-login-right.png) no-repeat right;
    color: #fff;
}

div.popup-box #signup-button-email {
    width: 200px;
    height: 35px;
    margin: 0 30px;
    padding: 0;
    cursor: pointer;
    text-align: center;
    text-indent: 10px;
    color: #fff;
    border: 0;
    border-radius: 5px;
    background: #815444 url(/v3/pc/img/popup-login-left.png) no-repeat left;
}

.popup-box#popup-box-alert {
    position absolute;
    width: 320px;
    height: 55px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -160px;
}

.popup-box#popup-box-alert #popup-box-alert-text,
.popup-box#popup-box-alert #popup-box-alert-close {
    margin-top: 10px;
}

.popup-box#popup-setting-upload-cover,
.popup-box#popup-setting-upload-icon {
    width: 320px;
    padding: 30px;
}

.popup-box#popup-setting-upload-cover .popup-closer,
.popup-box#popup-setting-upload-icon .popup-closer {
    top: 0;
    right: -320px;
}


/* notfound */
.search.notfound #search_main_page {
	background-image: none;
}

.search .search-notfound {
	text-align: center;
	padding: 40px 0 0;
	margin: 0;
	border-bottom: 1px solid #c9b39d;
	border-top: 1px solid #fff;
}

.search .search-notfound .text {
	font-size: 18px;
	font-weight: bold;
	color: #341207;
	margin-bottom: 20px;
}

.search .search-notfound span {
	color: #e7622b;
}

.search .search-notfound .ortry {
	color: #cab39c;
	margin-bottom: 40px;
	font-size: 16px;
}

.search .search-recommend {
	border-top: 1px solid #fff;
	padding: 20px 40px 0;
}

.search .search-recommend .title {
	margin-bottom: 20px;
	color: #341207;
	font-size: 16px;
}

.search .search-recommend .items {
	text-align: center;
	min-width: 960px;
}

.search .search-recommend .item {
	display: inline-block;
	float: none;
}

.lte-ie8 .search .search-recommend .item {
	*zoom: 1;
	*display: inline;
}

/* ===== HACK for IE CLEAR BUTTON ===== */
input::-ms-clear {
    visibility: hidden
}

input::-ms-reveal {
    visibility: hidden
}

/* ===== category dropdown hack ===== */
#category ul.dropdown-menu {
    width: 500px;
    max-height: 480px;
    overflow: auto;
    overflow-y: scroll;
}

#category ul.dropdown-menu li {
    float: left;
    width: 240px;
}

/* ===== pr ===== */
#pr-banner {
    width: 540px;
    margin-bottom: 10px;
}

#pr-banner img {
    width: 540px;
}

div.popup-box#popup-signup-fb input {
    width: 250px;
    height: 30px;
    line-height: 30px;
}

div.popup-box#popup-signup-email input#uid,
div.popup-box#popup-signup-email input#email,
div.popup-box#popup-signup-email input#pwd,
div.popup-box#popup-signup-fb input#name {
    font-size: 14px;
    height: 32px;
}

#popup-signup-email input {
    margin-bottom: 10px;
}


/* ===== category left menu ===== */
#category-left-menu {
    float: left;
    margin: 15px;
    padding: 0;
    background-color: #eee3d9;
}

#category-left-menu .left-menu-child {
    font-size: 14px;
    line-height: 20px;
    border-bottom: 0px solid #f3ebe4;
    overflow: hidden;
    padding: 10px;
}

#category-left-menu .left-menu-child a{
    display: block;
    padding: 0px;
}

#category-left-menu .left-menu-child:hover {
    background-color: #f3ebe4;
}

#category-left-menu .left-menu-child .icon-left-open-mini {
  font-size: 22px;
  color: #CCB5A0;
  vertical-align: -3px;
}

#category-left-menu .current {
    font-weight: bold;
    background-color: #e7d9cd;
    color: #897364;
}

#category-left-menu .left-menu-child.indent1 {
    padding-left: 30px;
    border: none;
}

#category-left-menu .left-menu-child.indent2 {
    padding-left: 40px;
    border: none;
}
.category-left-ad {
    background-color: #f6eee6;
    padding: 12px;
    border: 2px solid #eee3d9;
}

#category-left-menu .left-menu-child-select {
    font-size: 14px;
    line-height: 20px;
    border-bottom: 0;
    overflow: hidden;
    padding: 0;
    text-indent:22px;
}

#category-left-menu .left-menu-child-select a {
    position: relative;
    display: block;
    padding: 10px;
}

#category-left-menu .left-menu-child-select a:hover {
    background: #f3ebe4;
}

#category-left-menu .left-menu-child-select a:hover:after {
    position: absolute;
    font-family: "glyphicons";
    content: '\e82f';
    top: 50%;
    right: 10px;
    margin-top: -.65em;
    text-decoration: none;
    color: #CAB39C;
}

#category-left-menu .left-menu-child-selected {
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    text-indent: 22px;
    border-bottom: 0;
}

#category-left-menu .left-menu-child-selected a {
    position: relative;
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #401f14 !important;
}

#category-left-menu .left-menu-child-selected a:hover {
    text-decoration: line-through;
}

#category-left-menu .left-menu-child-selected a:hover:after {
    position: absolute;
    font-family: 'glyphicons';
    content: '\e830';
    top: 50%;
    right: 10px;
    margin-top: -.65em;
    text-decoration: none;
    color: #e5694e;
}

#category-left-menu .current:hover {
    background-color: #e7d9cd !important;
}

.menu-search .icon-sd-search02 {
  font-size: 18px;
  margin-right: 3px;
  vertical-align: -2px;
}



/* ===== related-category and cookbook ===== */
#related-cookbook,
#related-category,
#search-facets-genre,
#search-facets-ingredients {
    margin-left: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #9a877a;
}

#related-cookbook ul,
#related-category ul,
#search-facets-genre ul,
search-facets-ingredients ul {
    list-style: none;
}

ul#related-cookbook-links li,
ul#related-category li,
#search-facets-genre li,
#search-facets-ingredients li {
    display: inline;
    margin-right: 10px;
}

#detail-dish #cookbooks {
    background-color: #fbf3ec;
    padding: 0 20px 20px 20px;
    margin-top: 5px;
}

#detail-dish div.cookbook {
    margin-top: 5px;
}

#detail-dish div.cookbook a {
    color: #9c877a !important;
}

#popup-share {
    position: absolute;
    width: 200px;
    height:130px;
    background: url(/v3/pc/img/popup-share_bg.png) no-repeat;
    background-size: contain;
    border: none;
    border-radius: none;
    z-index: 11120;
    list-style-type:none;
}

#popup-share div.popup-closer {
    right: -174px;
    top: -5px;
}

.popup-share {
    list-style-type:none;
}

.hover-sharelist{
    cursor: pointer;
    float: left;
    width: 61px;
    font-size: 10px;
    text-align: center;
    padding-bottom: 15px;
}

.popup-share .hover-pin {
    background: url(/v3/pc/img/web_share_pinterest.png) no-repeat 0 0 !important;
    width: 36px;
    height: 36px;
    margin: 0 auto;
}

.popup-share .hover-tw {
    background: url(/v3/pc/img/web_share_twitter.png) no-repeat 0 0 !important;
    width: 36px;
    height: 36px;
    margin: 0 auto;
}

.popup-share .hover-fb {
    background: url(/v3/pc/img/web_share_facebook.png) no-repeat 0 0 !important;
    width: 36px;
    height: 36px;
    margin: 0 auto;
}

.popup-share .hover-tumblr {
    background: url(/v3/pc/img/web_share_tumblr.png) no-repeat 0 0 !important;
    width: 36px;
    height: 36px;
    margin: 0 auto;
    display: block;
    text-indent: -3000em;
    overflow: hidden;
}

.popup-share .hover-mixi {
    background: url(/v3/pc/img/web_share_mixi.png) no-repeat 0 0 !important;
    width: 36px;
    height: 36px;
    margin: 0 auto;
}
.popup-share .hover-embed{
    background: url(/v3/pc/img/web_share_mixi.png) no-repeat 0 0 !important;
    width:36px;
    height:36px;
    margin:0 auto;
}
.popup-share .hover-hatena{
    background: url(/v3/pc/img/web_share_hatena.jpg) no-repeat 0 0 !important;
    width: 36px;
    height: 36px;
    margin: 0 auto;
}

/* ===== not found ===== */
#notfound-search-form {
    float: none;
    margin: 5px auto 0;
}

 #notfound-search-form {
    background: url(/v3/pc/img/search-form_search-query.png) no-repeat 0 4px;
    width: 360px;
}

 #notfound-search-form input[name="keyword"] {
    background: none;
    margin-top: 6px;
    border: 0;
    width: 300px;
    height: 30px;
    padding: 0 0 0 20px;
    outline: 0;
    box-shadow: none;
}

 #notfound-search-form #submit {
    background: none;
    border: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
}

.notfound {
    margin: 0 auto 20px;
    width: 640px;
}
.notfound-category-b {
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    padding-bottom: 5px;
    background: url(/images/cuisines/icon_cuisine.png) no-repeat 0px 0px;
    background-size: 30px;
    padding: 7px 0 5px 40px;
}

.notfound-category-box {
    background: #faf5f2;
    border-radius: 5px;
    padding: 10px;
}

.notfound-list {
    float: left;
    width: 50%;
}

.notfound-list-image {
    padding: 5px;
}

/* ===== badge ===== */
#user-badge.ribbon {
  float: left;
  margin: -1px 0 0 2px;
}

#user-badge.ribbon:after {
    font-family: "glyphicons";
    content: '\e828';
    font-size: 20px;
    color: #F16C6C;
}

#user-badge.official:before {
    font-family: "glyphicons";
    content: '\e821';
    margin-right: 2px;
    color: #E48413;
    font-size: 20px;
    font-weight: 400;
}

#user-badge.chef:before {
    font-family: "glyphicons";
    content: '\e821';
    margin-right: 2px;
    color: #85BC49;
    font-size: 20px;
    font-weight: 400;
}


#pushUpdateFeed {
    position: fixed;
    z-index: 9999;
    top: 49px;
    left: 0;
    display: none;
    width: 100%;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #341207;
    background: url(/v3/pc/img/feed/push_bar.png) repeat-x;
    background-size: 5px 35px;
}

.pushClickablewrap {
    background: url(/v3/pc/img/feed/push_arrow.png) no-repeat 0px 2px;
    background-size: 10px 11px;
    padding-left: 15px;
}

.pushClickable:hover {
    text-decoration: underline;
    cursor: pointer;
}


/* ===== feed ===== */
.eyecatch {
    margin: 10px auto 25px;
    width: 850px;
    display: block;
}

.eyecatchWrap {
    background:url('/v3/pc/img/feed/feed_backimage.png') no-repeat;
    background-size: 850px 148px;
    width: 850px;
    height: 148px;
    position: relative;
}

.eyecatchLead {
    position: absolute;
    top: 65px;
    left: 130px;
    color: #d7893b;
    font-size: 26px;
    width: 585px;
    border: 0;
    line-height: 1.1;
}

.eyecatchSublead {
    text-align: center;
    color: #341207;
    font-size: 20px;
    line-height: 2;
}

.eyecatchMore {
    position: absolute;
    top: 105px;
    left: 720px;
    display: block;
    display: none;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border-radius: 5px;
    background: #d78830;
}

#feedContents {
    margin: 30px auto 20px;
    width: 850px;
    position: relative;
}

.feedSection {
    float: left;
    width: 510px;
}

.feedInlineBanner,
.feedInlineBanner2,
.feedInlineBanner3 {
    padding-bottom: 20px;
}

.feedList {
    margin-bottom: 20px;
    position: relative;
    border-radius: 0 0 5px 5px;
    box-shadow: 2px 2px 3px 0px rgba(231, 223, 216, 1), -1px -0px 0px 0px rgba(241, 233, 226, 1);
}

.feedHead {
    background: #FFF;
    border-radius: 5px 5px 0 0;
    padding: 10px;
    box-shadow: 2px 2px 3px 0px rgba(231, 223, 216, 1), -1px -1px 0px 0px rgba(241, 233, 226, 1);
}

.feedUser {
    float: left;
    margin-right: 10px;
}

.feedUser img {
    border-radius: 50%;
}

.feedMaterials {
    float: left;
    width: 290px;
    padding-top: 5px;
}

.feedUsername {
    overflow: hidden;
    height: 20px;
    font-weight: bold;
}

.feedUsername .icon-sd-chef {
    color: #E48413;
    font-size: 17px;
    vertical-align: -1px;
    color: #85BC49;
}

.feedUsername .icon-sd-chef.icon-official {
    color: #E48413;
}

.feedUsername a {
    color: #423a35;
}

.feedRsby {
    font-size: 10px;
    color: #b3b3b3;
}

.feedRsby a {
    color: #b3b3b3;
}

.feedRsby .icon-sd-resnap:before {
    display: inline-block;
    margin-right: 2px;
    font-size: 18px;
    vertical-align: -3px;
}

.feedPublish {
    background: url(/v3/pc/img/feed/icon_secret.png) no-repeat 0px 3px;
    background-size: 10px 13px;
    padding-left: 17px;
    color: #b3b3b3;
    font-size: 10px;
}

.feedUserfollow {
    float: left;
    width: 135px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #7fb449;
    color: #FFF;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
}

.feedClock {
    float: right;
    width: 50px;
    font-size: 10px;
    color: #c2c2c1;
}

.feedClock:before {
    font-family: "glyphicons";
    content: '\e818';
    color: #B3B3B3;
    font-size: 13px;
    margin-right: 4px;
    vertical-align: -1px;
}

.feedSnap {
    box-shadow: 1px 0px 0px 0px rgba(241, 233, 226, 1), -1px -0px 0px 0px rgba(241, 233, 226, 1);
    width: 510px;
    height: 510px;
    position: relative;
}

.feedSnapPhoto {
    display: block;
    width: 510px;
    height: 510px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #FFf;
    background-size: cover;
}

.feedSnap img {
    width: 100%;
}

.feedStar {
    position: absolute;
    top: 15px;
    right: 17px;
    display: none;
    width: 170px;
    height: 45px;
    cursor: pointer;
    font-weight: bold;
    line-height: 26px;
    background: url(/v3/pc/img/feed/icon_star_b.png);
    background-size: 170px 45px;
}

.feedStar:hover {
    background:url(/v3/pc/img/feed/icon_star_b_over.png);
    background-size:170px 45px;
}

.feedStarlead {
    height: 45px;
    line-height: 45px;
    padding: 0 0 0 50px;
    color: #666;
}

.feedStar .active {
    background: url(/v3/pc/img/feed/icon_star_b_on.png);
    background-size: 170px 45px;
    padding: 0 0 0 70px;
    color: #341207;
}

.feedControl {
    position: absolute;
    top: 220px;
    left: 180px;
    display: none;
    width: 184px;
    height: 56px;
}

.feedControl .hover-star,
.feedControl .hover-resnap,
.feedControl .hover-yummy {
    float: left;
    width: 56px;
    height: 56px;
    margin-right: 5px;
    line-height: 56px;
    cursor: pointer;
    text-align: center;
    border-radius: 6px;
    background: #FFF;
    border: 1px solid transparent;
    box-shadow: 0 0 2px rgba(0,0,0,.3);
}

/* star */
.feedControl .hover-star .icon-sd-favorite {
    font-size: 24px;
    color: #999;
}

.feedControl .hover-star:hover .icon-sd-favorite {
    color: #F7D263;
}

.feedControl .hover-star.active {
    background: #F7D263;
    border-color: #FFF;
}

/* resnap */
.feedControl .hover-resnap .icon-sd-resnap {
    font-size: 30px;
    color: #999;
}

.feedControl .hover-resnap:hover .icon-sd-resnap {
    color: #98B3CC;
}

.feedControl .hover-resnap.active {
    background: #98B3CC;
    border-color: #FFF;
}


/* yummy */
.feedControl .hover-yummy {
    margin: 0;
}

.feedControl .hover-yummy .icon-sd-yummy {
    font-size: 26px;
    color: #999;
}

.feedControl .hover-yummy:hover .icon-sd-yummy {
    color: #FF7575;
}

.feedControl .hover-yummy.active {
    background: #FF7575;
    border-color: #FFF;
}

/* active */
.feedControl .hover-star.active .icon-sd-favorite,
.feedControl .hover-resnap.active .icon-sd-resnap,
.feedControl .hover-yummy.active .icon-sd-yummy {
    color: #FFF;
}

.feedTips {
    position: absolute;
    z-index: 255;
    display: none;
    width: 256px;
    height: 134px;
    font-weight: bold;
    color: #d7893b;
    background: url(/v3/pc/img/feed/nrhd_white.png) no-repeat;
    background-size: 256px 134px;
}

.feedTipmergin {
    position: relative;
}

.feedTipslead {
    padding: 20px;
    font-size: 12px;
}

.feedTips-checked {
    position: absolute;
    top: 85px;
    left: 65px;
    width: 100px;
    margin: 0 auto;
    padding: 5px 10px;
    cursor: pointer;
    text-align: center;
    border: 1px solid #d7893b;
    border-radius: 5px;
}

.feedTips-checked:hover {
    background-color: #f6cda3;
}

.feedShareControl {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    display: none;
}

.feedShareControl .hover-fb {
    float: left;
    background: url(/v3/pc/img/feed/web_share_facebook_sprite.png) no-repeat 0px 0px !important;
    background-size: 114px 22px !important;
    width: 57px !important;
    height: 22px !important;
    float: left;
    cursor: pointer;
    margin-right: 5px;
    display: block;
}

.feedShareControl .hover-fb:hover {
    background-position: -57px 0px !important;
}

.feedShareControl .hover-tw {
    float: left;
    background: url(/v3/pc/img/feed/web_share_twitter_sprite.png) no-repeat 0px 0px !important;
    background-size: 114px 22px !important;
    width: 57px !important;
    height: 22px !important;
    float: left;
    cursor: pointer;
    margin-right: 5px;
    display: block;
}

.feedShareControl .hover-tw:hover {
    background-position: -57px 0px !important;
}

.feedShareControl .hover-pin {
    float: left;
    background: url(/v3/pc/img/feed/web_share_pinterest_sprite.png) no-repeat 0px 0px !important;
    background-size: 114px 22px !important;
    width: 57px !important;
    height: 22px !important;
    float: left;
    cursor: pointer;
    margin-right: 5px;
    display: block;
}

.feedShareControl .hover-pin:hover {
    background-position: -57px 0px !important;
}

.feedShareControl .feedSharesicon {
    position: relative;
    display: block;
    float: left;
    width: 41px;
    height: 41px;
    line-height: 41px;
    cursor: pointer;
    text-align: center;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 1px rgba(0,0,0,.1);
}

.feedShareControl .feedSharesicon .icon-sd-share {
    margin-left: 2px;
    font-size: 22px;
    color: #999;
}

.feedShareControl .feedSharesicon:hover .icon-sd-share {
    color: #91C3D5;
}


/* 料理詳細のシェアボタン */
#detail-tools .hover-sharelist {
    position: relative;
    top: 7px;
    float: right !important;
    width: 70px !important;
    height: 27px !important;
    margin-right: 5px;
}

#detail-tools .hover-fb {
    display: block;
    width: 70px !important;
    height: 27px !important;
    cursor: pointer;
    background: url(/v3/pc/img/feed/web_share_facebook_sprite.png) no-repeat 0 0 !important;
    background-size: 140px 27px !important;
}

#detail-tools .hover-tw {
    display: block;
    width: 70px !important;
    height: 27px !important;
    cursor: pointer;
    background: url(/v3/pc/img/feed/web_share_twitter_sprite.png) no-repeat 0 0 !important;
    background-size: 140px 27px !important;
}

#detail-tools .hover-pin {
    display: block;
    width: 70px ! important;
    height: 27px ! important;
    cursor: pointer;
    background: url(/v3/pc/img/feed/web_share_pinterest_sprite.png) no-repeat 0 0 !important;
    background-size: 140px 27px ! important;
}

.share_btn_fb,
.share_btn_tw,
.share_btn_pin,
.share_btn_tumblr,
.share_btn_mixi,
.share_btn_email {
    float: left;
    width: 46px;
    margin: 0 15px 10px 0;
    text-align: center;
    cursor: pointer ! important;
}

.share_btn_email,
.share_btn_pin {
    margin: 0 0 10px 0;
}

.feedPR {
    background: #f5f5f5 url(/v3/pc/img/feed/text_pr.jpg) no-repeat 99% 95%;
    background-size: 16px 9px;
    padding: 15px 0 15px 15px;
    box-shadow: 2px 0 3px 0 rgba(231, 223, 216, 1), -1px -0px 0px 0px rgba(241, 233, 226, 1);
    border-bottom: 1px solid #dadada;
}

.feedPRimage {
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 15px;
}

.feedPRbox {
    float: left;
    width: 400px;
    background: #f5f5f5 url(/v3/pc/img/feed/icon_arrow-pr.png) no-repeat 100% 50%;
    background-size: 8px 14px;
}

.feedPRtitle {
    padding: 7px 0 7px;
}

.feedPRtitle a {
    color: #666;
    font-weight: bold;
}

.feedPRlead {
    padding: 0 20px 0 0;
}

.feedPRlead a {
    color: #666;
    font-size: 12px;
    line-height: 1.5;
}

.feedFooter {
    background: #FFF;
    padding: 15px;
}

.feedFootermaterials {
    padding: 0 0 10px 0;
    font-weight: bold;
}

.feedHomemade {
    background: url(/v3/pc/img/feed/icon_flower.png) no-repeat;
    background-size: 16px 18px;
    padding: 0 0 10px 25px !important;
    font-weight: bold;
}

.feedFootermention,
.feedFooterhash,
.feedFooterlead{
    padding-right:10px;
}

.feedSnaplink:link,
.feedSnaplink:hover,
.feedSnaplink:active,
.feedSnaplink:visited{
    color:#423a35;
}

.feedFooterRecipe {
    padding-bottom: 5px;
    font-weight: bold;
}

.feedFooterRecipe:before {
    font-family: 'glyphicons';
    content: '\e822';
    margin-right: 1px;
    font-size: 20px;
    font-weight: 400;
    vertical-align: -1px;
    color: #d3a433;
}

.feedProduct{}
.feedProductImage{
    float:left;
    width:30px;
    margin-right:5px;
}

.feedProductImage img{
    width:30px;
    height:30px;
}

.feedProductName{
    float:left;
    width:415px;
    position:relative;
    height:30px;
    line-height:30px;

    font-size:14px;
    font-weight:bold;
}

.feedFooterpoints{
    text-align:right;
}

.feedFooteryummy {
    display: inline-block;
    margin-right: 5px;
    padding: 0 0 0 10px;
    text-align: right;
    color: #c2c2c1;
}

.feedFooteryummy a {
    color: #c2c2c1;
}

.feedFooteryummy .icon-sd-yummy {
    font-size: 16px;
    margin-right: 2px;
    vertical-align: -1px;
}

.feedFootercomment {
    display: inline-block;
    padding: 0 0 0 10px;
    text-align: right;
    color: #c2c2c1;
    border: 0;
    border-radius: 5px;
}

.feedFootercomment a {
    color: #c2c2c1;
}

.feedFootercomment .icon-sd-resnap {
    font-size: 22px;
    margin-right: 2px;
    vertical-align: -4px;
}

.feedMore {
    display: block;
    text-align: center;
    cursor: pointer;
    background: url(/v3/pc/img/feed/feed_more.png) no-repeat;
    background-size: 317px 37px;
    width: 317px;
    height: 37px;
    line-height: 37px;
    margin: 20px auto 40px;
    color: #d0b49a;
    font-weight: bold;
}

.feedMain {
    float: left;
    width: 510px;
}

.feedComments {
    background: #fef9f5;
    padding: 20px 10px 0 10px;
    box-shadow: 2px 2px 3px 0px rgba(231, 223, 216, 1), -1px -0px 0px 0px rgba(241, 233, 226, 1);
}

.feedCommentslist {
    padding-bottom: 5px;
    margin: 0 20px;
}

.feedcommentUser {
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 10px;
}

.feedcommentUser img {
    border-radius: 50%;
}

.feedcommentBody {
    float: left;
    width: 450px;
    border: 0;
    font-size: 12px;
}

.feedcommentBody a {
    color: #9c877a ! important;
    font-weight: bold;
}

.feedcommentText {
    margin-left: 1em;
}

.feedcommentMore {
    display: block;
    /*
    background:url(/v3/pc/img/feed/more_comments_sprite.png) no-repeat 0 0 ;
    */
    background-size: 460px 62px;
    width: 460px;
    margin: 0 auto 5px;
    height: 31px;
    line-height: 31px;
    text-align: left;
    cursor: pointer;
    color: #9c877a ! important;
    font-size: 12px;
}

.feedcommentMore:hover{
    background-position:0px -31px ;
}

.feedcommentInput{
    width:440px;
    margin:10px auto 0px;
}

.feedcommentInput textarea{
    border:solid 1px #e5d7c8;
    width:430px;
    height:20px;
}

.feedcommentSubmitwrap{
    text-align:right;
    display:none;
    padding-bottom:10px;
}

.noDishes {
    border-radius: 5px;
    border: 2px dashed #d9c6b2;
    padding: 30px 20px;
}

.noDisheslead {
    color: #ddc8b4;
    text-align: center;
    font-size: 24px;
    line-height: 1.5;
    padding-bottom: 80px;
    font-weight: bold;
    background: url(/v3/pc/img/feed/nodishes_backimage.png) no-repeat bottom center;
    background-size: 466px 109px;
}

.noDisheshowto{
    color: #d88b35;
    border-radius: 5px;
    border: 2px solid #d6862a;
    padding: 10px;
    font-weight: bold;
}

.submenu {
    float: right;
    width: 310px;
    position: relative;
}

.userPersonal {
    background: #fef9f5;
    border-radius: 5px;
    padding: 0;
    box-shadow: 2px 2px 3px 0px rgba(231, 223, 216, 1), -1px -1px 0px 0px rgba(241, 233, 226, 1);
    margin-bottom: 10px;
}

.userProfiles {
    position: relative;
    display: block;
    padding: 10px 15px;
    border-bottom: solid 1px #dcc8b5;
}

.userProfiles .icon-right-open-mini {
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -.5em;
    font-size: 22px;
    color: #ECD6C2;
}

.userProfiles:hover {
    background-color: #faefe6;
}

.userProfiles span {
    display: block;
}

.iconGear {
    position: absolute;
    top: 7px;
    right: 7px;
    display: none ! important;
    width: 17px;
    height: 17px;
    cursor: pointer;
    background: url(/v3/pc/img/feed/icon_gear.png) no-repeat 0 0;
    background-size: 17px 17px;
}

.userPersonalimage {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.userPersonalimage img {
    border-radius: 30px;
}

.userPersonalname-margin {
    float: left;
    border: 0;
    width: 200px;
}

.userPersonalname {
/*
background:url(/v3/pc/img/feed/icon_dish.png) no-repeat 0px 50%;
background-size:17px 17px;
padding-left:20px;
*/
    font-weight: bold;
    overflow: hidden;
    line-height: 60px;
}

.userPersonalname {
    color: #423a35;
}

.userScreenpath {
    position: absolute;
    top: 50px;
    left: 87px;
}

.userScreenpath {
    color: #b3b3b3;
}

.userCounts {
    border-bottom: 1px solid #dcc8b5;
    padding: 10px 0;
}

.userCounts a {
    color: #7c7069;
}

.userCountstar,
.userCountyummy,
.userCountfollow,
.userCounthistory,
.userCounyummyed,
.userCountfollowere {
    float: left;
    font-size: 14px;
    color: #7c7069;
}

.userCountstar:before {
    font-family: "glyphicons";
    content: '\e81a';
    font-size: 22px;
    margin-right: 10px;
    vertical-align: -2px;
    color: #F1CB5B;
}

.userCountyummy:before {
    font-family: "glyphicons";
    content: '\e81b';
    font-size: 22px;
    margin-right: 10px;
    vertical-align: -3px;
    color: #F5B0B0;
}

.userCountfollow:before {
    font-family: "glyphicons";
    content: '\e81e';
    font-size: 30px;
    margin-right: 2px;
    vertical-align: -3px;
    color: #A2C383;
}

.userCounthistory:before {
    font-family: "glyphicons";
    content: '\e82a';
    font-size: 26px;
    margin-right: 6px;
    vertical-align: -4px;
    color: #BE4646;
}

.userCounyummyed:before {
    font-family: "glyphicons";
    content: '\e824';
    font-size: 28px;
    margin-left: 1px;
    margin-right: 2px;
    vertical-align: -5px;
    color: #F5B2B2;
}

.userCountfollowere:before {
    font-family: "glyphicons";
    content: '\e825';
    font-size: 28px;
    margin-left: 1px;
    margin-right: 3px;
    vertical-align: -5px;
    color: #A3C485;
}

.userCountlist {
    padding: 5px 10px 5px 15px;
    display: block;
}

.userCountlist:hover {
    background-color: #faefe6;
    text-decoration: underline ! important;
}

.userCount a {
    color: #dcc8b5;
}

.userCount {
    float: right;
    color: #dcc8b5;
}

.userCount:after {
    font-family: 'glyphicons';
    content: '\e801';
    padding-left: 6px;
    font-size: 20px;
    vertical-align: -2px;
    color: #ecd6c2;
}

.registLead {
    color: #341207;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    padding: 0 0 20px 0;
}

.registSection {
    background: #FFF;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 2px 2px 3px 0px rgba(231, 223, 216, 1), -1px -1px 0px 0px rgba(241, 233, 226, 1);
    margin-bottom: 10px;
}

.registFacebook {
    position: relative;
    width: 250px;
    height: 35px;
    margin: 0 auto 20px;
    padding: 0;
    font-size: 16px;
    line-height: 35px;
    cursor: pointer;
    text-align: center;
    text-indent: 30px;
    color: #fff;
    border-radius: 5px;
    background: #486ab5;
}

.registFacebook .icon-facebook-squared:before {
    position: absolute;
    top: 2px;
    left: -25px;
    margin: 0;
    font-size: 30px;
}

.registEmail {
    position: relative;
    display: block;
    width: 250px;
    height: 35px;
    margin: 0 auto 20px;
    padding: 0;
    font-size: 16px;
    line-height: 35px;
    cursor: pointer;
    text-align: center;
    text-indent: 15px;
    color: #fff;
    border-radius: 5px;
    background: #919191;
}

.registEmail .icon-sd-mail:before {
    position: absolute;
    top: -7px;
    left: -20px;
    margin: 0;
    font-size: 48px;
}

a.registEmail {
    text-decoration: none;
    color: #FFF;
}

.registHow {
    color: #666;
    font-size: 12px;
    text-align: center;
}

.registHow span {
    padding-left: 10px;
}

.registSectionlogin {
    font-size: 14px;
}

.storageSection {
    background: #fef9f5;
    border-radius: 5px;
    padding: 10px 0;
    box-shadow: 2px 2px 3px 0 rgba(231, 223, 216, 1), -1px -1px 0px 0px rgba(241, 233, 226, 1);
    margin-bottom: 10px;
}

.storageSection a {
    color: #7c7069;
}

.storageList {
    padding: 5px 15px;
    display: block;
}

.storageList:hover {
    background-color: #faefe6;
    text-decoration: underline ! important;
}

.storageStar,
.storageFollowed {
    float: left;
    font-size: 14px;
}

.storageStar:before {
    font-family: "glyphicons";
    content: '\e81a';
    font-size: 22px;
    margin-right: 10px;
    vertical-align: -2px;
    color: #F1CB5B;
}

.storageFollowed:before {
    font-family: "glyphicons";
    content: '\e81e';
    font-size: 30px;
    margin-right: 2px;
    vertical-align: -3px;
    color: #A2C383;
}

.storageCount {
    float: right;
    color: #dcc8b5;
}

.storageCount a {
    color: #dcc8b5;
}

.storageCount .icon-right-open-mini:before {
    width: 8px;
    margin: 0 0 0 6px;
    font-size: 20px;
    vertical-align: -3px;
}

.recommendSection{
    margin-bottom: 10px;
    background: #fef9f5;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 0 rgba(231, 223, 216, 1), -1px -1px 0 0 rgba(241, 233, 226, 1);
}

.recommendH1 {
    margin: 0;
    padding: 15px;
    color: #d7893b;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
}

.recommendH2 {
    position: relative;
    margin: 0;
    padding: 7px 10px 7px 15px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #9c877a;
    border-top: solid 1px #dcc8b5;
    background: #f9efe6;
}

.recommendH2:hover {
    background-color: #f1decf;
}

.recommendH2 .icon-right-open-mini:before {
    position: absolute;
    top: 3px;
    right: 8px;
    font-size: 20px;
    color: #DCC8B5;
}

.recommendH2 a,
.recommendH2 a:hover {
    display: block;
    text-decoration: none;
    color: #9c877a;
}

.recommendUserlist {
    border-bottom: 1px solid #dcc8b5;
    padding: 10px 10px 10px 15px;
}

.recommendUserlist:hover {
    background: #f9efe6;
}

.recommendUserimage {
    float: left;
    width: 40px;
    margin-right: 10px;
}

.recommendUserimage img {
    border-radius: 25px;
}

.recommendUsermaterials {
    float: left;
    width: 170px;
    margin-right: 10px;
}

.recommendUsername,
.recommendUsername a,
.recommendUsername a:hover {
    color: #423a35;
    font-weight: bold;
    line-height: 1.3rem;
}

.recommendUsercategory {
    color: #9c877a;
    font-size: 10px;
}

.recommendUser-followButton {
    width: 100px;
    height: 20px;
    cursor: pointer;
    text-align: center;
    font-size: 10px;
    line-height: 20px;
    color: #fff;
    border-radius: 5px;
    background: #7fb449;
}

.recommendUser-followButton.followed {
    background: #e5694e;
    display: none;
}

.recommendUserthumbnail {
    float: right;
    width: 60px;
    height: 60px;
    background-size: cover;
    overflow: hidden;
    cursor: pointer;
}

.recommendUserthumbnail a,
.recommendUserthumbnail a:hover {
    display: block;
    width: 60px;
    height: 60px;
}

.recommendUserwrap .recommendUserwrap-margin:last-child .recommendUserlist {
    border: none;
}

.recommendUserimage {
    float: left;
    width: 40px;
    margin-right: 10px;
}

.recommendUsermaterials {
    float: left;
    width: 170px;
    margin-right: 10px;
}

.recommendUsercategory {
    color: #9c877a;
    font-size: 10px;
}

.feedList{
margin-bottom:20px;
position:relative;
border-radius: 0px 0px 5px 5px;
box-shadow: 2px 2px 3px 0px rgba(231, 223, 216, 1), -1px -0px 0px 0px rgba(241, 233, 226, 1);
}

.recommendUsermaterials {
    float: left;
    width: 165px;
    margin-right: 10px;
}

.recommendUsercategory {
    color: #9c877a;
    font-size: 10px;
}

.recommendUser-followButton {
    color: #FFF;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #7fb449;
    width: 100px;
    border-radius: 5px;
    font-size: 10px;
    cursor: pointer;
}

.campaignSection {
    background: #fef9f5;
    border-radius: 5px;
    padding: 0;
    box-shadow: 2px 2px 3px 0px rgba(231, 223, 216, 1), -1px -1px 0px 0px rgba(241, 233, 226, 1);
    margin-bottom: 10px;
}

.campaignH1 {
    color: #d7893b;
    font-weight: bold;
    padding: 15px;
    font-size: 14px;
    margin: 0;
    line-height: 1;
}

.campaignH2 {
    position: relative;
    margin: 0;
    padding: 7px 10px 7px 15px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    cursor: pointer;
    border-top: solid 1px #dcc8b5;
    background: #f9efe6;
}

.campaignH2:hover {
    background-color: #f1decf;
}

.campaignH2 .icon-right-open-mini:before {
    position: absolute;
    top: 3px;
    right: 8px;
    font-size: 20px;
    color: #DCC8B5;
}

.campaignH2 a,
.campaignH2 a:hover {
    display: block;
    text-decoration: none;
    color: #341207;
}

.campaignbox {
    padding: 10px 0 0 10px;
}

.campaignItem {
    float: left;
    margin-right: 10px;
    width: 90px;
    height: 90px;
    overflow: hidden;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.campaignOwn {
    text-align: right;
    color: #9c877a;
    font-size: 10px;
    padding: 0 10px 10px 10px;
}

.campaignOwn {
    text-align: right;
    color: #9c877a;
    font-size: 10px;
    padding: 0 10px 10px 10px;
}

.aboutSection {
    background-color: #fef9f5;
    border-radius: 5px;
    padding: 0;
    box-shadow: 2px 2px 3px 0px rgba(231, 223, 216, 1), -1px -1px 0px 0px rgba(241, 233, 226, 1);
    margin-bottom: 10px;
}

.aboutH1 {
    color: #d7893b;
    font-weight: bold;
    border-bottom: solid 0px #dcc8b5;
    padding: 15px;
    font-size: 14px;
    margin: 0px;
    line-height: 1;
}

.aboutLead {
    padding: 0 15px 10px;
    color: #341207;
}

.aboutTopicswrap {
    position: relative;
    z-index: 100;
    height: 376px;
    background-image: url(/v3/pc/img/feed/side_appimages.png);
    background-repeat: no-repeat;
    background-size: 310px 376px;
}

.aboutTopic1 {
    position: absolute;
    top: 10px;
    left: 125px;
    width: 185px;
    height: 45px;
    border: 0;
}

.aboutTopic2 {
    position: absolute;
    top: 60px;
    left: 10px;
    width: 145px;
    height: 45px;
    border: 0;
}

.aboutTopic3 {
    position: absolute;
    top: 100px;
    left: 175px;
    width: 135px;
    height: 45px;
    border: 0;
}

.aboutTopicfont {
    color: #341207;
    font-size: 12px;
    line-height: 1.4;
    font-weight: bold;
}

.aboutTopicfont span {
    font-size: 14px;
    color: #d7893b;
}

.rankingSection {
    background: #fef9f5;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 0px rgba(231, 223, 216, 1), -1px -1px 0px 0px rgba(241, 233, 226, 1);
    margin-bottom: 10px;
}

.ranking-ol {
    padding: 0 0 0 20px;
}

.ranking-ol li {
    padding: 0 20px 5px 0;
}

.ranking-ol li a {
    color:#4b2b1f ! important;
}

.rankingmore {
    text-align: right;
    padding: 0 20px 10px;
}

.rankingmore a:hover .icon-right-open-mini:before {
    color: #DCC8B5;
}

.storeButtons {
    padding: 0 10px 10px;
}

.buttonapp {
    float: left;
}

.buttongoogle {
    float: right;
}

.buttonau {
    padding: 0 0 10px 0;
    text-align:center;
}

.dishDetail-aboutSection {
    position: relative;
    width: 300px;
    margin: 0 0 20px 16px;
    text-align: left;
    z-index: 10110;
    background-color:#FFF;
    border-radius: 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.dishDetail-aboutSection .aboutTopicswrap {
    background-image: url(/v3/pc/img/feed/side_appimages.png);
    background-size: 300px 370px;
    background-repeat: no-repeat;
    position: relative;
    height: 370px;
    z-index: 100;
}


.n {
    border: none ! important;
}

.vm {
    vertical-align: middle;
}

.ht:hover,
.ht a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    background-color: none !important;
}

.oneline {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#lean_overlay {
    position: fixed;
    z-index: 10001;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #fff;
    display: none;
}

div.modal {
    display: none;
    /* position: fixed; */
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 10px;
    border: 2px solid #e0cab6;
    padding: 20px;
    color: #341207;
    line-height: 2em;
    /* z-index: 10010; */
    text-align: center;
    width: 262px;
}


.themeH1 {
    color:#d7893b;
    font-weight:bold;
    padding:15px;
    font-size:14px;
    margin:0px;
    line-height:1;
    border-bottom:solid 1px #dcc8b5;
}

.themeSection {
    background: #fef9f5;
    border-radius: 5px;
    padding: 5px 0 10px 0;
    box-shadow: 2px 2px 3px 0 rgba(231, 223, 216, 1), -1px -1px 0px 0px rgba(241, 233, 226, 1);
    margin-bottom: 10px;
}

.themeSection a {
    color: #7c7069;
}

.themeList {
    padding: 5px 15px;
    display: block;
}

.themeList:hover {
    background-color:#faefe6;
    text-decoration:underline !important;
}

.themeIcon img {
    width: 32px;
    height: 32px;
}

.popularList {
    padding: 10px 15px;
    display: block;
}

.popularList:hover,
.popularList span:hover {
    background-color: #faefe6;
    text-decoration: underline !important;
}

.popularDish {
    float: left;
    background: url(/images/icon_popular.png) no-repeat 0px 0px;
    background-size: 25px 25px;
    padding: 5px 0px 1px 35px;
    font-size: 14px;
    color: #7c7069;
}

.popularRecipe {
    float: left;
    background: url(/images/icon_recipe.png) no-repeat 0px 0px;
    background-size: 25px 25px;
    padding: 5px 0px 1px 35px;
    font-size: 14px;
    color: #7c7069;
}

.popularCooke {
    float: left;
    background: url(/images/icon_cookedit.png) no-repeat 0px 0px;
    background-size: 25px 25px;
    padding: 5px 0 1px 35px;
    font-size: 14px;
    color: #7c7069;
}

.popularCategory {
    background: url(/images/icon_cuisine.png) no-repeat 0px 0px;
    background-size: 25px 25px;
    padding: 5px 0 1px 35px;
    font-size: 14px;
    color: #7c7069;
}

.popularRecently {
    float: left;
    background: url(/images/icon_newdish.png) no-repeat 0px 0px;
    background-size: 25px 25px;
    padding: 5px 0 1px 35px;
    font-size: 14px;
    color: #7c7069;
}

.popularArrow {
    float: right;
    background: url(/v3/pc/img/feed/icon_arrow_r.png) no-repeat 100% 50%;
    background-size: 6px 10px;
    color: #dcc8b5;
    padding: 5px 12px 0 0;
}

.selectionList{
    display: block;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 10px 6px;
    background-image: url(/images/icon_cuisine.png);
    padding: 10px 10px 10px 40px;
    font-size: 14px;
    color: #7c7069;
}

.selectionList:hover {
    background-color: #faefe6;
    text-decoration: underline ! important;
    color: #7c7069;
}

.icon-fallwinter {
    background-image:url(/images/cuisines/icon_fallwinter.png);
}

.icon-lunchbox {
    background-image:url(/images/cuisines/icon_lunchbox.png);
}

.icon-simplefood {
    background-image:url(/images/cuisines/icon_simplefood.png);
}

.icon-healthy {
    background-image:url(/images/cuisines/icon_healthy.png);
}

.icon-setuyaku {
    background-image:url(/images/cuisines/icon_setuyaku.png);
}

.icon-snack {
    background-image:url(/images/cuisines/icon_snack.png);
}

.odaiList {
    display: block;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 10px 6px;
    padding: 10px 10px 10px 40px;
    font-size: 14px;
    color: #7c7069;
/*
white-space:nowrap;
overflow:hidden;
*/
}

.odaiList:hover {
    background-color: #faefe6;
    text-decoration: underline ! important;
    color: #7c7069;
}

.helpList {
    padding: 10px 15px;
    display: block;
}

.helpList:hover,
.helpList span:hover {
    background-color: #faefe6;
    text-decoration: underline ! important;
}

.helpList span {
    font-size: 14px;
    color: #7c7069;
}

.helpList.border {
    border-top: solid 1px #CCC;
}

#to-help-child ul {
    margin-top: -20px;
}

#userlist {
    margin: 0 20px;
}

#userlist.list-follow article > a {
    display: block;
    padding: 10px;
}

#userlist.list-follow article .full-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}

h1 img.user-title-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-bottom: 10px;
}

article.user-block {
    margin: 10px;
    padding: 0;
    border-radius: 4px;
    height: 100px;
}

.user-block-link {
    height: 104px;
    cursor: pointer;
}

article.user-block:hover {
    background-color: #eee3d9;
}

article.user-block a,
article.user-block a:hover {
    color: #423a35;
}

article.user-block div.user-block-a {
    width: 85px;
}

article.user-block div.user-block-b {
    margin-left: 15px;
}

article.user-block div.user-block-bu {
    height: 48px;
    font-size: 12px;
}

article.user-block div.user-block-bu div.full-name {
    font-size: 16px;
    font-weight: bold;
    height: 20px;
    overflow: hidden;
}

article.user-block div.user-block-bi {
    float: right;
    height: 44px;
    overflow: hidden;
}

article.user-block div.user-block-c {
    background: url(/v3/pc/img/follow-list-arrow.png) no-repeat;
    width: 6px;
    height: 10px;
    margin-top: 50px;
}

article.user-block img.user-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-left: 10px;
}

article.user-block div.user-name {
    height: 50px;
}

article.user-block div.full-name {
    font-size: 1.1rem;
    font-weight: bold;
}

article.user-block div.user-follow {
    width: 69px;
    height: 18px;
    font-size: 0.7rem;
    margin: 5px 0 0 0;
    padding: 1px 8px;
}

article.user-block div.user-block-bi img {
    width: 44px;
    height: 44px;
}

#detail-dish #resnapper {
    background-color: #fbf3ec;
    padding: 0 20px 20px 20px;
    margin-top: 5px;
}

#detail-dish #resnapper article {
    background-color: #fbf3ec;
    width: 510px;
    margin-left: -10px;
}

#detail-dish #resnapper article a {
    position: relative;
}

#detail-dish #resnapper img.resnap {
    position: absolute;
    width: 21px;
    height: 21px;
    background: url(/v3/pc/img/resnap-dish2.png) no-repeat 0 0;
    background-size: 21px 21px;
    top: 15px;
    left: 34px;
}

#detail-dish h2 {
    height: 35px;
    margin: 0;
    padding: 8px 0 0 0;
    font-size: 18px;
    font-weight: bold;
    color: #666;
    background-repeat: no-repeat;
    background-position: 0 15px;
    background-size: 22px 22px;
}

#detail-dish h2.recipe-icon .icon-sd-recipe {
    font-size: 26px;
    color: #D3A433;
    margin-right: 2px;
    vertical-align: -2px;
}

#detail-dish h2.reference-icon:before {
    font-family: "glyphicons";
    content: '\e822';
    font-size: 26px;
    margin-right: 4px;
    vertical-align: -2px;
    color: #D3A433;
}

#detail-dish h2.comment-icon {
    padding-left: 30px;
    background-image: url(/v3/pc/img/comment-icon.png);
}

#detail-dish h2.resnapper-icon .icon-sd-resnap {
    font-size: 24px;
    color: #CACAC9;
    margin-right: 6px;
    vertical-align: -2px;
}

#detail-dish h2.yummied-icon .icon-sd-yummy {
    font-size: 24px;
    color: #F5B0B0;
    margin-right: 4px;
    vertical-align: -2px;
}

#detail-dish .cookbooks-title:before {
    font-family: "glyphicons";
    content: '\e820';
    color: #BA9968;
    margin-right: 6px;
    font-size: 22px;
    font-weight: 400;
    vertical-align: -1px;
}

#detail-dish h3 {
    background: #bcb0a5;
    color: #fff;
    font-size: 14.5px;
    line-height: 23px;
    padding: 3px 10px;
    font-weight: 14px;
    margin: 10px 0 10px 0;
    margin-bottom: 0;
}

#yummied div.load-more {
    margin-top: 10px;
}

div.load-more a {
    color: #cab39c;
    background: url(/v3/pc/img/follow-list-arrow.png) no-repeat right center;
    padding-right: 10px;
}

div.load-more a:hover {
    text-decoration: underline;
}

article.user-block.wide {
    margin: 0;
    padding: 10px 10px 0 0;
    width: 520px;
    background-color: #f6eee6;
}

article.user-block.wide div.user-block-a {
    width: 50px;
    margin: 0;
}

article.user-block.wide img.user-avatar {
    width: 40px;
    height: 40px;
}

article.user-block.wide div.user-block-bi img {
    width: 54px;
    height: 54px;
}

article.user-block.wide div.user-block-bi {
    height: 54px;
}

#category-ranking-section {
    height:44px;
    margin-bottom:0px;
    position:relative;
}

#category-ranking {
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    float: right;
}

#category-ranking h2 {
    font-size: 14px !important;
    color: #341207;
    float: left;
    line-height: 44px !important;
    font-weight: normal;
    padding: 0 5px 0 0;
    margin: 0;
    vertical-align: middle;
}

.category-ranking-user {
    float: left;
    padding-right: 15px;
    width: 48px;
    vertical-align: middle;
    text-align: center;
}

.category-ranking-user img {
    border-radius: 50%;
    border: 1px solid #FFF;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
            transition: all .2s ease;
}

.category-ranking-user img:hover {
    -webkit-transform: scale(1.5);
       -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);
}


ins.adsbygoogle {
    position: relative;
    z-index: 10110;
}

#no-dish-for-user {
    font-size: 24px;
    text-align: center;
    margin-top: 70px;
}

/* ===== popup profile ===== */
#popup-box-profile {
    position: absolute;
    width: 360px;
    height: 137px;
    text-align: left;
    padding: 20px 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    z-index: 10210;
}

#popup-box-profile div.popup-beak-up {
    background: url(/v3/pc/img/popup-beak-up.png) no-repeat;
    background-size: cover;
    width: 16px;
    height: 8px;
    position: relative;
    top: -28px;
}

#popup-box-profile div.popup-box-loading img {
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: 24px;
    margin-left: -35px;
}

#popup-box-profile div.popup-box-overall {
    display: none;
}

#popup-box-profile div.popup-profile-avatar img {
    border-radius: 50%;
    margin-right: 10px;
}

#popup-box-profile div.user-follow {
    width: 69px;
    height: 26px;
    font-size: 0.7rem;
    margin: 10px 0 0 0;
    padding: 1px 8px;
}

#popup-box-profile .popup-profile-dishes img {
    margin: 5px 5px 10px 5px;
}

#popup-box-profile .popup-profile-name {
    margin-top: 5px;
    line-height: 1.4;
}

#popup-box-profile .popup-profile-name #user-badge {
    display: inline-block;
    margin: -3px 4px 0 0;
}

#popup-box-profile .name {
    color: #423a35;
    font-size: 16px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}

#popup-box-profile .link {
    color: #999;
}

#detail-opt div {
    float: right;
    color: #c2c2c1;
    margin: 0 0 5px 15px;
}

#detail-opt #detail-opt-hd {
    background: url(/v3/pc/img/icon_hidden.png) no-repeat 0 2px;
    background-size: 11px 15px;
    text-indent: 13px;
}

/* Piccious */
.pictit {
    color: #000 !important;
    text-decoration: underline;
}

.picimage {
    text-align: center;
    padding: 10px 0;
}

.piclead {
    color: #d7893b ! important;
}

/* breadcrumb */
.breadcrumb {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0;
    background: transparent;
    color: #897364;
    border-radius: 0;
}

.breadcrumb ol {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.breadcrumb li {
    display: inline-block;
    font-size: 12px;
}

.breadcrumb li + li:before {
    content: "＞";
    margin: 0 8px;
    color: #D0BBA5;
    font-size: 12px;
}

.breadcrumb a {
    color: #341207;
}

/* ページ別 */
.breadcrumb.bread-dish {
    padding: 10px 18px;
    z-index: 1;
}

/* recipe-button */
.book-img-recipe {
    text-align: center;
    margin: 30px 10px;
}

.book-img-recipe.btn-small {
    width: 200px;
    margin: 20px auto;
}

.book-img-recipe .symbol {
    margin-left: 2px;
    font-size: 18px;
    font-weight: 700;
    vertical-align: -1px;
}

.book-img-recipe a {
    display: block;
    padding: 8px 20px;
    border-radius: 6px;
    background: #D7893B;
    color: #FFF ! important;
    text-decoration: none;
}

.book-img-recipe a:before {
    font-family: "glyphicons";
    content: '\e822';
    margin-right: 4px;
    color: #FFF;
    font-size: 18px;
}

.book-img-recipe a:hover {
    background: #C64C10;
}

/* ===== retina ===== */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {

    header #to-discover,
    header #to-category {
    }
    header #to-discover > span,
    header #to-category > span {
    }

    .search .search-notfound {
        background-image: url(/v3/pc/img/x2/search_notfound_bg.png);
        background-size: 10px 20px;
    }

    article.dish-image {
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
    }

    #detail-tools li#comment {
        background-image: url(/v3/pc/img/x2/detailbox_comment.png);
        background-size: cover;
    }

    div.hover-tools div.hover-yummy {
        background-image: url(/v3/pc/img/x2/hover-yummy.png);
        background-size: cover;
    }
    div.hover-tools div.hover-star {
        background-image: url(/v3/pc/img/x2/hover-star.png);
        background-size: cover;
    }
    div.hover-tools div.hover-yummied {
        background-image: url(/v3/pc/img/x2/hover-yummied.png);
        background-size: cover;
    }
    div.hover-tools div.hover-starred {
        background-image: url(/v3/pc/img/x2/hover-starred.png);
        background-size: cover;
    }
    .ribbon-icon {
/*
        background: url(/v3/pc/img/x2/badge_list_ribbon.png) no-repeat;
        background-size: cover;
*/
    }

    #detail-dish #yummied #yummyn {
        background-image: url(/v3/pc/img/x2/detail_yummy_heart.png);
        background-size: 23px 23px;
    }
    #detail-dish #comments dd.cmt-text .tores {
        background-image: url(/v3/pc/img/x2/detail_comment_tores.png);
        background-size: cover;
    }

    #user-sns-fb a {
        background-image: url(/v3/pc/img/x2/fb_icon.png);
        -webkit-background-size: 23px 23px;
    }
    #user-sns-tw a {
        background-image: url(/v3/pc/img/x2/tw_icon.png);
        -webkit-background-size: 23px 23px;
    }
    #user-sns-mx a {
        background-image: url(/v3/pc/img/x2/mx_icon.png);
        -webkit-background-size: 23px 23px;
    }

    #find-us img#find-us-fb {
        background-image: url(/v3/pc/img/x2/find_us_on_fb.png);
    }
    #find-us img#find-us-tw {
        background-image: url(/v3/pc/img/x2/find_us_on_tw.png);
    }
    #find-us img#find-us-pin {
        background-image: url(/v3/pc/img/x2/find_us_on_pin.png);
    }
    #find-us img#find-us-ggl {
        background-image: url(/v3/pc/img/x2/find_us_on_ggl.png);
    }

    #detail-dish #comments dd.cmt-text-beak {
        background-image: url(/v3/pc/img/x2/detail_comment_balloon.png);
    }

    #popup-share a.addthis_button_email > span {
        background-image: url(/v3/pc/img/x2/web_share_email.png) !important;
        background-size: 36px 36px !important;
    }
    #popup-share a.addthis_button_facebook > span {
        background-image: url(/v3/pc/img/x2/web_share_facebook.png) !important;
        background-size: 36px 36px !important;
    }
    #popup-share a.addthis_button_twitter  > span {
        background-image: url(/v3/pc/img/x2/web_share_twitter.png) !important;
        background-size: 36px 36px !important;
    }
    #popup-share a.addthis_button_tumblr > span {
        background-image: url(/v3/pc/img/x2/web_share_tumblr.png) !important;
        background-size: 36px 36px !important;
    }
    #popup-share a.addthis_button_mixi > span {
        background-image: url(/v3/pc/img/x2/web_share_mixi.png) !important;
        background-size: 36px 36px !important;
    }
    span#popup-pin a {
        background-image: url(/v3/pc/img/x2/web_share_pinterest.png) 0 0 !important;
        background-size: 36px 36px !important;
    }
}
@media screen and (max-device-width: 1024px) {
    #dialog-background {
        background-position: right top;
    }
}

/* parts */
.bold {
    font-weight: bold;
}

.m0 {
    margin: 0 ! important;
}

#side-signup {
    position: relative;
    z-index: 10300;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 10px;
    padding: 20px;
    color: #341207;
    line-height: 2em;
    text-align: center;
    width: 260px;
    margin: 0 0 20px 16px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

article.banner-block {
    margin: 10px;
    padding: 10px;
    border-radius: 4px;
    height: 104px;
}

.banner-block-link {
    height:104px;
    cursor:pointer;
}

article.banner-block a,
article.banner-block a:hover {
    color: #423a35;
}

article.banner-block div.banner-block-a {
    width: 85px;
}

article.banner-block div.banner-block-b {
    margin-left: 15px;
}

article.banner-block div.banner-block-bu {
    height: 48px;
    font-size: 12px;
}

article.banner-block div.banner-block-bu div.full-name {
    font-size: 16px;
    font-weight: bold;
    height: 20px;
    overflow: hidden;
}

article.banner-block div.banner-block-bi {
    float: right;
    height: 44px;
    overflow: hidden;
}

article.banner-block div.banner-block-c {
    background: url(/v3/pc/img/follow-list-arrow.png) no-repeat;
    width: 6px;
    height: 10px;
    margin-top: 50px;
}

article.banner-block img.user-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-left: 10px;
}

article.banner-block div.user-name {
    height: 50px;
}

article.banner-block div.full-name {
    font-size: 1.1rem;
    font-weight: bold;
}

article.banner-block div.user-follow {
    width: 69px;
    height: 18px;
    font-size: 0.7rem;
    margin: 10px 0 0 0;
    padding: 1px 8px;
}

article.banner-block div.banner-block-bi img {
    width: 44px;
    height: 44px;
}

article.insert-google-banner {
}

article.insert-google-banner > ins {
    margin: 10px;
}


/*-------------------------*/
/* サイドまとめ記事一覧
/*-------------------------*/
.side-block {
    box-sizing: border-box;
    position: relative;
    z-index: 10110 !important;
    width: 300px;
    margin: 0 0 20px 16px;
    padding: 15px;
    text-align: left;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);

}

.side-title {
    margin-bottom: 12px;
    color: #D7893B;
    font-size: 14px;
    font-weight: 700;
}

.side-list {
    width: 100%;
}

.side-list li {
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
}

.side-list li:last-of-type {
    margin: 0;
}

.list-item a {
    display: table;
    width: 100%;
    table-layout: fixed;
    color: #000;
}

.list-item a:hover {
    color: #005580;
}

.list-image,
.list-title {
    display: table-cell;
    vertical-align: top;
}

.list-image {
    width: 70px;
    padding-right: 10px;
}

.list-image a:hover {
    opacity: .85;
}

.list-date {
    display: block;
    font-size: 12px;
    color: #C2C2C1;
}


/* old */
.bookPopular-d{
    position: relative;
    width: 300px;
    margin: 0 0 20px 16px;
    background-color: #fff;
    border-radius: 5px;
    text-align: left;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 10110 ! important;
    position: relative;
}

.bookPopularH1-d {
    color: #d7893b;
    font-weight: bold;
    padding: 15px;
    font-size: 14px;
    margin: 0;
    line-height: 1;
}

.bookPopular-list-d {
    display: block;
    padding: 15px;
    color: #000;
}

.bookPopular-list-d:hover {
    text-decoration: underline;
}

.bookPopular-listimage-d {
    float: left;
    width: 50px;
    margin-right: 20px;
}

.bookPopular-listtitle-d {
    float: left;
    width: 200px;
}

.dish-image-article-ads {
    display: block;
    position: relative;
    float: left;
    margin: 15px;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}

.dish-image-article-ads .dishname {
    position: relative;
    background-color: #fff;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    margin: 10px 5px 5px 5px;
    font-weight: bold;
    color: #000 ! important;
}

.dish-image-article-ads-link {
    color:#000 ! important;
    display:block;
}

.dish-image-article-ads-link:hover {
    text-decoration:none;
}

.dish-image-article-ads-label {
    color: #999;
    padding: 4px 2px;
}

.dish-footer-adbanner {
    margin-top: 5px;
    padding: 20px 0 20px 20px;
    background: #fbf3ec;
}

.dish-footer-adbanner-label{
    color: #999;
    padding: 0 0 5px;
}

.dish-footer-adbanner-link{
    display: block;
    float: left;
    width: 155px;
    height: 225px;
    background: #FFF;
    margin-right: 15px;
    color: #000;
}

.dish-footer-adbanner-title{
    text-align: center;
    font-weight: bold;
    padding: 3px;
}

.dish-footer-adbanner-index{
    margin-top: 5px;
    padding: 10px 0 10px 10px;
    background: #fbf3ec;
    margin-bottom: 15px;
}

.dish-footer-adbanner-index .dish-footer-adbanner-label{
    color: #999;
    padding: 0 0 5px;
}

.dish-footer-adbanner-index .dish-footer-adbanner-link{
    display: block;
    float: left;
    width: 150px;
    height: 225px;
    background: #FFF;
    margin-right: 15px;
    color: #000;
}

.dish-footer-adbanner-index .dish-footer-adbanner-title{
    text-align: center;
    font-weight: bold;
    padding: 3px;
}

.book-image-article-ads{
    display: block;
    position: relative;
    margin: 0px 0px 20px;
    cursor: pointer;
    background-color: #FFF;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}

.book-image-article-ads .dishname{
    position: relative;
    background-color: #fff;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    margin: 10px 5px 5px 5px;
    font-weight: bold;
    color: #000 ! important;
}

.book-image-article-ads-link {
    color: #000 ! important;
    display: block;
}

.book-image-article-ads-link:hover {
    text-decoration:none;
}

.book-image-article-ads-label {
    color: #999;
    padding: 4px 2px;
}

/* ---------------- */
/* fonticon setting */
/* ---------------- */
#to-category-group .icon-down-open-mini {
    margin-left: -5px;
    vertical-align: -3px;
}

#to-category-group .icon-down-open-mini:before {
    font-size: 20px;
}