/*+++++++++++++++++++++++++++++++++++++++++++++
>>>HAYATO SALONS 英語サイト（00000181） 専用CSS    ※他用禁止
+++++++++++++++++++++++++++++++++++++++++++++*/
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700&display=swap');*/

/*--------------------------------------------------------------------------------
　▼ HAYATO SALONS専用　common
--------------------------------------------------------------------------------*/
table.bo_table tr td { border-bottom: 1px dotted #bfbfbf;}
table.bo_table02 tr td:first-child { font-weight: normal;}

table.sp_table tr td a {
    display: block;
    line-height: 0;
}

table.sp_table tr td .shop_name a {
    line-height: 1.6em;
    padding: 10px 5px;
}

img.img_s1 { box-shadow: 0 0 4px 4px #eee;}
img.img_s2 { box-shadow: 0 0 10px #ccc;}
a.link_text {
    color: #db847a;
    text-decoration: underline;
}
a.link_text:hover { opacity: 0.7;}
a:hover { color: #942b3a; text-decoration: underline;}
.anchor-point { position: relative; top: -70px;}

/*--------------------------------------------------------------------------------
　▼ body
--------------------------------------------------------------------------------*/
body {
    background-color: #fff;
    color: #000;
    font-family: 'Noto Serif JP', serif;
}

#contents .post .body {
    word-break: break-all;
}

/*--------------------------------------------------------------------------------
　▼ form
--------------------------------------------------------------------------------*/
input,
select,
textarea {
    border: #ccc solid 1px;
    background: #fff;
    padding: 5px;
}

/*--------------------------------------------------------------------------------
　▼ 翻訳ツール GTranslate
--------------------------------------------------------------------------------*/
.GTranslate-box {
    overflow: hidden;
    width: 180px;
    margin: 0;
    text-align: center;
    position: fixed;
    bottom: 15px;
    right: -3px;
    z-index: 99999;
    border: 5px solid #333;
    border-radius: 2px;
    background: #000;
}
.GTranslate-box::before {
    position: absolute;
    top: 1.2em;
    right: 0.9em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    pointer-events: none;
}

.GTranslate-box select {
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 8px 38px 8px 12px;
    color: #fff;
}
.GTranslate-box select::-ms-expand {
    display: none;
}


/*--------------------------------------------------------------------------------
　▼ link
--------------------------------------------------------------------------------*/
a { color: #000; word-break: break-all;}
a:hover {
    opacity: 0.7;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}

/*--------------------------------------------------------------------------------
　▼ header
--------------------------------------------------------------------------------*/
#header {
    background-color: #988C84;
}

/*--------------------------------------------------------------------------------
　▼ nav
--------------------------------------------------------------------------------*/
.nav li a,
.nav li span {
    color: #fff;
}

.nav li a:hover {
    background-color: #675C56;
    color: #fff;
}

.nav li ul li {
    background-color: #988C84 !important;
    border-bottom: 1px dotted #efefef;
}

.nav li ul li:last-child {
    border-bottom: none;
}

.nav li ul li:hover {
    background: none;
}

/*--------------------------------------------------------------------------------
　▼ header02
--------------------------------------------------------------------------------*/
.header02 {
    background-color: #fff;
}

/*--------------------------------------------------------------------------------
　▼ sub-menu-bar form-link
--------------------------------------------------------------------------------*/
#sub-menu-bar {
    background-color: #efefef;
    padding: 50px 0;
    display: none;
}

.no-index #sub-menu-bar {
    display: block;
}

.no-index #sub-menu-bar h1,
.no-index #sub-menu-bar .page_title {
    color: #5e391a;
    display: block;
    font-size: 36px;
    font-weight: 500;
    margin: 0 auto;
    padding: 0 20px;
    text-shadow: 0 0 5px #fff;
    text-align: center;
    width: 100%;
}

#sub-menu-bar #form-link {
    display: none;
}


/*--------------------------------------------------------------------------------
　▼ contents
--------------------------------------------------------------------------------*/
#contents #main {
    padding: 40px 0 0;
    width: 100%;
}

#contents .table-box { background: rgba(255, 255, 255, 0.9);}


/*--------------------------------------------------------------------------------
　▼ side
--------------------------------------------------------------------------------*/
.side_box h3 {
    font-weight: 600;
    letter-spacing: 0.06em;
    font-size: 16px;
    color: #5e391a;
    margin: 0 0 15px;
    border-bottom: 1px solid #5e391a;
}

.side_box ul li {
    margin: 0;
    border-bottom: 1px dotted #ccc;
}

.side_box ul.side_ul li a {
    color: #73282d;
}

/*--------------------------------------------------------------------------------
　▼ フォーム
--------------------------------------------------------------------------------*/
.comment-box {
    padding: 0 50px;
}

.submit-box .btn { background: #ff7f00; color: #fff; }



/*--------------------------------------------------------------------------------
　▼ free-box
--------------------------------------------------------------------------------*/
#contents .free-box {
    margin-bottom: 50px;
}

#contents .free-box label {
    display: block;
    color: #5e391a;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px;
    text-align: center;
}



/*--------------------------------------------------------------------------------
　▼ footer
--------------------------------------------------------------------------------*/
#footer {
    background-color: #675C56;
    color: #fff;
}

#footer ul.footer_link {
    background: rgba(28, 28, 28, 0.1);
}

#footer ul.footer_link li {
    width: auto;
}

#footer ul.footer_link li a {
    color: #fff;
}

#footer ul.footer_link li a:hover {
    background: #B09F8F;
    color: #fff !important;
}

/*--------------------------------------------------------------------------------
　▼ TOPへ戻るボタン
--------------------------------------------------------------------------------*/
p.gotop { margin-bottom: 80px;}
p.gotop a{
    background: #000;
    color: #fff;
}


/*--------------------------------------------------------------------------------
　▼ トップページ
--------------------------------------------------------------------------------*/
.top-box .header {
    color: #5e391a;
    text-shadow: 0 0 5px #fff;
}

.top-box .shop_name a {
    display: block;
    width: 100%;
    color: #fff;
    background: #111;
    text-align: center;
    padding: 8px 5px;
}

.top-box .shop_name a:hover {
    background: #988C84;
}

.top-box#box4 .body h2,
.top-box#box7 .body h2 {
    font-size: 20px;
}

.top-box#box7 #history tr td {
    border-bottom: 1px solid #eee;
}

/*--------------------------------------------------------------------------------
　▼ トップページ Hayato Owner Schedule
--------------------------------------------------------------------------------*/
.top_link {
    margin: 0 auto;
    text-align: center;
    width: auto;
}

.top_link > a {
    background-color: #988C84;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    padding: 15px 30px;
    width: 100%;
}

.top_link > a:hover {
    opacity: .7;
    transition: 1s;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------
　▼ 共通箇所
--------------------------------------------------------------------------------*/
.link-list {
    font-size: 0;
    margin: 50px auto 0;
    padding: 0;
    text-align: center;
}

.link-list > li {
    display: inline-block;
    margin: 0 20px;
    vertical-align: top;
    width: auto;
}

.link-list > li > a {
    background-color: #000;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 18px;
    max-width: 250px;
    margin: 0 auto;
    padding: 15px 10px;
    width: 250px;
}

.link-list > li > a:hover {
    text-decoration: none;
    opacity: .8;
    transition: .1s;
}

a.sns_link {
    display: inline-block;
    margin-right: 2px;
    width: auto;
}

#fb_box {
    text-align: center;
}

.info-insta {
    margin: 0 auto;
    max-width: 400px !important;
}

table.table_link a {
    background: #988C84;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
    width: 90%;
}

table.table_link a:hover {
    opacity: 0.7;
}

/*--------------------------------------------------------------------------------
　▼ スタッフ個人ページ
--------------------------------------------------------------------------------*/
table.table_staff {
    width: 90% !important;
    margin: 20px auto;
}

.title-h3 {
    color: #5e391a;
    font-size: 50px;
    font-weight: bold;
    line-height: 60px;
    margin: 0 auto 25px;
    text-align: center;
}

/*--------------------------------------------------------------------------------
　▼ 店舗共通
--------------------------------------------------------------------------------*/
.stafff-t tr td p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 10px 0;
}

table.table_menu tr td {
    padding: 5px;
    border-bottom: 1px dotted #bfbfbf;
}

/*--------------------------------------------------------------------------------
　▼ ロンドン
--------------------------------------------------------------------------------*/
.my-london #data-1 ul {
    margin: 20px auto;
    padding-left: 20px;
}

.my-london #data-1 ul li {
    font-weight: bold;
    list-style: disc;
    padding: 5px 0;
}

.my-london .link-list > li {
    margin: 0 2.5% 0 0;
    width: 23%;
}

.my-london .link-list > li:last-child {
    margin-right: 0;
}

.recruit-t {
    background-color: rgba(94, 57, 26, 0.1);
    border: 1px dotted #5e391a;
}

.recruit-t tr td {
    border-bottom: 1px dotted #5e391a;
}

.recruit-t tr td:first-child {
    border-right: 1px dotted #5e391a;
    font-weight: bold;
}

.recruit-t tr td > hr {
    border-color: #aaa;
}

.recruit-t tr td > p {
    margin: 5px auto;
    padding-left: 1em;
    text-indent: -1em;
}

/*--------------------------------------------------------------------------------
　▼ ニューヨーク
--------------------------------------------------------------------------------*/
.my-newyork .link-list > li {
    margin: 0 2.5% 0 0;
    width: 23%;
}

.my-newyork .link-list > li:last-child {
    margin-right: 0;
}

/*--------------------------------------------------------------------------------
　▼ 箱根
--------------------------------------------------------------------------------*/
.hakone-contact td {
    background-color: #fff;
    border: 1px solid #efefef;
}

.hakone-contact td h3,
.hakone-contact td a {
    display: inline-block;
    text-align: center;
}

.hakone-contact td h3:before {
    color: orange;
    display: block;
    font-size: 30px;
    margin-bottom: 10px;
    font-family: "FontAwesome";
    text-align: center;
}

.hakone-contact td:first-child h3:before {
    content: "\f098";
}

/*--------------------------------------------------------------------------------
　▼ PRESS ブログ関係
--------------------------------------------------------------------------------*/
.my-blog #contents #main,
.my-contest #contents #main,
.my-media #contents #main {
    width: 78%;
}

.my-blog #side,
.my-contest #side,
.my-media #side {
    display: block;
}

#contents .post {
    padding: 20px 0 !important;
}

#contents .post .thumbnail-box {
    padding-top: 95%;
}

#contents .post .body p.mg-t20 a {
    color: #73282d;
    text-decoration: underline;
}

.post .img {
    margin: 20px 0;
    width: 50%;
}

.post .img > img {
    width: 100%;
}

/*--------------------------------------------------------------------------------
　▼ TECHNIQUE
--------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------
　▼ RECRUIT
--------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------
　▼ サイトマップ
--------------------------------------------------------------------------------*/
/*.my-sitemap #contents .free-box .body {*/
/*    background: none;*/
/*}*/

/*.my-sitemap .free-box ul {*/
/*    padding: 0 30px;*/
/*}*/

/*.my-sitemap .free-box ul li {*/
/*    border-bottom: 1px dotted #675C56;*/
/*    padding: 5px 10px;*/
/*}*/

/*.my-sitemap .free-box ul li ul li {*/
/*    border-bottom: none;*/
/*}*/

/*.my-sitemap .free-box ul li:before {*/
/*    content: "・";*/
/*    display: inline-block;*/
/*}*/


/*=============================================================================
    Mobile
=============================================================================*/
@media screen and (max-width: 1023px) {

    .index #wrapper { background: #fff;}
    #mobile_header { background: #000;}
    #mobile_header h1 { color: #fff;}
    #header #mobile_header { box-shadow: 0 5px 10px rgba(0,0,0,0.4);}
    #bt_mobile_nav:before,
    #bt_mobile_nav:after,
    #bt_mobile_nav span { background: #fff;}
    .sp_logo { background: #988C84;}
    .sp_logo > a {
        display: block;
    }
    .sp_logo img { height: 60px !important;}
    .mm-panels,
    .mm-menu { background: #fff;}

    #header { height: auto;}
    #header #menu { display: none;}
    .index #header .logo { display: none;}
    #header.no-index { height: auto;}

    #wrapper { width: 100%;}
    #wrapper.no-index { padding-top: 0;}

    .contents-1 table.resp-table tr td div { width: 100% !important;}

    /*--------------------------------------------------------------------------------
    　▼ トップページ
    --------------------------------------------------------------------------------*/
    .top-box .shop_name a { font-size: 12px;}


    /*--------------------------------------------------------------------------------
    　▼ nav
    --------------------------------------------------------------------------------*/
    .nav li a:hover { color: #333 !important; background: none; }
    .nav li:first-child { border: none; }
    .nav li:last-child { border-right: none !important; }
    .nav li ul { background: #3D3B45 !important; }
    .nav li ul li {  background: none !important; border: none !important; }

    #contents #main {
        float: left;
        width: 75%;
    }
    #contents #main.full { width: 100%; float: none;}
    #side {
        float: right;
        width: 25%;
        padding: 0;
        margin: 0;
    }
    .side_box ul { padding: 0;}
    #contents:after {
        display: block;
        content: "";
        clear: both;
    }
    table.menu_table th,
    table.menu_table td { white-space: inherit;}

    .index #wrapper { position: static;}
    #contents { display: block;}
    #contents .top-box { padding: 0;}
    #contents .top-box .header { text-align: center;}
    #contents .top-box table tbody td { padding: 5px !important;}
    #contents .top-box a.top_link {
        display: block;
        width: 90%;
        margin: 0 auto;
        background: #000;
        box-shadow: 0 0 2px 2px #e7e7e7;
        color: #fff;
        border-radius: 5px;
        text-align: center;
        padding: 10px;
    }
    #header { padding: 0;}
    #wrapper.index footer { display: block;}

}

@media screen and (max-width:768px) {
    .for-mobile.for-tabletno-active { display: none !important;}
}
@media screen and (max-width:768px) {

    /*--------------------------------------------------------------------------------
    　▼ header02
    --------------------------------------------------------------------------------*/
    .header02 {
        padding: 0;
    }

    .pankuzu-wrap {
        display: none;
    }

    .bilingual-wrap {
        display: block;
        width: 100%;
    }

    .no-index ul#bilingual-box {
        text-align: right;
    }

    .index ul#bilingual-box {
        display: block;
        position: static;
    }

    .index ul#bilingual-box li {
        color: #000;
    }

    /*--------------------------------------------------------------------------------
    　▼ sub-menu-bar
    --------------------------------------------------------------------------------*/
    #sub-menu-bar {
        padding: 20px 0;
    }

    .no-index #sub-menu-bar h1,
    .no-index #sub-menu-bar .page_title {
        font-size: 24px;
    }

    /*--------------------------------------------------------------------------------
    　▼ contents
    --------------------------------------------------------------------------------*/
    #contents {
        padding: 0 12px 20px;
        width: 100% !important;
    }

    #contents #main {
        float: none;
        padding: 0;
        width: 100%;
    }

    #main .free-box { padding: 10px;}

    /*--------------------------------------------------------------------------------
    　▼ top-box
    --------------------------------------------------------------------------------*/
    #contents .top-box .header {
        font-size: 20px;
    }

    #contents .top-box .body { padding: 10px 0;}
    #contents { padding: 15px 15px 0;}
    #contents .top-box .body img { display: block; width: 100%;}

    #contents .post .thumbnail-box {
        padding-top: 65%;
    }

    .post .img {
        width: 85%;
    }



    .GTranslate-box {
        width: 100%;
        bottom: 0px;
        right: 0px;
    }

    footer { font-size: 12px; padding-bottom: 50px !important;}


    .form-box {
        padding: 0;
    }

    .comment-box {
        padding: 0 0 50px;
    }

    .recruit-t {
        border-bottom: none;
    }

    .recruit-t tr td:first-child {
        border-right: none;
    }


    .contents-1 table.resp-table tr td:first-child { padding: 10px;}
    .contents-1 table.resp-table tr td { padding: 10px;}
    .contents-1 table.resp-table tr td a img { width: 20px !important;}
    .contents-1 table.resp-table tr td div img { width: 100% !important;}

    table.bo_table tr td:first-child {
        padding: 5px 0 0;
        border-bottom: none;
        font-weight: bold;
    }
    table.bo_table tr td {
        display: block;
        width: 100%;
        padding: 0 0 5px;
    }
    table#history tr td:first-child { padding: 5px 0 0;}
    table#history tr td:last-child { padding: 5px 0; border-bottom: 1px dotted #bfbfbf;}
    table.table_menu,
    table.table_menu tbody { display: table; font-size: 12px;}
    table.table_menu tr td { display: table-cell; white-space: inherit;}
    table.table_menu tr td:first-child { width: 65%;}
    table#rank_table,
    table#rank_table tbody { display: table;}
    table#rank_table tr td { display: table-cell; padding: 5px; vertical-align: top;}
    table#rank_table tr td { white-space: inherit !important;}
    table.bo_table tr { display: block;}
    table.bo_table tbody,
    table.bo_table tr td { display: block; width: 100% !important; white-space: inherit;}
    body.contents-11 table.stylist_table { border-bottom: none;}
    body.contents-11 table.stylist_table tr td { text-align: left; padding: 5px !important;}

    table.sp_table { font-size: 0;}
    table.sp_table tbody {
        display: block !important;
    }

    table.sp_table tr {
        display: inline;
    }

    table.sp_table tr td {
        display: inline-block !important;
        width: 50% !important;
        white-space: inherit !important;
    }
    table.sp_table tr td a {
        display: block;
    }
    .post table tr td {
        vertical-align: top;
        white-space: pre-wrap;
    }

    /*--------------------------------------------------------------------------------
    　▼ free-box
    --------------------------------------------------------------------------------*/
    #contents .free-box {
        margin-bottom: 30px;
    }

    /*--------------------------------------------------------------------------------
    　▼ トップページ
    --------------------------------------------------------------------------------*/
    .top_link {
        margin: 15px 0;
        width: 100%;
    }

    .top_link > a {
        font-size: 20px;
    }

    .top-box#box4 .body h2,
    .top-box#box7 .body h2 {
        font-size: 16px;
        line-height: 24px;
    }

    .top-box#box7 .resp-table tr td img {
        margin: 0 auto;
        width: 70% !important;
    }

    .top-box#box7 #history,
    .top-box#box7 #history tbody {
        display: table !important;
    }

    .top-box#box7 #history tr td {
        display: table-cell !important;
        width: auto !important;
    }

    /*--------------------------------------------------------------------------------
    　▼ 店舗ページ
    --------------------------------------------------------------------------------*/
    #contents .free-box label {
        font-size: 40px;
    }

    .my-newyork .link-list > li {
        margin: 0 1% 10px;
        width: 48%;
    }

    .my-london .link-list > li {
        margin: 0 1% 10px;
        width: 48%;
    }

    .link-list > li > a {
        padding: 10px;
    }

    table.salon_info_table {
        margin: 0 auto !important;
        width: 100% !important;
    }


    /*--------------------------------------------------------------------------------
    　▼ スタッフ個人ページ
    --------------------------------------------------------------------------------*/
    table.table_staff { width: 100% !important;}
    table.table_staff tr td { display: block; width: 100% !important; white-space: inherit !important;}
    table.sns_table tr td { display: inline-block !important; width: 25% !important;}


    /*--------------------------------------------------------------------------------
    　▼ 各店舗スタイル写真箇所
    --------------------------------------------------------------------------------*/
    table.table_style {
        display: block !important;
        width: 100% !important;
    }
    table.table_style tr {
        display: inline;
        font-size: 0;
    }
    table.table_style tr td {
        display: inline-block !important;
        width: 50% !important;
        vertical-align: top !important;
    }

    /*--------------------------------------------------------------------------------
    　▼ bland
    --------------------------------------------------------------------------------*/
    body.contents-1 table.resp-table tr td,
    body.contents-1 table.resp-table tr td:first-child { padding: 10px;}


    /*--------------------------------------------------------------------------------
    　▼ academy
    --------------------------------------------------------------------------------*/
    body.contents-11 table.resp-table tr td:nth-child(2) { padding: 5px 0;}
    body.contents-11 table.resp-table tr td img { width: 80% !important;}
    body.contents-21 table.stylist_table { border-bottom: none;}
    body.contents-21 table.stylist_table tr td { padding: 5px !important; white-space: inherit !important;}
    body.contents-21 table.schedule_table tr td { padding: 5px !important;}

    /*--------------------------------------------------------------------------------
    　▼ 共通
    --------------------------------------------------------------------------------*/
    .link-list {
        margin: 30px auto 0;
    }

    .link-list > li {
        margin: 0 3%;
        width: 44%;
    }

    .link-list > li > a {
        font-size: 14px;
        width: 100%;
    }




    /*--------------------------------------------------------------------------------
     　▼ LONDON
     --------------------------------------------------------------------------------*/
    body.my-london-recruit .free-box table.resp-table {
        width: 100% !important;
    }

    /*--------------------------------------------------------------------------------
    　▼ newyork
    --------------------------------------------------------------------------------*/
    body.contents-6 .free-box#data-3 table.resp-table,
    body.contents-7 .free-box#data-4 table.resp-table { font-size: 0;}
    body.contents-6 .free-box#data-3 table.resp-table tr td,
    body.contents-7 .free-box#data-4 table.resp-table tr td {
        display: inline-block !important;
        width: 50% !important;
        padding: 5px !important;
        font-size: 12px;
    }
    body.contents-6 .free-box#data-3 table.resp-table tr td img { width: 100% !important;}
    body.contents-6 .free-box#data-3 table.sns_table { font-size: 0;}
    body.contents-6 .free-box#data-3 table.sns_table tr td {
        display: inline-block !important;
        width: 25% !important;
        text-align: center;
        padding: 5px !important;
    }
    /*--------------------------------------------------------------------------------
    　▼ product
    --------------------------------------------------------------------------------*/
    body.contents-42 #data-4 table.resp-table tr td img { float: left; width: 40% !important;}
    body.contents-42 #data-4 table.resp-table tr td p {
        padding-top: 0 !important;
        float: right;
        width: 57%;
        text-align: left;
    }
    body.contents-42 #data-4 table.resp-table tr td p span { font-size: 13px !important;}
    body.contents-42 #data-4  table.resp-table tr td div:before {
        display: block;
        width: 100%;
        content: "";
        clear: both;
        padding-top: 10px;
    }

    .contents-17 #data-2 table.table_border tr td:first-child,
    .contents-23 #data-2 table.table_border tr td:first-child,
    .contents-31 #data-3 table.table_border tr td:first-child,
    .contents-34 #data-3 table.table_border tr td:first-child,
    .contents-38 #data-3 table.table_border tr td:first-child {
        border-bottom: none !important;
        border-right: none !important;
    }


    #fc {
        top: -40px;
    }

    p.gotop {
        margin-bottom: 30px;
    }

    /*--------------------------------------------------------------------------------
    　▼ スタッフ個人ページ
    --------------------------------------------------------------------------------*/
    .title-h3 {
        font-size: 27px;
        line-height: 37px;
    }

    /*--------------------------------------------------------------------------------
    　▼ PRESS ブログ関係
    --------------------------------------------------------------------------------*/
    .my-blog #contents #main,
    .my-contest #contents #main,
    .my-media #contents #main {
        width: 100%;
    }

    .my-blog #side,
    .my-contest #side,
    .my-media #side {
        display: block;
        float: none;
        width: 100%;
    }

    .side_box {
        padding: 10px 0;
    }

    #contents .post .body {
        word-break: break-all;
    }

}


@media screen and (max-width:640px) {

    table.table_link tr td {
        display: inline-block;
        width: 50% !important;
        padding: 5px 0;
    }

    #fb_box {
        width: 100% !important;
        overflow: hidden;
    }

}