body,p,div,span
{
font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Osaka', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;  font-weight:300;
}

.table > h1,h1,h2,h3,h4,h5,h6
{
font-family:'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Osaka', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; 
}

body,p,div,span{
font-size:101%;
line-height:180%
}

h1{font-size:20px}

#res > .container > h1
{
    font-family:'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Osaka', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#res > .container > h2
{
    font-family:'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Osaka', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; 
}

#links > a {
    font-size: 14px;
    font-family:'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Osaka', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight:300;
}

.middle-box0 > div {font-size:90
%;line-height: 170%}
.slider > .ct-col1 > span{line-height:160%}

footer h1 {color:#ddd;}
footer p {color:#aaa;line-height:120%}



.IE_notice{
position: absolute;
width: 40%;
height: auto;
top: 20%;
left: 30%;
background-color: #fff;
border: 5px double #aaa;
padding: 20px;
border-radius: 2px;
margin: 10px 0px;
display:none;
z-index: 9999;
}
.notice_ttl{

font-size: 24px;
margin: 10px 0 20px 0;
}
.button-link{
                color:#00f;
                text-decoration:underline;
}
.button-link:hover{
                cursor:pointer;
                color:#f00;
}
#modal-overlay{
                z-index:9996;
                position:absolute;
                top:0;
                left:0;
                width:100%;
                height:200%;
                background-color:rgba(0,0,0,0.75);
        display:none;
}


.slider > .ct-col3 .slideup span {margin:5px 5px 20px;line-height:220%}
#main .slideup_content h3.nevis_700{font-size:18px}

@media screen and (max-width: 970px){     
    #links > a{

        padding-left: 1.1%;
        padding-right: 1.1%;
    }
}
@media screen and (max-device-width: 768px) and (orientation:portrait), screen and (max-device-width: 1024px) and (orientation:landscape), screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (-webkit-min-device-pixel-ratio: 2){     
    #links > a{

        padding-left: 1.1%;
        padding-right: 1.1%;
    }
}
@media screen and (max-width: 768px){     
    #links > a{

        padding-left: 1.1%;
        padding-right: 1.1%;
    }
}
@media screen and (max-device-width: 720px) and (max-device-height: 1280px) and (orientation:portrait), screen and (max-device-width: 1280px) and (max-device-height: 720px) and (orientation:landscape), screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
    #links > a{
        padding-left: 1.0%;
        padding-right: 1.0%;
    }
}
@media screen and (max-width: 720px) {
    #links > a{
        padding-left: 1.0%;
        padding-right: 1.0%;
    }
}