/*
* トップページ用CSS
*/

/*------ 各スライダーボタン共通 ----------------------------------*/
.slide_block .bx-wrapper,
.slide_block .btn_left,
.slide_block .btn_right{
   display : table-cell ;
   vertical-align : middle ;
}
.slide_block .btn_left,
.slide_block .btn_right{
    cursor : pointer ;
}
.slide_block .btn_left {
    width : 20px ;
    background-image : url(../images/slider_arrow_left.png) ;
    background-repeat : no-repeat ;
    background-position : center center ;
    border : 1px solid #ccc ;
}
.slide_block .btn_right {
    width : 20px ;
    background-image : url(../images/slider_arrow_right.png) ;
    background-repeat : no-repeat ;
    background-position : center center ;
    border : 1px solid #ccc ;
}
.subslide{
    display : table ;
}
.subslide li{
    display : inline-block;
    vertical-align : top ;
}
.bx-wrapper{
    padding-left : 10px!important ;
}
.slide_block .bx-next,
.slide_block .bx-prev {
display : none ;
}

.btn_space{
    width: 20px;
}
/*----- トップスライダー -----------------------------*/
#top_slide{
    width : 100% ;
    overflow: hidden;
    padding-bottom: 10px;
    position : relative ;
}
#top_slide_container{
    width : 100% ;
}
#top_slide .bx-viewport{
    overflow: visible !important;
    width: 1024px !important;
}
#top_slide .slider{
    margin: 0;
    padding: 0;
}
#top_slide .slider div{
    width: 400px !important;
    margin: 0;
    padding: 0;
}
#top_slide .bx-wrapper .bx-prev {
    left : 0 ;
}
#top_slide .bx-wrapper .bx-next {
    right : 0 ;
}
#top_slide .bx-wrapper {
    position : static ;
}


/*----- お気に入り新着情報 ------------------------*/
.news_box #news_header {
    width : 770px ;
    height : 38px ;
    background-image : url(../images/news_header.jpg) ;
    background-repeat : no-repeat ;
}
.news_box .news_title {
    padding : 0 10px ;
}
.news_box .news_title {
    font-size : 16px ;
    color : #3c6 ;
    font-weight : bold ;
    border-bottom : 2px solid #ccc ;
    padding-bottom : 3px ;
}
.news_box .news_title a {
    float : right ;
    font-size : 14px ;
}
/*
.news_box ul {
    padding : 0 10px 10px ;
}
.news_box ul li {
    border-bottom : 1px dotted #ccc ;
}
.news_box ul li a {
    font-size : 14px ;
}
*/
.news_box ul{
    margin-bottom : 10px ;
}
.news_box ul li{
    display : inline-block ;
    vertical-align : top ;
    width : 46% ;
    height : 60px ;
    padding : 8px 0 5px ;
}
.news_box ul li.topic p,
.news_box ul li.topic p a,
.news_box ul li.topic p span {
    color : #f90 ;
}
.news_box ul li.campaign p,
.news_box ul li.campaign p a,
.news_box ul li.campaign span {
    color : #f6f ;
}
.news_box ul li.campaign {
    border-left : 3px dashed #ccc ;
}
.news_box ul li p {
    text-align : center ;
}
.news_box ul li p.under_line a {
    border-bottom : 1px solid ;
}
.news_box ul li p a span {
    font-size : 26px ;
}
.news_box .unread{
    /*
    border: 1px solid red;
    border-radius: 5px;
    background-color: red;
    color: white!important;
    padding: 1px;

    */
    color: red!important;
    margin-right: 5px;
}


/*----- アクセスランキング ------------------------*/
#ranking-box #ranking_header {
    width : 760px ;
    height : 38px ;
    background-image : url(../images/ranking_header.jpg) ;
    background-repeat : no-repeat ;
    padding-right : 10px ;
}
#ranking-box #ranking_header a {
    font-size : 14px ;
}
#ranking-box .subslide {
    display: table ;
}
#ranking-box .bx-wrapper {
    background-color : #eee ;
}

#ranking-box #top-ranking-slide {
    height:165px;
}

#ranking-box #top-ranking-slide .box {
    border : 1px solid #ccc ;
    padding : 10px ;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color : #fff ;
}
#ranking-box #top-ranking-slide .rank_img {
    position : relative ;
    width : 130px ;
    margin : 0 auto ;
    border : 1px solid #ccc ;
    padding : 1px ;
}
#ranking-box #top-ranking-slide .rank_img a,
#ranking-box #top-ranking-slide .rank_img a img {
    width : 100% ;
    height : auto ;
}
#ranking-box #top-ranking-slide .rank_img.border_rank1 {
    padding : 0 ;
    border : 2px solid #fc0 ;
}
#ranking-box #top-ranking-slide .rank_img.border_rank2 {
    padding : 0 ;
    border : 2px solid #999 ;
}
#ranking-box #top-ranking-slide .rank_img.border_rank3 {
    padding : 0 ;
    border : 2px solid #c96 ;
}
#ranking-box #top-ranking-slide span{
    position : absolute ;
    bottom : 0 ;
    left : 0 ;
    width : 46px ;
    height : 30px ;
    line-height : 43px ;
    color : #666 ;
    display : block ;
    text-align : center ;
    font-weight : bold ;
    background-image : url(../images/rank_other.png) ;
    background-repeat : no-repeat ;
}
#ranking-box #top-ranking-slide span.rank1{
    display : block ;
    text-indent : -99999px ;
    background-image : url(../images/rank_1.png) ;
    background-repeat : no-repeat ;
}
#ranking-box #top-ranking-slide span.rank2{
    display : block ;
    text-indent : -99999px ;
    background-image : url(../images/rank_2.png) ;
    background-repeat : no-repeat ;
}
#ranking-box #top-ranking-slide span.rank3{
    display : block ;
    text-indent : -99999px ;
    background-image : url(../images/rank_3.png) ;
    background-repeat : no-repeat ;
}
#ranking-box #top-ranking-slide .category {
    font-size : 12px ;
    height : 18px ;
    line-height : 18px ;
    overflow : hidden ;
}
#ranking-box #top-ranking-slide a {
    color : #f93 ;
    display : inline-block ;
    vertical-align : top ;
    height : 24px ;
    overflow : hidden ;
    font-size : 12px ;
    line-height : 12px ;
}


/*------ サプライズニュース ---------------------------------*/
#surprise_box {
    background-image : url(../images/surprise_news_bk.jpg) ;
    background-repeat : no-repeat ;
    height : 64px ;
    padding-left : 400px ;
    font-size : 18px ;
}
#surprise_box div:first-child,
#surprise_box #surprise_news_text,
#surprise_box a{
    line-height : 64px ;
    height : 64px!important ;
    font-weight : bold ;
    color : #f93 ;
}


/*----- 今すぐ使えるクーポン -----------------------------*/
#coupon-box {
    margin-top : 20px ;
}
#coupon-box #coupon_header {
    width : 760px ;
    height : 38px ;
    padding-right : 10px ;
    background-image : url(../images/coupon_header.jpg) ;
    background-repeat : no-repeat ;
}
#coupon-box #coupon_header a {
    font-size : 14px ;
}
#coupon-box .bx-wrapper {
    background-color : #eee ;
}
#coupon-box .box {
    width : 220px ;
    height : 100px ;
    position : relative ;
    cursor : pointer ;
}
#coupon-box .ribbon {
    position : absolute ;
    bottom : 0 ;
    right : 0 ;
    width : 37px ;
    height : 37px ;
    background-repeat : no-repeat ;
    display : inline-block ;
}
#coupon-box .coupon_1 {
    border : 3px solid #f63 ;
}
#coupon-box .coupon_1 .coupon_title {
    background-color : #f63 ;
}
#coupon-box .coupon_1 .ribbon {
    background-image : url(../images/coupon_ribbon1.png) ;
}
#coupon-box .coupon_2 {
    border : 3px solid #999 ;
}
#coupon-box .coupon_2 .coupon_title {
    background-color : #999 ;
}
#coupon-box .coupon_2 .ribbon {
    background-image : url(../images/coupon_ribbon2.png) ;
}
#coupon-box .coupon_3 {
    border : 3px solid #c93 ;
}
#coupon-box .coupon_3 .coupon_title {
    background-color : #c93 ;
}
#coupon-box .coupon_3 .ribbon {
    background-image : url(../images/coupon_ribbon3.png) ;
}
#coupon-box .coupon_title {
    padding : 5px 4px ;
    line-height : 20px ;
    height : 35px ;
    overflow : hidden ;
    font-size : 16px ;
    font-weight : bold ;
    color : #fff ;
}
#coupon-box .coupon_bottom {
    height : 55px ;
    padding-left : 35px ;
    background-repeat : no-repeat ;
    background-position : 2px 15px ;
    background-color : #fff ;
}
#coupon-box .coupon_bottom p.category {
    font-size : 12px ;
}
#coupon-box .coupon_bottom a {
    font-size : 14px ;
    padding-left : 5px ;
    height : 36px ;
    line-height : 18px ;
    overflow : hidden ;
    width : 140px ;
    display : inline-block ;
    word-break : break-all ;
}



/*------ 新着情報 ----------------------------------*/
#osusume-box {
    margin-top : 20px ;
}
#osusume-box #whatnew_header {
    width : 760px ;
    height : 38px ;
    padding-right : 10px ;
    background-image : url(../images/whatnew_header.jpg) ;
    background-repeat : no-repeat ;
}
#osusume-box #whatnew_header a {
    font-size : 14px ;
}
#tabs {
    border : none ;
    padding : 0 ;
}
.none_disp {
    display : none ;
}
.dummy_btn{
    display : inline-block ;
    vertical-align : top ;
    padding : 0 ;
    width: 76px;
    height : 37px ;
    border : 2px solid ;
    border-bottom : none ;
    background-image : none!important ;
    /*background-repeat: no-repeat;
    background-image: url(../images/top_tab_off.jpg);*/
    cursor : pointer ;
    border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px ;
    -webkit-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px ;
    -moz-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px ;
}
.dummy_btn p{
    text-align : center ;
    /*text-indent: -9999px;*/
    border : none;
    font-size: 70%;
    width : 80px ;
    height : 37px ;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    border : none;
    display : table-cell ;
    vertical-align : middle ;
    word-wrap: break-word;
    color : #0050B8 ;
}
.dummy_btn p:hover,
.dummy_btn.ui-tabs-active p{
    color : #fff ;
}
.category_id_all {
    border-color : #45B351!important ;
}
.category_id_all:hover,
.category_id_all.ui-tabs-active {
    background-color : #45B351 ;
}
/*.category_id_all a {
    color : #3c6!important ;
}*/
#tabs .ui-tabs-panel {
    /*background-color : #cfc ;
    border : 1px solid #3c6 ;*/
    padding : 10px ;
}
/*#tabs .panels {
    border : 2px solid ;
    border-top : 10px solid ;
}*/
#tab-all {
    border : 2px solid ;
    border-top : 10px solid ;
}
#tabs .panels li {
    background-image : none ;
}
#tabs .panels li:hover {
    background-color : #fff!important ;
}
/*#tabs .ui-tabs-panel ul li {
    border-bottom : 5px solid #ccc ;
    padding-bottom : 10px ;
    margin : 0 5px 10px ;
}*/
#tab-all .ui-tabs-panel ul li {
    border-bottom : 5px solid #ccc ;
    padding-bottom : 10px ;
    margin : 0 5px 10px ;
}
#tabs .ui-tabs-panel ul li .photo_box,
#tabs .ui-tabs-panel ul li .result_text {
    display : inline-block ;
    vertical-align : top ;
}
#tabs .ui-tabs-panel ul li .photo_box {
    width : 150px ;
    margin-right : 5px ;
}
#tabs .ui-tabs-panel ul li .photo_box img {
    width : 100% ;
    height : auto ;
    max-height : 121px ;
}
#tabs .ui-tabs-panel ul li .result_text {
    width : 550px ;
}
#tabs .ui-tabs-panel ul li .result_text .result_name .icon_camera {
    width : 22px ;
    height : 22px ;
    display : inline-block ;
    vertical-align : middle ;
    background-image : url(../images/icon_camera.png) ;
    background-repeat : no-repeat ;
}
#tabs .ui-tabs-panel ul li .result_text .result_name a {
    font-size : 16px ;
}
#tabs .ui-tabs-panel ul li .result_text .caption {
    font-size : 12px ;
    height : 36px ;
    line-height : 14px ;
    overflow : hidden ;
    padding-bottom : 5px ;
    margin-bottom : 5px ;
}
#tabs .ui-tabs-panel ul li .result_text .coupon_bottom {
    display : table-cell ;
    vertical-align : top ;
    width : 480px ;
    height : 45px ;
    padding-left : 35px ;
    background-repeat : no-repeat ;
    background-position : 2px 8px ;
    background-color : #fff ;
}
#tabs .ui-tabs-panel ul li .result_text .coupon_bottom p.category {
    font-size : 12px ;
}
#tabs .ui-tabs-panel ul li .result_text .coupon_bottom a {
    font-size : 14px ;
    padding-left : 5px ;
    height : 21px ;
    overflow : hidden ;
}
#tabs .ui-tabs-panel ul li .result_text .border_bottom {
    border-bottom : 2px dotted #ccc ;
}
#tabs .ui-tabs-panel ul li .result_text .icon_coupon {
    display : table-cell ;
    vertical-align : top ;
    width : 38px ;
    height : 34px ;
    background-image : url(../images/icon_coupon.jpg) ;
    background-repeat : no-repeat ;
    background-position : 0 0 ;
    padding : 3px ;
}
#tabs .ui-tabs-panel ul li .result_text .icon_otoku {
    display : table-cell ;
    vertical-align : top ;
    width : 38px ;
    height : 34px ;
    background-image : url(../images/icon_otoku.jpg) ;
    background-repeat : no-repeat ;
    background-position : 0 0 ;
    padding : 3px ;
}



/*------ 新着日記 ----------------------*/
#new_staff_diary {
    margin-top : 20px ;
}
#new_staff_diary #diary_header {
    width : 760px ;
    height : 38px ;
    padding-right : 10px ;
    background-image : url(../images/diary_header.jpg) ;
    background-repeat : no-repeat ;
}
#new_staff_diary #diary_header a {
    font-size : 14px ;
}
#new_staff_diary ul li {
    display : inline-block ;
    vertical-align : top ;
    width : 375px ;
    height : 100px ;
    border-bottom : 1px dotted #3c6 ;
    margin-bottom : 10px ;
    margin-right : 5px ;
}
#new_staff_diary ul li .diary_photo {
    display : inline-block ;
    vertical-align : top ;
    width : 100px ;
    margin-right : 5px ;
}
#new_staff_diary ul li .diary_photo img {
    width : 100% ;
    height : auto ;
    max-height : 100px ;
}
#new_staff_diary ul li .diary_text {
    display : inline-block ;
    vertical-align : top ;
    width : 260px ;
}
#new_staff_diary ul li .diary_text .date {
    font-size : 12px ;
}
#new_staff_diary ul li .diary_text .diary_title {
    height : 24px ;
    margin-bottom : 5px ;
    border-bottom : 1px dotted #3c6 ;
}
#new_staff_diary ul li .diary_text .diary_title a {
    font-weight : bold ;
    line-height : 24px ;
    height : 24px ;
    overflow : hidden ;
    display : inline-block ;
    color : #3c6 ;
    width : 230px ;
}
#new_staff_diary ul li .diary_text .author {
    font-size : 14px ;
    margin-bottom : 3px ;
    color : #f93 ;
    font-weight : bold ;
}
#new_staff_diary ul li .diary_text .author span {
    background-color : #3c6 ;
    padding : 0 5px ;
    margin-right : 5px ;
    color : #fff ;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#new_staff_diary ul li .diary_text .shop {
    font-size : 14px ;
    color : #f93 ;
    font-weight : bold ;
}
#new_staff_diary ul li .diary_text .shop span {
    background-color : #999 ;
    padding : 0 5px ;
    margin-right : 5px ;
    color : #fff ;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#new_staff_diary .r_title a {
    font-size : 12px ;
}
#new_staff_diary ul li .diary_text .diary_title .icon_camera {
    width : 22px ;
    height : 22px ;
    display : inline-block ;
    margin-bottom: 1px;
    background-image : url(../images/icon_camera.png) ;
    background-repeat : no-repeat ;
}

#new_staff_diary .diary_text a:link{
    color:#f93;
}

#new_staff_diary .diary_text a:visited{
    color:#f93;
}


/*----- ピックアップ店舗 ------------------------*/
#picup-box .subslide {
    display: table ;
}
#picup-box .bx-wrapper {
    background-color : #eee ;
}
#picup-box #top-picup-slide .box {
    border : 1px solid #ccc ;
    padding : 10px ;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color : #fff ;
}
#picup-box #top-picup-slide .rank_img {
    position : relative ;
    width : 130px ;
    margin : 0 auto ;
    border : 1px solid #ccc ;
    padding : 1px ;
}
#picup-box #top-picup-slide .rank_img a,
#picup-box #top-picup-slide .rank_img img {
    width : 100% ;
    height : auto ;
}
#picup-box #top-picup-slide .category {
    font-size : 12px ;
    height : 18px ;
    line-height : 18px ;
    overflow : hidden ;
}
#picup-box #top-picup-slide a {
    color : #f93 ;
    display : inline-block ;
    vertical-align : top ;
    height : 24px ;
    overflow : hidden ;
    font-size: 12px ;
    line-height : 12px ;
}