/*============= 全体的なスタイル =============*/
/* 字下げ 1文字(2行目以降) */
.second-line-indent-one-character{
	padding-left:1rem;
	text-indent:-1rem;
}

/* 字下げ 2文字(2行目以降) */
.second-line-indent-two-characters{
	padding-left:2rem;
	text-indent:-1rem;
}

/* 字下げ 3文字(2行目以降) */
.second-line-indent-three-characters{
	padding-left:3rem;
	text-indent:-1rem;
}

/* 字下げ 1文字(ブロック全体) */
.indent-one-character{ margin-left: 1rem;}

/* 字下げ 2文字(ブロック全体) */
.indent-two-characters{ margin-left: 2rem;}

/* 字下げ 3文字(ブロック全体) */
.indent-three-characters{ margin-left: 3rem;}

/* 1文字行詰め*/ 
.one-line-up{margin-top: -1rem;}

/*============= アイコン =============*/
/* アイコンのベース部分 */
.icon-base{
display: inline-block;
padding: 0 3px;
margin-left: 2px;
vertical-align: middle;
font-size: 0.75rem;
font-weight: normal;
border-radius: 3px;
}
/* 赤字のNewアイコン */
.newicon{
border: 1px solid #ba372a;
background-color: #ba372a; 
color: #fff;
}
/* UP or 更新 アイコン*/
.upicon{
border: 1px solid #236fa1;
background-color: #236fa1;
color: #fff;
}

/* 注意事項の チェックマーク(赤字) */
.caution-line {
  position: relative;
  padding-left: 1.6rem;/*アイコン分のスペース*/
  line-height: 1.4;
  font-size: 1.2rem;
  font-weight: bold;
}
.caution-line:before {
  font-family: "Font Awesome 6 Free";
  content: "\f00c";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.2rem;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #ba372a; /*アイコン色*/
}

/* 禁止事項の枠：電子コンテンツ利用上の注意で使用
   見出しは赤い背景色に白字、内容は赤枠で囲うレイアウト
*/
.prohibition-box{
  border: 2px solid #ba372a;
  border-radius: 8px;
}
.prohibition-box .box-title{
  background: #ba372a;
  color: #fff;
  padding: 2px 0.5rem;
  font-weight: bold; 
}
.prohibition-box .box-inner{
  padding: 0.5rem;
}

/*============= 枠 =============*/
.infoblock{
margin: 0.75rem 0.25rem;
padding: 0.25rem;
border-radius: 8px; 
}
/* 赤枠 */
.infoblock-danger{
outline: 2px solid #e03e2d;
}
/* 青枠 */
.infoblock-info{
outline: 2px solid #34495e;
}

/*============= グローバルメニュー =============*/
/*----- 研究支援 ここまで -----*/
.sp_menu li.support_menu p {
	background: url("/themes/Originals/tuat/img/common/navi_sp_icon04.png") 2px 0 no-repeat;
	padding-left: 50px; }

.globalNavFrame ul li.support_menu a {
	background: url("/themes/Originals/tuat/img/common/navi_icon04.png") 40px 2px no-repeat;
	padding-left: 45px; }
@media only screen and (min-width: 1200px) {
	.globalNavFrame ul li.support_menu a {
		background-position: 65px 2px; } 
}
/* メニューの上の黒いバー */
body[class^="support-"] .globalNavFrame ul li.support_menu a,
body[class^="faculty-"] .globalNavFrame ul li.support_menu a,
body[class^="en-support-"] .globalNavFrame ul li.support_menu a,
body[class^="en-faculty-"] .globalNavFrame ul li.support_menu a {
	border-top: 5px solid #000;
	border-radius: 0; }
/*---------- 研究支援 ここまで ----------*/

/*------------------------------------------------------------------------------------------------- */  
/*　研究支援のメニューができたことに伴い、CMS導入時に設定されたcssを */
/*　下記cssで上書きするレイアウトの上書きする                                                      */
/*　(主にグローバルメニューの上の黒いバー)                                                              */
/*------------------------------------------------------------------------------------------------ */  

/* 学外の方へカテゴリー：「利用案内」の上のバーを黒くする */
body[class^="visitor-"] .globalNavFrame ul li.about_menu a,
body[class^="en-visitor-"] .globalNavFrame ul li.about_menu a
{
	border-top: 5px solid #000;
	border-radius: 0;
}

/* 教員の方へカテゴリー：「利用案内」の上のバーは黒くしない */
body[class^="faculty-"] .globalNavFrame ul li.about_menu a,
body[class^="en-faculty-"] .globalNavFrame ul li.about_menu a
{
	border-top: 0;
}

/* 図書の寄贈 / 推薦 (教員向け)ページ：「利用案内」の上のバーを黒くし、「研究支援」は黒くしない */
body[class^="faculty-donation_fa"] .globalNavFrame ul li.support_menu a,
body[class^="en-faculty-donation_fa"] .globalNavFrame ul li.support_menu a
{
	border-top: 0;
}
body[class^="faculty-donation_fa"] .globalNavFrame ul li.about_menu a,
body[class^="en-faculty-donation_fa"] .globalNavFrame ul li.about_menu a
{
	border-top: 5px solid #000;
	border-radius: 0;
}

/*------------------------------------------------------------------------------------------------- */  
/*　学外の方へメニューのアイコンの上書き                                                                   */
/*------------------------------------------------------------------------------------------------- */  
/* スマホ用 */
 .sp_menu li.guest_menu p {
    background: url("/themes/Users/tuat_theme/images/books-icon.png") 5px no-repeat;
    padding-left: 50px; 
}

/*============= トップページ 施設予約エリア =============*/
/* ログインボタン */
.ccMainArea .myopac_facility_Frame .myopac_facility .facility .btn {
        display: block;
        width: 274px;
        height: 48px;
        border-radius: 3px;
        text-align: center;
        font-size: 1.25rem;
        color: #fff;
        background-color: #786935;
        margin: 0 auto; }

/* アイコン(鍵マーク → ログインマーク) */
.ccMainArea .myopac_facility_Frame .myopac_facility .facility .btn span::before {
          font-family: "Font Awesome 6 Free";
          content: '\f023';
          content: '\f2f6';
          font-size: 1rem;
          font-size: 1.2rem;
          font-weight: 900;
          margin: 0 8px 0 0; 
          margin: 0 8px 2px 0; }

/* hover */
.ccMainArea .myopac_facility_Frame .myopac_facility .facility .btn:hover {
          background-color: #9c926d; }

/*  施設予約の pタグ*/
.ccMainArea .myopac_facility_Frame .myopac_facility .facility p:nth-of-type(1) {
        margin-top: 10px;}
.ccMainArea .myopac_facility_Frame .myopac_facility .facility p {
        margin-bottom: 0.5rem;
        margin-left: 65px;
	padding-left:1rem;
	text-indent:-0.75rem;
}


/*  施設予約の pタグの装飾(文字の前に > をつける)*/
.ccMainArea .myopac_facility_Frame .myopac_facility .facility p a::before {
          font-family: "Font Awesome 6 Free";
          content: '\f054';
          font-size: .8125rem;
          font-weight: 900;
          margin: 0 5px 0 0; }

/*============= 個別スタイル =============*/
/* お知らせ */
/* アルバイト募集のお知らせ用 */
#blogJobInfo ul + p{
	padding-left:3rem;
        margin-top: -1.5rem;
}