/*  * タブとして必要な設定  */

.panels > .panel {

  display: none;

}



.panels > .panel.active {

  display: block;

}



/*  * デザイン  */

body {

font-family: 'EB Garamond', serif !important;

width: 100%;

max-width:1200px;

  margin: 0 auto !important;

box-sizing:border-box;

padding:0;

}



.tabs {

  margin-top: 20px;

}



.tabfirst {width:50% !important;border:1px solid #494949 !important;margin:5px 0 !important;font-size:21px;height:2em !important;

}



.tab {

  /*display: block;*/

float:left;

padding: 5px 0;

margin:5px 0.25%;

border: solid 0px #999;

width:19.5%;

height:3.5em;

text-align:center;

background:#f6f6f6;

vertical-align:middle;

line-height:1.3;

display: flex;

justify-content: center;

align-items: center;

position: relative;

}







#panel2 .tab {

  /*display: block;*/

float:left;

padding: 5px 0;

margin:5px 0.25%;

border: solid 0px #999;

width:16.1%;

height:3.5em;

text-align:center;

background:#f6f6f6;

vertical-align:middle;

line-height:1.3;

display: flex;

justify-content: center;

align-items: center;

position: relative;

}





 a.tab:link{}

 a.tab:visited{}

 a.tab:hover{background:#6b6b6b;color:#fff;}



#panel2 a.tab:link{}

#panel2  a.tab:visited{}

#panel2  a.tab:hover{background:#6b6b6b;color:#fff;}



div.tabs:after, .parent:before {

    content: "";

    clear: both;

    display: block;

}



.tab.active {

  color: #fff;

  background: #494949;

}



#panel2 .tab.active {

  color: #fff;

  background: #494949;

}



.panel {width:100%;}



.panels {

  margin-top: -1px;

  border: solid 0px #999;

  width: 100%;

}



.panels .panel {

  padding: 0px

}



.itemList {width:100%;margin:10px 0 25px;}



dl {width:19%;margin:0 0.5%;border:0px solid #000;text-align:center;}



.itemList dl dd span {

font-family: "メイリオ", Meiryo, Osaka, sans-seri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic";

font-size: 12px;

}



dt img {width:100%;}





.rank_floor_icon {

    margin: 0;

    z-index: 2;

    position: absolute;

    top: 0px;

    left: 0px;

    padding: 1em 0;

    height: 14px;

    width:1.8em;height:3em;border-radius:0em;

    line-height: 14px;

    text-align: center;

    vertical-align: middle;

    font-size: 14px;

    background:#cccccc;border:0px solid #454545;

    color: #fff;

    font-weight: normal;

}





section.ranking {



    padding-top: 0px;

    padding-bottom: 0px;



}



.moreUnderBtn {font-family: "メイリオ", Meiryo, Osaka, sans-seri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic";

}







/* モバイル */ @media (max-width: 640px) {



.tabfirst {width:50% !important;border:1px solid #494949 !important;margin:0px 0 !important;font-size:16px !important;height:1.5em !important;

}





.tab br{display:none;}

#panel2 .tab br{display:none;}





.tab {

  /*display: block;*/

float:left;

padding: 0px 0;

margin:1px 0.25% 0;

border: solid 1px #999;

width:32.8%;

height:3.3em;

text-align:center;

background:#f6f6f6;

vertical-align:middle;

line-height:1.15;

display: flex;

justify-content: center;

align-items: center;

position: relative;

font-size:10px;

}







#panel2 .tab {

  /*display: block;*/

float:left;

padding: 0px 0;

margin:1px 0.25%;

border: solid 1px #999;

width:32.8%;

height:3.3em;

text-align:center;

background:#f6f6f6;

vertical-align:middle;

line-height:1.15;

display: flex;

justify-content: center;

align-items: center;

position: relative;

font-size:10px;



}



.itemList{

padding:5px 0 0;

}



.itemList {width:100%;margin:5px 0 5px;}





.itemList dl{

width:calc( 100% / 3 );

width:-webkit-calc( 100% / 3 );

padding:10px;

margin:0 0 0px 0;

}

dl:after{

left:0;

}

.itemList dl:nth-child(-n+2){

width:50%;

}

.itemList dl dt img{

width:100%;

height:auto;

}

.rankLink img{

width:180px;

height:auto;

padding:0 15px;

}

.name {height:2.5em;overflow:hidden;}



.rank_floor_icon {

    margin: 0;

    z-index: 2;

    position: absolute;

    top: 0px;

    left: 0px;

    padding: 0;

    width:1.5em;height:auto;border-radius:0em;

    line-height: 1em;

    text-align: center;

    vertical-align: middle;

    font-size: 12px;

    background:#cccccc;border:0px solid #454545;

    color: #fff;

    font-weight: normal;

}



} /* モバイル */