/*

Theme Name: Original Blank
Version: 1.0
Description: 自作用ブランクテーマです。
*/

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, img {
	display: block;
}

ol, ul {
	list-style: none;
    margin: 0px;
    padding: 0px;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

textarea,
select {
	font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, 游ゴシック, YuGothic, Arial, Helvetica, sans-serif;
}

textarea {
    resize: none;
}

html {
    scroll-behavior: smooth;
}

html,
body {
	font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, 游ゴシック, YuGothic, Arial, Helvetica, sans-serif;
}

img {
    max-width: 100%;
}

img.size-full {
	max-width: 100%;
	height: auto;
}

.roboto {
    font-family: 'Roboto', sans-serif;
}


i.material-icons {
	font-size: 1.8rem;
}

i.material-icons.line {
    position: relative;
    top: 6px;
    font-size: 1.6rem;
    margin-right: 5px;
}

a:hover {
	color: #898989;
}

a.blk {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

a.inh {
    color: inherit;
}

a.inh:hover {
    color: inherit;
    text-decoration: none;
}

a.c-inh {
    color: inherit;
}

a.c-inh:hover {
    color: inherit;
}

a.tag {
    display: inline-block;
    border: 1px solid #ddd;
    font-size: .8rem;
    color: #666;
    padding: .3rem .5rem;
    margin-bottom: .5rem;
}

a.tag:hover,
a.tag-current {
    text-decoration: none;
    border: 1px solid #0097A7;
    background: #3ab0db;
    color: #fff;
    border: 1px solid #3ab0db;
}

.trn-op,
.trn-stripe {
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.trn-op:hover {
    opacity: .8;
}

.clearfix:after {
	display: block;
	clear: both;
	content:  "";
}

.texthidden {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bgcover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.str-bk {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(images/stripe_bk01.png);
    background-repeat: repeat;
    opacity: .2;
}

.str-bk2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    background: linear-gradient(to top,#555,#111);
    opacity: .5;
}

.str-wh {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(images/stripe_wh01.png);
    background-repeat: repeat;
    opacity: .2;
}

.text-hid {
	width: 100%;
	overflow: hidden;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	 text-overflow: ellipsis;
	 white-space: nowrap;
}

.text-inh {
    font-size: inherit!important;
}

.title2 {
    border-bottom: 2px solid #CFD8DC;
    padding-bottom: .3rem;
}

.title3 {
    border-bottom: 2px solid #FF5252;
    color: #FF5252;
    padding-bottom: .3rem;
}



.h6 {
    font-size: 1.0rem!important;
}

.h7 {
    font-size: .9rem!important;
}

.h8 {
    font-size: .8rem!important;
}

.h9 {
    font-size: .7rem!important;
}

.h10 {
    font-size: .6rem!important;
}

.form-control::placeholder{
    color: #cdcdcd;
    font-weight: normal;
}

select.ui-datepicker-year{
    height: 2em!important;      /* 高さ調整 */
    margin-right:5px!important; /* 「年」との余白設定 */
    width:70px!important;       /* 幅調整 */
}
/* 月プルダウンの変更 */
select.ui-datepicker-month{
    height: 2em!important;      /* 高さ調整 */
    margin-left:5px!important;  /* 「年」との余白設定 */
    width:70px!important;       /* 幅調整 */
}

/* 吹き出しのバルーン */
.balloon-top::before{
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #f8f9fa;
}

.modal-btn {
    cursor: pointer;
    position: relative;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.modal-btn .str-wh,
.modal-btn .str-bk {
    opacity: 0;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.modal-btn:hover .str-wh,
.modal-btn:hover .str-bk {
    opacity: .7;
}

.widget-title {
    border-bottom: solid 3px #3ab0db;
    font-weight: inherit;
}


/* FontAwesome */

i.fas {
    margin-right: 5px;
}


/* グローバルナビの下線アニメーション */



.u_anim {
    position: relative;
    display: inline-block;
    text-decoration: none;
}

.u_anim::after {
    position: absolute;
    bottom: 2px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #aaa;
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform .3s;
}

.u_anim.active::after {
    background: #333;
}

.u_anim:hover::after,
.u_anim.active::after {
    transform: scale(1,1);
}



/*　空白ユーティリティ */

.py-05 {
    padding-top: .16rem;
    padding-bottom: .16rem;
}

.py-15 {
    padding-top: .375rem!important;
    padding-bottom: .375rem!important;
}

.py-25 {
    padding-top: .75rem!important;
    padding-bottom: .75rem!important;
}

.px-15 {
    padding-right: .375rem!important;
    padding-left: .375rem!important;
}

.px-25 {
    padding-right: .75rem;
    padding-left: .75rem;
}

.mx-05 {
    margin-right: .1rem!important;
    margin-left: .1rem!important;
}

.mt-35 {
    margin-top: 1.25rem!important;
}

.mt-45 {
    margin-top: 2.5rem!important;
}

.mt-48 {
    margin-top: 3.5rem!important;
}

.mt-5 {
    margin-top: 4rem;
}

.mt-6 {
    margin-top: 5rem!important;
}

.mt-7 {
    margin-top: 6rem!important;
}

.mt-8 {
    margin-top: 7rem!important;
}

.mb-45 {
    margin-bottom: 2.5rem!important;
}

/* 文字ユーティリティ */

.fw-normal {
    font-weight: normal!important;
}

.text-secondary2 {
    color: #dee2e6!important;
}

.text-secondary3 {
    color: #f0f0f0!important;
}

.text-secondary4 {
    color: #78909C!important;
}

.text-shadow-sm {
    text-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.text-shadow {
    text-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.text-shadow2 {
    text-shadow: 0 .2rem .3rem rgba(0,0,0,.3)!important;
}

.text-shadow-lg {
    text-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}


/* 境界ユーティリティ */

.border-era {
    border-color: #FFCC80!important;
}

.border-secondary2 {
    border-color: #dee2e6!important;
}

.border-bottom2 {
    border-bottom: 3px solid #42A5F5;
}


/* カラーユーティリティ */

.text-era {
    color: #e95f05!important;
}

.bg-secondary2 {
    background-color: #dee2e6!important;
}

.bg-secondary3 {
    background-color: #f0f0f0!important;
}

.bg-primary2 {
    background-color: #90CAF9!important;
}

.bg-era {
    background-color: #FFF3E0!important;
}


/* bootstrap シャドウユーティリティ */


.shadow-sm2 {
    box-shadow: 0 0 .5rem rgba(0,0,0,.125)!important;
}


/* フォーム */


.custom-file-label::after {
    content: "参照";
}

.custom-checkbox label.custom-control-label {
    cursor: pointer;
}


/* ページネーション */

.pagenation .page-numbers {
    font-size: .9rem;
    padding: .2rem .6rem;;
    box-sizing: border-box;
    border-radius: 3px;
    background: #f2f4f5;
    border-width: 1px;
    border-style: solid;
    border-color: #d0d8db;
    color: inherit;
    margin-left: .1rem;
    margin-right: .1rem;
}

.pagenation .page-numbers.current {
    border-color: #00a0e9;
    color: #fff;
    background-color: #00a0e9;
}

.pagenation a.page-numbers {
    -webkit-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.pagenation a.page-numbers:hover {
    background: #ccc;
}

.pagenation .page-numbers.dots,
.pagenation .page-numbers.prev,
.pagenation .page-numbers.next {
    background: none;
    border: none;
    padding: .2rem .2rem;
}

.pagenation a.page-numbers.prev,
.pagenation a.page-numbers.next {
    font-size: .8rem;
    color: #888;
}

.pagenation .page-numbers:hover {
    text-decoration: none;
}

.pagenation a.page-numbers.prev:hover,
.pagenation a.page-numbers.next:hover {
    background: inherit;
    color: #00a0e9;
}


/* 全○件中○件 */


p.art_cnt {
    display: block;
    float: left;
    color: #454545;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 2px solid #ddd;
}

p.art_cnt span {
    font-weight: bold;
    font-size: 1.5rem;
    margin: 0 3px;
    color: #42A5F5;
}

ul.sort_box {
    float: right;
}

ul.sort_box li {
    display: inline-block;
    margin-left: 10px;
}

ul.sort_box li select {
    padding: 5px 3px 4px 8px;
    border: 1px solid #ccc;
}

.inp_hide {
    display: none;
}

.side {
    padding-bottom: 32768px;
    margin-bottom: -32768px;
}

.img-w100 {
    max-width: 100%;
}


/* ヘッダー */


header#header {
    position: relative;
    background-image: url(images/header_img.png);
}

header#header h3 {
    text-shadow: 1px 1px 4px #000;
    box-sizing: border-box;
}


/* フッター */


footer#footer {
    color: #fff;
    text-align: center;
}


/* サイドバー */


div#sidebar {
    min-height: 500px;
}

div#sidebar ul#sidemenu li {
    font-size: .9rem;
}

div#sidebar ul#sidemenu li a.current {
    background: #e5e5e5;
}

div#sidebar ul#sidemenu li a.current p.card-text {
    text-decoration: inherit;
}

div#sidebar ul#sidemenu li a i {
    color: #ccc;
    font-size: 1.2rem;
    position: relative;
    top: 5px;
    margin-right: 3px;
}

div#sidebar ul#sidemenu li a.current i {
    color: #454545;
}


/* パンくずリスト */


nav#breadcrumb .breadcrumb {
    background: inherit;
}

nav#breadcrumb .breadcrumb-item {
    padding-top: 1px;
}

nav#breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    display: none;
}

nav#breadcrumb li.arrow i {
    color: #ddd;
    font-size: 1.5rem;
}


/* お問い合わせ窓 */

div#alert-contact h5 i {
    position: relative;
    top: 7px;
    margin-right: 4px;
}


/* トップに戻るボタン */


#page-top {
    position: fixed;
    bottom: 10px;
    right: 20px;
    font-size: 80%;
}
#page-top a {
    background: #fff;
    text-decoration: none;
    color: #454545;
    width: 60px;
    height: 60px;
    padding: 17px 0;
    text-align: center;
    display: block;
    border-radius: 50%;
    box-shadow: 1px 1px 4px #000;
}
#page-top a:hover {
    text-decoration: none;
    background: #ccc;
}


/* カレンダー FullCalendar */


.fc-toolbar.fc-header-toolbar{
    margin-bottom: 7px;
}

.fc-unthemed h2 {
    font-size: 1.3rem;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    font-size: .9rem;
    margin-right: 4px;
}

.fc-event.calendar_1 {
    background-color: #668CD9;
    border: 1px solid #668CD9;
}

.fc-event.calendar_2 {
    background-color: #D96666;
    border: 1px solid #D96666;
}

.fc-event.calendar_3 {
    background-color: #43A047;
    border: 1px solid #43A047;
}

.fc-day-grid-event .fc-time {
    font-weight: normal;
    font-size: .7rem;
}

a.fc-day-grid-event {
    color: #fff!important;
}

.fc-unthemed td.fc-today {
    background: #FFEE58;
}

th.fc-day-header {
    font-weight: normal;
    font-size: .8rem;
}

.fc-sun,
.fc-sat {
    background: #BDBDBD;
}


/* カレンダー２(TOPページのcalendar2) FullCalendar */



/* コンテンツ本体 */



div#content {
    min-height: 80vh;
}

div#content h1.title {
    background: #42A5F5;
    color: #fff;
}

div#content .ver-warn1 {
    background: #FFE082;
}

div#content .sec-border {
    border-bottom: 2px solid #ccc;
}



/* リモートレクチャー */



table.contact-s tbody tr {
    border-bottom: 1px solid #9fcdff;
    font-size: .9rem;
    text-align: left;
}

table.contact-s tbody tr:last-child {
    border-bottom: none;
}

table.contact-s tbody tr td {
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
}

table.contact-s tbody tr td.title {
    width: 130px;
    border-right: 1px solid #9fcdff;
    padding-left: 0px;
    text-align: center;
}