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

.txtNew { color: rgb(224, 46, 5); font-weight: bold; }

@media only screen and (max-width: 992px) {
.container {
    min-height: 95%;
}
}
@media only screen and (max-width: 768px){
.container {
    width: 100%;
}
}
/*-----------------------
メイン大画像
-------------------------*/
#main_image img{
    margin: 0 auto;
    width:100%;
}
/*-----------------------
番付表
-------------------------*/
.shikona-img img{
    width: 50px;
    height: 75px;
}
.banzuke-img {
    height: 82px;
    vertical-align: middle !important;
    background-color: #d2d2d2;
}
.banzuke-img img{
    width: 40px;
    height: 60px;
}
@media only screen and (max-width: 768px){
.container.banzuke{
    width: 680px;
}
}
@media only screen and (max-width: 700px){
.container.banzuke{
    width: 580px;
}
}
@media only screen and (max-width: 599px){
.container.banzuke{
    width: 440px;
}
}
@media only screen and (max-width: 469px){
.container.banzuke{
    width: 300px;
}
}
/*-----------------------
取組結果
-------------------------*/
@media only screen and (max-width: 768px){
.container.torikumi{
    width: 680px;
}
}
@media only screen and (max-width: 700px){
.container.torikumi{
    width: 580px;
}
}
@media only screen and (max-width: 599px){
.container.torikumi{
    width: 440px;
}
}
@media only screen and (max-width: 469px){
.container.torikumi{
    width: 300px;
}
}
#result-table .table{
    margin-bottom: 0;
}
#result-table>.table>tbody>tr>td {
    white-space: normal;
 }
#result-table>.table>tbody>tr>td td {
    padding: 0 !important;
    vertical-align: middle;
}
#result-table>.table>tbody>tr>td p{
    margin: 0;
    line-height: 20px;
}
#result-table>.table>tbody>tr>td td.shikona-img {
     padding: 3px !important;
}
.kaku-img{
    width:57px;
    height:227px;
    vertical-align: middle !important;
}
.kaku-img img{
    width:50px;
    height:75px;
}
/*-----------------------
スティッキー
-------------------------*/
#bt01 {
    top: 150px;
}
#bt02 {
    top: 240px;
}
#bt03 {
    top: 330px;
}
#bt04 {
    top: 420px;
    display: none;
}

#bt04_pdf {
    position: fixed;
    z-index: 1000;
    top: 420px;
    right: 0px;
}
#bt04_pdf a {
    width: 90px;
    height: 90px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    background: #000000;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#bt04_pdf a:hover {
    background: #71597d;
}

.scrollDown #bt01 {
    top: 110px;
}
.scrollDown #bt02 {
    top: 200px;
}
.scrollDown #bt03 {
    top: 290px;
}
.scrollDown #bt04,
.scrollDown #bt04_pdf {
    top: 380px;
}

@media only screen and (min-width : 320px) and (max-width :1099px) {
#bt04,
#bt04_pdf {
    display: none !important;
}
}

/*-----------------------
規約リンク
-------------------------*/
#kiyaku_link{
    text-align: center;
    height: 80px;
    margin: 10px 0 15px 0;
    padding: 15px;
    background-color: white;
    font-size: 16px;
    font-weight: 600;
}
@media only screen and (max-width: 1200px) {
#kiyaku_link{
    font-size: 18px;
    font-weight: 600;
}
}
@media only screen and (max-width: 991px) {
#kiyaku_link{
    height: 70px;
    font-size: 24px;
    font-weight: 600;
}
}

#kiyaku_link a,
#kiyaku_link a:hover,
#kiyaku_link a:focus,
#kiyaku_link a:active,
#kiyaku_link a.active{
    color: #000;
    text-decoration: underline;
}
/*-----------------------
ツイッター
-------------------------*/
.twitter-timeline { height: 780px !important; }

@media only screen and (max-width: 1200px) {
.twitter-timeline { height: 1690px !important; }
}

//.long .twitter-timeline { height: 530px !important; }
//.long .twitter-timeline { height: 330px !important; }
//.long .twitter-timeline { height: 376px !important; }
//.long .twitter-timeline { height: 252px !important; }
//.long .twitter-timeline { height: 352px !important; }
.long .twitter-timeline { height: 395px !important; }
//.long .twitter-timeline { height: 617px !important; }

@media only screen and (max-width: 1200px) {
//.long .twitter-timeline { height: 1400px !important; }
//.long .twitter-timeline { height: 1269px !important; }
//.long .twitter-timeline { height: 1132px !important; }
//.long .twitter-timeline { height: 1235px !important; }
.long .twitter-timeline { height: 1300px !important; }
}

@media only screen and (max-width: 991px) {
.twitter-timeline {
    height: 730px !important;
    margin-bottom: 30px !important;
}
}
/*-----------------------
9マス
-------------------------*/
#cont .thumbnail{
    min-height: 320px;
}
@media only screen and (max-width: 1200px) {
#cont .thumbnail{
    min-height: 345px;
}
}
#cont .thumbnail h4{
    font-weight: 700;
    font-size: 20px;
}
#cont a:hover,
#cont a:focus,
#cont a:active,
#cont a.active{
    color: #000;
    text-decoration: none;
}
/*-----------------------
相撲を楽しむ
-------------------------*/
#sub_c .container{
    width: 850px;
}
#sub_c .sub_c-item_p{
    position: inherit;
}
.sub_c-image img{
    margin: auto;
}
.sub_c-item{
    max-width: 250px;
    height: 315px;
}
.sub_c-item-yt{
    height: 315px;
    text-align: center;
    background-color: #fff;
}
.sub_c-item-yt p {
    font-size: 13px;
    font-weight: 400;
    color: #292929;
    padding: 5px 10px 20px 10px;
}
.sub_c-item-yt iframe{
    width: 250px;
    height: 150px;

}
.sub_c-text h3{
    font-size: 16px;
    font-weight: 700;
}

@media only screen and (max-width: 992px) {
#sub_c .container{
    width: 750px;
}
#sub_c .container .row{
    margin: 0 auto;
}
.sub_c-item{
    max-width: 320px;
    height: 335px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.sub_c-item-yt{
    max-width: 640px;
    height: 600px;
    margin: 0 auto;
}
.sub_c-item-yt iframe{
    width: 640px;
    height: 480px;
}
}

/*-----------------------
フッターバナー
-------------------------*/
#footer_b .thumbnail{
/*    max-width: 250px;
    min-height: 240px; */
    padding: 0;
    border: none;
}
@media only screen and (min-width: 993px){
#footer_b .thumbnail{
    max-width: 195px;
}
}
@media only screen and (min-width: 1270px){
#footer_b .thumbnail{
    max-width: 210px;
}
}

#footer_b .thumbnail > img{
    width: 100%;
}
#footer_b p {
    font-size: 14px;
}

#footer_b .container {
    width: 550px;
}
#footer_b .bottom{
    padding: 0;
    margin: 0 auto;
}
@media only screen and (min-width: 993px){
#footer_b .container {
    width: 900px;
}
#footer_b .bottom{
    width: 680px;
}
}
@media only screen and (min-width: 1270px){
#footer_b .container {
    width: 960px;
}
#footer_b .bottom{
    width: 1000px;
}
}

p.small a img{
    width:46px;
}
p.small a {
    cursor: pointer;
}