a:link{color:#0000ff;}
blockquote{background-color:#ffdd6e;border:1px dotted #fbb533;margin:0 10px;padding:10px;}
body{
 font-family:'メイリオ',Meiryo,'Meiryo UI', 'ＭＳ Ｐゴシック', sans-serif;
 background-color:#ffffff;
 color:#333333;
 margin:0;
 padding:0;
 position:relative;
 left:0;
}
img{border:none;}
h1{
 font-size:18px;
 font-weight:bold;
 margin:0 0 12px 0;
}
h1 a:link   {color:#FF6600;text-decoration:none;}
h1 a:visited{color:#FF6600;text-decoration:none;}
h1 a:active {color:#FF6600;text-decoration:none;}
h1 a:hover  {color:#FF6600;text-decoration:none;}
h2{
 font-size:18px;
 font-weight:bold;
 line-height:100%;
 margin:10px 0;
}
h3{
 background-color:#ffdd6e;
 border:1px solid #fbb533;
 font-weight:bold;
 line-height:120%;
 margin:10px 0;
 padding:5px 10px;
}
h4{clear:both;font-size:105%;font-weight:bold;line-height:100%;margin:25px 0 5px 0;}
h5{border-left:15px solid #fbb533;border-bottom:1px solid #fbb533;font-size:105%;font-weight:bold;line-height:100%;padding:10px;margin:30px 0 10px 0;}
p{line-height:150%;margin:20px 0;}
.pccentering{
 margin-left:auto;
 margin-right:auto;
 width:1070px;
}

/* メニュー部 */
#menu{
 position:fixed;
 top:0;
 left:0;
 z-index:1;
 width:100%;
 background-color:#ffdd6e;
}
#menu_list{
 margin:0;
 padding:5px;
 z-index:3;
}
#menu_list ul{
 list-style:none;
 margin:0;
 padding:0;
}
#menu_list li{
 float:left;
 height:22px;
 margin:0;
 padding:4px 12px;
 border-right:1px solid #fbb533;
 font-size:16px;
}
#menu_list form{
 float:left;
}
#menu_search{
 overflow:hidden;
 width:300px;
 padding-top:0 !important;
 border-right:none !important;
}
#menu_up{
 cursor:pointer;
 position:fixed;
 right:10px;
 bottom:10px;
}
#menu_up img{width:40px;}

/* ハンバーガーアイコン部 */
#menu_btn {  
  display: none;
  transition: all .5s;
  box-sizing: border-box;
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  margin: 6px;
  background-color:rgba(255, 255, 255, 0.7);
}
#menu_btn span {
  display: inline-block;
  transition: all .5s;
  box-sizing: border-box;
  position: absolute;
  left: 6px;
  width: 28px;
  height: 4px;
  background-color: #FF6600;
  border-radius: 4px;
}
#menu_btn span:nth-of-type(1) {top: 6px;}
#menu_btn span:nth-of-type(2) {top: 18px;}
#menu_btn span:nth-of-type(3) {bottom:6px;}
#menu_btn span:nth-of-type(1) {
  -webkit-animation: menu_btn-bar01 .5s forwards;
  animation: menu_btn-bar01 .5s forwards;
}
@-webkit-keyframes menu_btn-bar01 {
    0% {-webkit-transform: translateY(12px) rotate(45deg);}
   50% {-webkit-transform: translateY(12px) rotate(0);}
  100% {-webkit-transform: translateY(0) rotate(0);}
}
@keyframes menu_btn-bar01 {
    0% {transform: translateY(12px) rotate(45deg);}
   50% {transform: translateY(12px) rotate(0);}
  100% {transform: translateY(0) rotate(0);}
}
#menu_btn span:nth-of-type(2) {
  transition: all .25s .25s;
  opacity: 1;
}
#menu_btn span:nth-of-type(3) {
  -webkit-animation: menu_btn-bar03 .5s forwards;
  animation: menu_btn-bar03 .5s forwards;
} 
@-webkit-keyframes menu_btn-bar03 {
  0% {-webkit-transform: translateY(-12px) rotate(-45deg);}
  50% {-webkit-transform: translateY(-12px) rotate(0);}
  100% {-webkit-transform: translateY(0) rotate(0);}
}
@keyframes menu_btn-bar03 {
  0% {transform: translateY(-12px) rotate(-45deg);}
  50% {transform: translateY(-12px) rotate(0);}
  100% {transform: translateY(0) rotate(0);}
} 
#menu_btn.active span:nth-of-type(1) {
  -webkit-animation: active-menu_btn-bar01 .5s forwards;
  animation: active-menu_btn-bar01 .5s forwards;
}
@-webkit-keyframes active-menu_btn-bar01 {
  0% {-webkit-transform: translateY(0) rotate(0);}
  50% {-webkit-transform: translateY(12px) rotate(0);}
  100% {-webkit-transform: translateY(12px) rotate(45deg);}
}
@keyframes active-menu_btn-bar01 {
  0% {transform: translateY(0) rotate(0);}
  50% {transform: translateY(12px) rotate(0);}
  100% {transform: translateY(12px) rotate(45deg);}
}
#menu_btn.active span:nth-of-type(2) {
  opacity: 0;
}
#menu_btn.active span:nth-of-type(3) {
  -webkit-animation: active-menu_btn-bar03 .5s forwards;
  animation: active-menu_btn-bar03 .5s forwards;
}
@-webkit-keyframes active-menu_btn-bar03 {
  0% {-webkit-transform: translateY(0) rotate(0);}
  50% {-webkit-transform: translateY(-12px) rotate(0);}
  100% {-webkit-transform: translateY(-12px) rotate(-45deg);}
}
@keyframes active-menu_btn-bar03 {
  0% {transform: translateY(0) rotate(0);}
  50% {transform: translateY(-12px) rotate(0);}
  100% {transform: translateY(-12px) rotate(-45deg);}
} 

/* メイン部 */
.main{
 margin-top:50px;
 padding:0 10px;
 font-size:18px;
}

/* 記事部 */
.article{
 float:left;
 width:750px;
 font-size:18px;
 line-height:26px;
}
#sitelogo    {text-align:center;}
#sitelogo img{width:150px;}
#topnews     {margin-bottom:30px;}
.box_ccc{
 margin:20px 0;
 padding:20px;
 border:#cccccc 1px solid;
 font-size:18px;
 line-height:30px;
}
.boxtitle{
 margin-bottom:13px;
 font-size:18px;
 font-weight:bold;
}
.boxranking{
 margin:6px 0;
 padding:8px;
 border:#cccccc 1px solid;
 font-size:18px;
}
.boxranking_no{
 float:left;
 margin-right:8px;
 width:48px;
 text-align:right;
}
.boxranking_no_1d{
 float:left;
 margin-right:8px;
 width:30px;
 text-align:right;
}
.boxranking_no_2d{
 float:left;
 margin-right:8px;
 width:42px;
 text-align:right;
}
.boxranking_no_3d{
 float:left;
 margin-right:8px;
 width:54px;
 text-align:right;
}
.boxranking_people{
 float:left;
 margin-right:8px;
 width:48px;
 text-align:right;
}
.boxranking_people_1d{
 float:left;
 margin-right:8px;
 width:30px;
 text-align:right;
}
.boxranking_people_2d{
 float:left;
 margin-right:8px;
 width:42px;
 text-align:right;
}
.boxranking_people_3d{
 float:left;
 margin-right:8px;
 width:54px;
 text-align:right;
}
.boxranking_people_4d{
 float:left;
 margin-right:8px;
 width:66px;
 text-align:right;
}
.boxranking_sclname{
 float:left;
 width: -webkit-calc(100% - 112px);
 width:calc(100% - 112px);
}
.boxranking_sclname_2d{
 float:left;
 width: -webkit-calc(100% - 73px);
 width:calc(100% - 76px);
}
.boxranking_sclname_3d{
 float:left;
 width: -webkit-calc(100% - 88px);
 width:calc(100% - 88px);
}
.boxranking_sclname_4d{
 float:left;
 width: -webkit-calc(100% - 100px);
 width:calc(100% - 100px);
}
.boxranking_sclname_5d{
 float:left;
 width: -webkit-calc(100% - 112px);
 width:calc(100% - 112px);
}
.boxranking_sclname_6d{
 float:left;
 width: -webkit-calc(100% - 124px);
 width:calc(100% - 124px);
}
.boxranking_sclname_7d{
 float:left;
 width: -webkit-calc(100% - 136px);
 width:calc(100% - 136px);
}
.listceleb{
 margin:0;
 padding:10px 0;
 border-bottom:#cccccc 1px solid;
 font-size:18px;
 line-height:22px;
}
.listceleb_top{
 margin:0;
 padding:10px 0;
 border-top:#cccccc 1px solid;
 border-bottom:#cccccc 1px solid;
 font-size:18px;
 line-height:22px;
}
.listceleb_bottom{
 margin:0;
 padding:10px 0;
 font-size:18px;
 line-height:22px;
}
.listceleb_name{
 margin:0 10px 8px 0;
}
.listceleb_namespan{
 font-weight:bold;
}
.listceleb_tblposition{
 display:table;
 margin:0 0 8px 0;
}
.listceleb_tblsclhistory{
 display:table;
}
.listceleb_tblcellitem{
 display:table-cell;
 width:57px;
}
.listceleb_tblcelltext{
 display:table-cell;
}
.afterlistceleb{
 margin:20px 0;
 font-size:18px;
}
.genrerank{
 margin:0;
 padding:0 10px 0 20px;
 counter-reset:list;
 list-style-type:none;
}
.genrerank li {
 position:relative;
 padding: 0 0 0 20px;
 margin: 7px 0 7px 0px;
 line-height: 30px;
}
.genrerank li:before {
 counter-increment: list;
 content: "";
 position: absolute;
 left: 0px;
 height: 0;
 width: 0;
 border-top: 5px solid transparent;
 border-bottom: 5px solid transparent;
 border-left: 7px solid #999999;
 top: 14px;
 -moz-transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}
.arealist{margin-bottom:15px;}

/* サイド部 */
.side{
 float:right;
 text-align:left;
 width:300px;
 position: -webkit-sticky; /* Safariに対応する */
 position: sticky; /* 要素を固定/解除する */
 top:0;
}
.side_accessranking{display:none;}
.side_rankno       {width:42px;float:left;text-align:right;margin-right:5px;}
.side_rankpage     {width:211px;float:left;margin-bottom:5px;}

/* フッター部 */
#footer{
 width:100%;
 background-color:#cccccc;
 margin:10px 0 0 0;
 padding:5px 0;
 font-size:13px;
}
.foot_box{
 float:left;
 margin:0;
 padding:0 10px 10px 10px;
}
#foot_copyright{
 margin-top:5px;
 text-align:center;
}

/* その他クラス */
.readmore{
 text-align:center;
 text-decoration:underline;
 background:#eeeeee;
 margin-bottom:5px;
 color:#0000ff;
 display:none;
}
.readmore:hover{cursor:pointer;}

.pageguide{font-size:85%;}
.leftmini{font-size:85%;text-align:left;}
.centermini{font-size:85%;text-align:center;}
.rightmini{font-size:85%;text-align:right;}
.indexcomment{font-size:90%;margin:3px 0 15px 40px;}
.notecomment{font-size:95%;margin:0 0 5px 0;}
.notice{font-size:85%;color:#dd0000;}                                                       /* 一時的注 */
.cell1{background-color:#ffffcc;}
.cell2{background-color:#ffeeaa;}
.cell3{background-color:#ffdd6e;border:1px solid #fbb533;font-weight:bold;text-align:center;}
.sponsor{font-size:80%;text-align:left;clear:both;}
.sidetitle{background-color:#ffdd6e;border:3px double #fbb533;font-weight:bold;margin:0;padding:5px 10px;}
.searchbox{font-size:90%;width:130px;}
.searchbtn{font-size:90%;padding:2px 4px;}
.navi{font-size:95%;margin:10px 10px 0 0;padding:5px 0px;text-align:right;}
.bookmarks{font-size:95%;margin:8px 0 8px 0;padding:0;text-align:right;}
.rankingtable{margin-bottom:25px;}
.rankingtable TD{line-height:150%;padding:3px 10px;vertical-align:top;}
.rankingcomment{line-height:150%;margin:5px 0 20px 0;}
.celeblist{margin:0 0 10px 0;}
.celeblist TD{font-size:95%;padding:3px 10px;vertical-align:top;}

/* スマホ・タブレット用表示 スマホだけなら479px */
@media screen and (max-width:767px)
{
 h1{font-size:100%;}
 .pccentering{width:auto;}

 /* メニュー部 */
 #menu        {width:auto;background-color:transparent;}
 #menu_btn    {display:inline-block;}
 #menu_list{
  display:none;
  position:fixed;
  top:50px;
  left:0;
  width:250px;
  background-color:#ffdd6e;
  padding:0;
 }
 #menu_list ul{
  list-style:none;
  margin:0px;
  padding:0;
  border-top:1px solid #fbb533;
 }
 #menu_list li{
  float:none;
  margin:0px;
  padding:9px;
  border-bottom:1px solid #fbb533;
 }
 #menu_search{
  width:auto;
  height:40px !important;
  padding:9px !important;
  border-right:1px solid #fbb533 !important;
 }

 /* メイン部 */
 .main{
  width:auto;
  margin-top:5px;
 }

 /* 記事部 */
 .article{
  float:none;
  width:auto;
  font-size:18px;
 }
 #sitelogo img{width:120px;}
 .box_ccc{padding:15px;font-size:18px;line-height:22px;}
 .boxtitle{font-size:18px;}

 /* サイド部 */
 .side    {float:none;width:auto;}
 .side_rankpage{
  width: -webkit-calc(100% - 47px);
  width:calc(100% - 47px);
 }

 /* フッター部 */
 .footarea{width:auto;} 
}

/* 回り込み解除用クラス */
.clearfix:after{
 content: "";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix{
 zoom: 1; /* IE7 */
 display: block;
}