﻿@charset "utf-8";

/*初期化
----------------------------------------*/
*{
  margin: 0;
  padding: 0;
  font-size: 100%;
}

ul{
  list-style-type: none;
}

img{
  vertical-align:top;
  border: 0;
  max-width: 100%;
}


/* 2020/10/06 nakamura upd start */
/*リンク
----------------------------------------*/
a:link{
  /* color: #001E6A; */
  color: #337ab7;
/* 	color: #63c; */
}
a:visited{
  color: #337ab7;
/* 	color: #96c; */
}
a:active{
/* 	color: #666666; */
  color: #666666;
}
a:hover{
  /* color: #006FBF; */
  color: #23527c;
/* 	color: #99f; */
}
/* 2020/10/06 nakamura upd end */

/*ClearFix
----------------------------------------*/
.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  display: inline-table;
  min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clear {
  height: 1%;
}
/*.clear {
  display: block;
}*/
/* Hides from IE-mac */

.hidden{
  display:none;
}
.block{
  display:block;
}
.inline{
  display: inline;
}

/*ヘッダー
----------------------------------------*/
#header {
  padding: 2.3em;
  padding-bottom: 0;
}

/*ロゴ*/
#logo {
  width: 90px;
  float: left;
}

/* 2021/03/02 nakamura add start */
span.logo-icon {
  display: inline-block;
  width: 45px;
  height: 45px;
  overflow: hidden;
  background-image: url("qo9edr00000000dg.svg");
  background-size: 225px 45px;
  vertical-align: top;
}
/* 2021/03/02 nakamura add end */

#copyright{
  float:right;
  text-align:right;
  color:#FFFFFF;
  /* 2016/02/24 koga add start */
  font-size: 85%;
  /* 2016/02/24 koga add end */
}

/* 検索キーワードハイライト */
span.highlight {
  font-weight: bold;
  background-color: #FFFF66;
}

.viewname {
/*	border-bottom: 1px solid #76BFFF; */
  font-size: 1.3em;
  /*line-height: normal;*/
/* ### 2020/08/20 nakamura upd start */
  /* padding: 0 1ex 1ex; */
/* ### 2020/08/20 nakamura upd end */
}

/**
 * 学外公開用スタイル定義（style.cssの上書き）
 */
/* 2016/02/24 koga add start */
body {
  font-family: 'メイリオ',Meiryo, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック",sans-serif;
}
/* 2016/02/24 koga add end */

div.title {
/*	background: #001E6A; */
/*	#006FBF */
  line-height: normal;
  /* background-image: url("../image/line.gif"); */
  /* background-repeat: repeat-x; */
  /* background-position: left bottom; */
  /* background-color: #048DFF; */
/* 	background: #0577d6; */
  background: #400e82;
/*     margin-top: 5px; */
}

#homemain .home {
/* 	padding-bottom: 0; */
}

div#column {
  margin-top: 0;
}

div#column1 div#keyword, div#column1 div#name, div#column2 div#homeside, div#column2 div#homemain {
  border: 1px solid #CACACA;
}

div.home {
/* 	border: 1px solid #CACACA; */
/* 	margin-bottom: 30px; */
}

div.home h3 {
  color: #444444;
}

div.menu ul li a:link, div.menu ul li a:visited, div.menu ul li a:hover {
  color: #444444;
}

div#sidebar div.names {
  background: #967AB8;
}

div#sidebar div.data {
  border-color: #CACACA;
}

div#main div.text h3 {
/*	background: #FFF; */
/*	color: #001E6A; */
/*	border-style: none none solid solid; */
/*	border-width: 0px 0px 2px 10px; */

  background: #FFF;
  color: #444444;
  border-style: none none solid solid;
  border-width: 0px 0px 0px 10px;
  background-color: #e8e8e8;
  border-left: 5px solid #967AB8;
}
div#main div.text h3.title-alt-color {
/* 	border-left: 5px solid #b0abb8; */
  border-left: 5px solid #967AB8;
}

div.search h3 span.search_red {
  color: #444444;
}

div#main div.text h3 span a:link, div#main div.text h3 span a:visited, div#main div.text h3 span a:hover {
  color: #001E6A;
}

div.search ul.result li h4 {
  background: #E0F0FF;
}

.cv_item_frame {
  border: 1px solid #CCCCCC;
  padding: 5px 13px;
  margin-bottom: 3px;
}

div#main div.text div.cv_item_frame ul {
  margin-left: 0em;
/* 2020/09/16 nakamura add start */
  margin-bottom: 0em;
/* 2020/09/16 nakamura add end */
}

div#main div.text div.cv_item_frame ul.banner {
/* 2020/10/01 nakamura upd start */
/* 	margin-left: 10px; */
/* 	margin-bottom: 10px; */
/* 2020/10/01 nakamura upd end */
}

/* 2020/10/02 nakamura add start */
div#main div.ymd, div#main div.ym {
  display: inline-block;
  font-size:90%;
  white-space: nowrap;
}

div#main div.ymd {
  width: 120px;
  white-space: nowrap;
}
/* 2020/10/02 nakamura add end */

div#main div.ym {
  width: 90px;
  white-space: nowrap;
/* 	display: inline-block; */
  /* 2016/02/24 koga add start */
/* 	font-size:90%; */
  /* 2016/02/24 koga add end */
}

/* 2020/10/02 nakamura add start */
div#main div.ymd_en, div#main div.ym_en {
  display: inline-block;
  font-size:90%;
  white-space: nowrap;
}

div#main div.ymd_en {
  width: 80px;
  white-space: nowrap;
}
/* 2020/10/02 nakamura add end */

div#main div.ym_en {
  width: 60px;
  white-space: nowrap;
/* 	display: inline-block; */
/* 	font-size:90%; */
}

.span_ym{
  width: 90px;
  white-space: nowrap;
}

.span_ymd{
  width: 80px;
  white-space: nowrap;
}

div#main div.tilde {
  width: 16px;
  text-align:center;
  display: inline-block;
  /* 2016/02/24 koga add start */
  font-size:90%;
  /* 2016/02/24 koga add end */
}

.span_tilde {
  width: 16px;
  text-align:center;
  display: inline-block;
  font-size:90%;
}

/* 2016/02/24 koga add start */
p.inline-block {
  display: inline-block;
  margin-bottom: 0px;
}
/* 2016/02/24 koga add start */

/* 2020/09/16 nakamura add start */
p.gray {
  color: #88A;
}
/* 2020/09/16 nakamura add end */

q::BEFORE {
  content: "";
}

q::AFTER {
  content: "";
}

.soran-title-ja {
  font-size: 32px; 
  font-weight: bold; 
    color: #333;
}

.soran-title-en {
  font-size: 32px;
  font-weight: bold;
    color: #333;
}

.list-child-mark {
  float:left; 
/* 	margin-top:0.2em;  */
/* 	margin-right:0.5em;  */
  font-size:10px;
  color:#7e42a9;
}

.list-parent-mark {
  float:left;
    margin-top:0.25em; 
  margin-right:0.8em; 
  width: 12px; 
  height:12px; 
  background-color:#7e41aa; 
  color:#FFF;
}

div.search div.pagenavi p span.fa-caret-left, div.search div.pagenavi p span.fa-caret-right {
  border: 1px solid #ccc; 
  vertical-align: middle; 
  width:18px; 
  height:18px; 
  font-size:18px;
  color: #006FBF;
}

/* @media screen and (-webkit-min-device-pixel-ratio:0) {
  .fa-caret-left:before, .fa-caret-right:before {
    padding-left:5px;
  }
}
 */
@supports (-ms-accelerator:true) {
  .fa-caret-left:before, .fa-caret-right:before {
    padding-left:0px;
  }	
}

/* div#sidebar li p span.fa-angle-double-right, div#hamburger li p span.fa-angle-double-right { */
div#sidebar li.side-contents div.point, div#hamburger li.side-contents div.point {
/* 	color: #337ab7; */
  float: left;
  color: #63c;
  font-size: 60%;
  margin-top: 4px;
}

.group-name {
  float: left;
  min-width: 40px;
  margin-top: 3px;
}

span.title-icon {
  padding: 6px 0 6px 10px; 
  background-color: #cacaca; 
  color: #fff; 
  font-size: 1.2em !important;
}

span.name-search-title-icon {
  padding: 18px 10px 18px 20px;
  background-color: #cacaca;
  color: #fff;
  font-size: 1.5em !important; 
  margin-right:15px;
}

.detail-icon-block-min-height{
  min-height:44px;
}

.navbar-custom {
  padding:0px;
}

.navbar-toggler{
  font-size:2rem;
}

.dropdown-toggler-icon{
    background-image: url("nav_menu.png");
}

.small-90 {
  font-size:90%;
}

.dropdown-toggle:after{
  display:none;
}

.soran-btn-menu-color{
  background-color:#674BAF;
}

.soran-btn-menu-font{
  font-size:0.5rem;
  color:#CCCCCC;
}

#soran-menu-item-text-color{
  background-color: #967AB8;
  color:white;
}

#soran-menu-item-font{
  color:#63c;
}

#soran-menu-symbol-item-font{
  font-size:0.5em;
  color:#63c;
}

.fixed-detail-menu {
  position: fixed;
  right:5%;
  z-index: 1030;
}

#sidebar{
  min-width:200px;
  max-width:200px;
}

.fixed-detail-menu-item {
  position: fixed;
  top:2%;
  left:51%;
  right:5%;
  z-index: 1030;
}

.psninfo-rowtext-color{
  color:#899;
}

.psninfo-rowtext-size{
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size:90%;
  list-style: none;
}

.search-font-color{
  background-color: #FFF2A0;
}

#menuClose{
  font-size:2rem;
}

#text-decoration-none {
  text-decoration:none;
}

.fixed-detail-menu-color{
  background-color:white;
}

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  background: #674BAF;
  border-radius: 50%;
  z-index:1030;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -12px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

@media screen and (min-width:992px) {
    .variable-icon-size-top{
        padding:0.05em 0em;
    }
    .list-child-mark {
        margin-top:0.3em;
        margin-right:0.5em;
    }
}

@media screen and (max-width:991px) {
  .variable-font-size-top {
    font-size: 20px;
  }
  .variable-font-search {
    font-size: 20px;
  }
    .variable-icon-size-top{
        padding:0.2em 0.3em;
    }
    .list-parent-mark {
        margin-top: 0.4em;
        margin-right: 0.6em;
        width: 14px;
        height: 14px;
    }
    .list-child-mark {
        margin-top:0.5em;
        margin-right:0.5em;
    }
}

@media screen and (min-width:686px) {
  .variable-icon-size-top{
     font-size:10px;
  }
}

@media screen and (max-width:685px) {
    
  div.home h3 {
    font-size: 1.5em;
  }
  .variable-font-size-top {
        font-size: 20px;
    padding:0.25em;
  }
  .variable-font-search {
        font-size: 20px;
    }
    .variable-icon-size-top{
        padding:0.1em;
  }
  .list-parent-mark {
        margin-top: 0.2em;
    margin-right: 0.5em;
    padding-top: 1px;
    padding-left: 1px;
    width: 22px;
        height: 22px;
    }
    .list-child-mark {
        margin-top:0.5em; 
        margin-right:0.5em; 
  }
    
  .soran-title-ja{
   font-size:32px;
  }
  .soran-title-en{
   font-size:32px;
  }
}

span.icon-margin {
    margin-right: 1em;
}

span.icon-padding {
  padding-right: 10px
}

.btn-page-jump {
  /* border: 1px solid #ccc; */
}