/*
Theme Name: Twenty Sixteen Child
Template: twentysixteen
*/
body{
font-family: 'Helvetica Neue', Helvetica,Arial, Verdana,  sans-serif;
color: #333333;
background-color: #000!important;
}

body.single{
    background-color: #000;
}



body:not(.custom-background-image):before, body:not(.custom-background-image):after {
    background: inherit;
    content: "";
    display: block;
    height: 0px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 99;
}

body:not(.search-results) article:not(.type-page) .entry-content {
    float: none;
    width: 100%;
}


#content{
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-flex-direction:row-reverse;/*--- safari（PC）用 ---*/
    flex-direction:row-reverse;
}

#primary{
background-color: #fff;
padding: 20px 25px;
flex:1;
min-width: 60%;
}

#secondary{
width: 320px;
}

#colophon{
    background-color: #4D4D4D;
    padding: 35px 25px;
}



.foot_box{
    width: 100%;
}

.foot_left{
    float: left;
    border-right: solid 1px #fff;
    width: 295px;
}

.foot_right{
    float: left;
    padding: 0 20px;
    color: #fff;
}


.site-branding, .site-header-menu, .header-image {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}


.widget {
    border-top: none;
    margin-bottom: 1em;
    padding-top: 0em;
}
.site-header-main{
    margin: 0 auto;
}

.site-header {
    padding: 0;
}

video#bgvid {
    max-width: none;}

h2 {
    line-height: 1.3em;
    margin-bottom: 15px;
}



/* templete color */
.t_aboutus{background-color: #3E1586;}
.t_aboutus h2{color: #3E1586;}
.t_news-events{background-color: #C0017E;}
.t_news-events h2{color: #C0017E;}
.t_news{background-color: #C0017E;}
.t_event{background-color: #C0017E;}
.single h2{color: #C0017E;}
.single{background-color: #C0017E;}
.t_research-facilities-faculty{background-color: #630B0C;}
.t_research-facilities-faculty h2{color: #630B0C;}
.t_resources-equipment{background-color: #4D4D4D;}
.t_resources-equipment h2{color: #4D4D4D;}
.t_admission-courses{background-color: #FF7000;}
.t_admission-courses h2{color: #FF7000;}
.t_alumni{background-color: #422161;}
.t_alumni h2{color: #422161}
.t_maps-directions{background-color: #006536;}
.t_maps-directions h2{color: #006536;}
.t_give-to-idac{background-color: #9EBF13;}
.t_give-to-idac h2{color: #9EBF13;}
.t_contact-us{background-color: #8DA9B2;}
.t_contact-us h2{color: #8DA9B2;}

/* end templete color */

.postlist-category {
    margin: 10px 0 5px 0;
    padding: 2px;
    border-top: 1px dashed #999;
}
.postlist-category img {
    float: left;
    margin: 10px 6px 0 0;
    width: 80px;
    height: 80px;
}
.postlist-category a {
    display: block;
}
.postlist-category-inner {
    margin: 0;
    padding: 1px;
}
.postlist-category-inner p {
    font-size: 16px;
    margin: 1px 0 5px 3px;
}

.postlist-datetime span {
    font-size: 10px;

}




.menu-menu-container ul{ list-style:none;
}

.menu-item-111 > a{border-left: 4px solid #3E1586;padding-left: 8px;}
.menu-item-129 > a{border-left: 4px solid #C0017E;padding-left: 8px;}
.menu-item-138 > a{border-left: 4px solid #630B0C;padding-left: 8px;}
.menu-item-142 > a{border-left: 4px solid #4D4D4D;padding-left: 8px;}
.menu-item-115 > a{border-left: 4px solid #FF7000;padding-left: 8px;}
.menu-item-149 > a{border-left: 4px solid #422161;padding-left: 8px;}
.menu-item-154 > a{border-left: 4px solid #006536;padding-left: 8px;}
.menu-item-157 > a{border-left: 4px solid #9EBF13;padding-left: 8px;}
.menu-item-160 > a{border-left: 4px solid #8DA9B2;padding-left: 8px;}
.menu-item-13256 > a{border-left: 4px solid #223a70;padding-left: 8px;}
.menu-item-21839 > a{border-left: 4px solid #7d7d7d;padding-left: 8px;}




#menu-menu a:hover{ text-decoration: underline;}
#menu-menu ul{ list-style:none;
}

#menu-menu ul > li {
    font-size: 0.8em !important;
}

.menu-item-has-children{
    margin-bottom: 5px;
}

#menu-item-111 a{color: #3E1586;font-size: 15px !important;}
#menu-item-129 a{color: #C0017E;font-size: 15px !important;}
#menu-item-138 a{color: #630B0C;font-size: 15px !important;}
#menu-item-142 a{color: #4D4D4D;font-size: 15px !important;}
#menu-item-115 a{color: #FF7000;font-size: 15px !important;}
#menu-item-149 a{color: #422161;font-size: 15px !important;}
#menu-item-154 a{color: #006536;font-size: 15px !important;}
#menu-item-157 a{color: #9EBF13;font-size: 15px !important;}
#menu-item-160 a{color: #8DA9B2;font-size: 15px !important;}
#menu-item-13256 a{color: #223a70;font-size: 15px !important;}
#menu-item-21839 a{color: #7d7d7d;font-size: 15px !important;}

.site-inner {
    max-width: initial;
}

.site {
    margin: 0px;
    background-image: url(img/bg_2.png);
}

.site-content {
    padding: 0;
    width: 100%;
}

h1 {
    clear: both;
    font-weight: lighter;
    color: #fff;
    font-size: 1.0em;
    letter-spacing: 0.06em;
    position: inherit;
    top: inherit;
    left: inherit;
}


h3 {
    background-color: #E6E6E6;
    padding: 5px 10px;
    margin: 10px 0;
    font-size: 1.1em;
    letter-spacing: 0.05em;
}

h4 {
    padding: 1px 11px 5px;
    margin: 10px 0;
    letter-spacing: 0.05em;
    border-left: 3px solid #616161;
    line-height: 1.1em;
}
.comments-area, .sidebar, .content-bottom-widgets .widget-area, .widecolumn {
    margin-bottom: 0em;
}

.site-main {
    background-color: #fff;
}

.menu-menu-container{
    float: right;
            padding: 20px 25px;

}

.site-footer .site-title:after {
    content: none;
}

.site-info {
    margin: 0 auto;
    color: #fff;
    clear: both;
}

.site-info a {
    color: #fff;
}

.content-area {
    float: inherit;
    margin-right: inherit;
    width: inherit;
}



.sidebar {
    margin-left: 0%;
    padding: 0;
    background-color: #F2F2F2;
}

.nav-previous{
    width: 50%;
    float: left;
}

.post-navigation div + div {
    border-top: 0px solid #ccc;
}

.post-navigation {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    clear: both;
    margin: 0.5em;
}

.post-navigation .post-title {
    font-size: 1.2rem;
    line-height: 1.25;
    color: #333;
    font-weight: normal;
}

dt {
    font-weight: normal;
}

#colophon .menu-menu-container {
    float: left;
    padding: 0px 0px;
    background-color: #eee;
    width: 100%;
    margin-bottom: 20px;
}

#colophon .menu-item-has-children {
    margin-bottom: 0px;
}

/*Display Posts Shortcode 250px*/
.display-posts250 ul.display-posts-listing li {
width: 120px;
display: inline-block;
vertical-align: top;
font-size: 13px;
margin: 0;
padding: 6px;
}

.display-posts ul.display-posts-listing li img {
display: block;
padding: 2px;
}

#secondary {
    display: none;
}

.site-branding {
    margin: 5px;
    width: 100%;
    text-align: center;
}



.page-title {
    margin-top: 0px;
    margin-bottom: 5px;
    border-left: none;
    height: auto;
    text-align: center;
    width: 100%;
    border-top: 1px solid #fff;
    padding: 10px;
    margin-left: 25px;
    margin-right: 25px;
}

.fl{
    float: left;
}

.mr10{
    margin-right: 10px;
}

.mb10{
    margin-bottom: 10px;
}

.mt10{
    margin-top: 10px;
}

.ml10{
    margin-left: 10px;
}



/** 14.1 - >= 710px */
@media screen and (min-width: 44.375em) {}
/** * 14.2 - >= 783px */
@media screen and (min-width: 48.9375em) {}
/** * 14.3 - >= 910px */
@media screen and (min-width: 56.875em) {
	h1 {
    clear: both;
    font-weight: lighter;
    color: #fff;
    font-size: 1.0em;
    letter-spacing: 0.06em;
    position: relative;
    top: 1px;
    left: 20px;
}

#secondary {
    display:inline;
}

.content-area {
    float: inherit;
    margin-right: inherit;
    width: inherit;
}
.sidebar {
    margin-left: 0%;
    padding: 0;
    background-color: #F2F2F2;
}

.site-branding{
    margin: 5px;
        width: 310px;
}

.page-title {
    margin-top: 24px;
    margin-bottom: 24px;
    border-left: solid 1px #fff;
    height: 30px;
    width: inherit;
    border-top: none;
    margin-left: 0px;
    padding: 0px;
    text-align: left;
    margin-right: 0px;
}

.nav.drawer-nav-list li a:hover {
    background-color: rgba(255, 255, 255, 0.8); /* 透明度80％の白色 */
    color: #000000; /* テキスト色（必要に応じて変更） */
}
	
}

/** * 14.4 - >= 985px */
@media screen and (min-width: 61.5625em) {}

/** * 14.5 - >= 1200px */
@media screen and (min-width: 75em) {}