@charset "utf-8";
/* CSS Document */

/* =================================================================

 common

================================================================= */
/* -----------------------------------------------------------------
  #main h2.h2MainContents
----------------------------------------------------------------- */
#main h2.h2MainContents{
    position:relative;
    height:24px;
    margin:5px 10px;
    padding:0 0 0 6px;
    border-left: 5px solid #8f7979;
    font-weight: bold;
    font-size: 16px;
}

/* -----------------------------------------------------------------
  ul.articleList　記事一覧
----------------------------------------------------------------- */
/* --- ul.articleList ---- */
ul.articleList{
    margin:0;
}
ul.articleList li{
    float:left;
    position:relative;
    width:100%;
    height:auto;
    border-top:2px solid #f4f2ef;

}
ul.articleList li a{
    display:block;
    height:96px;
    padding:10px;
}
ul.articleList li a:hover{
    text-decoration:none;
}

/* --- ul.articleList li a .articleListImg --- */
ul.articleList li a .articleListImg{
    float:left;
    width:30%;
    height:100%;
}
/* --- ul.articleList li a  p.articleListCount --- */
ul.articleList li a  p.articleListCount{
    display:none;
}
/* --- ul.articleList li a  p.articleListNew --- */
ul.articleList li a  p.articleListNew{
    display:none;
}
/* --- ul.articleList li a .articleListInfo --- */
ul.articleList li a .articleListInfo{
    float:right;
    width:65%;
    padding:0 2% 0 0;
}
ul.articleList li a .articleListInfo p.articleListInfoDate{
    float:left;
    width:108px;
    margin:0;
    font-size:12px;
    color:#6f5959;
}
ul.articleList li a .articleListInfo p.articleListInfoWriter{
    display:none;
}
ul.articleList li a .articleListInfo h2.articleListInfoTitle{
    overflow: hidden;
    width:100%;
    height:58px;
    line-height:1.4;
    font-size:14px;
    font-weight:bold;
    letter-spacing:1.5px;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
ul.articleList li a .articleListInfo  ul.articleListInfoCount{
    margin:2px 0 0 0;
    border:0;
}
ul.articleList li a .articleListInfo  ul.articleListInfoCount li{
    float:left;
    width:auto;
    margin:0 10px 0 0;
    padding:0 0 0 18px;
    border:0;
    font-size:11px;
    color:#6f5959;
}
ul.articleList li a .articleListInfo  ul.articleListInfoCount li.articleListInfoCountTwitter{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) no-repeat 0 -49px;
}
ul.articleList li a .articleListInfo  ul.articleListInfoCount li.articleListInfoCountFacebook{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) no-repeat -80px -49px;
}
ul.articleList li a .articleListInfo  ul.articleListInfoCount li.articleListInfoCountHatena{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) no-repeat -160px -49px;
}
ul.articleList li a .articleListInfo  ul.articleListInfoCount li.articleListInfoCountPocket{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) no-repeat -240px -49px;
}

/* -----------------------------------------------------------------
  .pageview
----------------------------------------------------------------- */
.pageview{
    position: relative;
    overflow: hidden;
    padding:15px 10px;
    border-top:2px solid #f4f2ef;
}
.pageview ul.pageviewPage{
    float:left;
    position:relative;
    left:50%;
    margin:10px 0 0;
}
.pageview ul.pageviewPage li{
    float:left;
    position:relative;
    left:-50%;
    margin:0 5px;
}
.pageview ul.pageviewPage li.pageviewPageMark{
    padding:5px 0;
}
.pageview ul.pageviewPage li a{
    display:block;
    padding:5px 10px;
    background:#ffffff;
    color:#8f7979;
}
.pageview ul.pageviewPage li a:hover{
    background:#a59694;
    color:#fff;
    text-decoration:none;
}
.pageview ul.pageviewPage li.pageActive {
    padding:5px 10px;
    background:#e41010;
    border-radius:2px;
    color:#fff;
}

/* --- .pageview ul.pageviewPageSp --- */
.pageview ul.pageviewPageSp{
    width:100%;
}
.pageview ul.pageviewPageSp li{
    width:48%;
}
.pageview ul.pageviewPageSp li a{
    display:block;
    padding:5px 10px;
    background:#a59694;
    border-radius:2px;
    color:#ffffff;
    text-align:center;
}
.pageview ul.pageviewPageSp li a:hover{
    text-decoration:none;
}
.pageview ul.pageviewPageSp li.pageviewPagePrevious{
    float:left;
}
.pageview ul.pageviewPageSp li.pageviewPageNext{
    float:right;
}


/* -----------------------------------------------------------------
  .entryWriterInfo ライター紹介
----------------------------------------------------------------- */
.entryWriterInfo{
    margin:0 10px;
    padding:10px;
    border:5px double #f4f2ef;
}
.entryWriterInfoImg{
    width:100px;
    height:100px;
    margin:0 auto;
    border-radius:50%;
}
.entryWriterInfoProfile{
    margin:10px 0 0;
    width:100%;
    text-align: center;
}
.entryWriterInfoProfile dl dt{
    font-size:20px;
    font-weight:bold;
}
.entryWriterInfoProfile dl dt span{
    display:block;
    font-weight:bold;
    font-size:15px;
}
.entryWriterInfoProfile dl dd{
    margin:5px 0 0;
    text-align: left;
}
.entryWriterInfo ul.entryWriterSns{
    position:relative;
    display:inline-block;
    margin:5px auto 0;
}
.entryWriterInfo ul.entryWriterSns li{
    position:relative;
    float:left;
    height:24px;
    width:24px;
    margin:0 5px;
}
.entryWriterInfo ul.entryWriterSns li a{
    display:block;
    height:100%;
    width:100%;
    border-radius:50%;
}
.entryWriterInfo ul.entryWriterSns li.entryWriterTwitter a{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/sp/icon_sp_sprite.png) no-repeat 2px 2px #55acee;
    background-size: 85% auto;
}
.entryWriterInfo ul.entryWriterSns li.entryWriterFacebook a{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/sp/icon_sp_sprite.png) no-repeat -1px -22px #315096;
    background-size: 85% auto;
}
.entryWriterInfo ul.entryWriterSns li.entryWriterHome a{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/sp/icon_sp_sprite.png) no-repeat 0 -187px #ff9001;
    background-size: 100% auto;
}





/* =================================================================

  #pageNameTop（オクトピトップページ）

================================================================= */

/* -----------------------------------------------------------------
  common
----------------------------------------------------------------- */
/* --- font --- */
h3.h3_motionAreaSp2{
    margin:10px 10px 0 10px;
    padding:0 10px;
    background:#ffae00;
    border-radius:3px 3px 0 0;
    color:#fff;
    font-size:17px;
    font-weight:bold;
}

/* -----------------------------------------------------------------
  .prBn
----------------------------------------------------------------- */
.prBn{
    padding:5px 0;
    text-align:center;
}

/* -----------------------------------------------------------------
  #motionAreaSp2
----------------------------------------------------------------- */
#motionAreaSp2{
    display:none;
}
ul#articleListTab{
    border-top:2px solid #f4f2ef;
}
ul#articleListTab li{
    float:left;
    width:50%;
    text-align:center;
}
ul#articleListTab li a{
    display:block;
    width:100%;
    padding:2px 0 0;
    background:#e0deda;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    color:#999;
}
ul#articleListTab li a.activeSp{
    background:#ffffff;
    color:#6c5a5a;
}



/* =================================================================

 記事ページ

================================================================= */
/* -----------------------------------------------------------------
  #entry a
----------------------------------------------------------------- */
#entryContent a{
    color:#3b5999;
    text-decoration:underline;
}
#entryContent a:hover{
    color:#5570a9;
    text-decoration:none;
}

/* -----------------------------------------------------------------
  #shareFixed
----------------------------------------------------------------- */
#shareFixed {
    display:none;
    background:none;
    border:0;
}
#shareFixed ul{
    display:none;
}

/* -----------------------------------------------------------------
  #followFixed
----------------------------------------------------------------- */
#followFixed {
    display:none;
    background:none;
    border:0;
}
#followFixed ul{
    display:none;
}


/* -----------------------------------------------------------------
  #entry
----------------------------------------------------------------- */
#entryHeader{
    word-break: break-all;
}
#entryHeader{
    padding:10px;
}
#entryContent{
    padding:0 10px 15px 10px;
    border-top:2px solid #f4f2ef;
}
#entryFooter{
    margin:15px 0 0;
    font-size:13px;
}


/* -----------------------------------------------------------------
  #entryHeader
----------------------------------------------------------------- */
/* --- #entryHeaderInfo ---*/
#entryHeaderInfo span.entryHeaderCategory{
    padding:0 5px;
    background:#e41010;
    color:#fff;
}
#entryHeaderInfo span.entryHeaderDate{
    padding:0 0 0 5px;
    font-size:13px;
}

/* --- #entryHeader h2 ---*/
#entryHeader h2{
    margin:5px 0 0;
    font-size:18px;
    font-weight:bold;
}

/* --- #entryHeaderTagWriter --- */
#entryHeaderTagWriter ul.ultag li {
    margin:5px 15px 0 0;
}
#entryHeaderTagWriter ul.ultag li a{
    padding:0 6px 0 8px;
    font-size:11px;
    font-weight:normal;
    line-height:20px;
}
#entryHeaderTagWriter ul.ultag li a::before {
    left: -7px;
    border-width: 10px 8px 10px 0;
}
#entryHeaderTagWriter p.articleListInfoWriter{
    margin:5px 0 0;
}
#entryHeaderTagWriter p.articleListInfoWriter span.articleListInfoWriterImg{
    display:block;
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;
}
#entryHeaderTagWriter p.articleListInfoWriter .trimmingImg img{
     opacity: 1;
    filter: alpha(opacity=100);
}
#entryHeaderTagWriter p.articleListInfoWriter a span.articleListInfoWriterName{
    display:block;
    float:left;
    padding:3px 0 0 5px;
    font-size:14px;
    text-decoration:underline;
}
#entryHeaderTagWriter p.articleListInfoWriter a:hover span.articleListInfoWriterName{
    text-decoration:none;
}

/* --- .shareBtn  --- */
.shareBtn{
    margin:15px 0 0;
    overflow: hidden;
}
.shareBtn ul{
    position: relative;
      left: 50%;
    float: left;
}
.shareBtn ul li{
    float:left;
    position: relative;
    left: -50%;
    width:44px;
    height:80px;
    margin:0 8px 0;
}
.shareBtn ul li a:hover{
    text-decoration:none;
}
.shareBtn ul li a span{
    position:relative;
    left:0;
    top:10px;
    display:block;
    width:100%;
    height:40px;
    padding:5px 0 0;
    border-radius:3px;
    color:#fff;
    text-indent:-9999px;
}
.shareBtn ul li.shareBtnLine a span{
    top:32px;
}
.shareBtn ul li.shareBtnTwitter a span{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/sp/icon_sp_sprite.png) 0 0 no-repeat #55acee;
    background-size: 100% auto;
}
.shareBtn ul li.shareBtnFacebook a span{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/sp/icon_sp_sprite.png) 0 -50px no-repeat #315096;
    background-size: 100% auto;
}
.shareBtn ul li.shareBtnHatena a span{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/sp/icon_sp_sprite.png) 0 -100px no-repeat #008fde;
    background-size: 100% auto;
}
.shareBtn ul li.shareBtnPocket a span{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/sp/icon_sp_sprite.png) 0 -150px no-repeat #f13d53;
    background-size: 100% auto;
}
.shareBtn ul li.shareBtnLine a span{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/sp/icon_sp_sprite.png) 0 -195px no-repeat #00c300;
    background-size: 100% auto;
}
.shareBtn .arrowBox {
    position: relative;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 3px;
    font-size:13px;
    text-align: center;
}
.shareBtn .arrowBox:after, .arrowBox:before {
    position: absolute;
    top: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none;
}
.shareBtn .arrowBox:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 5px;
    margin-left: -5px;
}
.shareBtn .arrowBox:before {
    border-color: rgba(204, 204, 204, 0);
    border-top-color: #cccccc;
    border-width: 6px;
    margin-left: -6px;
}

/* --- #spFooterShare --- */
#spFooterShare {
    display:none;
    position: fixed;
    left:0;
    bottom:0;
    z-index:110;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    width:100%;
    background:#f4f2ef;
}
#spFooterShare.shareBtn ul li{
    height:60px;
}
#spFooterShare.shareBtn ul li.shareBtnLine a span{
    top:10px;
}


/* -----------------------------------------------------------------
  #entryFooter
----------------------------------------------------------------- */
#entryFooter .entryFooterBox{
    width:100%;
    margin:20px 0 0;
}

#entryFooter h3{
    margin:0 15px;
    padding: 0 0 0 5px;
    border-left: 5px solid #8f7979;
    font-weight: bold;
    font-size: 16px;
}

/* --- #entryFooterRecommend ---*/
#entryFooter #entryFooterRecommend{
    margin:0 0 15px;
    border:0;
}

#entryFooter #entryFooterRecommend ul li dl dt{
    display: -webkit-box;
    width:100%;
    height:44px;
    overflow:hidden;
    font-weight:bold;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;/* 行数を指定 */
}
#entryFooter #entryFooterRecommend ul li dl dd{
    display: -webkit-box;
    width:100%;
    height:56px;
    overflow:hidden;
    font-size:12px;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;/* 行数を指定 */
}


/* --- #entryFooter ul#articleListFollow --- */
#entryFooter ul#articleListFollow,
#entryFooter ul#articleDetailFollow{
    position:relative;
    width:96%;
    margin:0 auto 20px;
}
#entryFooter ul#articleListFollow li{
    margin:0;
    width:50%;
}
#entryFooter ul#articleListFollow li a{
    padding:8px 0;
    font-size:18px;
    line-height:1.2;
}
ul#articleListFollow li#articleListFollowTwitter a{
    background:#55acee;
}
ul#articleListFollow li#articleListFollowTwitter a span{
    padding:0 0 0 35px;
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) no-repeat 0 -250px;
}
ul#articleListFollow li#articleListFollowFacebook a{
    background:#315096;
    border-radius:6px;
}
ul#articleListFollow li#articleListFollowFacebook a span{
    padding:10px 0 10px 28px;
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) no-repeat 0 -300px;
}
ul#articleListFollow li#articleDetailFollowTwitter,
ul#articleListFollow li#articleDetailFollowFacebook{
    float: left;
    position: relative;
    margin:0;
    width:50%;
}
ul#articleListFollow li#articleDetailFollowTwitter a{
    background:#55acee;
    border-radius: 0;
}
ul#articleListFollow li#articleDetailFollowFacebook a{
    background:#315096;
    border-radius: 0;
}
ul#articleListFollow li a {
    border-radius: 0;
    color: #ffffff;
    display: block;
    text-align: center;
    transition: all 0.2s ease 0s;
    width: 100%;
}

/* --- #entryFooterWriterInfo --- */
#entryFooterWriterInfo{
    margin:0 10px;
    padding:10px;
    border:5px double #f4f2ef;
}
#entryFooterWriterInfoImg{
    width:100px;
    height:100px;
    margin:0 auto;
    border-radius:50%;
}
#entryFooterWriterInfoProfile{
    margin:10px 0 0;
    width:100%;
}
#entryFooterWriterInfoProfile dl dt{
    font-size:20px;
    font-weight:bold;
    text-align:center;
}
#entryFooterWriterInfoProfile dl dt span{
    display:block;
    font-weight:bold;
    font-size:15px;
}
#entryFooterWriterInfoProfile dl dd{
    margin:5px 0 0;
}
#entryFooterWriterInfo ul#entryFooterWriterSns{
    position:relative;
    margin:5px 0 0;
}
#entryFooterWriterInfo ul#entryFooterWriterSns li{
    float:left;
    height:24px;
    width:24px;
    margin:0 8px 0 0;
}
#entryFooterWriterInfo ul#entryFooterWriterSns li a{
    display:block;
    height:100%;
    width:100%;
    border-radius:20px;
}
#entryFooterWriterInfo ul#entryFooterWriterSns li.entryFooterWriterTwitter a{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) no-repeat 1px -399px #55acee;
}
#entryFooterWriterInfo ul#entryFooterWriterSns li.entryFooterWriterFacebook a{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) no-repeat -32px -400px #315096;
}
#entryFooterWriterInfo ul#entryFooterWriterSns li.entryFooterWriterHome a{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) no-repeat -65px -400px #ff9001;
}


/* --- #entryFooterPageView --- */
#entryFooterPageView{
    margin:20px 0 0;
    border-top:2px solid #f4f2ef;
}
#entryFooterPageView ul li{
    float:left;
    width:50%;
}
#entryFooterPageView ul li a{
    position:relative;
    display:block;
}
#entryFooterPageView ul li a:hover{
    text-decoration:none;
}
#entryFooterPageView ul li a:after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 10px;
    height: 10px;
    margin: -5px 0 0;
    border-top: solid 2px #7f7f7f;
    border-right: solid 2px #7f7f7f;
}
#entryFooterPageView ul li a:hover:after{
    border-top: solid 2px #a59694;
    border-right: solid 2px #a59694;
}
#entryFooterPageView ul li#entryFooterPageViewPrev a{
    padding:15px 15px 15px 30px;
}
#entryFooterPageView ul li#entryFooterPageViewNext a{
    padding:15px 30px 15px 15px;
    border-left:2px solid #f4f2ef;
}
#entryFooterPageView ul li#entryFooterPageViewPrev a:after{
    left: 10px;
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
#entryFooterPageView ul li#entryFooterPageViewNext a:after{
    right: 10px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#entryFooterPageView ul li a dl{
    position:relative;
}
#entryFooterPageView ul li a dl dt{
    width:100%;
    padding:2px 0;
    background:#a59694;
    border-radius:6px;
    color:#fff;
    text-align:center;
}
#entryFooterPageView ul li a dl dd{
    display: -webkit-box;
    height:60px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
#entryFooterPageView ul li a dl dd{
    margin:5px 0 0;
}
#entryFooterPageView ul li a:hover dl dt{
    background:#e41010;
}


/* -----------------------------------------------------------------
  .shareBn　twitterシェアボタン
----------------------------------------------------------------- */
.shareBn{
    margin:0 10px;
}

/* -----------------------------------------------------------------
  #relevanceArticle　関連記事
----------------------------------------------------------------- */
/* --- #entryFooterTrend --- */
#entryFooterTrend{
    border-top:2px solid #ffae00;
    border-bottom:2px solid #ffae00;
}
#entryFooterTrend h3{
    background:#ffae00;
    border:0;
    border-radius:0 0 6px 6px;
    color:#fff;
    font-size:14px;
    text-align:center;
}

#entryFooterTrend p.entryFooterTrendTitle{
    font-weight:bold;
    font-size:14px;
}
#entryFooterTrend span{
    font-weight:bold;
}
.entryFooterBox ul li p.entryFooterTrendTitleYaji span{
    color:#1a4fc1;
}
.entryFooterBox ul li a p.entryFooterTrendTitleYajiRed span{
    color:#e41010;
}
.entryFooterBox ul li a p.entryFooterTrendTitleYaji{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) no-repeat 115px -598px;

}
.entryFooterBox ul li a p.entryFooterTrendTitleYajiRed{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) no-repeat -445px -598px;
}



#mainRelevance{
    margin:15px 0 0;
}
/* --- #entryFooter ul.entryFooterBox --- */
ul.ArticleList{
    width:100%;
}
ul.ArticleList li{
    width:100%;
}
ul.ArticleList a{
    display:table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
    margin:0 auto;
    padding:10px;
    border-bottom:2px solid #e0deda;
}
ul.ArticleList li a:hover{
    text-decoration:none;
}
ul.ArticleList li a .trimmingImg{
    width:60px;
    height:60px;
    border:2px solid #e0deda;
}
ul.ArticleList li a .ArticleListInfo{
    display:table-cell;
    position:relative;
    width:100%;
    padding:0 15px 0 5px;
    color:#8f7979;
    vertical-align:top;
}
ul.ArticleList li a .ArticleListInfo p{
    font-size:13px;
    color:#554444;
}
ul.ArticleList li a .ArticleListInfo .ArticleListCount{
    color:#e41010;
    font-size:12px;
    min-height:18px;
    padding:0 0 0 18px;
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) -78px -148px no-repeat;
}
ul.ArticleList li a .ArticleListInfo .ArticleListCount span{
    font-weight:bold;
}



/* =================================================================

 writer ライター一覧

================================================================= */
.mainContentsBox{
    padding: 15px 0;
    background:#fff;
    border-radius:6px;
}
.mainContentsBox h2{
    margin:0 15px 10px;
    padding:0 0 0 8px;
    border-left:5px solid #8f7979;
    font-size:16px;
    font-weight:bold;
}
ul.writer li{
    width:100%;
}
ul.writer li a{
    display:block;
    padding:10px 15px;
    border-top:2px solid #f4f2ef;
}
ul.writer li a .writerImg{
    position:absolute;
    top:50%;
    width:60px;
    height:60px;
    margin:0 15px 5px 0;
    border-radius:50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
ul.writer li a .writerImg img{
    border-radius:50%;
}
ul.writer li a .writerInfo{
    min-height:60px;
    padding:0 10px 0 70px;
}
ul.writer li a p{
    font-size:14px;
}
ul.writer li a:hover{
    text-decoration:none;
}
ul.writer li a p.writerName{
    font-size:18px;
    font-weight:bold;
    color:#3b5999;
}
ul.writer li a:hover p{
    text-decoration:none;
}




/* =================================================================

 ライター個人ページ

================================================================= */
.entryWriter{
    margin:0 0 20px;
}