/*index-1    2019-10-22 */
 /*　num1 z-index: 10000　　2025-5-17 */	


/* フォントサイズ　基本サイズ親要素指定　16px のデフォルトのfont-sizeのことを指しています。*/	
body { font-size: 16px; }
/* デフォルト1rem =16px に設定　親要素に影響ない*/
html {   font-size: 100% }












a:link, a:visited { color:#039; text-decoration:none; }   /*ポイント時の　カーソル */			
a:hover { text-decoration:underline; }			
a:focus { outline:none;} /*　点線枠が出てきます。それを消す */	
a:link {color:#FFF;}    /*　未訪問リンクの文字色を変える青 */			
a:visited {color:#FFF;} /*　訪問済リンクの文字色を変える紺 */
a:hover {color:#FFF;}   /*　ポイント時のリンクの文字色を変える赤 color:#cc0000*/	
.demo101:focus { outline:none; }/*　点線枠が出てきます。それを消す */
.demo101{background-color: rgba(255, 255, 255,0.9);border: 1px ridge silver; border-radius: 2px 2px 2px 2px;color: #000;font-size: 120%;}/*　ボタン要素 */


		
		
a:active {color:#660066;}  /*　選択中のリンクの文字色を変える紫 */		
.auto-style4 {color: #FF0000}
.auto-style5 {background-color: rgba(0, 0, 0,0.7);}
.auto-style9 {color: #FF0000;}
.auto-style10 {	text-decoration: underline;}
.auto-style11 {	color: #fff;}
.auto-style12 {	color: #fff;}
.auto-style20 {	list-style-type:disc;list-style-position:inside;}/*　黒丸 list item*/
.auto-style21 {	list-style-type:disc;list-style-position:outside;}/*　黒丸 list item*/



.text-shadow10 {text-shadow: 1px 1px 1px #fff;}
.text-shadow11 {text-shadow: 1px 1px 1px #000;}
/*textに白影を入れる*/

.shadowtextf {color: #000;	text-shadow: 2px 2px 2px #fff;}
.shadowtextf1 {color: #000;	text-shadow: 2px 2px 2px #fff;font-size: 140%;}


/*textに黒影を入れる*/

.shadowtext0 {	color: #fff;text-shadow: 2px 1px 1px #000;}


.text-top4 {line-height: 250%;font-size: 200%;   color: #fff;}





 .box1 {display: inline-block;position: relative;overflow: hidden;  }

 .box2 {background: rgba(0,0,0,.4);z-index: 2; position: absolute;top:60%; padding: 4px 4px 4px 4px; line-height: 140%;font-size: 100%;}


 .box3 {background: rgba(0,255,0,.4);z-index: 2; position: absolute;top:50%; padding: 4px 4px 4px 4px; line-height: 140%;font-size: 100%;}

 .box4 {background: rgba(255,0,0,.4);z-index: 2; position: absolute;top:50%; padding: 4px 4px 4px 4px; line-height: 140%;font-size: 100%;}

.box99 {background: rgba(0,0,0,.4);font-size: 130%;border-radius: 7px 7px 7px 7px;}



  /*　 スクロールの値 */	



.num1 {	margin: 0;position: fixed;top: 94%;z-index: 120;right: 5px;padding: 2px 2px 2px 2px;	border-radius: 4px 4px 4px 4px;color: #FFFFFF;background-color: rgba(0, 0, 0, 0.7);} 
  /*　bottom スクロールの値 */	

.num2 {	margin: 0;position: fixed;top: 94%;z-index: 120;left: 5px;padding: 2px 2px 2px 2px;	border-radius: 4px 4px 4px 4px;color: #FFFFFF;background-color: rgba(0, 0, 0, 0.7);} 


.num1 {	margin: 0;position: fixed;top: 94%;z-index: 10000;right: 5px;padding: 2px 2px 2px 2px;	border-radius: 4px 4px 4px 4px;color: #FFFFFF;background-color: rgba(0, 0, 0, 0.7);} 
  /*　bottom スクロールの値 */	


  /*　 縦文字 */	

.vertical00 {
	width:100%;
	writing-mode: tb-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;

	}	







/*グリッドギャップなし 	*/	

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}





/* 「文字大きさ指定」 */	

.dropdown1 {font-size: 105%; }
.dropdown2 {font-size: 140%;color:#000; }
.dropdown3 {font-size: 140%;color:#fff; }
/* 「ボタンの大きさ」 */	

.dropdown4 {font-size: 125%; }



/* 「フレームワーク」 */	
.takasaskii0001{border:0px ridge silver;	padding: 0% 0% 0%  0%      ;	z-index  : 99; 	 }	
.takasaspase5{height:50px;}	
.takasaspase6{height:30px;}	

.takasaspase7{height:300px;}	

/* 「画像大きさ指定」 */	
.imgslwh0{width:35px;height:35px;float:none;margin: 0px0px0px0px;}
.imgslwh4{width:10%;height:auto;float:none;margin: 0px0px0px0px;}
.imgslwh01{width:30px;height:auto;float:none;margin: 0px0px0px0px;}
.imgslwhh{  background-color: rgba(255, 255, 255, 1.0);}
.imgslwh1{width:60px;height:auto;float:none;margin: 0px0px0px0px;}

/*ナビバー透過*/

.navbar-default{background-color: rgba(0, 0, 0, 0.0);}
.navbar-default .navbar-nav > {background: #000;}





/* 「パソコン普通」 頭スペース*/	


/* 「ブラウザ幅が1900px以上の  縦1080px以上   21.5インチ 以上　対応　  ２ｋ */

@media screen and (min-width: 1900px){


.takasaskii0001{border:0px ridge silver;	padding: 0% 5% 0% 5%      ;	z-index  : 99; 	 }	



/* 「動画側」 */	

.takasaka900{
	min-height:50px;/* 幅　大きさ調整 */
	line-height: 1.6;
	font-size: 110%;
	height:auto;
	padding:0% 0% 0%  0%;
	margin: 5px;
	border: 0px ridge silver;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 2px rgba(0,0,0,.0);

	float: none;
    text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
    border-radius: 7px 7px 7px 7px;
	float: none;
	color:#000;



	/*リンク*/
}	

/* 「コメント側」 */	

.takasaka901{
min-height: 50px;
line-height: 1.6;
font-size: 110%;
height: auto !important;
padding:2% 2% 2%  2%;
margin: 5px;
border: 0px ridge silver;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 0 2px rgba(0,0,0,.0);
float: none;
text-align: justify; /* 両端揃え */
text-justify: inter-ideograph; /* 両端揃えの種類 */

border-radius: 7px 7px 7px 7px;
float: none;
color:#000;
}




}	














/* 「パソコン普通」 横向きの場合のスタイル*/	

@media screen and (min-width: 824px)and (max-width: 1899px) and (orientation: landscape) {

.takasaskii0001{border:0px ridge silver;margin:0% 0% 0% 0% ;padding: 0% 0% 0% 0%  ; z-index  : 99; 	 }	



/* 「動画側」 */	

.takasaka900{
	min-height:50px;/* 幅　大きさ調整 */
	line-height: 1.6;
	font-size: 110%;
	height:auto;
	padding:0% 0% 0%  0%;

	margin: 5px;
	border: 0px ridge silver;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 2px rgba(0,0,0,.0);

	float: none;
    text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
    border-radius: 7px 7px 7px 7px;
	float: none;
	color:#000;



	/*リンク*/
}	

/* 「コメント側」 */	

.takasaka901{
min-height: 50px;
line-height: 1.6;
font-size: 110%;
height: auto !important;
padding: 2% 2% 2%  2%;
margin: 5px;
border: 0px ridge silver;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 0 2px rgba(0,0,0,.0);
float: none;
text-align: justify; /* 両端揃え */
text-justify: inter-ideograph; /* 両端揃えの種類 */

border-radius: 7px 7px 7px 7px;
float: none;
color:#000;
}




}	








/* ブラウザ幅が824px以下　スマートフォン 横向き  無効*/



@media screen and (max-width: 100px)and (orientation: landscape) {
/* 「ボタンの大きさ」 */	

.dropdown4 {font-size: 100%; }
/* 「リストの大きさ」 */	

.dropdown1 {font-size: 120%;  }
/* 「パソコン普通」 頭スペース4166*/	

 .navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

 
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-success {text-shadow: 1px 1px 1px #000;
  color: #000;font-size: 110%;
  background-color: rgba(255, 255, 255, 0.0);
  border-color: rgba(255, 255, 255, 0.0);
}










/* 「パソコン普通」 頭スペース*/	

.takasaspase5{height:0px;}	
.navbar-default{background-color: rgba(255, 255, 255, 0.0);}

.takasaskii0001{border:0px ridge silver;	min-height: 800px;  ; z-index  : 99; 	 }	

.imgslwh0{width:30px;height:30px;float:none;margin: 0px0px0px0px;}

.takasaka900{
/* 「ダミー高さ空900」 */	
font-size: 105%;
line-height: 1.7;
min-height: 100px;
height: auto !important;
margin: 0px0px0px0px;
padding: 0px 0px 0px 0px;
border: 0px ridge silver;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 0 2px rgba(0,0,0,.0);
border-radius: 0px
float: none;color:#000;
}





.takasaka901{
/* 「ダミー高さ空900」 */	
font-size: 105%;
line-height: 1.7;
min-height: 100px;
height: auto !important;
margin: 0px0px0px0px;
padding: 10px 10px 10px 10px;
border: 0px ridge silver;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 0 2px rgba(0,0,0,.0);
border-radius: 7px 7px 7px 7px;
float: none;color:#000;
}




}	







 
 




 
  /* ブラウザ幅が200px～825ｐｘ以下　 【全ての横】　スマホ */

@media screen and (min-width: 200px)and (max-width: 825px)and (orientation: landscape) {

  /* ブラウザ幅が750px～825ｐｘ以下【縦長スマホ】　16対9 フルハイビジョンタミー　ダミーデータ   スマホ　バック　消す　background-color: #000000; */
.takasaskii0001{z-index  : 99;	 border:0px ridge silver;	padding: 0%  0%  0% 0%;	}	


.dropdown4 {font-size: 100%; }

.dropdown1 {font-size: 110%;  }
/* 動画　フチなし*/	
.takasaspase5{height:0px;}	





.takasaka900{
/* 「ダミー高さ空900」 スマホ　写真５０％*/	
font-size: 100%;
line-height: 1.7;
min-height: 100px;
height: auto !important;
margin: 0px0px0px0px;
padding:  7%  50%  0% 0%;
border: 0px ridge silver;
background-color: rgba(0,0, 0, 0.9);
box-shadow: 0 0 2px rgba(0,0,0,.0);
border-radius: 0px ;
float: none;color:#fff;
}





.takasaka901{
/* 「ダミー高さ空900」 */	
font-size: 105%;
line-height: 1.7;
min-height: 100px;
height: auto !important;
margin: 0px0px0px0px;
padding:  2%  2%  2% 2%;
border: 0px ridge silver;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 0 2px rgba(0,0,0,.0);
border-radius: 7px 7px 7px 7px;
float: none;color:#000;
}






}







/* 「パソコン普通」 縦向きの場合のスタイル*/	

@media screen and (min-width: 915px)and  (max-width: 1899px) and (orientation: portrait) {


.takasaskii0001{border:0px ridge silver;	padding: 0% 0% 0%  0%   ;	z-index  : 99; 	 }	

/* 「動画側」 */	

.takasaka900{
font-size: 110%;
line-height: 200%;
min-height: 50px;
height: auto !important;
margin: 0px0px0px0px;
padding: 0px 10px 0px 10px;
border: 0px ridge silver;
background-color: rgba(0, 0, 0, 0.9);
box-shadow: 0 0 2px rgba(0,0,0,.0);
border-radius: 7px 7px 7px 7px;
float: none;color:#fff;
}




/* 「コメント側」 */	

.takasaka901{
font-size: 110%;
line-height: 200%;
min-height: 50px;
height: auto !important;
margin: 0px0px0px0px;
padding: 10px 10px 10px 10px;
border: 0px ridge silver;
background-color: rgba(0, 0, 0, 0.9);
box-shadow: 0 0 2px rgba(0,0,0,.0);
border-radius: 7px 7px 7px 7px;
float: none;color:#fff;
}




}	






/* ブラウザ幅が915px以下　、スマホ 縦 */



@media screen and (max-width: 915px)and (orientation: portrait) {

/* 「パソコン普通」 頭スペース*/	

.takasaspase5{height:50px;}	
.navbar-default{background-color: rgba(0, 0, 0, 0.9);}
.takasaskii0001{border:0px ridge silver;	 z-index  : 99; min-height: 800px; }	
.imgslwh0{width:25px;height:25px;float:none;margin: 0px0px0px0px;}
/* 「ボタンの大きさ」 */	


.dropdown4 {font-size: 90%; }

.dropdown1 {font-size: 120%;  }




.btn-success {text-shadow: 1px 1px 1px #000;
  color: #000;font-size: 100%;
  background-color: rgba(255, 255, 255, 0.0);
  border-color: rgba(255, 255, 255, 0.0);
}








.takasaka900{
/* 「ダミー高さ空900」 */	
font-size: 110%;
line-height: 1.7;
min-height: 100px;
height: auto !important;
margin: 0px0px0px0px;
padding: 0%  0%  0%  0%;

border: 0px ridge silver;
background-color: rgba(0, 0, 0, 0.9);
box-shadow: 0 0 2px rgba(0,0,0,.0);
border-radius: 7px 7px 7px 7px;
float: none;color:#fff;
}





.takasaka901{
/* 「ダミー高さ空900」 */	
font-size: 110%;
line-height: 1.7;
min-height: 100px;
height: auto !important;
margin:  0% 0% 0% 0% ;
padding: 10px 10px 10px 10px;

border: 0px ridge silver;
background-color: rgba(0, 0, 0, 0.9);
box-shadow: 0 0 2px rgba(0,0,0,.0);
border-radius: 7px 7px 7px 7px;
float: none;color:#fff;
}




}	






/* ブラウザ幅が750px～915px以下　タブレット 縦 */






@media screen and (min-width: 750px)and (max-width: 915px)and (orientation: portrait) {


.imgslwh0{width:30px;height:30px;float:none;margin: 0px0px0px0px;}



.dropdown4 {font-size: 110%; }

.dropdown1 {font-size: 130%;  }







.takasaka900{
/* 「ダミー高さ空900」 */	
font-size: 110%;
line-height: 1.7;
min-height: 100px;
height: auto !important;
margin: 0px0px0px0px;
padding: 0%  0%  0%  0%;

border: 0px ridge silver;
background-color: rgba(0, 0, 0, 0.9);
box-shadow: 0 0 2px rgba(0,0,0,.0);
border-radius: 7px 7px 7px 7px;
float: none;color:#fff;
}





.takasaka901{
/* 「ダミー高さ空900」 */	
font-size: 120%;
line-height: 1.7;
min-height: 100px;
height: auto !important;
margin:  0% 0% 0% 0% ;
padding: 10px 10px 10px 10px;

border: 0px ridge silver;
background-color: rgba(0, 0, 0, 0.9);
box-shadow: 0 0 2px rgba(0,0,0,.0);
border-radius: 7px 7px 7px 7px;
float: none;color:#fff;
}





}	









	/* 「親要素　大きさ指定」 */	

.oyahanni  {position: relative;height: 100%;  width: 100%;}


	/* 「画像の重ね合わせ・重ねる順番指定」 */	


.kasaneimg1    {
    position:   absolute;
    z-index:   9;
    top:       0%;
    left:        0px;
    border:        0px #f00 solid;
}
.kasaneimg2    {
    position:    absolute;
    z-index:    10;
    top:         59%;
    left:        0px;
    border:        0px #f00 solid;
}

	/* 「大きさ指定」 */	


#duke1 {height: 100%;  width: 100%;}









/* ブラウザ幅が750px以下　スマートフォン 縦 */


/* Bootstrap Navigation styles .active
------------------------------------------------------------------------------ */
/* actives　ハンバガー　文字　背景 */
.navbar-default .navbar-nav > .active{ color: #000; font-weight: bold;font-size: 105%;  background-color: rgba(0,0,0, 0.8)}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover ,




/* ハンバガー　背景 */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #fff;
 background-color: rgba(0,0,0, 0.9)
}