/*　横→縦　自動切換え */		 /*　ｃｓｓで　スクロールバーカスタム */		


 /*　2018-9月コピー */		 /*　ｃｓｓで　スクロールバーカスタム */		


/*スクロールバー全体*/
::-webkit-scrollbar {
    width: 10px;
}

/*スクロールバーの軌道*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb {
  background-color: rgba(255, 0, 50, .5);
  border-radius: 10px;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}



 /*　ｃｓｓ　reset body 要素の背景が描画エリア一杯に表示されなくなるという問題があるようです */		

html {
  background-color: transparent;
  background-image: none;
}















  /*　 縦文字 */	


.vertical01 { writing-mode: vertical-rl;writing-mode: tb-rl;}	/*縦文字 */


.vertical02 { writing-mode: vertical-rl;writing-mode: tb-rl;	
	vertical-align: middle;
	line-height: 170%;
	font-size: 120%;
}	





.vertical03 {
	width:100%;
	
writing-mode: tb-rl;

-webkit-writing-mode: vertical-rl; /* 実装済 */
-moz-writing-mode: vertical-rl; /* 実装済 */
-ms-writing-mode: vertical-rl; /* 実装済 */
writing-mode: vertical-rl;


	}	



.vertical04 {
	width:100%;
	
writing-mode: tb-rl;

-webkit-writing-mode: vertical-rl; /* 実装済 */
-moz-writing-mode: vertical-rl; /* 実装済 */
-ms-writing-mode: vertical-rl; /* 実装済 */
writing-mode: vertical-rl;

-webkit-text-orientation: upright; /* 実装済 */
-moz-text-orientation: upright; /* 未実装 */
-ms-text-orientation: upright; /* 実装済 */
text-orientation: upright; 
	

	}	






.text-top22 {
	font-family: "HGP行書体","HG正楷書体-PRO"; /* ※ */;
	background-color: rgba(0, 0, 0,0.0);
	text-align: left;
	padding: 10px 10px 10px 10px;
	vertical-align: text-top;
	line-height: 130%;
	font-size: 110%;
}


.hbox-shadow2:hover{box-shadow: 5px 10px 20px rgba(0,0,0,0.25);}
.hbox-shadow1:hover{box-shadow: 0 10px 6px -6px #777;}

.hbox-shadow4:hover{box-shadow:5px 10px 20px rgba(0,0,0,0.25);margin: 10px;}

.hbox-shadow3:hover{box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1), 
              0 1px 6px rgba(0, 0, 0, 0.05), 
              0 8px 8px rgba(0, 0, 0, 0.1), 
              0 16px 16px rgba(0, 0, 0, 0.1), 
              8px 32px 32px rgba(0, 0, 0, 0.15), 
              8px 64px 64px rgba(0, 0, 0, 0.15);}


a:link, a:visited { color:#039; text-decoration:none; }   /*ポイント時の　カーソル */			
a:link {color:#FFF;}    /*　未訪問リンクの文字色を変える白 */			
a:visited {color:#FFF;} /*　訪問済リンクの文字色を変える白 */	
a:hover { text-decoration:underline;background-color:rgba(0, 0, 0, 0.4);	}   /*　ポイント時のリンクの文字色を変える白 */			
a:active {color:#660066;}  /*　選択中のリンクの文字色を変える紫 */		
a:focus { outline:none;} /*　点線枠が出てきます。それを消す */	
.auto-style7 {	font-size: 140%;}
.auto-style8 {	color: #FFFF00;	text-shadow: 1px 1px 1px #000;}
.auto-style12 {	color: #fff;}
.auto-style20 {	list-style-type:disc;list-style-position:inside;}/*Unordered List　黒丸 list item*/
.auto-style21 {	list-style-type:disc;list-style-position:outside;}/*Unordered List　黒丸 list item*/
.keikoupen01 { background: linear-gradient(transparent 60%, #ffff66 60%);}}/*蛍光ペンでマークした感じ黄色*/
.keikoupen02 { background: linear-gradient(transparent 60%, #ff99ff 60%);}}/*蛍光ペンでマークした感じ紫色*/
.auto-style25 {	list-style-type:decimal;list-style-position:inside;}/*　ol 数字 list item*/
.auto-style26 {	list-style-type:upper-roman;decimal;list-style-position:inside;}/*　ローマ数字(大文字) */

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

/*　日付　選択 */

.auto-style70 {font-size: 130%;background-color: rgba(0, 0, 0, 0.4);}/*　休み */
.auto-style71 {	font-size: 130%;}
.auto-style72 {color:#f00000 ;}
.auto-style73 {color:#008000 ;}
.auto-style74 {color:#000080;}
.auto-style75 {color:#000;}








.text-shadow10 {text-shadow: 1px 1px 1px #fff;}
.text-shadow11 {text-shadow: 1px 1px 1px #000;}

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


.box2 {background: rgba(0,0,0,.4);z-index: 2; position: absolute;top:79%; padding: 4px 4px 4px 4px; line-height: 143%;font-size: 110%;}
.box22 {background: rgba(0,0,0,.4);z-index: 2; position: absolute;top:55%; padding: 4px 4px 4px 4px; line-height: 143%;}


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

.box4 {background: rgba(255,0,0,.7);z-index: 2; position: absolute;top:79%; padding: 4px 4px 4px 4px; line-height: 143%;font-size: 110%;}
.box5 {background: rgba(0,0,255,.7);z-index: 2; position: absolute;top:79%; padding: 4px 4px 4px 4px; line-height: 143%;font-size: 110%;}
.box6 {background: rgba(255,0,255,.7);z-index: 2; position: absolute;top:79%; padding: 4px 4px 4px 4px; line-height: 143%;font-size: 110%;}
.box7 {background: rgba(255,255,0,.7);z-index: 2; position: absolute;top:79%; padding: 4px 4px 4px 4px; line-height: 143%;font-size: 110%;}
.box8 {background: rgba(0,255,255,.7);z-index: 2; position: absolute;top:79%; padding: 4px 4px 4px 4px; line-height: 143%;font-size: 110%;}
.box9 {background: rgba(0,0,0,.7);z-index: 2; position: absolute;top:40%; padding: 7px 7px 7px 7px; line-height: 150%;font-size: 150%;}
.box13 {background: rgba(0,255,0,.7);z-index: 2; position: absolute;top:79%; padding: 4px 4px 4px 4px; line-height: 150%;font-size: 110%;}
  /*　 topスクロールの値 */	





  /*　 スクロールの値 */	

.num1 {	margin: 0;position: fixed;top: 94%;z-index: 120;right: 10px;padding:2px ;font-size: 100%;border-radius: 7px 7px 7px 7px;color: #fff;background-color: rgba(0, 0, 0, 0.7);} 


  /*　bottom スクロールの値 */	

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




/*dropdown*/

.dropdown1 {font-size: 130%; }
.dropdown2 {font-size: 100%;color:#000; }
/*textに白影を入れるhove黒*/

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





/* 「画像大きさ指定」 */	
.imgslwh0{width:30px;height:auto;float:none;margin: 0px0px0px0px;}

.imgslwh01{width:30px;height:30px;float:none;margin: 0px0px0px0px;}
.imgslwh02{width:20%;height:auto;float:none;margin: 0px0px0px0px;}
.imgslwh03{width:10%;height:auto;float:none;margin: 0px0px0px0px;}
.imgslwh04{width:auto;height:30px;float:none;margin: 0px0px0px0px;}

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

/*アイコン大きさ */

.imgslwh001{width:100px;height:100px;float:none;margin: 0px0px0px0px;}







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







 

/* Bootstrap Navigation styles .active
------------------------------------------------------------------------------ */
/* scroll ナビ位置　下線 */

.navbar-default .navbar-nav > .active{ color: #000; background: linear-gradient(transparent 75%, #00ff66 80%);}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover ,


/* navbar テキストカラー 

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

}  */



/* navbar hover,focus時のテキストカラー */
/* transparent; 背景色は“透明” */

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #000000;
background-color: rgba(0, 0, 0, 0.1);
}










.takasaspase1a{height: 15px;}	/* 表紙ダミー */
.takasaspase2a{height: 55px;}	/* 表紙ダミー 月　の先頭位置 */	
.takasaspase3a{height: 0px;}	/* 横置き補正行間ダミーgoogle（縦文字）*/

/* フォント  」 */



.mintyou1 {
font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
font-weight: bold;
}



.goshikku1
 { 
font-family: 
　"メイリオ", 
　"Meiryo", 
　"ヒラギノ角ゴ ProN W3",
  "Hiragino Kaku Gothic ProN",
　"ＭＳ Ｐゴシック", 
　"MS P Gothic", 
　Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}


.takasaka99{
/* 「パソコン」 */	
min-height: 40px;
line-height: 200%;
font-size: 125%;
height: auto !important;
margin: 0px0px0px0px;
padding: 4px 4px 4px 4px;
border: 0px ridge silver;
background-color: rgba(0, 0, 0, 0.4);
box-shadow: 0 0 2px rgba(0,0,0,.1);
border-radius: 7px 7px 7px 7px;
float: none;color:#fff;
}


.takasaka900{
/* 「ダミー高さ空900     stye4」 */	
min-height: 1170px;
line-height: 140%;
font-size: 100%;
height: auto !important;
height: 0px;
margin: 0px0px0px0px;
padding: 10px 10px 10px 10px;
border: 0px ridge silver;
background-color: rgba(0, 0, 0, 0.0);
box-shadow: 0 0 2px rgba(0,0,0,.1);
border-radius: 7px 7px 7px 7px;
float: none;color:#fff;
}







/* 「ブラウザ幅が1900px以上の  縦1080px以下   ２１．５インチ モデル１９２０×１０８０　フルHD　対応　２K   　 「「パソコン大２１」　１画面 」 */



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


.takasaskii000t{z-index  : 99; 		border: 0px ridge silver;	padding: 0%  0% 0% 0%;	}	
.takasaskii0002{z-index  : 99; 		border: 0px ridge silver;	padding:0%  0% 0% 0%;margin: 52px 0px 3px 0px;	}	
.takasaspase3a{height: 20px;}	/*　横置き補正行間ダミーgoogle（縦文字）*/


/* 	 「縦　google補正　*/	
.takasaskii00022{height: 1080px;}/* 横書き使用	縦　height:％　親要素　*/	

	
.lead-size1	{font-size: 100% ;}
.imgslwh{width:75%;height:auto;float:none;margin: 0px0px0px0px;}/*横文字 */
.imgslwh10{width:75%;height:auto;float:none;margin: 0px0px0px0px;}/*横文字 */


.left1 {float:none; ;margin:0px 0px 10px 0px;}

/*ナビバー　　　　*/
.navbar-default{background-color: rgba(0, 0, 0, 0.0);}


/* 「 基本設定   「「パソコン大２１」 横サイズ、縦 サイズ  」 */

/* 「文字 横、   」 */

.takasa770{
	min-height:800px;/* 幅　大きさ調整 */
	height:auto;
	font-size: 115%;/*100％パーセントが16px 1em */

	line-height: 1.8;
	padding: 3% 17% 2% 17%;
	margin: 0px 0% 4% 0%;/*先頭位置 */
	border-right-style: dotted;
	border-left-style: dotted;
    border-right-width:1px; 
    border-left-width:1px; 
    border-bottom: inset 2px #000;
    border-top: inset 2px #000;
 
	background: #FFF;
	box-shadow: 0 0 0px rgba(0,0,0,.7);
    text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
    overflow: auto;
	float: none;

}	




.takasa7701{
	min-height:800px;/* 幅　大きさ調整 */
	height:auto;
	font-size: 115%;/*100％パーセントが16px 1em */

	line-height: 1.8;
	padding: 3% 17% 2% 17%;
	margin: 0px 0% 4% 0%;/*先頭位置 */
	border-right-style: dotted;
	border-left-style: dotted;
    border-right-width:1px; 
    border-left-width:1px; 
    border-bottom: inset 2px #000;
    border-top: inset 2px #000;
 
	background: #FFF;
	box-shadow: 0 0 0px rgba(0,0,0,.7);
    text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
    overflow: auto;
	float: none;



}	






}




/* 「ブラウザ幅が1900px以上の  縦1080px以上   21.5インチ 以上　対応　   縦幅1080px以上　 「「パソコン大２１」  ２画面 */

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

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

.takasaskii0002{z-index  : 99; 		border: 1px ridge silver;	padding:0%  0% 0% 0%;margin: 55px 0px 0px 0px;	}	
.lead-size1{font-size: 100%;}
.imgslwh{width:50%;height:auto;float:none;margin: 0px 0px 0px 0px;}/*横文字 */
.imgslwh10{width:50%;height:auto;float:none;margin: 0px0px0px0px;}/*横文字 */



.takasaskii00022{height: 1280px;}/* 横書き使用 タブレット　momo	縦px　height:％　親要素　*/	
.left1 {float:none; ;margin:0px 0px 10px 0px;}


/*ナビバー　　　　*/
.navbar-default{background-color: rgba(0, 0, 0, 0.0);}





.takasa770{
	min-height:800px;/* 幅　大きさ調整 */
	height:auto;
	font-size: 115%;/*100％パーセントが16px 1em */

	line-height: 1.8;
	padding: 3% 17% 2% 17%;
	margin: 0px 0% 4% 0%;/*先頭位置 */
	border-right-style: dotted;
	border-left-style: dotted;
    border-right-width:1px; 
    border-left-width:1px; 
    border-bottom: inset 2px #000;
    border-top: inset 2px #000;
 
	background: #FFF;
	box-shadow: 0 0 0px rgba(0,0,0,.7);
    text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
    overflow: auto;
	float: none;

}	




.takasa7701{
	min-height:800px;/* 幅　大きさ調整 */
	height:auto;
	font-size: 115%;/*100％パーセントが16px 1em */

	line-height: 1.8;
	padding: 3% 17% 2% 17%;
	margin: 0px 0% 4% 0%;/*先頭位置 */
	border-right-style: dotted;
	border-left-style: dotted;
    border-right-width:1px; 
    border-left-width:1px; 
    border-bottom: inset 2px #000;
    border-top: inset 2px #000;
 
	background: #FFF;
	box-shadow: 0 0 0px rgba(0,0,0,.7);
    text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
    overflow: auto;
	float: none;



}	





}	















/* ブラウザ幅が751px(824px pixel2 xl)～1899pxの間 普通サイズパソコン 通常のパソコンサイズ  サイズ1300px まで1page------------------------------------------*/
  /* 縦800ｐｘ以下横向きの場合のスタイル */

@media screen and (min-width: 824px)and (max-width: 1899px)and (max-height: 864px){
.takasaskii000t{z-index  : 99; 		border: 0px ridge silver;	padding: 0%  0% 0% 0%;	}	
.takasaskii0002{z-index  : 99; 		border: 0px ridge silver;	padding:0%  0% 0% 0%;margin:52px 0px 3px 0px;	}	
.takasaspase3a{height: 20px;}	/*　横置き補正行間ダミーgoogle（縦文字）*//*　52px デホルト　ナビバー*/


.lead-size1{		font-size: 100%;}
/* 	写真　倍率　横書き*/	
.imgslwh{width:75%;height:auto;float:none;margin: 0px0px0px0px;}
.imgslwh10{width:75%;height:auto;float:none;margin: 0px0px0px0px;}/*横文字 */


.left1 {float:left; ;margin:0px 0px 10px 0px;}

.takasaskii00022{height: 768px;}/* 横書き使用 	縦　height:％　親要素　*/	


/*ナビバー　　　　*/
.navbar-default{background-color: rgba(0, 0, 0, 0.0);}

/* 横文字   */

.takasa770{
	min-height:600px;/*デホルト550 幅　大きさ調整 */
	height:auto;


	font-size: 102%;
	line-height: 1.5;
	padding: 10px 10px 0px 10px;
	margin: 0% 0% 0% 0%;/*先頭位置 */
	

	
	border-right-style: dotted;
	border-left-style: dotted;
    border-right-width:1px; 
    border-left-width:1px; 
    border-bottom: inset 2px #000;
    border-top: inset 2px #000;
 
	background: #FFF;
	box-shadow: 0 0 0px rgba(0,0,0,.7);
    text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
    overflow: auto;
	float: none;

	


	/*リンク*/
}	





/* 横文字   */

.takasa7701{
	min-height:600px;/* 幅　大きさ調整 */
	height:auto;

	font-size: 102%;
	line-height: 1.5;
	padding: 10px 10px 0px 10px;
	margin: 0% 0% 0% 0%;/*先頭位置 */
	border-right-style: dotted;
	border-left-style: dotted;
    border-right-width:1px; 
    border-left-width:1px; 
    border-bottom: inset 2px #000;
    border-top: inset 2px #000;
 
	background: #FFF;
	box-shadow: 0 0 0px rgba(0,0,0,.7);
    text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
    overflow: auto;
	float: none;



	/*リンク*/
}	







}	

















/* ブラウザ幅が(824px pixel2 xl)～1899pxの間 普通サイズ　パソコン縦長　　タブレット　大　 */


/*　pro 1024px 1366px サイズ1300px まで1page　 縦向きの場合のスタイル二画面 */


@media screen and (min-width:824px)and (max-width: 1899px)and (min-height:865px){

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

.takasaskii0002{z-index  : 99; 		   border-top: inset 5px #000;padding:0%  0% 0% 0%;margin: 55px 0px 0px 0px;	}	
.lead-size1{	 	font-size: 100%;}
.imgslwh{width:100%;height:auto;float:none;margin: 0px 0px 0px 0px;}/*デホルト50%横文字 */
.imgslwh10{width:100%;height:auto;float:none;margin: 0px0px0px0px;}/*横文字 */



.takasaskii00022{height: 1280px;}/* 横書き使用 タブレット　momo	縦px　height:％　親要素　*/	
.left1 {float:none; ;margin:0px 0px 10px 0px;}


/*ナビバー　　　　*/
.navbar-default{background-color: rgba(0, 0, 0, 0.0);}




/* 横文字   */

.takasa770{
	min-height:50px;/* 幅　大きさ調整 */
	height:auto;

	font-size: 110%;
	line-height:2.0;
	padding: 5% 10% 5% 10%;

	margin: 0px 0% 0% 0%;/*先頭位置 */
    border: 0px;
	background: #FFF;
	box-shadow: 0 0 0px rgba(0,0,0,.7);
    text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
    overflow: auto;
	float: none;



}	

/* 横文字   */


.takasa7701{
	min-height:50px;/* 幅　大きさ調整 */
	height:auto;

	font-size: 110%;
	line-height: 2.0;
	padding: 5% 10% 5% 10%;

	margin: 0px 0% 0% 0%;
    border: 0px ;

	background: #FFF;
	box-shadow: 0 0 0px rgba(0,0,0,.7);
    text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
    overflow: auto;
	float: none;

	/*リンク*/
}	





}	





/* ブラウザ幅が750px(823px pixel2 xl)以下　タブレット・普通スマートフォン横 landscape－－－－－－－－－－－－－－－－－－－－－*/



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

/*アイコン大きさ */

.imgslwh001{width:80px;height:80px;float:none;margin: 0px0px0px0px;}
.auto-style70 {font-size: 110%;background-color: rgba(0, 0, 0, 0.4);}/*　休み */
.auto-style71 {	font-size: 110%;}
.imgslwhh{  background-color: rgba(255, 255, 255, .0);}



.takasaskii00022{height: auto}/*  横書き使用	縦　height:％　親要素　*/	

.takasaskii000t{z-index  : 99; 		border: 0px ridge silver;	padding: 0%  0% 0% 0%;	}	
.takasaskii0002{z-index  : 99; 		border: 1px ridge silver;	padding: 0% 0% 0% 0%	}	
.lead-size1{	line-height: 1.7;  	font-size: 100%;} /* 	font-size の倍数 */



/* 	写真　倍率　横*/	

.imgslwh{width:75%;height:auto;float:none;margin: 0px0px0px0px;}/*横文字 */
.imgslwh10{width:75%;height:auto;float:none;margin: 0px0px0px0px;}/*横文字 */



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

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

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




  /*top →　bottom 4264 4166*/	

.navbar-nav > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 20px;
}





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



.dropdown1 {font-size: 110%; }


.navbar-fixed-bottom {bottom:0% ; z-index  : 10; }






/* 「文字 基本設定 横 横文字スマートフォン */

.takasa770{position: relative;
	line-height: 1.7;
	min-height:30px;
	font-size: 105%;
	height:auto; 
	padding:50px 15% 2% 15%;
	border: 0px ridge silver;
	background: #FFF;
	box-shadow: 0 0 0px rgba(0,0,0,.7);
	float: none;
    text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
	margin: 0% 0% 0% 0%;

	
}	



.takasa7701{position: relative;
	line-height: 1.7;
	min-height:30px;
	font-size: 105%;
	height:auto; 
	padding:2% 15% 2% 15%;
	border: 0px ridge silver;
	background: #FFF;
	box-shadow: 0 0 0px rgba(0,0,0,.7);
	float: none;
    text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
	margin: 0% 0% 10% 0%;

}	



}
















/* ブラウザ横幅が(825px pixel2 xl)以下　、スマートフォン縦 and(orientation: portrait)------------------------------------------ */


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

/*アイコン大きさ */

.imgslwh001{width:80px;height:80px;float:none;margin: 0px0px0px0px;}






.auto-style70 {font-size: 110%;background-color: rgba(0, 0, 0, 0.4);}/*　休み */

.auto-style71 {	font-size: 110%;}




.takasaskii00022{height: auto}/*  横書き使用	縦　height:％　親要素　*/	

.takasaskii000t{z-index  : 99; 		border: 0px ridge silver;	padding: 0%  0% 0% 0%;	}	
.takasaskii0002{z-index  : 99; 		border: 0px ridge silver;	padding: 0% 0% 0% 0%	}	
.lead-size1{	line-height: 1.7;  	font-size: 100%;} /* 	font-size の倍数 */


/* 	写真　倍率75%　コメント場所確保　縦書き*/	

.imgslwh{width:75%;height:auto;float:none;margin: 20px 0px 0px 0px;padding:0% 0% 0% 0%;}
.imgslwh10{width:75%;height:auto;float:none;margin: 20px 0px 0px 0px;padding:0% 0% 0% 0%;}


/* 	ナビバー*/	

.navbar-default{background-color: rgba(255, 255, 255, 0.5);}


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

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





  /*top →　bottom 4264 4166*/	

.navbar-nav > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 20px; 
}


.dropdown1 {font-size: 110%; }
  /*z-index : 10;日付バー優先順位*/	


.navbar-fixed-bottom {bottom:0% ; z-index  : 10; }




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







/* 「文字 基本設定 縦向きwriting-mode: tb-rl;   縦文字 スマートフォン */

.takasa770{position: relative;	
	line-height: 1.7;
	font-size:104%;
	height:50%;
   	min-height:50%;
	padding:50px 2% 2% 2%;
	text-align: justify; /* 両端揃え */;
	text-justify: inter-ideograph; /* 両端揃えの種類 */;
	box-shadow: 0 0 4px rgba(0,0,0,.7);
	background: #FFF;
	border: 0px ridge silver;
	overflow: auto;
	margin: 0% 0% 0% 0%;


width:100%;
	
writing-mode: tb-rl;

-webkit-writing-mode: vertical-rl; /* 実装済 */
-moz-writing-mode: vertical-rl; /* 実装済 */
-ms-writing-mode: vertical-rl; /* 実装済 */
writing-mode: vertical-rl;

	
}	


.takasa7701{position: relative;	
	line-height: 1.7;
	font-size:104%;
	height:50%;
   	min-height:50%;
   	padding:2% 2% 2% 2%;
	
	text-align: justify; /* 両端揃え */;
	text-justify: inter-ideograph; /* 両端揃えの種類 */;
	box-shadow: 0 0 4px rgba(0,0,0,.7);
	background: #FFF;
	border: 0px ridge silver;
	overflow: auto;
	margin: 0% 0% 20% 0%;




width:100%;
	
writing-mode: tb-rl;

-webkit-writing-mode: vertical-rl; /* 実装済 */
-moz-writing-mode: vertical-rl; /* 実装済 */
-ms-writing-mode: vertical-rl; /* 実装済 */
writing-mode: vertical-rl;


	
}	



}
























  /* ブラウザ横幅が750px～824ｐｘ以下ipad　タブレット縦orientation: portrait */

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



/* 	写真　倍率height:100%;　縦書き*/	

.imgslwh{width:auto;height:100%;float:none;margin: 0px 0px 0px 0px;padding:0% 0% 0% 0%;}
.imgslwh10{width:auto;height:100%;float:none;margin: 0px 0px 0px 0px;padding:0% 0% 0% 0%;}

/* navbar デホルト値*/	


.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}



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


.dropdown1 {font-size: 130%; }







/* 	ナビバー*/	

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

.takasa770{position: relative;	
	line-height: 1.7;
	font-size:105%;
	height:50%;
   	min-height:50%;
	padding:7% 2% 7% 2%;
	text-align: justify; /* 両端揃え */;
	text-justify: inter-ideograph; /* 両端揃えの種類 */;
	box-shadow: 0 0 4px rgba(0,0,0,.7);
	background: #FFF;
	border: 0px ridge silver;
	overflow: auto;
	margin: 0% 0% 0% 0%;



width:100%;
	
writing-mode: tb-rl;

-webkit-writing-mode: vertical-rl; /* 実装済 */
-moz-writing-mode: vertical-rl; /* 実装済 */
-ms-writing-mode: vertical-rl; /* 実装済 */
writing-mode: vertical-rl;

	
}	






.takasa7701{position: relative;	
	line-height: 1.7;
	font-size:105%;
	height:50%;
   	min-height:50%;
   	padding:7% 2% 7% 2%;
	
	text-align: justify; /* 両端揃え */;
	text-justify: inter-ideograph; /* 両端揃えの種類 */;
	box-shadow: 0 0 4px rgba(0,0,0,.7);
	background: #fff;
	border: 0px ridge silver;
	overflow: auto;
	margin: 0% 0% 20% 0%;

	




width:100%;
	
writing-mode: tb-rl;

-webkit-writing-mode: vertical-rl; /* 実装済 */
-moz-writing-mode: vertical-rl; /* 実装済 */
-ms-writing-mode: vertical-rl; /* 実装済 */
writing-mode: vertical-rl;




}	







}












/* ブラウザ縦幅が(600px 最小)以下　・スマートフォン縦 and(orientation: portrait) */


@media screen and (max-height: 600px)and (orientation: portrait) {

.imgslwh{width:auto;height:95%;float:none;margin: 0px 0px 0px 0px;padding:0% 0% 0% 0%;}

.imgslwh10{width:auto;height:95%;float:none;margin: 0px 0px 0px 0px;padding:0% 0% 0% 0%;}






.takasa770{position: relative;	
	line-height: 1.8;
	font-size:100%;
	height:47%;
   	min-height:47%;
	padding:50px 2% 2% 2%;
	text-align: justify; /* 両端揃え */;
	text-justify: inter-ideograph; /* 両端揃えの種類 */;
	box-shadow: 0 0 4px rgba(0,0,0,.7);
	background: #FFF;
	border: 0px ridge silver;
	overflow: auto;
	margin: 0% 0% 0% 0%;



width:100%;
	
writing-mode: tb-rl;

-webkit-writing-mode: vertical-rl; /* 実装済 */
-moz-writing-mode: vertical-rl; /* 実装済 */
-ms-writing-mode: vertical-rl; /* 実装済 */
writing-mode: vertical-rl;

	
}	



.takasa7701{position: relative;	
	line-height: 1.8;
	font-size:100%;
	height:53%;
   	min-height:53%;
   	padding:2% 2% 2% 2%;
	
	text-align: justify; /* 両端揃え */;
	text-justify: inter-ideograph; /* 両端揃えの種類 */;
	box-shadow: 0 0 4px rgba(0,0,0,.7);
	background: #000;
	border: 0px ridge silver;
	overflow: auto;
	margin: 0% 0% 20% 0%;
	color: #fff;



width:100%;
	
writing-mode: tb-rl;

-webkit-writing-mode: vertical-rl; /* 実装済 */
-moz-writing-mode: vertical-rl; /* 実装済 */
-ms-writing-mode: vertical-rl; /* 実装済 */
writing-mode: vertical-rl;





}





}































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




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








/*背景暗さ*/


.text-top {background-color: rgba(0, 0, 0,0.2);
  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;
}

/*img 中央揃え　　一般　　img-responsiveは、出来ない　　　text-top2　*/

.text-top2  {display: block; margin-left: auto; margin-right: auto;border-radius: 0px 0px 0px 0;padding:0% 0% 0% 0%}

/*img 中央揃え　　　　img-responsive　　　　*/




/*img 拡大　　　　img-responsive　　　　*/

/*リンク*/

.text-top4 { text-align: left; display: table-cell;border-radius: 4px 4px 4px 4px;padding: 5px ;}





img.grow {
	transition:0.2s ease-in-out;

	
}

img.grow:hover {
	transform:scale(1.2,1.2);
	
}

/*　　　　貼り付け写真　中央　　　　*/


.text-top3  {display: block; margin-left: auto; margin-right: auto;border-radius: 0px 0px 0px 0px;padding:0% 10% 0% 10%}


/*img 縮小　　　　img-responsive　　　　*/

img.shrink {
	transition:0.0s ease-in-out;
}

/*img 倍率　　　　img-responsive　　　　*/

img.shrink:hover {
	transform:scale(1.0,1.0);
}



















/* 縦文字移動　　　*/

.left{float:left ;margin:0px 10px 10px 0px;}



.left2 {margin:0px 40px 0px 40px;}

.leftno {margin:10px 10px 10px 0px;overflow-y: hidden;}

.right1 {float:right ;margin:0px 0px 10px 0px;}



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


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





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







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



.kasaneimg3    {
    position:    absolute;
    z-index:    11;
    top:        0%;
    right:        0%;
    border:        0px #f00 solid;
    
}


    
.kasaneimg4    {
    position:    absolute;
    z-index:    12;
    bottom:        0%;
    right:        0%;
    border:        0px #f00 solid;
    
}




.kasaneimg5    {
    position:    absolute;
    z-index:    8;
    top:       0%;
    left:        0%;
    border:        0px #f00 solid;
}











/* 「背景画像」 */	







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