@charset "utf-8";
/*====全て共通====*/
html*{
    box-sizing: border-box;
}
body {
    font-size: 16px;
    font-family: sans-serif;
    line-height: 1.6;
    color: #000000;
}
body, div, h1, ul, figure {
    margin: 0;
    padding: 0;
}
p{
    margin: 0;
    margin-top: 0.1;
    margin-bottom: 0;
}
a{
    text-decoration: none;
}
a:hover{
    color: crimson;
    background: #ffee94;
}
img{
    max-width: 100%;
    height: auto;
}
.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}
.info{
    list-style-type: none;
}
/*共通の見出し*/
main h1 {
    margin-bottom: 1rem;
    border-bottom: 1px;
    font-weight: normal;
}
.container {
    margin: 5px auto 5px auto;
    max-width: 1000px;
}
section .container {
    display:flex;
    flex-flow: column;
}
/*ヘッダーとナビゲーション部分を固定配置*/
@media screen and (min-width: 800px){
.header-nav-wrapper{
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #FFF;
}
}
/*スクロールする部分は固定した要素よりも下に配置*/
.main-wrapper{
    background-color: #FFFFEE;
}
@media screen and (min-width: 800px){
.main-wrapper{
    position: absolute;
    z-index: 0;
    left: 0;
    top: 200px;
    width: 100%;
    background-color: #FFFFEE;
}
}
/*ヘッダー*/
.header-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-logo{
    width: 500px;
    height: 55px;
}
@media screen and (min-width: 800px){
    .header-logo{
        widows: 500px;
        height: 55px;
    }
    .header-container{
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
    }
    .header-logo{
        padding: 0px 0;
    }
}
/*ナビゲーション*/
.navbar1{
    display: none;
    list-style-type: none;
}
.navbar1 a{
    display: block;
    text-decoration: none;
}
.navbar2{
    border-top: 1px solid green;
    background: #E1F55F;
}
navbar ul{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 600px;
}
.navbar1 li{height: 130px;
            width: 300px;
            list-style-type: none;
            display: block;}
.navbar2 li{
    border-bottom: 1px solid green;
}
.navbar2 li a{
    display: block;
    width: 100%;
    padding: 7px 0;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    color: black;
}
.navbar li a:hover{
    background: green;
}
/*幅が広い（タブレット・パソコン向け）*/
@media screen and (min-width: 800px){
    .navbar1{
        display: flex !important;
        justify-content: space-around;
    }
    .navbar li{
        flex: 1 1 auto;
        text-align: center;
    }
    .navbar2{
        display: none;
        list-style-type: none;
    }
}
.navbar1 a{
    display: block;
    padding: 0px 0px;
    font-size: 18px;
    color: black;
    text-decoration: none;
    text-align: center;
}
.navbar1 figure:hover{
    background: #E1F55F;
}
.navbar1 figcaption{
    padding: 0px 0px;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
}
/*メイン*/
main {
    padding: 10px 20px 10px 20px;
    font-size: 11px;
}
.sidebar1 {
    padding: 10px 10px 10px 20px;
    background: #F3FFD8;
}
.sidebar2 {
    padding: 10px 20px 10px 10px;
}
@media only screen and (min-width: 800px) {
    section .container {
        flex-flow: row;
    }
    main {
        flex: 1 1 auto;
        order: 2;
        font-size: 16px;
    }
    .sidebar1 {
        flex: 0 0 170px;
        order: 1;
    }    
    .sidebar2 {
        flex: 0 0 170px;
        order: 3;
    }
}
.blinking{ 
    -webkit-animation:blink 1.5s ease-in-out infinite alternate; 
    -moz-animation:blink 1.5s ease-in-out infinite alternate; 
    animation:blink 1.5s ease-in-out infinite alternate; 
} 
@-webkit-keyframes blink{ 
    0% {opacity:0;} 
    100% {opacity:1;}  
} 
@-moz-keyframes blink{ 
    0% {opacity:0;} 
    100% {opacity:1;} 
} 

@keyframes blink{ 
    0% {opacity:0;} 
    100% {opacity:1;} 
}
/*フッター*/
footer{
background-color: #32CD32; 
}
.footer-container{
padding-top: 15PX;
padding-bottom: 10PX;
}
div.blocka{
            float: left;
            width: 50%;
            }
div.blockb{
    float: right;
    width: 50%;
}
div.blockc{
     clear: both;
            }

/*=======inf　学会組織==========*/
.table-i{
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}
td{
    border: 2px solid #b7b7b7;
    text-align: center;
}
/*main-inf*/
   main-inf {
    padding: 10px 20px 10px 20px;
    font-size: 11px;
}
   .sidebar-inf {
    padding: 10px 20px 10px 10px;
}
@media only screen and (min-width: 800px) {
    section .container {
        flex-flow: row;
    }
    main-inf {
        flex: 1 1 auto;
        order: 1;
        font-size: 16px;
    }   
    .sidebar-inf {
        flex: 0 0 180px;
        order: 2;
    }
}
.blinking{ 
    -webkit-animation:blink 1.5s ease-in-out infinite alternate; 
    -moz-animation:blink 1.5s ease-in-out infinite alternate; 
    animation:blink 1.5s ease-in-out infinite alternate; 
} 
@-webkit-keyframes blink{ 
    0% {opacity:0;} 
    100% {opacity:1;}  
} 
@-moz-keyframes blink{ 
    0% {opacity:0;} 
    100% {opacity:1;} 
} 

@keyframes blink{ 
    0% {opacity:0;} 
    100% {opacity:1;} 
}
/*=======学会誌==========*/
.table-j{
    border-collapse: collapse;
    width: 60%;
    table-layout: fixed;
}
/*=======地方会==========*/
.table-d{
     border-collapse: collapse;
    width: 100%;
}
th{
    border: 2px solid #b7b7b7;
    text-align: center;
}
td{
    text-align: center;
}
.table-c{
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}
.a{
    width: 40px;
}
.b{
    width: 95px;
}
.c{
    width: 200px;
}
.d{
    width: 60px;
}
td.e{
    text-align: left;
}