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


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

 common

================================================================= */
/* -----------------------------------------------------------------
  #mainContentsTitle　ページタイトルとパンくずリスト
----------------------------------------------------------------- */
#mainContents p.bread{
    font-size:13px;
}
#mainContents p.bread a{
    text-decoration:underline;
}
#mainContents p.bread a:hover{
    text-decoration:none;
}
#main h2.h2MainContents{
    position: relative;
    margin: 10px 0 0;
    padding: 0 6px;
    border-left:6px solid #8f7979;
    color: #695555;
    font-size: 20px;
    font-weight: bold;
}
#main h2#mainContentsRank{
    position:relative;
    top:10px;
    padding: 4px 0 0 42px;
    background: rgba(0, 0, 0, 0) url("http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130") no-repeat 0 -202px;
    font-weight: bold;
    border:0;
}
#main h2#h2MainContentsTop{
    margin: 10px 0 20px;
}

/* -----------------------------------------------------------------
  ul.articleList　記事一覧
----------------------------------------------------------------- */
ul.articleList{
    margin:0 0 0 -30px;
}
ul.articleList li{
    float:left;
    position:relative;
    width:360px;
    margin:0 0 30px 30px;
}
ul.articleList li a{
    display:block;
    background:#ffffff;
    border-radius:6px;
}
ul.articleList li a:hover{
    text-decoration:none;
    border-radius:6px 6px 0 0;
}
/* --- ul.articleList li a .articleListImg --- */
ul.articleList li a .articleListImg{
    width:100%;
    height:230px;
    border-radius:6px 6px 0 0;
}
ul.articleList li a .articleListImg img{
    width: 100%;
    width: 100%\0;/* IE8以上 */
    height: auto;
    margin: auto;
    -webkit-transition:border-radius none;
    -moz-transition:border-radius none;
    -o-transition:border-radius none;
    transition:border-radius none;
}
/* --- ul.articleList li a  p.articleListCount --- */
ul.articleList li a p.articleListCount{
    position:absolute;
    top:0;
    left:0;
    padding:3px 10px 1px 10px;
    background:#e41010;
    border-radius:6px 0 0 0;
    text-align:center;
    font-size:18px;
}
ul.articleList li a p.articleListCount span{
    padding:0 0 0 20px;
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) no-repeat 0 -150px;
    color:#ffffff;
}
/* --- ul.articleList li a  p.articleListNew --- */
ul.articleList li a p.articleListNew {
    position:absolute;
    top:0;
    right:0;
}
/* --- ul.articleList li a .articleListInfo --- */
ul.articleList li a .articleListInfo{
    padding:10px;
}
ul.articleList li a .articleListInfo p.articleListInfoDate{
    float:left;
    width:108px;
    margin:5px 0 0;
    font-size:13px;
    color:#6f5959;
}
ul.articleList li a .articleListInfo p.articleListInfoWriter{
    float:right;
    width:200px;
    text-align:right;
}
ul.articleList li a .articleListInfo p.articleListInfoWriter span.articleListInfoWriterImg{
    display:block;
    float:right;
    width:30px;
    height:30px;
    border-radius:50%;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;
}
ul.articleList li a:hover .articleListInfo p.articleListInfoWriter .trimmingImg img{
     opacity: 1;
    filter: alpha(opacity=100);
}
ul.articleList li a .articleListInfo p.articleListInfoWriter span.articleListInfoWriterName{
    display:block;
    float:right;
    overflow: hidden;
    white-space: nowrap;
    width: 164px;
    height: 20px;
    padding:5px 5px 0 0;
     text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
ul.articleList li a .articleListInfo h2.articleListInfoTitle{
    display: -webkit-box;
    width:100%;
    height:80px;
    margin:5px 0 0;
    font-size:20px;
    font-weight:bold;
    line-height:1.4;
    letter-spacing:1.5px;
    color:#695555;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
ul.articleList li a .articleListInfo  ul.articleListInfoCount{
    margin:10px 0 0 0;
    border:0;
}
ul.articleList li a .articleListInfo  ul.articleListInfoCount li{
    float:left;
    width:auto;
    margin:0 15px 0 0;
    padding:0 0 0 24px;
    border:0;
    font-size:14px;
    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 -79px -99px;
}
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 0 -99px;
}
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 -159px -99px;
}
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 -239px -99px;
}

/* -----------------------------------------------------------------
  .pageview
----------------------------------------------------------------- */
.pageview{
    position: relative;
    overflow: hidden;
    margin:0 0 80px;
}
.pageview ul.pageviewPage{
    float:left;
    position:relative;
    left:50%;
    padding:0 10px;
}
.pageview ul.pageviewPage li{
    position:relative;
    float:left;
    left:-50%;
    margin:10px 5px;
}
.pageview ul.pageviewPage li.pageviewPageMark{
    padding:5px 0;
}
.pageview ul.pageviewPage li a{
    display:block;
    padding:5px 10px;
    background:#ffffff;
    border-radius:2px;
    color:#8f7979;
}
.pageview ul.pageviewPage li a:hover{
    background:#8f7979;
    color:#fff;
    text-decoration:none;
}
.pageview ul.pageviewPage li.pageActive {
    padding:5px 10px;
    background:#8f7979;
    border-radius:2px;
    color:#fff;
}
/* ---(min-width: 737px) and (max-width: 899px) --- */
@media screen and (min-width: 737px) and (max-width: 899px) {
.pageview{
    margin:0;
}
}

/* -----------------------------------------------------------------
  ul#articleListFollow
----------------------------------------------------------------- */
ul#articleListFollow{
    margin:0 0 0 -30px;
}
ul#articleListFollow li{
    position:relative;
    float:left;
    width:360px;
    margin:0 0 20px 30px;
}
ul#articleListFollow li a{
    display:block;
    padding:8px 0;
    width:100%;
    background:#ffffff;
    border-radius:0px;
    text-align:center;
    font-size:20px;
    color:#ffffff;
    -webkit-transition: .2s;
    transition: .2s;
}
ul#articleListFollow li a:hover{
    text-decoration:none;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
ul#articleListFollow li#articleListFollowTwitter a{
    background:#55acee;
    border-radius:6px;
}
ul#articleListFollow li#articleListFollowTwitter a span{
    padding:10px 0 10px 35px;
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) no-repeat 0 -244px;
}
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 -295px;
}
ul#articleListFollow li#articleDetailFollowTwitter a{
    background:#67aadd;
}
ul#articleListFollow li#articleDetailFollowFacebook a{
    background:#3b5999;
}

/* ---(min-width: 900px) and (max-width: 1119px) --- */
@media screen and (min-width: 900px) and (max-width: 1119px) {
ul#articleListFollow{
    margin:0 0 0 -5%;
}
ul#articleListFollow li{
    width:45%;
    margin:0 0 20px 5%;
}
}
/* ---(min-width: 737px) and (max-width: 899px) --- */
@media screen and (min-width: 737px) and (max-width: 899px) {
ul#articleListFollow{
    margin:0 0 0 -4%;
}
ul#articleListFollow li{
    width:46%;
    margin:0 0 15px 4%;
}
}

/* -----------------------------------------------------------------
  .entryWriterInfo　ライター紹介
----------------------------------------------------------------- */
.entryWriterInfo{
    padding:15px;
    border:5px double #f4f2ef;
}
.entryWriterInfoImg{
    float:left;
    width:150px;
    height:150px;
    margin:0;
}
.entryWriterInfoImg img{
    width:100%;
    margin:0;
    border:none;
    border-radius:50%;
}
.entryWriterInfoProfile{
    float:right;
    width:510px;
}
.entryWriterInfoProfile dl dt{
    font-size:20px;
    font-weight:bold;
}
.entryWriterInfoProfile dl dt span{
    display:block;
    font-weight:bold;
    font-size:16px;
}
.entryWriterInfoProfile dl dd{
    margin:5px 0 0;
}
.entryWriterInfo ul.entryWriterSns{
    position:relative;
    margin:8px 0 0;
}
.entryWriterInfo ul.entryWriterSns li{
    float:left;
    height:24px;
    width:24px;
    margin:0 4px;
}
.entryWriterInfo ul.entryWriterSns li:first-child{
    margin:0 4px;
}
.entryWriterInfo ul.entryWriterSns li a{
    display:block;
    height:100%;
    width:100%;
    border-radius:20px;
}
.entryWriterInfo ul.entryWriterSns li.entryWriterTwitter a{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/pc/icon_pc_sprite.png) no-repeat 0 -299px #55acee;
}
.entryWriterInfo ul.entryWriterSns li.entryWriterFacebook a{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/pc/icon_pc_sprite.png) no-repeat 0 -328px #315096;
}
.entryWriterInfo ul.entryWriterSns li.entryWriterHome a{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/pc/icon_pc_sprite.png) no-repeat 0 -355px #ff9001;
}

/* ---(min-width: 900px) and (max-width: 1119px) --- */
@media screen and (min-width: 900px) and (max-width: 1119px) {
    .entryWriterInfoImg{
        width:25%;
        height:auto;
    }
    .entryWriterInfoProfile{
        width:72%;
    }
}

/* ---(min-width: 737px) and (max-width: 899px) --- */
@media screen and (min-width: 737px) and (max-width: 899px) {
    .entryWriterInfoImg{
        width:25%;
        height:auto;
    }
    .entryWriterInfoProfile{
        width:72%;
    }
}


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

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

================================================================= */
/* -----------------------------------------------------------------
  ul#articleListFirst
----------------------------------------------------------------- */
ul#articleListFirst{
    margin:0;
}
ul#articleListFirst li{
    position:relative;
    float:left;
    width:100%;
    margin:0 0 30px;
}
/* --- ul#articleListFirst li a .articleListImg --- */
ul#articleListFirst li a .articleListImg{
    width:100%;
    height:420px;
}
/* --- ul#articleListFirst li a .articleListInfo --- */
ul#articleListFirst li a .articleListInfo h2.articleListInfoTitle{
    height:54px;
    -webkit-line-clamp:2;
}
ul#articleListFirst li a .articleListInfo  ul.articleListInfoCount li{
    float:left;
    width:auto;
    margin:0 15px 0 0;
}

/* ---(min-width: 900px) and (max-width: 1119px) --- */
@media screen and (min-width: 900px) and (max-width: 1119px) {
ul.articleList{
    margin:0 0 0 -5%;
}
ul.articleList li{
    width:45%;
    margin:0 0 30px 5%;
}
/* --- ul.articleList li a .articleListImg --- */
ul.articleList li a .articleListImg{
    width:100%;
    height:180px;
    border-radius:6px 6px 0 0;
}
/* --- ul.articleList li a .articleListInfo --- */
ul.articleList li a .articleListInfo p.articleListInfoDate{
    width:88px;
    font-size:11px;
}
ul.articleList li a .articleListInfo p.articleListInfoWriter{
    font-size:11px;
    width:124px;
}
ul.articleList li a .articleListInfo h2.articleListInfoTitle{
    height:62px;
    font-size:16px;
}

/* -----------------------------------------------------------------
  ul#articleListFirst
----------------------------------------------------------------- */
/* --- ul#articleListFirst li a .articleListImg --- */
ul#articleListFirst li a .articleListImg{
    height:300px;
}
/* --- ul#articleListFirst li a .articleListInfo --- */
ul#articleListFirst li a .articleListInfo h2.articleListInfoTitle{
    height:40px;
}
ul.articleList li a .articleListInfo p.articleListInfoWriter span.articleListInfoWriterImg{
    width:24px;
    height:24px;
}
ul.articleList li a .articleListInfo p.articleListInfoWriter span.articleListInfoWriterName{
    padding:3px 5px 0 0;
    width: 93px;
}
}

/* ---(min-width: 737px) and (max-width: 899px) --- */
@media screen and (min-width: 737px) and (max-width: 899px) {
ul.articleList{
    margin:0 0 0 -4%;
}
ul.articleList li{
    width:46%;
    margin:0 0 30px 4%;
}
ul.articleList li a .articleListInfo p.articleListInfoWriter span.articleListInfoWriterImg{
    width:24px;
    height:24px;
}
ul.articleList li a .articleListInfo p.articleListInfoWriter span.articleListInfoWriterName{
    padding:3px 5px 0 0;
}
}


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

 記事ページ

================================================================= */
/* -----------------------------------------------------------------
  #sideFixedBox
----------------------------------------------------------------- */
#sideFixedBox{
    position: relative;
    width: 300px;
}


/* -----------------------------------------------------------------
  #shareFixed
----------------------------------------------------------------- */
#shareFixed {
    position: absolute;
    top: 0;
    width: 84px;
    height:328px;
    padding: 8px 8px 0;
    background:#ffffff;
    border:1px solid #f4f2ef;
    border-radius:6px;
    text-align:center;
    outline:none;
}
#shareFixed ul li{
    margin: 0 0 12px 0;
}
#shareFixed ul li a:hover{
    text-decoration: none;
}
#shareFixed ul li a span.likeBtnImg:hover, #shareFixed ul li a span.shareBtnImg:hover,
#shareFixed ul li a span.shareBtnImg:hover, #shareFixed ul li a span.likeBtnImg:hover{
    transition: all 0.2s ease 0s;
    opacity: 0.6;
}
#shareFixed .arrowBox:before {
    border-color: #cccccc rgba(204, 204, 204, 0) rgba(204, 204, 204, 0);
    border-width: 6px;
    margin-left: -6px;
}
#shareFixed .arrowBox:after, .arrowBox:before {
    border: medium solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}
#shareFixed .arrowBox:after {
    border-color: #ffffff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-width: 5px;
    margin-left: -5px;
}
#shareFixed .arrowBox {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 3px;
    font-size: 17px;
    line-height: 32px;
    margin-bottom: 8px;
    position: relative;
    text-align: center;
}
.shareFixedFacebook a span {
    background: #315096 url("http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130") no-repeat scroll -303px -500px;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 13px;
    height: 24px;
    padding: 5px 0 0 18px;
    text-align: center;
    width: 66px;
}
.shareFixedFacebook a span.likeBtnImg {
    margin-bottom: 8px;
}
.shareFixedTwitter a span {
    background: #10a5de url("http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130") no-repeat scroll 0 -500px;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 24px;
    padding: 5px 0 0 22px;
    text-align: center;
    width: 62px;
}
.shareFixedHatena a span {
    background: #008fde url("http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130") no-repeat scroll 0 -551px;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 13px;
    height: 24px;
    padding: 5px 0 0 22px;
    text-align: center;
    width: 62px;
}
.shareFixedPocket a span {
    background: #f13d53 url("http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130") no-repeat scroll -300px -549px;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 13px;
    height: 24px;
    padding: 5px 0 0 18px;
    text-align: center;
    width: 66px;
}

/* ---(max-width: 1119px) --- */
@media screen and (min-width: 900px) and (max-width: 1119px){
    #shareFixed {
        display:none;
        background:none;
        border:0;
    }
    #shareFixed ul{
        display:none;
    }
}
@media screen and (min-width: 737px) and (max-width: 899px) {
    #shareFixed {
        display:none;
        background:none;
        border:0;
    }
    #shareFixed ul{
        display:none;
    }
}


/* -----------------------------------------------------------------
  #followFixed
----------------------------------------------------------------- */
#followFixed {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 167px;
    padding:8px 8px 0 8px;
    background:#ffffff;
    border:1px solid #f4f2ef;
    border-radius:6px;
    text-align:center;
    outline:none;
}
#followFixed ul li {
    width: 100%;
    margin-bottom: 8px;
}
#followFixed ul li a {
    transition: all 0.2s ease 0s;
}
#followFixed ul li a:hover {
    opacity: 0.6;
    text-decoration: none;
}
#followFixed ul li.followBtnFacebook {
    height: 71px;
}
#followFixed ul li a span:hover {
    cursor: pointer;
}
#followFixed ul li.followBtnFacebook a span {
    background: #284a95 url("http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130") no-repeat scroll -300px -500px;
}
#followFixed ul li.followBtnTwitter a span {
    background: #10a5de url("http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130") no-repeat scroll 3px -500px;
}
#followFixed ul li.followBtnFeed a span {
    background: #ec8232 url("http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130") no-repeat scroll -558px -500px;
}
#followFixed ul li a span {
    display: block;
    width: 100%;
    height: 24px;
    padding: 5px 0 0;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
#followFixed .arrowBox::before {
    border-color: #cccccc rgba(204, 204, 204, 0) rgba(204, 204, 204, 0);
    border-width: 6px;
    margin-left: -6px;
}
#followFixed .arrowBox::after {
    border: medium solid transparent;
    content: " ";
    top: 100%;
    left: 50%;
    pointer-events: none;
    position: absolute;
}
#followFixed .arrowBox::after {
    border-color: #ffffff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-width: 5px;
    margin-left: -5px;
}
#followFixed .arrowBox {
    margin-bottom: 8px;
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 3px;
    line-height: 32px;
    font-size: 17px;
    position: relative;
    text-align: center;
}


/* -----------------------------------------------------------------
  #articleListFixed
----------------------------------------------------------------- */
#articleListFixed {
    display: block;
    position: absolute;
    top: 367px;
    width: 300px;
}

/* -----------------------------------------------------------------
  #followParts
----------------------------------------------------------------- */
#followParts {
    position: fixed;
    bottom:10px;
    right:-245px;
    width:220px;
    height:76px;
    padding:10px;
    color:#695555;
    background:#ffffff;
    border-radius:6px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
#followParts img {
    float: left;
}
#followParts p {
    float: left;
    width:130px;
    padding:0 0 8px 10px;
    font-size:14px;
    line-height: 1.4em;
}
#followParts a {
    display: block;
    float: right;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    background-color: #55acee;
    border-radius: 3px;
}
#followParts a:hover {
    opacity:0.8;
    text-decoration:none;
}
/* ---(max-width: 1119px) --- */
@media screen and (min-width: 900px) and (max-width: 1119px){
    #followParts {
        display:none;
        background:none;
        border:0;
    }
}
@media screen and (min-width: 737px) and (max-width: 899px) {
    #followParts {
        display:none;
        background:none;
        border:0;
    }
}


/* -----------------------------------------------------------------
  #entry
----------------------------------------------------------------- */
#entry{
    max-width:750px;
    margin:10px auto 30px auto;
}
#entryHeader{
    padding:15px 20px;
    background:#ffffff;
    border-radius:6px 6px 0 0;
}
#entryContent{
    padding:15px 20px 60px 20px;
    background:#ffffff;
    border-top:2px solid #f4f2ef;
}
#entryFooter{
    background:#ffffff;
    border-radius:0 0 6px 6px;
}
/* ---(min-width: 737px) and (max-width: 899px) --- */
@media screen and (min-width: 737px) and (max-width: 899px) {
    #entry{
        max-width:100%;
    }
}


/* -----------------------------------------------------------------
  #entryHeader
----------------------------------------------------------------- */
/* --- #entryHeaderInfo ---*/
#entryHeaderInfo{
    position:relative;
}
#entryHeaderInfo span{
    position:relative;
    right:20px;
}
#entryHeaderInfo span.entryHeaderCategory{
    padding:5px 10px;
    background:#e41010;
    color:#fff;
}
#entryHeaderInfo span.entryHeaderDate{
    padding:0 0 0 5px;
    font-size:13px;
}
/* --- #entryHeader h2 ---*/
#entryHeader h2{
    margin:10px 0 0;
    font-size:24px;
    font-weight:bold;
}
/* --- #entryHeaderTagWriter --- */
#entryHeaderTagWriter{
    margin:5px 0 0;
}
#entryHeaderTagWriter ul.ultag{
    float:left;
    width:69%;
}
#entryHeaderTagWriter ul.ultag li {
    margin:5px 15px 0 0;
}
#entryHeaderTagWriter ul.ultag li a{
    padding:0 8px 0 10px;
    font-size:13px;
    font-weight:normal;
    line-height:22px;
}
#entryHeaderTagWriter ul.ultag li a::before {
    left: -9px;
    border-width: 11px 10px 11px 0;
}
#entryHeaderTagWriter p.articleListInfoWriter{
    float:right;
    width:30%;
    text-align:right;
}
#entryHeaderTagWriter p.articleListInfoWriter span.articleListInfoWriterImg{
    display:block;
    float:right;
    width:36px;
    height:36px;
    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:right;
    padding:3px 6px 0 0;
    font-size:17px;
    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:140px;
    height:64px;
    margin:0 15px 0 0;
}
.shareBtn ul li a{
    -webkit-transition: .2s;
    transition: .2s;
}
.shareBtn ul li a:hover{
    text-decoration:none;
    text-decoration:none;
    opacity: 0.6;
}
.shareBtn ul li a span{
    position:absolute;
    left:0;
    bottom:0;
    display:block;
    width:100%;
    height:24px;
    padding:5px 0 0;
    border-radius:3px;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    text-align:center;
}
.shareBtn ul li.shareBtnTwitter a span{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) 8px -501px no-repeat #55acee;
}
.shareBtn ul li.shareBtnFacebook a span{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) -300px -500px no-repeat #315096;
}
.shareBtn ul li.shareBtnHatena a span{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) 8px -551px no-repeat #008fde;
}
.shareBtn ul li.shareBtnPocket a span{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) -292px -549px no-repeat #f13d53;
}
.shareBtn .arrowBox {
    position: relative;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 3px;
    font-size:15px;
    text-align: center;
}
.shareBtn .arrowBox:after, .arrowBox:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    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;
}
/* ---(min-width: 900px) and (max-width: 1119px) --- */
@media screen and (min-width: 900px) and (max-width: 1119px) {
.shareBtn ul li{
    width:105px;
    margin:0 12px 0 0;
}
.shareBtn ul li.shareBtnTwitter a span{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) 4px -501px no-repeat #55acee;
}
.shareBtn ul li.shareBtnFacebook a span{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) -304px -500px no-repeat #315096;
}
.shareBtn ul li.shareBtnHatena a span{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) 4px -551px no-repeat #008fde;
}
.shareBtn ul li.shareBtnPocket a span{
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) -296px -549px no-repeat #f13d53;
}
}


/* -----------------------------------------------------------------
  #entryFooter
----------------------------------------------------------------- */
#entryFooter .entryFooterBox{
    width:100%;
    padding:15px 0;
    border-top:2px solid #f4f2ef;
}

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

@media screen and (min-width: 737px) and (max-width: 899px) {
    #entryFooterTrend a:hover{
        background:none;
    }
}

/* --- #entryFooterRecommend --- */
#entryFooter #entryFooterRecommend{
    width:100%;
    margin:0 0 10px ;
    border:0;
}
#entryFooter #entryFooterRecommend ul{
    margin:0;
}
#entryFooter #entryFooterRecommend ul li{
    display:block;
    width:100%;
    margin:0;
    border-top:1px solid #f4f2ef;
    border-bottom:1px solid #f4f2ef;
}
#entryFooter #entryFooterRecommend ul li:first-child{
    margin:15px 0 0 0;
}
#entryFooter #entryFooterRecommend ul li a{
    padding:10px 30px 15px 30px;
    height:120px;
}
#entryFooter #entryFooterRecommend ul li a:hover{
    background:#f4f2ef;
}
#entryFooter #entryFooterRecommend ul li a .entryFooterWriterImg{
    width:20%;
    float:left;
    height:120px;
}
#entryFooter #entryFooterRecommend .ArticleListInfo{
    width:77%;
    float:right;
    height:120px;
}
#entryFooter #entryFooterRecommend ul li dl dt{
    display: -webkit-box;
    width:100%;
    height:58px;
    overflow:hidden;
    font-size:18px;
    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:62px;
    overflow:hidden;
    font-size:13px;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    webkit-line-clamp:4;
    -webkit-line-clamp:4;/* 行数を指定 */
}


/* --- #entryFooter ul#articleListFollow --- */
#entryFooter ul#articleListFollow{
    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;
}

/* --- #entryFooter ul.entryFooterBox --- */
.entryFooterBox{
    width:750px;
    padding:0;
}
.entryFooterBox ul{
    margin:0 0 0 15px;
}
.entryFooterBox ul li{
    display: inline;
    float:left;
    width:168px;
    margin:15px 0 0 15px;
}
.entryFooterBox ul li:first-child{
    margin:15px 0 0 0;
}
.entryFooterBox ul li a{
    display:block;
    position:relative;
}
.entryFooterBox ul li a:hover{
    text-decoration:none;
}
.entryFooterBox ul li a .entryFooterWriterImg{
    margin:0 0 5px;
    width:100%;
    height:120px;
    border-radius:6px;
    border:2px solid #e0deda;
}
.entryFooterBox ul li a .entryFooterBoxCount{
    position:absolute;
    top:2px;
    left:2px;
    padding:2px 10px 1px 10px;
    background:#e41010;
    border-radius:5px 0 0 0;
    text-align:center;
}
.entryFooterBox ul li a .entryFooterBoxCount span{
    padding:0 0 0 20px;
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) no-repeat 0 -151px;
    color:#ffffff;
}
.entryFooterBox ul li a p{
    margin:0;
    font-size:13px;
}
.entryFooterBox ul li a:hover p{
    text-decoration:none;
}

/* --- #entryFooterTrend ---*/
#entryFooterTrend{
    margin:20px 0 0;
    background: -moz-linear-gradient(top center, #fff6e4 100%, #fff 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fff6e4), to(#fff));
    background: linear-gradient(top center, #fff6e4 100%, #fff 100%);
}
#entryFooterTrend ul{
    margin:0 0 0 30px;
}
#entryFooterTrend ul li{
    display: inline;
    float:left;
    width:30%;
    margin:15px 0 0 20px;
}
#entryFooterTrend ul li:first-child{
    margin:15px 0 0 0;
}
#entryFooterTrend ul li a .entryFooterWriterImg{
    height:220px;
}
.entryFooterBox ul li a p.entryFooterTrendTitle{
    font-weight:bold;
    font-size:16px;
}
.entryFooterBox ul li a p span{
    font-size:16px;
    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(../../image/common/common_parts_sprite.png?date=20151130) no-repeat 115px -596px;

}
.entryFooterBox ul li a p.entryFooterTrendTitleYajiRed{
    background:url(../../image/common/common_parts_sprite.png?date=20151130) no-repeat -445px -596px;
}


/* --- #entryFooterWriter --- */
#entryFooter .entryFooterWriter{
    margin:0;
}
#entryFooter .entryWriter{
    margin:0;
    padding:0 15px 15px 15px;
}
/* ---(min-width: 900px) and (max-width: 1119px) --- */
@media screen and (min-width: 900px) and (max-width: 1119px) {

}

/* ---(min-width: 737px) and (max-width: 899px) --- */
@media screen and (min-width: 737px) and (max-width: 899px) {

}


/* --- #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 40px;
}
#entryFooterPageView ul li#entryFooterPageViewNext a{
    padding:15px 40px 15px 15px;
    border-left:2px solid #f4f2ef;
}
#entryFooterPageView ul li#entryFooterPageViewPrev a:after{
    left: 15px;
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
#entryFooterPageView ul li#entryFooterPageViewNext a:after{
    right: 15px;
    -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:30%;
    padding:2px 10px;
    background:#a59694;
    border-radius:6px;
    color:#fff;
    text-align:center;
}
#entryFooterPageView ul li a dl dd{
    display: -webkit-box;
    height:70px;
    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;
}



/* ---(min-width: 900px) and (max-width: 1119px) --- */
@media screen and (min-width: 900px) and (max-width: 1119px) {
    /* --- #entryFooterPageView --- */
    #entryFooterPageView ul li a dl dt{
        width:50%;
    }
    /* --- #entryFooter ul.entryFooterBox --- */
    .entryFooterBox{
        width:100%;
        margin:0;
    }
    .entryFooterBox ul li{
        width:23%;
        margin:15px 0 0 2%;
    }
    .entryFooterBox ul li a .entryFooterWriterImg{
        width:100%;
        height:130px;
    }

    /* --- #entryFooterTrend ---*/
    #entryFooterTrend ul{
        margin:0 0 0 15px;
    }
    #entryFooterTrend ul li a .entryFooterWriterImg{
        height:160px;
    }
}

/* ---(min-width: 737px) and (max-width: 899px) --- */
@media screen and (min-width: 737px) and (max-width: 899px) {
    /* --- #entryFooter ul.entryFooterBox --- */
    .entryFooterBox{
        width:100%;
    }
    .entryFooterBox ul li{
        width:23%;
        margin:15px 0 0 2%;
    }
    .entryFooterBox ul li a .entryFooterWriterImg{
        width:100%;
        height:140px;
    }
}


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


/* -----------------------------------------------------------------
  #relevanceArticle　関連記事
----------------------------------------------------------------- */
#relevanceArticle ul{
    margin:0 -26px 0 0;
}
#relevanceArticle ul li{
    display:inline;
    float:left;
    width:168px;
    margin:20px 26px 0 0;
}
#relevanceArticle ul li a{
    display:block;
    position:relative;
    width:100%;
}
#relevanceArticle ul li a:hover{
    text-decoration:none;
}
#relevanceArticle ul li a .relevanceArticleImg{
    width:98%;
    height:170px;
    margin:0 0 5px;
    border-radius:6px;
    border:2px solid #e0deda;
}
#relevanceArticle ul li a .ArticleListCount{
    position:absolute;
    top:2px;
    left:2px;
    padding:2px 10px 1px 10px;
    background:#e41010;
    border-radius:5px 0 0 0;
    text-align:center;
}
#relevanceArticle ul li a .ArticleListCount span{
    padding:0 0 0 20px;
    background:url(http://special.aucfan.com/wp-content/themes/the-bootstrap/image/common/common_parts_sprite.png?date=20151130) no-repeat 0 -151px;
    color:#ffffff;
}
#relevanceArticle ul li a p{
    display: -webkit-box;
    height:80px;
    margin:0;
    font-size:13px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
#relevanceArticle ul li a:hover p{
    text-decoration:none;
}
/* ---(min-width: 900px) and (max-width: 1119px) --- */
@media screen and (min-width: 900px) and (max-width: 1119px) {
    #relevanceArticle ul{
        margin:0 -3% 0 0;
    }
    #relevanceArticle ul li{
        width:22%;
        margin:20px 3% 0 0;
    }
}

/* ---(min-width: 737px) and (max-width: 899px) --- */
@media screen and (min-width: 737px) and (max-width: 899px) {
    #relevanceArticle ul{
        margin:0 -2% 0 0;
    }
    #relevanceArticle ul li{
        width:22%;
        margin:20px 3% 0 0;
    }
    #entryFooter ul li a.iconYaji{
        padding:0;
    }
    #entryFooter ul li a.iconYaji:after{
        display:none;
    }
    #relevanceArticle ul li a.iconYaji{
        padding:0;
    }
    #relevanceArticle ul li a.iconYaji:after{
        display:none;
    }
    #relevanceArticle ul li a.iconYaji:hover{
        background:none;
    }
}





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

 .mainContentsBox

================================================================= */
.mainContentsBox{
    padding: 15px 20px;
    background:#fff;
    border-radius:6px;
}
.mainContentsBox h2{
    padding:0 0 0 8px;
    border-left:8px solid #8f7979;
    font-size:21px;
    font-weight:bold;
}


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

 writer ライター一覧

================================================================= */
ul.writer{
    width:708px;
    margin:0 auto;
}
ul.writer li{
    float:left;
    width:206px;
    margin:15px;
}
ul.writer li a{
    display:block;
    width:100%;
    height:100%;
}
ul.writer li a .writerImg{
    width:206px;
    height:206px;
    margin:0 0 5px;
    border-radius:50%;
}
ul.writer li a p{
    width:100%;
    text-align:center;
    font-size:14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
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;
}
ul.writer li a.iconYaji{
    padding:0;
}
ul.writer li a.iconYaji:after{
    display:none;
}
ul.writer li a.iconYaji:hover {
    background:none;
}

/* ---(min-width: 900px) and (max-width: 1119px) --- */
@media screen and (min-width: 900px) and (max-width: 1119px) {
    ul.writer{
        width:510px;
    }
    ul.writer li{
        width:140px;
    }
    ul.writer li a .writerImg{
        width:140px;
        height:140px;
    }
    ul.writer li a p{
        font-size:12px;
    }
    ul.writer li a:hover{
        text-decoration:none;
    }
    ul.writer li a p.writerName{
        font-size:15px;
        font-weight:bold;
        color:#3b5999;
}
}

/* ---(min-width: 737px) and (max-width: 899px) --- */
@media screen and (min-width: 737px) and (max-width: 899px) {
    ul.writer{
        width:630px;
    }
    ul.writer li{
        width:180px;
    }
    ul.writer li a .writerImg{
        width:180px;
        height:180px;
    }
}


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

 ライター個人ページ

================================================================= */
.entryWriter{
    margin:10px 0 30px;
    padding:15px;
    background:#ffffff;
    border-radius:6px;
}