@charset "utf-8";
/* CSS Document */
#jsddm li.inter a.title{
background-position:bottom;
}

#co-block #table{
width:100%;
margin:10px 0px;
vertical-align:middle;
}
#co-block #tb-box{
margin:4px 0px;
background-color:#F4F4F4;
display:flex;
width:100%;
clear:both;
}
#co-block #tb-box2{
background-color:#EAEAEA;
display:flex;
width:100%;
clear:both;
}
#co-block #table .right{
width:30%;
text-align:right;
padding:4px 20px 4px 0px;
border:none;
margin:0px;
}
#co-block #table .left{
width:70%;
padding:4px 0px 4px 20px;
background-color:none;
margin:0px;
}
#co-block h3{
    overflow:hidden;
}
#co-block h3 .title{
    float:left;
}
#co-block h3 .all-list{
    float:right;
}

#co-block h3 .all-list {
    background-image: url(https://www.nibb.ac.jp/images/out_line/out_line_sec01_arrow.png);
    background-repeat: no-repeat;
    display: block;
    width: auto;
    /* float: left; */
    font-size: 1vw;
    padding: 0.2vw 0.5vw;
    text-align: left;
    padding-left: 2vw;
    background-color: #f7f7f7;
    background-position: 0.5vw;
    background-size: 1vw;
    /* margin-right: 1vw; */
    border-radius: 0.1vw;
    margin-bottom: 0.2vw;
}
#co-block h3 .all-list  a {
    color: #b09560;
    font-size: 1vw;
    line-height: 1.1;
}


#bot-box ul.left{
float:left;
}
#bot-box .left li {
width:100px;
height:33px;
line-height:35px;
float:left;
list-style:none;
margin-right:4px;
background-image:url(../img/bot-bg.gif);
padding-left:27px;
vertical-align:middle;
}
#bot-box .left #top{
height:33px;
width:46px;
float:left;
list-style:none;
margin-right:4px;
background-image:none;
background-image:url(../img/bot-bg.gif);
overflow:hidden;
display:block;
}

#bot-box .left li:hover{
background-position:center left;
}
#bot-box .left li.active{
background-position:bottom left;
}

#bot-box .right{
float:right;
text-align:right;
line-height:33px;
}
#bot-box .right img{
padding-top:8px;
}

/*個別記事用*/
#co-block #entry{
font-size:100%;
color:#555;
font-weight:normal;
background-repeat:no-repeat;
}
#co-block #entry #entry-header{
width:100%;
clear:both;
}

#co-block #entry h4{
margin-top:10px;
background:#EAEAEA;
font-size:115%;
line-height:150%;
background-image:none;
color:#000;
border:none;
padding:5px 15px;
width: auto;
}
#co-block #entry table{
width:100%;
margin:10px 0;
}
#co-block #entry #entry-prog table{
    width: 100% !important;
}
#co-block #entry table th{
width:auto;
}
#co-block #entry table th.ent-title{
background-color:#EEEDC5;
text-align:center;
color:#444;
font-size:0.8vw;
line-height:21px;
padding: 1vw;
height:25px;
font-weight:normal;
vertical-align: top;
}
#co-block #entry table td.text{
width:auto;
border-bottom:#EEEDC5 dotted 2px;
color:#555;
line-height:150%;
padding: 1vw;
vertical-align: top;
}
#co-block #entry table td.pic{
width:auto;
overflow:hidden;
text-align:right;
padding:5px 0px;
}

#co-block #entry #entry-body{
width:100%;
clear:both;
border-top:#aaa 1px solid;
padding:10px 0px;
}
#co-block #entry #entry-body img{
padding:5px;
border:#aaa solid 1px;
max-width:100%;
height: auto!important;
    display: inline-block;
}

#co-block #entry #entry-prog{
width:100%;
clear:both;
border-top:#aaa 1px solid;
margin-bottom:20px;
}
#co-block #entry #entry-prog .prog-title{
margin:10px 0 15px 0;
padding:0.5vw 1vw;
background-color:#EEEDC5;
text-align:center;
}
#co-block #entry #entry-prog h5{
width:auto;
float:none;
clear:both;
background-image:url(../img/title-left-h5.gif);
background-repeat:no-repeat;
font-size:110%;
color:#000;
line-height:130%;
padding:0px 10px;
margin:10px 0px;
}
#co-block #entry #entry-prog p{
font-size:90%;
padding-left:5px;
}

/*
スマホ用CSS
______________________________________________*/
@media screen and  (max-width: 1000px) {
	#co-block #tb-box{
display:flex;
flex-direction: column-reverse;
}
	#co-block #tb-box2{
display:flex;
flex-direction: column-reverse;
}
#co-block #table .right{
width:100%;
text-align:left;
padding:4px 0px 0px 20px;
font-size: 3vw;
    padding-top: 2vw;
    line-height: 1.0;
}
#co-block #table .left{
width:100%;
box-sizing: border-box;
padding:0px 0px 4px 20px;
    line-height: 1.3;
}
#entry-header > table th{
display: block;
word-break: break-all;
}
#entry-header > table td{
display: block;
word-break: break-all;
}
#co-block #entry table th.ent-title {
    text-align: left;
    color: #444;
    font-size: 4vw;
    line-height: 1.2;
    display: block;
    width: auto;
    height: auto; 
    padding: 1vw 2vw;
}
#co-block #entry table td.text {
    width: auto;
    display: block;
    width: auto;
    line-height:1.3;
     padding: 1vw 2vw;
}
#co-block h3 .all-list {
    font-size: 3vw;
    padding: 1vw 3vw;
    text-align: left;
    padding-left: 5vw;
    background-color: #f7f7f7;
    background-position: 1vw;
    background-size: 2vw;
    border-radius: 0.4vw;
    margin-bottom: 0.5vw;
}
#co-block h3 .all-list a {
    color: #b09560;
    font-size: 3vw;
    line-height: 1.1;
}

#entry-prog table th {
    line-height: 1.2;
    height: auto !important;
    padding: 1vw 0;
}
#entry-prog table td {
    line-height: 1.2;
    height: auto !important;
    padding: 1vw 0;
    display: inline-block;
}

}

.title_anchor{
    position: relative;
}
.title_anchor .title_anchor_inner{
    position: absolute;
    top: -40px;
}
/*
スマホ用CSS
______________________________________________*/
@media screen and  (max-width: 1000px) {
.title_anchor .title_anchor_inner{
    position: absolute;
    top: 0px;
}
}