.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; */
}



.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: 100%;
	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%);}
}

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

table {
	border-collapse: collapse;
}
td, th {
	padding: 3px 4px 0px 4px;
}
th {
	background: #f0e6cc;
}
.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}

thead, tbody {
  display: block;
  overflow-x: hidden;
}
.xscrl {
  overflow-x: scroll;
}

.yscrl {
  overflow-y: scroll;
  width: 100%;
}
.noline {
	border: 0px solid #FFFFFF;
}
.yesline {
	border: 1px solid #595959;}

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


#ccc table {
	border-collapse: collapse;
	border: 1px solid #595959;
}
#ccc td {
	border: 1px solid #595959;
}
#ccc th {
	border: 1px solid #595959;
}

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

.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;        /* 行の高さ */
}