.bdr-gray   { border-color: #d7d7d7; }

.menu-text {
	margin-left: 0px;
	color : white ; 
	text-shadow: 1px 1px 0 #0,-1px 1px 0 #0,1px -1px 0 #0,-1px -1px 0 #0;
}

.menu-text:hover {
	color: orange;
}

.hoverText:hover {
	color: orange;
}

.printBlock {
page-break-after: always;
}

.vertical-text {  
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	float:right;
	line-height:1.8em;
	column-gap: 1.2em;
	padding-bottom:14px ;
}
.vertical-text2 {  
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	float:right;
	padding-bottom:14px ;
  column-count: 2;
  width: 70vw;
  box-sizing: border-box;
/*  overflow-x: hidden; */
}

.icon-pdf {
	padding: 7px 26px 7px 0;
	background: url(PDF_32.png) right center/24px auto no-repeat;
}


.menu-text:visited{
	color :dimgray;
}

.menu-text img {
	margin-left: 0px;	/* menu-text で指定した左余白を打ち消す */
}

.menu-text embed {
	margin-left: 0px;	/* menu-text で指定した左余白を打ち消す */
}
.menu-text object {
	margin-left: 0px;	/* menu-text で指定した左余白を打ち消す */
}
.menu-text iframe {
	margin-left: 0px;	/* menu-text で指定した左余白を打ち消す */
}

.menu-item {
	position: relative;
	margin-left: 0px;
/*	color : dimgray ; */
/*
	text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
*/
}

.menu-item:visited{
	color :dimgray;
}

.menu-item img {
	margin-left: 0px;	/* menu-item で指定した左余白を打ち消す */
}
.menu-item embed {
	margin-left: 0px;	/* menu-item で指定した左余白を打ち消す */
}
.menu-item object {
	margin-left: 0px;	/* menu-item で指定した左余白を打ち消す */
}
.menu-item iframe {
	margin-left: 0px;	/* menu-item で指定した左余白を打ち消す */
}

.thumbImg {
	width:280px;
	height:160px;
	object-fit: cover;
	margin:  0;
	padding: 0;
}

.hoverText:hover {
	color: orange;
}

/* =====================
    グラデーション 0 For header
======================= */
/*グラデーションを掛けたい <img> を囲う外枠*/
.gradient0{
position: relative;
display: block;
}
/* グラデーション */
.gradient0:after{
content: "";
position: absolute; left: 0px; top: 0px;
display: block;
background: linear-gradient( 270deg, #FFFFFF, #FFFFFF 40%, rgba(255, 255, 255, 0.5) 60%,  transparent 80%);
}
/* 縦横を外枠に合わせる */
.gradient0 img, .gradient0:after{
width: 100%;
height: 100%;
}

/* =====================
    グラデーション 1 For header (def)
======================= */
/*グラデーションを掛けたい <img> を囲う外枠*/
.gradient{
position: relative;
display: block;
}
/* グラデーション */
.gradient:after{
content: "";
position: absolute; left: 0px; top: 0px;
display: block;
background: linear-gradient( 90deg, #FFFFFF, #FFFFFF 40%, rgba(255, 255, 255, 0.5) 60%,  transparent 80%);
}
/* 縦横を外枠に合わせる */
.gradient img, .gradient:after{
width: 100%;
height: 100%;
}


/* =====================
    グラデーション 2 For left
======================= */
/*グラデーションを掛けたい <img> を囲う外枠*/
.gradient2{
position: relative;
display: block;
}
/* グラデーション */
.gradient2:after{
content: "";
position: absolute; left: 0px; top: 0px;
display: block;
background: linear-gradient( 270deg, #FFFFFF, transparent 80% );
}
/* 縦横を外枠に合わせる */
.gradient2 img, .gradient2:after{
width: 100%;
height: 100%;
}

/* =====================
    グラデーション 3 For right
======================= */
/*グラデーションを掛けたい <img> を囲う外枠*/
.gradient3{
position: relative;
display: block;
}
/* グラデーション */
.gradient3:after{
content: "";
position: absolute; left: 0px; top: 0px;
display: block;
background: linear-gradient( 90deg, #FFFFFF, transparent 80% );
}
/* 縦横を外枠に合わせる */
.gradient3 img, .gradient3:after{
width: 100%;
height: 100%;
}

/* =====================
    LEDビジョン風エフェクト 4px
======================= */
/*グラデーションを掛けたい <img> を囲う外枠*/
.ledvision {
position: relative;
display: block;
}
/* グラデーション */
.ledvision:after{
    content: ' ';
    display: block;
    position: absolute; top: 0; right: 0; bottom: 0; left: 0;
    background-image: linear-gradient(#000000 2px, transparent 0px), linear-gradient(0, #000000 2px, transparent 2px);
    background-image: -webkit-linear-gradient(#000000 2px, transparent 0px), -webkit-linear-gradient(0, #000000 2px, transparent 2px);
    background-size: 4px 4px;
    z-index: 10;
}
/* 縦横を外枠に合わせる */
.ledvision img, .ledvision :after{
width: 100%;
height: 100%;
}

/* =====================
    LEDビジョン風エフェクト 2px
======================= */
/*グラデーションを掛けたい <img> を囲う外枠*/
.ledvision2 {
position: relative;
display: block;
}
/* グラデーション */
.ledvision2:after{
    content: ' ';
    display: block;
    position: absolute; top: 0; right: 0; bottom: 0; left: 0;
    background-image: linear-gradient(#000000 1px, transparent 0px), linear-gradient(0, #000000 1px, transparent 1px);
    background-image: -webkit-linear-gradient(#000000 1px, transparent 0px), -webkit-linear-gradient(0, #000000 1px, transparent 1px);
    background-size: 2px 2px;
    z-index: 10;
}
/* 縦横を外枠に合わせる */
.ledvision2 img, .ledvision2 :after{
width: 100%;
height: 100%;
}



/* =====================
	電光掲示板 4px
======================= */
.ledText {
    overflow: hidden;
    position: relative;
    width:100%;
    height:62px ;
    padding:0;

    margin-top:-8px;
/*
    padding-bottom:-20px;
*/
    color: #FFC000;
    font-size: 48px;
    font-weight: bold;
    background: #555555;
}


p.ledText {
	margin: 0;	/* ledText クラスを指定した P タグのマージンを打ち消す */
}

/* CSS3グラデーションでドット感を出す */
.ledText:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(#000000 2px, transparent 0px), linear-gradient(0, #000000 2px, transparent 2px);
    background-image: -webkit-linear-gradient(#000000 2px, transparent 0px), -webkit-linear-gradient(0, #000000 2px, transparent 2px);
    background-size: 4px 4px;
/*    z-index: 10;*/
}

/* CSS3アニメーションでスクロール */
.ledText span {
	display: inline-block;
	white-space: nowrap;
	padding-left: 1920px;
	animation-name: marquee;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 40s;

	-webkit-animation-name: marquee;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration:  var(--timer1);
	-moz-animation-name: marquee;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration:  var(--timer1);
}

@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

/* =====================
	テーブル
======================= */


/* =====================
	入力枠
======================= */

.textlines1 {
    border: 2px solid #0a0;  /* 枠線 */
    border-radius: 0.67em;   /* 角丸 */
    padding: 0.5em;          /* 内側の余白量 */
    background-color:lightyellow;  /* 背景色 */
    box-sizing: border-box;  /* ※これがないと横にはみ出る */
    line-height: 1.2;        /* 行の高さ */
    font-size: 12px;        /* 行の高さ */
}

.textlines2 {
    border: 1px solid #0a0;  /* 枠線 */
    padding: 0.3em;          /* 内側の余白量 */
    background-color:white;  /* 背景色 */
    box-sizing: border-box;  /* ※これがないと横にはみ出る */
    line-height: 1.2;        /* 行の高さ */
}

/* 以下は変更後 */

.oshirase_t {
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.box {
	/* 子要素のタイトルを aboslute 配置するため必要 */
	position: relative;
	margin-top: 10px;
	height: 40px;
}
.box .box_imageLeft {
	position: absolute;
	left: 0;
}
.box .box_imageRight {
	position: absolute;
	right: 0;
}

/* グローバルナビ */
#globalNavi ul {
	display: flex;
	background: lightgrey;
	border-radius: 4px;
	flex-flow: row;
	justify-content: space-around;
	list-style-type: none;
	margin: 0 auto;
	padding: 4px 0 3px 0;
	width: 100% ;
}
 
#globalNavi a {
	display: block;
	border-radius: 4px;
	color: white;
	padding: 4px 4px;
  text-shadow:1px 1px 1px #000, -1px -1px 1px #000,
			  -1px 1px 1px #000, 1px -1px 1px #000,
			  0px 1px 1px #000,  0-1px 1px #000,
			  -1px 0 1px #000, 1px 0 1px #000;
}
 
#globalNavi ul li a:hover {
	background: lightskyblue;
}

/* 幅599px以下は0.75em*/
@media screen and (max-width: 599px) {
  #globalNavi {
	font-size: 0.75em;
  }
}

/* 幅600px以上のとき改行を消す*/
@media screen and (min-width: 600px){
.br-sp {display: none; }
}
 
/* 固定 */
.fixed_nav {
	position: fixed;
	bottom: 0px;
	padding: 0;
	width: calc(100% - calc(100vw - 100%))  ;
	height:32px ;
	z-index: 1000;
}


/* ==  table  == */
table {border-collapse: collapse; border-spacing: 0; font-size: inherit;width:100%; margin-bottom: 30px;}
th,td {text-align: left; vertical-align: top;border:1px solid #ccc;padding:0.5em;background:white;}
.tbl_1 p	{font-style:normal; font-weight:bold; margin-bottom: 0; color: #000;}

.tbl_1a th,
.tbl_1 thead th	{background:lightskyblue;color:#fff;}
.tbl_1 tbody th	{background:azure; font-weight: normal;}
.tbl_2 th		{background:lightskyblue;color:#fff;}
.tbl_2 td:first-child	{background:azure;}

.tt_n	{margin-top:0.5em;font-size:0.7em;color:blue;}

.timetable dl {margin: 0;}
.timetable dt {font-weight: bold; color: #000;}
.timetable dd {margin-left: 2em;}
.timetable dl dl dt {font-weight: normal;}
.timetable dl dl dd {margin-left: 1rem;}

.btn_style{
	 float: left;
	 width: 6em;
	 padding: 3px 0 3px;
	 text-align: center;
	 border-radius: 4px;
	 background: lightskyblue;
	 color: white;
}
.btn_style_sp {
	 padding-left: 6em;
}

#page_top{
	width: 100px;
	height: 60px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: royalblue;
}
#page_top a{
	position: relative;
	display: block;
	width: 100px;
	height: 60px;
	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: -25px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
#page_top a::after{
	content: 'PAGE TOP';
	font-size: 13px;
	color: #fff;
	position: absolute;
	top: 30px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}

/* 追加 */
.midashi_t {color: lightskyblue; font-size: 1.25em; line-height: 200%; font-weight: bold; border-left :solid 12px lightskyblue; padding-left: 1em;}
.koumoku_t {width: 150px; height: 25px; color : blue; text-align: center; font-weight: bold; display:inline-block; color: #ffffff; font-size: 1em; background-color: #482d90 ;padding:7px 4px 7px 4px;}
.shousai_t {font-weight: bold; color: white; font-size: 1em; display: inline-block; padding-left: 1em;}
.gaiyo_t div {margin-bottom: 40px;}
.timetable {padding-top: 20px;}

#globalNavi span {
	display: block;
	border-radius: 4px;
	color: #ccc;
	padding: 4px 4px;
  text-shadow:1px 1px 1px #000, -1px -1px 1px #000,
			  -1px 1px 1px #000, 1px -1px 1px #000,
			  0px 1px 1px #000,  0-1px 1px #000,
			  -1px 0 1px #000, 1px 0 1px #000;
}

/* YouTube */
.sympoBnr2 {
  margin-bottom: 20px;
}
@media print, screen and (min-width: 768px) {
  .sympoBnr2 {
    width: 100%;
  }
  .sympoBnr2 a img {
    width: 360px;
  }
  .sympoBnr a:hover img {
    border: 1px solid #3ebeef;
  }
}
.youTubeBox {
  width: 360px;
  margin: 0 auto;
}
.youTubeBox a {
  display: block;
  padding: 14px;
  text-align: center;
  border: 1px solid #ffa500;
  color: #404040;
  background-color: #ffdb99;
  text-decoration: none;
  font-size: 0.9rem;
}
@media print, screen and (min-width: 768px) {
  .youTubeBox a {
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  .youTubeBox a:hover {
    background: #ffedcc;
  }
}
.youtubeImg {
  text-align: center;
}
.sympoBnr2 .youtubeImg img {
  width: 120px;
  height: auto;
  margin: 6px auto;
}