@charset "utf-8";

/*-----------------------------------

common.css
基本レイアウト

-----------------------------------*/

body {
    height: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    font:normal 13px/1.4 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
    color: #333;
}

h1, h2, h3, h4, h5 { margin: 0; }
dl, p {
    margin: 0;
    padding: 0;
}
i { font-style: normal; }
a {
    color: #333;
    text-decoration: none;
}
a:hover,
.bl-hover a,
.pickup.bl-hover p {
    text-decoration: underline;
}
.pickup.bl-hover img,
.bl-hover .image,
a:hover .rolling,
input.rolling:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
img { vertical-align: bottom; }
input { vertical-align: middle; }




/*
基本レイアウト
-----------------------------------*/

#container {
    width: 980px;
    margin: 0 auto 80px;
    background: #fff;
}
#main {
    float: left;
    width: 655px;
    overflow: hidden;
}

#aside {
    float: right;
    width: 300px;
}

/* 反転 */
.reverse #main { float: right; }
.reverse #aside { float: left; }

.section {
    position: relative;
    margin-bottom: 34px;
}
#container .section:last-child { margin-bottom: 0; }


/*
パンくず
-----------------------------------*/
#breadcrumb {
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
}
#breadcrumb a {
    float: left;
    margin-right: 5px;
    color: #266cc4;
}
#breadcrumb a:after{
    display: inline-block;
    content: " ";
    width: 5px;
    height: 8px;
    margin-left: 5px;
    background: url(/images/tnews/common/sprite.png?20190701) no-repeat -860px -80px;
}
#breadcrumb strong { font-weight: normal; }

/*
もっとみる
-----------------------------------*/
.more {
    clear: both;
    padding-top: 8px;
}
.more a {
    position: relative;
    display: block;
    padding: 13px 0;
    background: #ebebeb;
    border-radius: 2px;
    text-align: center;
    text-decoration: none;
}
.more a:hover { background: #f2f2f2; }

.more a:after {
    position: absolute;
    top: 50%;
    right: 8px;
    content: " ";
    display: block;
    width: 10px;
    height: 18px;
    margin-top: -8px;
    background: url(/images/tnews/common/sprite.png?20190701) no-repeat -670px -140px;
}

.more_button {
    margin-top: 30px
}

.more_button a {
    position: relative;
    display: block;
    padding: 16px 0 15px;
    border: none;
    border-bottom: 2px solid #0b91d6;
    background: #46aaff;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    transition: 0.1s linear;
}

.more_button a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 7px;
    height: 12px;
    background: url("https://cdn.tnews.jp/images/tnews/smartphone/home/sprite.png?20170801") no-repeat 0 -100px;
    background-size: 300px auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
}

.more_button a:hover {
    text-decoration: none;
    opacity: 0.7;
}

.category01 .more a:after { background-position: -690px -140px; }
.category02 .more a:after { background-position: -710px -140px; }
.category03 .more a:after { background-position: -730px -140px; }
.category04 .more a:after { background-position: -750px -140px; }
.category05 .more a:after { background-position: -770px -140px; }
.category176 .more a:after { background-position: -790px -140px; }
.category107 .more a:after { background-position: -810px -140px; }
.category178 .more a:after { background-position: -830px -140px; }
#ranking .more a:after, #ranking_arbeit_job .more a:after { background-position: -850px -140px; }

/*
見出し
-----------------------------------*/
.headline {
    position: relative;
    margin-bottom: 21px;
    padding: 13px 8px 13px 5px;
    background: #46aaff;
    border-left: 5px solid #286fc4;
    font-size: 20px;
    color: #fff;
}

.heading {
    margin-bottom: 10px;
    padding: 3px 10px;
    background: url(/images/tnews/common/bg_heading.png) no-repeat left center;
    font-size: 20px;
}
#aside .heading {
    margin-bottom: 5px;
    font-size: 16px;
}



/*
リスト
-----------------------------------*/
.list .image {
    float: right;
    width: 60px;
    height: 60px;
    margin-left: 8px;
    overflow: hidden;
    text-align: center;
}
.list .image img {
    position: relative;
    left: -25%;
    width: auto;
    height: 60px;
}
.list .image.left img { left: 0%; }
.list .image.right img { left: -50%; }
.list.box .image.full_width img { top: 52.5px; }
.list .image.full_width img { 
    left: 0%; 
    width: 100%;
    height: auto !important;
    top: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* 縦並び */
.list.vertical .item {
    padding: 5px 0;
    border-top: 1px solid #d6d6d6;
}
.list.vertical .item:first-child { border: none; }
.list.vertical .item li { margin-top: 8px; }

/* 縦並び サイド用 */
#aside .list.vertical .item {
    padding: 5px 8px;
    border-top: 1px solid #d6d6d6 !important;
}
#aside .list.vertical .item:first-child { border-top: 1px solid #d6d6d6; }
#aside .list.vertical a {
    display: block;
    font-weight: bold;
    line-height: 1.2;
}

#aside .list.vertical ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
 }
#aside .list.vertical li { vertical-align: middle; }

/* 横並び */
.list.horizontal .item {
    position: relative;
    float: left;
    width: 203px;
    margin-right: 22px;
    border-top: 2px solid #46aaff;
}
.list.horizontal .item:last-child { margin-right: 0; }

.list.horizontal .item:before {
    position: absolute;
    top: -2px;
    bottom: 0;
    right: -12px;
    display: block;
    content: " ";
    width: 2px;
    background: #ebebeb;
}

.list.horizontal .tag {
    float: left;
    margin-bottom: 8px;
}
.list.horizontal .date {
    float: right; 
    font-size: 11px;
    line-height: 20px;
    color: #858585;
}

.list.horizontal .title {
    clear: both;
    width: 160px;
    height: 59px;
    margin: 8px auto;
    font-weight: bold;
    font-size: 14px;
}

.list.horizontal .image {
    float: none;
    width: 158px;
    height: 107px;
    margin: 8px auto;
}
.list.horizontal img {
    left: 0;
    height: auto;
}
.list.horizontal .image p {
    text-align: left;
    font-size: 12px;
    line-height: 1.3;
}

.list.horizontal .source {
    padding: 5px 22px 0;
    border-top: 1px solid #d6d6d6;
    text-align: right;
    font-size: 10px;
    color: #858585;
}
.list.horizontal .no-source {
    padding: 5px 22px 0;
    font-size: 10px;
}


/* 横2*縦自由 */
.list.block {
    padding: 8px 0;
    border-bottom: 2px solid #ebebeb;
}
 .list.block:nth-last-of-type(1) { border: none; }

.list.block .item {
    float: left;
    width: 316px;
    padding-left: 8px;
}
.list.block .item:first-child {
    padding: 0 8px 0 0;
    border-right: 2px solid #ebebeb;
}

.list.block a {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    line-height: 1.2;
}

.list.block .tag,
.list.block ul {
    display: inline-block;
    vertical-align: middle;
}

.list.block ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list.block .date {
    display: inline-block;
    color: #858585;
    font-size: 11px;
}

/* イベント一覧 */
.list.event .tag { float: left; }
.list.event ul,
.list.event p.read {
    float: right;
    margin: 2px 0 0;
}

.list.event p.read {
    line-height: 16.8px !important;
}
.list.event .item a {
    clear: both;
    padding: 5px 0;
    height: 31px; 
}
.list.event .item p {
    font-size: 12px;
    line-height: 1.1;
}
.list.event .item .tag { line-height: 12px; }

/* テキストのみ・矢印つき */
.list.has_arrow {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list.has_arrow li {
    position: relative;
    padding: 8px 0 8px 15px;
    border-bottom: 1px solid #ebebeb !important;
    font-size: 12px;
}

.list.has_arrow.category_entry li {
    padding: 8px 0 8px 19px;
}


.list.has_arrow li:last-child { border: none !important; }

.list.has_arrow li:after {
    position: absolute;
    top: 9px;
    left: 0;
    content: " ";
    display: block;
    width: 13px;
    height: 13px;
    background: url(/images/tnews/common/sprite.png?20190701) no-repeat -830px -80px;
}
.category01 .list.has_arrow li:after { background-position: -670px -80px; }
.category02 .list.has_arrow li:after { background-position: -690px -80px; }
.category03 .list.has_arrow li:after { background-position: -710px -80px; }
.category04 .list.has_arrow li:after { background-position: -730px -80px; }
.category05 .list.has_arrow li:after { background-position: -750px -80px; }
.category176 .list.has_arrow li:after { background-position: -770px -80px; }
.category107 .list.has_arrow li:after { background-position: -790px -80px; }

#magazine_month {
    border: 1px solid #d6d6d6;
    border-width: 1px 0;
}
#magazine_month li {
    padding: 12px 0 11px 22px;
    font-size: 14px;
}
#magazine_month li:after { top: 14px; }
#magazine_month a { font-weight: bold; }

/* 横長ボックス */
.list.box {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list.box .article {
    position: relative;
    padding: 13px 0;
    border-top: 1px solid #d6d6d6 !important;
}
.list.box .article:last-child { border-bottom: 1px solid #d6d6d6 !important; }
.list.box .image {
    width: 105px;
    height: 105px;
    border: 1px solid #ebebeb;
}
.list.box .image img { height: 105px; }

.list.box .title {
    display: block;
    min-height: 74px;
    margin-bottom: 33px;
    font-size: 18px;
    font-weight: bold;
}

.list.box_short .title {
    display: block;
    min-height: 30px;
    margin-bottom: 33px;
    font-size: 18px;
    font-weight: bold;
}

.list.box .title.temp {
    text-decoration: none;
}

.list.box .title img {
    margin-right: 5px;
    vertical-align: -2px;
}
.list.box ul {
    position: absolute;
    bottom: 13px;
    left: 0;
    margin: 0;
    padding: 0;
}
.list.box .article li {
    display: inline-block;
    font-size: 11px;
    color: #858585;
}
.list.box .article .tag { color: #fff; }

/*記事一覧テキストリンク*/
.list.box .article.text_link_top { border-bottom: none !important; }
.list.box .article.text_link_bottom { border-top: none !important; }

/*
メルマガリスト
-----------------------------------*/
#main .magazine {
    width: 100%;
    border-top: 1px solid #d6d6d6;
}
#main .magazine .set td { border-bottom-style: dashed; }
#main .magazine th {
    width: 60px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2;
}
#main .magazine th span {
    display: block;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
}
#main .magazine td span {
    float: left;
    width: 44px;
    height: 44px;
    margin: 8px 5px;
    background: #ff6a00;
    border-radius: 3px;
    line-height: 44px;
    color: #fff;
    text-align: center;
}
#main .magazine td .kansai { background: #ff9b17; }

#main .magazine td a {
    float: left;
    width: 515px;
    min-height: 44px;
    padding: 8px 5px;
}

/*
タブ
-----------------------------------*/
.content_wrap { display: none; }
.tab a { outline: none; }


/*
カテゴリタブ
-----------------------------------*/
#category_list .tab {
    margin: 0;
    padding: 0;
    list-style: none;
}
#category_list .tab li { float: left; }
#category_list .tab .category04,
#category_list .tab .category175,
#category_list .tab .category176 {
    width: 93px;
    overflow: hidden;
} 
#category_list .tab a {
    display: block;
    width: 94px;
    height: 64px;
    background: url(/images/tnews/common/sprite.png?20190701) no-repeat left -80px;
    text-indent: -9999px;
}
#category_list .tab a:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
#category_list .tab .active a:hover {
    opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
}
#category_list .category01 a { background-position: -94px -80px; }
#category_list .category01.active a { background-position: -94px -150px; }
#category_list .category02 a { background-position: -188px -80px; }
#category_list .category02.active a { background-position: -188px -150px; }
#category_list .category03 a { background-position: -282px -80px; }
#category_list .category03.active a { background-position: -282px -150px; }
#category_list .category04 a { background-position: -376px -80px; }
#category_list .category04.active a { background-position: -376px -150px; }
#category_list .category175 a { background-position: -469px -80px; }
#category_list .category175.active a { background-position: -469px -150px; }
#category_list .category176 a { background-position: -563px -80px; }
#category_list .category176.active a { background-position: -563px -150px; }
#category_list .category107.active a { background-position: left -150px; }

#category_list .tab_content { margin-top: 8px; }
#category_list .list.horizontal {
    float: left;
    width: 203px;
}
#category_list  .list.horizontal .item:before { right: -8px; }
#category_list .item ul{
    width: 158px;
    margin: -3px auto 5px;
    padding: 0;
    text-align: right;
}

#category_list .list.has_arrow {
    float: right;
    width: 438px;
}

/*
カテゴリランキングタブ
-----------------------------------*/
#ranking_tab {
    margin: 0;
    padding: 0;
    list-style: none;
}
#ranking_tab  li { float: left; }
#ranking_tab .all {
    width: 81px;
    overflow: hidden;
} 
#ranking_tab a {
    display: block;
    width: 82px;
    height: 64px;
    background: url(/images/tnews/common/sprite.png?20190701) no-repeat left -220px;
    text-indent: -9999px;
}
#ranking_tab a:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
#ranking_tab .active a:hover {
    opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
}
#ranking_tab .all.active a { background-position: left -290px; }
#ranking_tab .category01 a { background-position: -81px -220px; }
#ranking_tab .category01.active a { background-position: -81px -290px; }
#ranking_tab .category02 a { background-position: -163px -220px; }
#ranking_tab .category02.active a { background-position: -163px -290px; }
#ranking_tab .category03 a { background-position: -245px -220px; }
#ranking_tab .category03.active a { background-position: -245px -290px; }
#ranking_tab .category04 a { background-position: -327px -220px; }
#ranking_tab .category04.active a { background-position: -327px -290px; }
#ranking_tab .category175 a { background-position: -409px -220px; }
#ranking_tab .category175.active a { background-position: -409px -290px; }
#ranking_tab .category176 a { background-position: -491px -220px; }
#ranking_tab .category176.active a { background-position: -491px -290px; }
#ranking_tab .category178 a { background-position: -573px -220px; }
#ranking_tab .category178.active a { background-position: -573px -290px; }

ol.list.box { margin-top: 21px; }
ol.list.box li { position: relative; }
ol.list.box .rank {
    position: absolute;
    top: 15px;
    left: 0;
    width: 18px;
    padding: 3px 3px 2px;
    background: #adadad;
    color: #fff;
    text-align: center;
}
ol.list.box .rank1 { background-color: #333; }
ol.list.box .rank2 { background-color: #5c5c5c; }
ol.list.box .rank3 { background-color: #858585; }
ol.list.box .title { margin-left: 32px; }

/*
ページネート
-----------------------------------*/
.page_display {
    margin: 13px 0 21px;
    text-align: center;
    color: #858585;
}

.pagination {
    margin: 21px 0;
}
.pagination .prev_page,
.pagination .next_page {
    position: relative;
    width: 60px;
    padding: 0 5px;
}
.pagination { text-align: center; }
.pagination a,
.pagination span {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    margin: 0 5px;
    font-size: 13px;
    line-height: 30px;
    color: #333;
}
.pagination .gap { margin: 0; }

#main .pagination a {
    background: #daeeff;
    font-weight: normal;
}
#main .pagination a:hover {
    background: #edf7ff;
    text-decoration: none;
}

.pagination .current {
    width: 30px;
    background: #46aaff;
    color: #fff;
    font-weight: bold;
    text-indent: 0;
}
.pagination .disabled {
    background: #efefef;
    color: #adadad;
}

/*
ヒットなし
-----------------------------------*/
.no_match {
    margin: 34px 0;
    padding: 55px 0;
    background: #fffcdf;
    font-size: 16px;
    text-align: center;
}


/*
あとで読む・最近チェックした記事カウント
-----------------------------------*/
.read {
    display: inline-block;
    padding-left: 15px;
    background: url(/images/tnews/common/bg_count.png) no-repeat left 0.1em;
    font-size: 11px;
    font-weight: bold;
    color: #858585;
}
.read { background-position: left -18px; }
.read span { font-weight: normal; }

/*
タグ
-----------------------------------*/
.tag {
    display: inline-block;
    width: 80px;
    padding: 3px 0;
    background: #46aaff;
    font-size: 10px !important;
    line-height: 12px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
#main .tag a {
    color: #333;
    font-weight: normal;
}

.taglink {
    display: inline-block;
    width: 60px;
    padding: 3px 2.5px;
    border: 1px solid #46aaff;
    font-size: 10px !important;
    line-height: 12px;
    text-align: center;
    vertical-align: middle;
}

/*
ボタン
-----------------------------------*/
.button {
    position: relative;
    display: block;
    height: 46px;
    padding-left: 46px;
    background: #64aaff;
    border-bottom: 2px solid #286fc4;
    border-radius: 3px;
    font-size: 20px;
    line-height: 46px;
    color: #fff;
    text-align: center;
}
.button:hover { background-color: #6bbbff; }
a.button:hover { text-decoration: none; }

.button_s:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    display: block;
    content: " ";
    width: 1px;
    background: rgba(255,255,255,.4);
}
.button_s {
    display: inline-block;
    min-width: 90px;
    height: 20px;
    padding-left: 30px;
    border: none;
    font-size: 12px;
    line-height: 20px;
}

.button_delete:after {
    position: absolute;
    top: 50%;
    left: 8px;
    content: " ";
    display: block;
    width: 15px;
    height: 15px;
    margin-top: -7px;
    background: url(/images/tnews/common/sprite.png?20190701) no-repeat -730px -200px;
}

/*
広告領域
-----------------------------------*/
.advertise { text-align: center; }
#main .advertise img { margin: 0 5px; }

/* テキスト広告 */
#text_pr {
    margin: 8px 0 21px;
    background: #f5f5f5;
}
#text_pr ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#text_pr li {
    float: left;
    width: 942px;
    padding: 0 6px;
    line-height: 30px;
}
#text_pr .wrap,
#text_pr .prev { float: left; }
#text_pr .next { float: right; }


#text_pr a {
   display: block;
    color: #276ec4;
}

/*
サイド　見出し
-----------------------------------*/
.heading.ranking {
    padding-left: 23px;
    background: url(/images/tnews/common/title_ranking.png) no-repeat left 4px;
}
.heading.read {
    padding-left: 23px;
    background: url(/images/tnews/common/title_read.png) no-repeat left 4px;
    color: #333;
}
.heading.category {
    padding-left: 23px;
    background: url(/images/tnews/common/title_category.png) no-repeat left 4px;
    color: #333;
}
.heading.arrival {
    padding-left: 23px;
    background: url(/images/tnews/common/title_arrival.png) no-repeat left 4px;
    color: #333;
}


/*
サイド　会員登録／ログイン
-----------------------------------*/
#aside .button { margin-top: 8px; }
#aside .button:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 46px;
    display: block;
    content: " ";
    width: 1px;
    background: rgba(255,255,255,.4);
}
.button_regist {
    height: 54px;
    background-color: #fff;
    border-top: 2px solid #ff6a00;
    border-bottom: 1px solid #d6d6d6;
    box-shadow: 0 1px 0 #efefef;
    border-radius: 0;
    color: #333;
    line-height: 54px;
    margin-top: 0px !important;
}

#aside .button_regist:before {
    top: 5px;
    bottom: 5px;
    background: #d6d6d6;
}
.button_regist:hover {
    background-color: #fff;
    color: #ff6a00;
}

.button_regist:after {
    position: absolute;
    top: 50%;
    left: 14px;
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(/images/tnews/common/sprite.png?20190701) no-repeat -670px -170px;
}

.button_login:after {
    position: absolute;
    top: 50%;
    left: 16px;
    content: " ";
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: url(/images/tnews/common/sprite.png?20190701) no-repeat -700px -170px;
}

/*
サイド　メルマガ
-----------------------------------*/
.magazine .tab {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 2px solid #46aaff;
}
.magazine .tab li { float: left; }
.magazine .tab a {
    display: block;
    width: 150px;
    height: 30px;
    background: url(/images/tnews/common/sprite.png?20190701) no-repeat -820px -100px;
    font-size: 13px;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    text-decoration: none;
}
.magazine .tab a:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.magazine .tab .active a {
    background-position: -670px -100px;
    color: #fff;
}
.magazine .tab .active a:hover {
    opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
}


.magazine th,
.magazine td {
    padding: 8px 5px;
    border-bottom: 1px solid #d6d6d6;
}
#aside .magazine tr:last-child th,
#aside .magazine tr:last-child td { border-bottom: none; }
.magazine th { width: 45px; }
.magazine td {
    padding: 0;
    font-size: 12px;
    width : 100%;
}
.magazine td a {
    display: block;
    padding: 8px 5px;
}

/*
サイド　ランキング
-----------------------------------*/
#ranking ol,
#ranking_arbeit_job ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
#ranking li,
#ranking_arbeit_job li {
    padding: 8px;
    border-top: 1px solid #d6d6d6;
    min-height: 60px;
}

#ranking img, #ranking_arbeit_job img { vertical-align: middle; }
#ranking .tag, #ranking_arbeit_job .tag { margin-left: 5px; }
#ranking .item a,
#ranking_arbeit_job .item a {
    display: block;
    margin-top: 8px;
    font-weight: bold;
    line-height: 1.2;
}

/*
サイド　カテゴリ一覧
-----------------------------------*/
#aside .categories {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #d6d6d6;
}

#aside .categories li {
    padding: 1px 0;
    border-bottom: 1px solid #d6d6d6;
}
#aside .categories a {
    display: block;
    padding: 10px 8px;
    border-left: 3px solid #46aaff;
    font-size: 12px;
}

/*
サイドバナー画像サイズ
-----------------------------------*/
#relation img {
    display: block;
    width: auto;
    max-width: 200px;
    margin: 0 auto 8px;
}




/* clearfix */
header:after,
div:after,
ul:after,
ol:after,
dl:after,
#ranking li:after,
#ranking_arbeit_job li:after,
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}
/* header, div, ul, ol,dl, .list_item a, #ranking li, .clearfix { display: inline-block; } */
header, div, ul, ol, dl, .list_item a, #ranking li, #ranking_arbeit_job li, .clearfix { display: block; }

.temp-tag {
    font-weight: normal;
    font-size: 11px;
    vertical-align: 3px;
    margin-right: 5px;
    background-color: #FF6A00;
    color: #FFF;
    padding: 1px 4px;
}

.list.box a.title.temp:hover .hover-line{
    text-decoration: underline;
}

.category-summary {
    font-size: 13px;
    background-color: #ECF6FF;
    margin: 0px;
    margin-top: -21px;
    padding: 10px;
    width: auto;
}

div.rank-number {
    display:inline-block;
    font-size:12px;
    font-weight: bold;
    vertical-align: middle;
    width : 27px;
    padding-top: 2px;
    text-align: center;
}

span.rank-suffix {
    font-size: 10px;
}

.rank-num1{
    color : #D9A300;
}
.rank-num2{
    color : #5E7188;
}
.rank-num3{
    color : #D96D00;
}
#aside .list.vertical a{
    height: 32px;
}
/* 縦並び */
#aside .list.vertical .item {
    padding: 8px 0;
    border-top: 1px solid #d6d6d6;
    height: 60px;
}

#related_link .list.block a {height : 32px;}
#related_category_entries .list.block a {height : 30px;}
#related_category_entries .list.block .item {height : 60px;}
#entry_histories .list.block a, #univ_entries .list.block a {height : 32px;}
#entry_histories .list.block .item, #univ_entries .list.block .item {height : 60px;}

.event_date {
    padding: 4px;
    border-left: 1px solid #A0A0A0;
    color: #A0A0A0;
    margin: 4px 0px !important;
}

/* メルマガバックナンバー */
.pagination.backnumber {
    padding-top: 13px;
    border-top: 1px solid #ebebbe;
}
.pagination.backnumber .month_list {
    margin: 0 21px;
    padding: 0 13px;
}

/* エラー表示 */
.fieldWithErrors input,
.fieldWithErrors textarea {
  background: none repeat scroll 0 0 #FFCCCC;
  border: 1px solid #FF3300 !important;
}
.fieldDefault input,
.fieldDefault textarea {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #C2C2C2 !important;
}
.type-radio .fieldWithErrors {
  display: inline;
}
.formError {
  padding: 2px;
  background-color: #ffeeee;
  border: 1px solid #ffeeee;
  display: inline;
  margin: 0 5px 3px 0;
  color: #E60012;
  font-size: 12px;
  float: left;
}

#error-message {
  width: 900px;
  text-align: center;
  font-size: 15px;
  margin: 15px auto 15px auto;
  padding: 15px 10px 15px 10px;
  border: 1px solid;
  color: red;
  border-color: red;
  background-color: #fdd;
}

/*
ページトップ
-----------------------------------*/
#footer a.page-top {
    position: fixed;
    display: flex;
    right: 20px;
    bottom: 0;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: #46aaff;
    color: #fff;
    font-size: 12px;
    text-align: center;
    transition: 0.1s linear;
}

.page-top:hover {
    text-decoration: none;
    opacity: 0.7;
}

.page-top:focus {
    outline: 0;
}