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

@import "reset.css";
@import "hack.css";
@import "parts.css";
html {
    /*
    font-size:14px;
    height:100%;
    */
}

body {
    text-align: left;
    font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.6;
    color: #000;
    margin:0;
    padding:0 1em;	/* 2022.9.9 */
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    background-color: #fff;
}


/*h*/

h1 {
    /*header記述部分でで指定*/
    
}



h2{
    
}

h3 {
    /*サブページ小見出し*/
}


h4 {
    /*小見出し写真送り先ウィジェットタイトル*/
    
}
h4.midashi{
    font-size: 16px;
    font-weight: bold;
    border-left: solid 8px #ccc;
    margin: 10px 0;
    padding: 0 0 0 8px;
}
h5 {

}
/*googleフォント*/
engfont{
    font-family: 'Nunito', sans-serif;
}

/*右下のページトップに戻るボタン*/

a#scroller {
    display: block;
    position: fixed;
    width: 46px;
    height: 46px;
    right: calc(50% - 520px) ;
    bottom: 60px;
    z-index: 9500;
    background: url(../img/arrow_scroller.png) 0px 0px no-repeat;
    background-size: contain;
}
.hide {
    display: none;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.show {
    display: block;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.nosp{
/*    pc時にdisplay:block*/
    display: block;
}
.nopc{
/*    sp時にdisplay:block!*/
    display: none;
}
.border_box{
    display: inline-block;
    border: solid 1px #d8d8d8;
    margin: 10px auto 20px;
    padding: 5px 15px;
}
/*####################*/
/*基本構造、よく使うパーツ*/
/*####################*/
/*topページ、ヘッダ、フッタ、パンくずリストのコンテンツ幅*/
.site_w{
    /*
    width: 1024px;
    */
    margin: 1em auto;
    max-width: 640px;
}
/*####################*/
/*コンテンツ共通*/
/*####################*/
article{
}
.cont_box{
    margin: 1em auto;
}
/*見出し*/
p.caution{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
article h3.midashi{
    height: 60px;
    margin: 0 auto 25px;
    text-align: center;
    background-position: center 50%;
    background-repeat: no-repeat;
}
/*当該ページ着色*/
body#page_index li#nav_home a,
body#page_program li#nav_prog a,
body#page_profile li#nav_prof a,
body#page_contents li#nav_cont a,
body#page_meeting li#nav_meeting a,
body#page_committee li#nav_committee a,
body#page_link li#nav_link a,
body#page_english li#nav_eng a{
    color: #ac3142;
}
/*####################*/
/*navi_e*/
/*####################*/
nav#main_nav_e{
    margin: 0 auto;
    padding: 7px 0 9px;
    background-color: #000;
}
nav#main_nav_e ul{
    margin: 0 auto;
    overflow: hidden;
}
nav#main_nav ul_e li{
    float:left;
    background: none;
    padding: 0 0 0 1px;
}
nav#main_nav_e ul li a{
    display: block;
    height: 44px;
    text-align: center;
    line-height: 44px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
nav#main_nav_e ul li#nav_home {
    width: 104px;
}
nav#main_nav_e ul li#nav_prog {
    width: 105px;
}
nav#main_nav_e ul li#nav_prof {
    width: 104px;
}
nav#main_nav_e ul li#nav_cont {
    width: 104px;
}
nav#main_nav_e ul li#nav_meeting {
    width: 104px;
}
nav#main_nav_e ul li#nav_committee {
    width: 140px;
}
nav#main_nav_e ul li#nav_link {
    width: 105px;
}
nav#main_nav_e ul li#nav_eng {
    width: 106px;
}
nav#main_nav_e ul li#nav_entry{
    padding: 0 0 0 880px;
}
nav#main_nav_e ul li#nav_entry a{
    width: 152px;
    background-color: #800e1e;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    zoom: 1;
    position: relative;
}
/*当該ページ着色*/
body#page_index li#nav_home a,
body#page_program li#nav_prog a,
body#page_profile li#nav_prof a,
body#page_contents li#nav_cont a,
body#page_meeting li#nav_meeting a,
body#page_committee li#nav_committee a,
body#page_link li#nav_link a,
body#page_english li#nav_eng a{
    color: #ac3142;
}

/*####################*/
/*フッタfooter*/
/*####################*/
footer{
    padding: 15px 0;
    margin: 0 auto;
    background-color: #000;
    font-size: 11px;
    text-align: center;
    color: #fff;
}

/*##############################################*/
/*##############################################*/
/*##############################################*/
/*スマートフォン想定*/
/*##############################################*/
/*##############################################*/
/*##############################################*/
    
    
@media screen and (max-width: 640px) {
    
}
/*スマホ想定ここまで*/