@charset "UTF-8";

.main{border-right:1px solid #D2D0D0;}
ul,ol,li{list-style:none;}

/* リンク */
a,
a:visited{color:#337AB7;}
a:hover{text-decoration:underline;}
a{-webkit-tap-highlight-color:rgba(197,204,218,0.60);}

/* 画像 */
img{max-width:100%;height:auto;}

/* ヘッダー */
.headerAreaAll{background-color: #FFFFFF;}
.headerArea{padding:5px 0;}
.headerLogo{position:relative;height:90px;margin:0;padding:0;text-align:left;}
.headerLogoMini{position:relative;height:45px;text-align:left;}
.headerLogoBottom{position:absolute;bottom:0px;}

/* グローバルナビ */
.navbar-inverse{background:#3B5998;border:none;}
.navbar-inverse a,
.navbar-inverse a:visited,
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav li a,
.navbar-inverse .navbar-nav li a:visited{color:#F0F0F0}
.navbar-inverse a:hover,
.navbar-inverse .navbar-nav li a:hover{background:#5881AF;color:#FFF;}
.navbar-inverse .dropdown-menu{background:#3B5998}
.navbar-inverse .navbar-nav .open a,
.navbar-inverse .navbar-nav .open a:focus{background:#3B5998}
.navbar-form{padding:0;}
.navbar-form .form-control{width:180px;}

/*navbar ホバードロップダウン*/
.nav .dropdown:hover .dropdown-menu{display:block;}
.menu-padding{padding-top:70px;}

/* ヘッダーSNSボタン */
.snsArea{position:relative;margin:60px 0 0 5px;}
.sns-btn-list{margin:0;padding:0;list-style:none;text-align:right;}
.sns-btn-list li{height:20px;margin:0;padding:0;display:inline-block;*display:inline;*zoom:1;vertical-align:bottom;}
.sns-btn-facebook{margin:0;padding:0;}
.sns-btn-twitter{margin:0;padding:0}

/*フッター*/
.footer{margin:0;padding:15px;border-top:1px solid #C3C1C1;}
.footer,
.footer-banner-wrap{background:#e9ecf0;}
.footer h1{margin:0 0 10px;padding:0;font-size:12px;font-weight:bold;}
.footer nav{margin:0 0 15px;}
.footer ul{margin:0;padding:0;font-size:12px;}
.footer li{margin:0 0 5px;list-style:none;text-align:left;}
.footer li:before{content:'» ';}
.footer a,
.footer a:visited{color:#1E1E1E;}
.footer a:hover{color:#235272;}
.footer-banner{width:728px;height:90px;margin:0 auto;text-align:center;}
.copyRight{margin:0 0 2em;clear:both;text-align:center;}
.footer-banner-wrap{height:110px;margin:0;padding:20px 0 0;}

/* title */
.columnTitle{margin:0 0 10px;padding:0;border-bottom:3px solid #ccc;font-size:15px;font-weight:bold;color:#666;line-height:1.2;}

/* ランキングリスト */
.access-ranking{padding:0 0 1.5em;}
.access-ranking .columnTitle{margin:0 0 5px;border:none;}
.access-ranking .rankingList{margin:0;padding:0;}
.access-ranking .rankingList ol{display:none;}
.access-ranking ol.selected{display:block;}
.access-ranking-tab{margin:0 0 15px;padding:0;border-bottom:3px solid #778899;list-style:none;}
.access-ranking-tab li{float:left;width:40%;margin:0;padding:10px 0;border:1px solid #778899;border-bottom:none;font-size:14px;color:#666;text-align:center;line-height:1;cursor:pointer;}
.access-ranking-tab li:hover{background:#e8ecef;}
.access-ranking-tab li:first-child{border-top-left-radius:4px;border-right:none;}
.access-ranking-tab li:last-child{border-top-right-radius:4px;border-left:none;}
.access-ranking-tab .selected,
.access-ranking-tab .selected:hover{background:#778899;color:#fff;cursor:default;}

.rankingList ol,
.rankingList ul{position:relative;margin:0;padding:0}
.rankingList li{margin:0 0 0.5em;padding:0 0 0.5em 2.1em;border-bottom:solid 1px #e6e6e6;list-style:none;list-style-position:outside;line-height:1.4;}
.rankingList li span{position:absolute;left:0;margin:0}

/* アフィリエイト */
.af-banner-list{margin:0 0 20px;padding:0;list-style:none;}
.af-banner-list li{display:none;height:auto;text-align:center;}
.af-text-link{margin:0 0 25px;padding:0;list-style:none;font-size:14px;}
.af-text-link li{position:relative;padding:0 0 5px 2.2em;border:none;}
.af-text-link li:last-child{padding-bottom:0;}
.af-text-link span{position:absolute;left:0;top:1px;padding:3px 6px 1px;}
.banner-img-hide{display:none;}

/* アフィリエイト Amazon */
.amazon-banner-list,
.rankingList .amazon-banner-list{margin:0 0 25px;padding:0;list-style:none;}
.amazon-banner-list li,
.rankingList .amazon-banner-list li{float:left;width:50%;margin:0;padding:0;border:none;}

/*　バナー　*/
.bannerSide li{margin-bottom:8px;}
.adBannerSide,
.ad-banner{margin:0 0 20px;text-align:center;}

/*　footerバナー固定　*/
.footer_fix {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 2px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}



/* スマホ・タブレット調整 style */
@media screen and (max-width:320px){
.sns-btn-twitter.top{margin:10px 0 0 120px;}
.pagination li{font-size:14px;}
}
@media screen and (max-width:767px){
.main{border:none;}
.headerLogoMini{height:25px;}
.container .navbar-header,
.container-fluid .navbar-header,
.container .navbar-collapse,
.container-fluid .navbar-collapse{margin:0;}
.navbar-fixed-top .container{margin:0 15px;padding:0 1px;}
.form-group{margin:0;padding:10px 0;overflow:hidden;}
.form-control{float:left;margin:0 5px 0 0;}
.navbar-brand{padding:17px 0 0;}
.navbar-toggle{margin-right:0;}
.navbar-collapse{padding:0;}
.navbar-nav{margin:10px 0;overflow:hidden;}
.navbar-form{margin:10px 0;padding:0 0 10px;}
.navbar-nav li{float:left;width:50%;border-right:1px solid #FFF;border-bottom:1px solid #FFF;}
.navbar-nav li:nth-child(2),
.navbar-nav li:nth-child(3){border-top:1px solid #FFF;}
.navbar-nav li:nth-child(even){border-left:1px solid #FFF;}
.navbar-nav li:nth-child(10){border-left:none;}
.navbar-inverse .navbar-nav li a,
.navbar-inverse .navbar-nav li a:visited{display:block;height:40px;margin:0;padding:0;background:#e9ecf0;font-size:14px;color:#333;text-align:center;line-height:40px;}
.navbar-inverse .navbar-nav .active a:hover,
.navbar-inverse .navbar-nav li a:hover,
.navbar-inverse .navbar-nav li a:focus{background:#e9ecf0;color:#333;}
.navbar-nav .dropdown-menu-list-inner a{padding:8px 0 8px 10px;}
.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:focus{background-color:#3b5998 !important;}
.navbar-inverse .navbar-toggle.toggle-color-on{background-color:#333 !important;}
.breadcrumb{font-size:12px;}
.blogEntryBody p:last-child{margin:0;}
.copyRight{font-size:10px;font-weight:normal;}
}
@media screen and (min-width:768px){
.container-fruid .container{width:785px;}
}
@media screen and (min-width:768px) and (max-width:1200px){
.left-col-banner01{margin:0 0 15px;}
}
@media screen and (min-width:992px){
.container-fruid .container{width:992px;}
}
@media screen and (min-width:1200px){
.container-fruid .container{width:1200px;}
}