﻿/* css reset
-------------------------------------------------- */











/* index html  2020-12-28
-------------------------------------------------- */
html, body {   height: 100%;  width: 100%;}
.text-top {  display: table-cell;  text-align: center;  vertical-align: middle;}
 /* 「下から」10%　　*/

.figu-07 {position: relative;	overflow: hidden;	width: auto;}

.figcapti-07 {position: absolute;	top: 79%;	left: 0%;	z-index: 2;	width: 100%;
	height: 100%;	background: rgba(0,0,0,.6);	-webkit-transition: .4s;	transition: .4s;
	opacity: 1;color: #fff;    padding: 4px 4px 4px 4px;	line-height: 129%;font-size: 100%;
	text-align: justify; /* 両端揃え */
   text-justify: inter-ideograph; /* 両端揃えの種類 */
}



.boxseriaru {display: inline-block;}

figure:hover figcaption { TOP:0;left	: 0;}


.center-col {text-align:left;}


a:link, a:visited { color:#039; text-decoration:none; }   /*ポイント時の　カーソル */			
a:hover { text-decoration:underline; }			
a:link {color:#FFF;}    /*　未訪問リンクの文字色を変える白 */			
a:visited {color:#FFF;} /*　訪問済リンクの文字色を変える白 */	
a:hover {color:#FFF;}   /*　ポイント時のリンクの文字色を変える白 */			
a:active {color:#660066;}  /*　選択中のリンクの文字色を変える紫 */		
a:focus { outline:none;} /*　点線枠が出てきます。それを消す */	

.demo101:focus { outline:none; }/*　点線枠が出てきます。それを消す */


  /*　 スクロールの値 */	
.num1 {	text-shadow: 1px 1px 1px #000;margin: 0;color : #fff;position: fixed;top: 84%;z-index: 120;right: 100px;font-size: 110%;} 
.auto-style1 {	background-color: #66AFE9;
}
.auto-style2 {	background-color: #D43F3A;
}
.auto-style3 {	background-color: #277727;
}

.auto-style4 {	color: #FFFFFF;}

.auto-style14 {	color: #FFFFFF;background-color: rgba(0, 0, 0, 0.7);

}

.auto-style5 {color: #FFFF00;}
.auto-style5 {background-color: rgba(255, 255, 255,0.1);}
.auto-style6 {	color: #000}
.auto-style7 {	font-size: 110%;}

.auto-style10 {	text-decoration: underline;}
.auto-style11 {	color: #000;}

.auto-style44 {color:#fff;background: linear-gradient(transparent 85%, #00ff66 20%);}   /*　nav bar */			


.text-shadow10 {text-shadow: 1px 1px 1px #fff;}
.text-shadow11 {text-shadow: 1px 1px 1px #000;}
.text-top6 {line-height: 200%;font-size: 120%;   color: #000; }

/*背景暗さ*/


.text-top {background-color: rgba(0, 0, 0,0.0);
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}





.text-top1 {background-color: rgba(0, 0, 0,0.1);
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/*　中央揃え */		

.text-top2 { display: table-cell;
  text-align: center;
  vertical-align: middle;
}







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

.box2 {background: rgba(0,0,0,.7);z-index: 2; position: absolute;top:80%; padding: 4px 4px 4px 4px; line-height: 145%;font-size: 100%;}
.box3 {background: rgba(0,128,0,.7);z-index: 2; position: absolute;top:80%; padding: 4px 4px 4px 4px; line-height: 145%;font-size: 100%;}
.box4 {background: rgba(255,0,0,.7);z-index: 2; position: absolute;top:80%; padding: 4px 4px 4px 4px; line-height: 145%;font-size: 100%;}
.box5 {background: rgba(0,0,255,.7);z-index: 2; position: absolute;top:80%; padding: 4px 4px 4px 4px; line-height: 145%;font-size: 100%;}



.box6 {background: rgba(255,0,255,.7);z-index: 2; position: absolute;top:80%; padding: 4px 4px 4px 4px; line-height: 145%;font-size: 100%;}
.box7 {background: rgba(255,255,0,.7);z-index: 2; position: absolute;top:80%; padding: 4px 4px 4px 4px; line-height: 145%;font-size: 100%;}
.box8 {background: rgba(0,255,255,.7);z-index: 2; position: absolute;top:80%; padding: 4px 4px 4px 4px; line-height: 145%;font-size: 110%;}
.box13 {background: rgba(0,255,0,.7);z-index: 2; position: absolute;top:80%; padding: 4px 4px 4px 4px; line-height: 145%;font-size: 110%;}
.box22 {background: rgba(0,0,0,.7);z-index: 2; position: absolute;top:50%; padding: 4px 4px 4px 4px; line-height: 137%;}

/*月選択*/


.box9 {background: rgba(0,0,0,.7);z-index: 2; position: absolute;top:0%; padding: 7px 7px 7px 7px; line-height: 110%;font-size: 100%;}
.box9-1{background: rgba(0,0,255,.3);z-index: 2; position: absolute;top:30%; padding: 7px 7px 7px 7px; line-height: 110%;font-size: 100%;}
.box9-2{background: rgba(255,0,0,.2);z-index: 2; position: absolute;top:30%; padding: 7px 7px 7px 7px; line-height: 110%;font-size: 100%;}
.box9-3{background: rgba(255,255,0,.2);z-index: 2; position: absolute;top:30%; padding: 7px 7px 7px 7px; line-height: 110%;font-size: 100%;}
.box9-4{background: rgba(0,255,0,.3);z-index: 2; position: absolute;top:30%; padding: 7px 7px 7px 7px; line-height: 110%;font-size: 100%;}
.box9-5{background: rgba(255,0,255,.2);z-index: 2; position: absolute;top:30%; padding: 7px 7px 7px 7px; line-height: 110%;font-size: 100%;}
.box9-6{background: rgba(0,255,255,.4);z-index: 2; position: absolute;top:30%; padding: 7px 7px 7px 7px; line-height: 110%;font-size: 100%;}



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

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


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

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






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

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


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

.dropdown2 {font-size: 140%;color:#000; }

.takasaskii0000{z-index  : 99; 		border: 0px ridge silver;	padding: 2%  0% 2% 0%;	}	
/* 	 「月　固定枠*/	


.takasaskii0001{z-index  : 99; 		border: 0px ridge silver;	padding: 60px  0px 60px 0px;	}	
/* 	 「home*/	







/* 「左から」100% 縦　style２．ｃｓｓ　　　　*/


.figu-02 {position: relative;
	overflow: hidden;width: auto; 


	
}

.figcapti-02{position: absolute;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	-webkit-transition: .7s;
	transition: .7s;
	left:30%;
	
}


/* 「画像大きさ指定」 152px*/	

.imgslwh1{width:162px;height:auto;float:none;margin: 0px0px0px0px;}
.imgslwh2{width:120px;height:auto;float:none;margin: 0px0px0px0px;}


.imgslwhh{  background-color: rgba(255, 255, 255, 1.0);}


.imgslwh3{width:18%;height:auto;float:none;margin: 0px0px0px0px;}



/* 「パソコン大」21インチ 1750px以上*/	


@media (min-width: 1750px) {
.imgslwh1{width:162px;height:auto;float:none;margin: 0px0px0px0px;}

.center-col {text-align: center;}


.dropdown1 {font-size: 130%; }


.takasaskii0001{z-index  : 99; 		border: 0px ridge silver;	padding: 0%  14% 1% 14%;	}	
/* 	 「home*/	






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

margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
border: 0px ridge silver;
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 2px rgba(0,0,0,.0);
border-radius: 7px 7px 7px 7px;
float: none;color:#000;


}




}	






/* ブラウザ幅が1370～1750pxの間 3.4%普通サイズパソコン 通常のパソコンサイズ　１5インチ*/
  /* 縦800ｐｘ以下横向きの場合のスタイル */

@media screen and (min-width: 1370px)and (max-width: 1750px){
.imgslwh1{width:162px;height:auto;float:none;margin: 0px0px0px0px;}


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


.center-col {text-align: center;}




}	





/* ブラウザ幅が1100～1370pxの間 3.4%普通サイズパソコン155px 旧ノート型のパソコンサイズ*/
  /* 縦800ｐｘ以下横向きの場合のスタイル */

@media screen and (min-width: 1100px)and (max-width: 1370px){
.imgslwh1{width:152px;height:auto;float:none;margin: 0px0px0px0px;}
.takasaskii0001{z-index  : 99; 		border: 0px ridge silver;	padding: 0%  1% 1% 1%;	}	


.center-col {text-align: center;}



}	







/* ブラウザ幅が750～1100pxの間 ibadタブレットサイズ*/
  /* 縦800ｐｘ以下横向きの場合のスタイル129px */

@media screen and (min-width: 1000px)and (max-width: 1100px){
.imgslwh1{width:129px;height:auto;float:none;margin: 0px0px0px0px;}

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


.center-col {text-align: center;}




}	





/* ブラウザ幅が750～1100pxの間 ibadタブレットサイズ*/
  /* 縦800ｐｘ以下横向きの場合のスタイル129px */

@media screen and (min-width: 750px)and (max-width: 999px){
.imgslwh1{width:122px;height:auto;float:none;margin: 0px0px0px0px;}

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


.center-col {text-align: center;}




}	









/* 「スマホ」 中*/	

/* ブラウザ幅が750px以下　スマートフォン横.imgslwh3{width:10%;height:auto;float:none;margin: 0px0px0px0px;} */



@media screen and (max-width: 750px)and (orientation: landscape) {
.takasaskii0001{z-index  : 99; 		border: 0px ridge silver;	padding: 0%  0% 0% 0%;	}	
.imgslwh1{width:132px;height:auto;float:none;margin: 0px0px0px0px;}
.dropdown1 {font-size: 120%; }
.center-col {text-align: center;}


/* 「背景画像」 */	





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

padding: 0% 1% 0% 1%;

border: 0px ridge silver;
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 2px rgba(0,0,0,.0);
border-radius: 7px 7px 7px 7px;
float: none;color:#000;


}



}	






/* 「スマホ」 小*/	

/* ブラウザ幅が600px)　スマートフォン横.imgslwh3{width:10%;height:auto;float:none;margin: 0px0px0px0px;} */



@media screen and (max-width: 600px)and (orientation: landscape) {

.imgslwh1{width:145px;height:auto;float:none;margin: 0px0px0px0px;}
.dropdown1 {font-size: 120%; }

.center-col {text-align: center;}

/* 「背景画像」 */	





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

padding: 0% 1% 0% 1%;

border: 0px ridge silver;
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 2px rgba(0,0,0,.0);
border-radius: 7px 7px 7px 7px;
float: none;color:#000;


}



}	







/* ブラウザ幅が750px以下　普通スマートフォン縦 */
@media screen and (max-width: 755px)and (orientation: portrait) {
.navbar-default{background-color: rgba(0, 0,0, 0.9); }
.imgslwh1{width:127px;height:auto;float:none;margin: 0px0px0px0px;}
.center-col {text-align: center;}
.takasaskii0001{z-index  : 99; 		border: 0px ridge silver;	padding: 0%  0% 0% 0%;	}	



.box2 {background: rgba(0,0,0,.7);z-index: 2; position: absolute;top:75%; padding: 4px 4px 4px 4px; line-height: 145%;font-size: 100%;}
.box3 {background: rgba(0,128,0,.7);z-index: 2; position: absolute;top:75%; padding: 4px 4px 4px 4px; line-height: 145%;font-size: 100%;}
.box4 {background: rgba(255,0,0,.7);z-index: 2; position: absolute;top:75%; padding: 4px 4px 4px 4px; line-height: 145%;font-size: 100%;}
.box5 {background: rgba(0,0,255,.7);z-index: 2; position: absolute;top:75%; padding: 4px 4px 4px 4px; line-height: 145%;font-size: 100%;}





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

padding: 0% 1% 0% 1%;

border: 0px ridge silver;
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 2px rgba(0,0,0,.0);
border-radius: 7px 7px 7px 7px;
float: none;color:#000;


}



}






/* ブラウザ縦eが600px以下　小スマートフォン縦 */
@media screen and (max-height: 600px)and (orientation: portrait) {


.navbar-default{background-color: rgba(0, 0,0, 0.9); }
.imgslwh1{width:112px;height:auto;float:none;margin: 0px0px0px0px;}
.center-col {text-align: center;}



.box2 {background: rgba(0,0,0,.7);z-index: 2; position: absolute;top:75%; padding: 4px 4px 4px 4px; line-height: 145%;font-size: 100%;}
.box3 {background: rgba(0,128,0,.7);z-index: 2; position: absolute;top:75%; padding: 4px 4px 4px 4px; line-height: 145%;font-size: 100%;}
.box4 {background: rgba(255,0,0,.7);z-index: 2; position: absolute;top:75%; padding: 4px 4px 4px 4px; line-height: 145%;font-size: 100%;}
.box5 {background: rgba(0,0,255,.7);z-index: 2; position: absolute;top:75%; padding: 4px 4px 4px 4px; line-height: 145%;font-size: 100%;}





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

padding: 0% 1% 0% 1%;

border: 0px ridge silver;
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 2px rgba(0,0,0,.0);
border-radius: 7px 7px 7px 7px;
float: none;color:#000;


}



}
























/* 背景画像 */


.background-fly5{background-color: #21D4FD;background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);}
.background-fly7{background-color: #FEE140;background-image: linear-gradient(90deg, #FEE140 0%, #FA709A 100%); }











/* Bootstrap Navigation styles .active
------------------------------------------------------------------------------ */

/* navbar テキストカラー */

.navbar-default .navbar-nav > li > a {
color: #ffffff;background-color: #000000;

}



/* navbar hover,focus時のテキストカラー */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #ffffff;
background-color: #000000;
}









.dropdown4 {font-size: 135%; }

.dropdown5 {font-size: 170%; }


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



