@charset "UTF-8";

/* frame.css
**************************************************************************************/


/* Frame
=============================================================================*/

/*common*/
#header {
    width: 100%;
}
.main-container {
    width: 1200px;
    margin: 30px auto 10px;
}
#main {
    float: right;
    width: 900px;
}
#side {
    float: left;
    width: 260px;
}
.under-1col #main {
    float: none;
    width: 100%;
}
.under-1col #side {
    float: none;
    width: 100%;
}

/*home*/
.home .main-container {
    margin: 0 auto;
    width: 100%;
}
.home #main {
    float: none;
    width: 100%;
}
.home #side {
    float: none;
}

@media screen and (max-width: 1279px) {
    .main-container {
        padding: 30px 10px 0;
        margin: 0 auto 10px;
        width: auto;
    }
    #main ,
    .under-1col #main{
        float: none;
        width: 710px;
        margin: 0 auto;
    }
    #side {
        float: none;
        width: 710px;
        margin: 0 auto;
    }
    /*home*/
    .home .main-container {
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    .main-container {
        padding: 10px 10px 0;
        width: auto;
    }
    #main ,
    .under-1col #main{
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    #side {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
}


/* 2.Font
=============================================================================*/

/*Link*/
a{overflow: hidden;}
a:link { 
    color: #4e8ecf;
    text-decoration: underline;}
a:visited { 
    color: #636;
    text-decoration: underline;}
a:hover { color: #f39a00; }
a:active { color: #f39a00; }
a.blank {
    padding: 0;
}
body {/*bodyへの記述は管理画面に影響がでます*/
    margin: 0;
    padding: 0;
    font-size: 93.75%;
}
#body-in {
    color: #111111;
    font-family: 'Noto Sans Japanese','メイリオ',Meiryo,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
    /*
    font-family: 'メイリオ',Meiryo,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
    font-family: 'Noto Sans Japanese','メイリオ',Meiryo,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo", "Helvetica Neue", Helvetica, Arial, sans-serif;
    */
    letter-spacing: normal;
    line-height: 1.6;
}

#main h1 {font-size: 153.9%;}
h2 {font-size: 123.1%;}
h3 {font-size: 107%;}
h4 {font-size: 107%;}
#main h1,h2,h3,h4, #wrapper-under strong {font-weight: bold;}