﻿









/* Bootstrap 
-------------------------------------------------- */

 




/*ーーーーーーーーーーーーーーーーーーーーーーカレンダー１５　下期   行間　TOPスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/



.takasaspase1{height: 90px;}	
/*ーーーーーーーーーーーーーーーーーーーーーー背景　TOPスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.takasaspase1a{height: 15px;}	

/*ーーーーーーーーーーーーーーーーーーーーーーカレンダー１５　下期   行間　BOTOMスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.takasaspase2{height: 100px;}	
/*ーーーーーーーーーーーーーーーーーーーーーー先頭　BOTOMスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.takasaspase2a{height: 300px;}	

	



/*ーーーーーーーーーーーーーーーーーーーーーーhome2 4行間　TOPスペース  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/



.takasaspase3{height: 26px;}	
/*ーーーーーーーーーーーーーーーーーーーーーーhome24行間　BOTOMスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.takasaspase4{height: 67px;}	

	





/*ーーーーーーーーーーーーーーーーーーーーーーhome1 4行間　TOPスペース  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/



.takasaspase5{height: 26px;}	
/*ーーーーーーーーーーーーーーーーーーーーーーhome1 4行間　BOTOMスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.takasaspase6{height: 67px;}	






/*ーーーーーーーーーーーーーーーーーーーーーーhome3 4行間　TOPスペース  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/



.takasaspase7{height: 26px;}	
/*ーーーーーーーーーーーーーーーーーーーーーーhome3 4行間　BOTOMスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.takasaspase8{height: 67px;}	



/*ーーーーーーーーーーーーーーーーーーーーーーhome4 4行間　TOPスペース  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/



.takasaspase9{height: 50px;}	
/*ーーーーーーーーーーーーーーーーーーーーーーhome4 4行間　BOTOMスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.takasaspase10{height: 67px;}	




/*ーーーーーーーーーーーーーーーーーーーーーーhome 4行間　TOPスペース  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/



.takasaspase11{height: 26px;}	
/*ーーーーーーーーーーーーーーーーーーーーーーhome 4行間　BOTOMスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.takasaspase12{height: 40px;}	








/*ーーーーーーーーーーーーーーーーーーーーーーこのブロックの直後で改ページされます。ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


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

/*ーーーーーーーーーーーーーーーーーーーーーーimg margin1ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.margin1 {padding:  4% 10% 10% 10%;}

.margin2 {padding: 1%;}


.margin3 {padding:  4% 15% 15% 15%;}











































	
	
	

.takasa70hp{
	/* 「カレンダーデータ最低の高さ900」 */	
	line-height: 129%;
	font-size: 150%;
	opacity: 0.9;
	max-height: 400px;
	height: 340px;
	text-align: left;
	margin: 0px0px0px0px;
	background-color: rgba(0, 0, 0,.6);
	color: #fff;
	padding: 5px 5px 5px 5px;
	border: 0px ridge silver;
	box-shadow: 0 0 2px rgba(0,0,0,.7);
	border-radius: 7px 7px 7px 7px;
	overflow: visible;
	
}	






/* Grow */

/* 拡大　写真
-------------------------------------------------- */


.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 1.7s;
  transition-duration: 1.7s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
	-webkit-transform: scale(1.6);
	transform: scale(1.6);
	position: absolute;
	z-index: 7;
}



/* Bootstrap  767px レシポシブル
-------------------------------------------------- */
	



@media (max-width: 970px) {

  .text-top h1{
    font-size: 2.5em;
    color: #fff;
  }
  .text-top h3 {
    font-size: 1.5em;
    color: #fff;
    margin-top: -10px;
  }

  .text-top > .btn{
    margin-bottom: 20px;
  }





/*写真0*/

  #products-hp0 {
    background: url(../img13/13-4-23-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: auto;
    position: relative;

    margin-top: 0px;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
 


/*写真1*/

   #products-hp1 {
    background: url(../img13/13-4-4-4.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: auto;
    position: relative;
  margin-top: 0px;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


 
  
/*写真2*/

   #products-hp2 {
    background: url(../img13/13-5-1-2.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: auto;
    position: relative;
  margin-top: 0px;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


/*写真3*/

   #products-hp3{
    background: url(../img13/13-6-4-4.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: auto;
    position: relative;
  margin-top: 0px;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


/*写真4*/

   #products-hp4 {
    background: url(../img13/13-7-6-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: auto;
    position: relative;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }




/*写真5*/

   #products-hp5 {
    background: url(../img13/13-8-7-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: auto;
    position: relative;
  margin-top: 0px;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }




/*写真6*/

   #products-hp6 {
    background: url(../img13/13-9-4-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: auto;
    position: relative;
  margin-top: 0px;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }



/*写真7*/

   #products-hp7 {
    background: url(../img13/13-10-10-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: auto;
    position: relative;
  margin-top: 0px;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }



/*写真8*/

   #products-hp8 {
    background: url(../img13/13-11-16-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: auto;
    position: relative;
   margin-top: 0px;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


/*写真9*/

   #products-hp9 {
    background: url(../img13/13-12-5-2.jpg)no-repeat center center;
    display: table;
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 0px;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


/*home写真h1*/

   #products-h1 {
    background: url(../images/15-8-12-1.jpg)no-repeat center center;
    display: table;
    width: 100%;
    height:  auto;
    position: relative;
    
   margin-top: 0px;

    
    background-size: cover;
  }


/*home写真h2*/

   #products-h2 {
    background: url(../images/15-8-12-3.jpg)no-repeat center center;
    display: table;
    width: 100%;
    height:  auto;
    position: relative;
      margin-top: 0px;

    background-size: cover;
  }


/*home　背景写真　先頭 ２０１６－６ */



   #products-h3 {
    background: url(../images3/16-6-5-1.jpg)no-repeat center center;
    display: table;
    width: 100%;
    height:  auto;
    position: relative;
      margin-top: 0px;

    background-size: cover;
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;

  }


/*home写真h4*/

   #products-h4 {
    background: url(../images/15-8-19-1.jpg)no-repeat center center;
    width: 100%;
    height:  auto;
    position: relative;
      margin-top: 0px;

    background-size: cover;
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;

  }




/*home写真h5*/


   #products-h5 {
    background: url(../images/15-8-19-2.jpg)no-repeat center center;
    width: 100%;
    height:  auto;
    position: relative;
      margin-top: 0px;

    background-size: cover;
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;

  }




/*home写真h6*/



   #products-h6 {
    background: url(../images/15-8-19-3.jpg)no-repeat center center;
    width: 100%;
    height:  auto;
    position: relative;
    margin-top: 0px;

    background-size: cover;
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;

  }
  
  
  /*home写真  店　h21*/



   #products-h21 {
    background: url(../images/15-8-30-1.jpg)no-repeat center center;
    width: 100%;
    height:  auto;
    position: relative;
      margin-top: 0px;

    background-size: cover;
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;

  }

  








/*home写真ｈ22 fixed */

 #products-h22 {
    background: url(../images11/17-11-29-10.jpg) no-repeat center center;
      width: 100%;
    height:  auto;
    position: relative;
      margin-top: 0px;

    background-size: cover;
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;

    
    
 

 
 }

/*写真end */

















     
/*home写真ｈ24 fixed */

 #products-h24 {
    background: url(../images/15-8-30-1.jpg) no-repeat center center fixed;
    height:  auto;
    position:  absolute;
    width: 100%;
    background-size: cover;
    -webkit-background-size: cover;

  }

  
 
  
  }


















/* Bootstrap  767px レシポシブルfixed
-------------------------------------------------- */






@media (min-width: 971px) {


  .text-top h1,.text-top h3 {
    font-size: 4em;
    color: #fff;
  }
  




  
/*写真0*/

  #hproducts-hp0 {
    background: url(../img13/13-4-23-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  
    
 
  
  
  

/*写真1*/

 #products-hp1{
    background: url(../img13/13-4-4-4.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 
  }

 

/*写真2*/

  #products-hp2 {
    background: url(../img13/13-5-1-2.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }



 
   /*写真3*/

  
  #products-hp3{
    background: url(../img13/13-6-4-4.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
 




  /*写真4*/

  
  #products-hp4 {
    background: url(../img13/13-7-6-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  



  /*写真5*/

  
  #products-hp5 {
    background: url(../img13/13-8-7-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }



  /*写真6*/

  
  #products-hp6 {
    background: url(../img13/13-9-4-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
/*写真7*/


 #products-hp7 {
    background: url(../img13/13-10-10-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


/*写真8*/


 #products-hp8 {
    background: url(../img13/13-11-16-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

/*写真9*/


 #products-hp9 {
    background: url(../img13/13-12-5-2.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

/*home写真ｈ１*/


 #products-h1 {
    background: url(../images/15-8-12-1.jpg) no-repeat center center fixed; 


    display: table;
    height:  auto;
    position: relative;
    width: 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

  }
  
  
  
/*home　背景写真ｈ2 ２０１６－６  */

 #products-h2 {
    background: url(../images/15-8-12-3.jpg) no-repeat center center fixed;


display: table;
height:  auto;
position: relative;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
   
  }


/*home　背景写真　先頭 ２０１６－６ */


 #products-h3 {
    background: url(../images3/16-6-5-1.jpg) no-repeat center center fixed;
    display: table;
    height:  auto;
    position: relative;
    width: 100%;
    background-size: cover;
    -webkit-background-size: cover;

  }
  
  

  
  
/*home写真ｈ4  fixed 削除     */

 #products-h4 {

    background: url(../images/15-8-19-1.jpg) no-repeat center center ;
    height:  auto;
    position: relative;
    width: 100%;
    background-size: cover;
    -webkit-background-size: cover;

  }



  
  
/*home写真ｈ5 fixed 削除 */

 #products-h5 {
    background: url(../images/15-8-19-2.jpg) no-repeat center center ;
    height:  auto;
    position: relative;
    width: 100%;
    background-size: cover;
    -webkit-background-size: cover;  }


  
  
/*home写真ｈ6 fixed 削除 */

 #products-h6 {
    background: url(../images/15-8-19-3.jpg) no-repeat center center ;
    height:  auto;
    position: relative;
    width: 100%;
    background-size: cover;
    -webkit-background-size: cover;  }
  
  
    
/*home写真ｈ21 fixed 削除 */

 #products-h21 {
    background: url(../images/15-8-30-1.jpg) no-repeat center center ;
    height:  auto;
    position: relative;
    width: 100%;
    background-size: cover;
    -webkit-background-size: cover;  }
 
  

  
  
  
  
  
  
/*home写真ｈ22 fixed */

 #products-h22 {
    background: url(../images11/17-11-29-10.jpg) no-repeat center center fixed;
    height:  auto;
    position: relative;
    width: 100%;
    background-size: cover;
    -webkit-background-size: cover;  }
 

 
 }

/*写真end */


























/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝「width: 300Px;縮小固定化画像　表紙  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */	
















/* デフォルト */
figure {position: relative;
	overflow: hidden;
	width: 300Px;
}


figcaption {position: absolute;
	top: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .7s;
	transition: .7s;
	opacity: 1;

}


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















/* 「上から」100% */

.figu-01 {position: relative;
	overflow: hidden;
	width: 300Px;

	
}

.figcapti-01 {position: absolute;
	top: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .7s;
	transition: .7s;
	opacity: 1;

}

	





/* 「左から」100% */


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

	
}

.figcapti-02{position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .7s;
	transition: .7s;
	opacity: 1;


}








/* 「上から」100% */



/* 「下から」100% */

.figu-03 {position: relative;
	overflow: hidden;
	width: 300Px;

	
}

.figcapti-03 {position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .7s;
	transition: .7s;
	opacity: 1;


}

	



/* 「下から」10% */

.figu-04 {position: relative;
	overflow: hidden;
	width: 300Px;

	
}

.figcapti-04 {position: absolute;
	top: 74%;
	left: 40%;
	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: 110%;
}






/* 「下から」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; /* 両端揃えの種類 */


	
	
	
	
}









/* 「下から」50% */

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

	
}

.figcapti-08 {position: absolute;
	top: 60%;
	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: 140%;font-size: 100%;
}





















/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝css slideshow ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */	




#slideshow1 {  position: relative;   width: Auto; /* 画像の横幅に合わせて記述 */   height: AUTO; /* 画像の高さに合わせて記述 */}
#slideshow1 img {  position: absolute;   top: 0;   left:0;   z-index: 8;   opacity: 0.0;}
#slideshow1 img.active1{   z-index: 10;   opacity: 1.0;}
#slideshow1 img.last-active1 { z-index: 9;}







/* 横に並べる */


.boxseriaru {display: inline-block;}





/* ハックでIE6,7のみに適用 */
html*.box {
	display: inline;
	zoom: 1;
}
























.takasaf9{
	/* 「カレンダーデータ最低の高さ900」 */	
	line-height: 140%;
	font-size: 120%;
	opacity: 0.9;
	text-align: left;
	margin: 0px0px0px0px;
	color: #fff;
	padding: 5px 5px 5px 5px;
	overflow: hidden;
}	


.takasaf10{

	/* 「カレンダーデータ最低の高さ900」 */	
	line-height: 140%;
	font-size: 120%;
	opacity: 0.9;
	text-align:left;
	margin: 0px0px0px0px;
	color: #fff;
	padding: 400px 5px 5px 5px;
	overflow: hidden;
}	



.takasaf11{
	/* 「カレンダーデータ最低の高さ900」 */	
	line-height: 140%;
	font-size: 120%;
	opacity: 0.9;
	text-align: left;
	margin: 0px0px0px0px;
	color: #fff;
	padding: 5px 5px 5px 5px;
	overflow: auto;
}	








.douga{
background:  no-repeat center center;
display: table;
width: 100%;
height: auto;
position: relative;}






.line-center{margin: 0px auto

}	












