@charset "UTF-8";

body{font-family:"SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;max-width:600px;}
h1{font-size:12px;padding-top:5px!important;padding-left:0.5em;}
h2 {
    font-weight:bold;
    font-size:17px;
    color: #cc3300;/*文字色*/
    border: solid 3px #cc3300;/*線色*/
    padding: 0.5em;/*文字周りの余白*/
    border-radius: 0.5em;/*角丸*/
}
h3{font-size:15px;background-repeat:no-repeat;background-position:left center;border-bottom:3px #cc3300 dotted;padding-top:10px!important;padding-bottom:10px!important;padding-left:20px!important;}
h4{font-size:14px;background-repeat:no-repeat;background-position:left center;border-bottom:1px #999999 dotted;padding-top:10px!important;padding-bottom:10px!important;padding-left:20px!important;}
p{font-size:14px;padding-top:5px !important;padding-bottom:5px !important;padding-left:20px !important;padding-right:10px !important;}
img{max-width:300px;}
.yellow{font-weight:bold;font-size:16px;background:#ffe400;}
.red{color:#cc3300;font-weight:bold;font-size:16px;}
.small p{font-size:10px;}
.reco{margin-bottom:100px;}
.main{width:250px;}
.rank{font-weight:bold;font-size:16px;background-repeat:no-repeat;background-position:left center;border-left:7px solid #cc3300 !important;padding-top:10px !important;padding-bottom:10px !important;padding-left:13px !important;}
hr{margin-bottom:65px;}
.link p{font-weight:bold;font-size:20px;}
ul{color:#1e366a;border-top:solid #cccccc 1px;border-bottom:solid #cccccc 1px;padding-top:10px!important;padding-bottom:200px!important;padding-left:20px!important;list-style-type:none!important;}
ul li{line-height:2.5;}
.blue{font-weight:bold;font-size:16px;color:#0000ff;text-decoration:underline;}

table{
width:100%;
}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}





#recofooter {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 22px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}
 
#recofooter img {
    max-width: 99%;
}

@media (min-width: 950px) {
    #recofooter {
        display: none;
    }
}