/*  
	======================== 
	- Note: These styles are just to pretty the basic page up a bit.
	You should ignore these when copying and pasting into your site 
	because your stylesheet should take care of making it look pretty!
	======================== 
	*/
	

@font-face{
font-family: 'JKG-L_2';
src:url(../fonts/JKG-L_2.ttf) format("truetype");

}


	body {
	background-image:url(../images/kitteh1.jpg);
	font-family: 'JKG-L_2','Open Sans', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";
	font-weight: 400;
	font-size: 1em;
	color:;
/*	background-color:#ffffff;*/
	background-attachment:fixed;
	 padding:0em;/*両端からの余裕 em値*/
/*	 font : 100%/1.4 'Helvetica Neue', arial, helvetica, helve, sans-serif;*/ 	
 }








/*box-sizing ボーダーを範囲内に収める*/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*box-sizing*/



.wrap{
margin-top: 0px;/*header margine-top -184px */

}


/*dot pattern*/
.dot {
    background: -moz-radial-gradient(circle farthest-side, rgba(0,0,0,0.8), rgba(0,0,0,0.8) 70%, transparent 30%, transparent);  
    background: -webkit-radial-gradient(circle farthest-side, rgba(0,0,0,0.8), rgba(0,0,0,0.8)70%, transparent 30%, transparent);
    background: radial-gradient(circle farthest-side, rgba(0,0,0,0.8), rgba(0,0,0,0.8) 70%, transparent 30%, transparent); 
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
    background-size: 3px 3px;
}


.dot_1 {
    background: -moz-radial-gradient(circle farthest-side, rgba(0,0,0,0.8), rgba(0,0,0,0.8) 70%, transparent 30%, transparent);  
    background: -webkit-radial-gradient(circle farthest-side, rgba(0,0,0,0.8), rgba(0,0,0,0.8)70%, transparent 30%, transparent);
    background: radial-gradient(circle farthest-side, rgba(0,0,0,0.8), rgba(0,0,0,0.8) 70%, transparent 30%, transparent); 
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
    background-size: 3px 3px;
}




.dot_2 {
    background: -moz-radial-gradient(circle farthest-side, rgba(10,10,200,1), rgba(10,10,200,1) 70%, transparent 30%, transparent);  
    background: -webkit-radial-gradient(circle farthest-side,  rgba(10,10,200,1), rgba(10,10,200,1)  70%, transparent 30%, transparent);
    background: radial-gradient(circle farthest-side,  rgba(10,10,200,1), rgba(10,10,200,1)  70%, transparent 30%, transparent); 
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
    background-size: 3px 3px;
}






















/*dot pattern*/


/*image style*/

.iconimage{
width: 100%;
height: auto;

}

.iconimageMap{
width: 100%;
height:480px;

}





/*image style*/


/*video style*/
video#bgvid {
  position:fixed; right: 0; bottom: 0;
  min-width: 100%; min-height: 100%;
  width: auto; height: auto; z-index: -200;
  background: url(polina.jpg) no-repeat;
  background-size: cover;
 
}


video#bgvid_A {
  position: fixed; right: 0; bottom: 0;
  min-width: 100%; min-height: 100%;
  width: auto; height: auto; z-index: -200;
  background: url(polina.jpg) no-repeat;
  background-size: cover;
 
}











/*video style*/
















/*ppp style*/



.ppp1{

width:100%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 0px 0px 0px 0px;/*上右下左*/
background-color:rgba(0,0,0,0) ;
}



.ppp{

width: 90%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 10px 10px 10px 10px;/*上右下左*/
background-color:rgba(0,0,0,0)  ;
}



.ppp2{

width: 70%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 10px 10px 10px 10px;/*上右下左*/
background-color:#29ff53 ;
}


.ppp3{

width: 90%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 0px 10px 0px 10px;/*上右下左*/
background-color:rgba(0,0,0,0.5) ;
}


.ppp4{

width: 60%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 0px 10px 0px 10px;/*上右下左*/
background-color:rgba(0,0,0,0)  ;
}


.ppp4_A{

width: 60%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 0px 10px 0px 10px;/*上右下左*/
background-color:rgba(0,0,0,0)  ;
}




.ppp4_B{

width: 60%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 0px 10px 0px 10px;/*上右下左*/
background-color:rgba(0,0,0,0)  ;
}












.ppp5{

width: 60%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 10px 10px 10px 10px;/*上右下左*/
background-color:rgba(0,0,255,0)  ;
}


.ppp6{

width: 40%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 10px 10px 10px 10px;/*上右下左*/
background-color:rgba(0,0,0,0)  ;
}





.ppp7{

width: 50%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 10px 10px 10px 10px;/*上右下左*/
background-color:rgba(0,0,255,0)  ;
}








.ppp8{

width: 20%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 10px 10px 10px 10px;/*上右下左*/
background-color:rgba(0,0,255,0) ;
}






.ppp9{

width: 90%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 10px 10px 10px 10px;/*上右下左*/
background-color:rgba(0,0,0,0) ;
}


.pppForm{

width: 60%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 10px 10px 10px 10px;/*上右下左*/
background-color:rgba(0,0,255,0)  ;
}

.ppp10{

width: 30%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 10px 10px 10px 10px;/*上右下左*/
background-color:rgba(0,0,255,0) ;
}








/*ppp style*/




h1 { 
     font-size:2.2em;
     padding:0 0 .5em 0; 
 }

	
h2 {
     font-size:1.5em; 
 }
	
.header {
     width: 100%;
     height: 40px;
     position: fixed;
     /*margin-top: -95px;/*wrap margine-top 184px */
    /* margin-bottom:200px;*/
     padding-left:1em;
     background-color: rgba(10,10,10,0.5);
     z-index: 100;
  }


.headerW {
     width: 100%;
     height: 40px;
     position: fixed;
     /*margin-top: -95px;/*wrap margine-top 184px */
    /* margin-bottom:200px;*/
     padding-left:1em;
     background-color: rgba(250,250,250,0.8);
     z-index: 100;
  }







	
.col {
     background: #ccc;
     padding:1em 0; 
     text-align:center;
 }
 
 
 
 /*font Awesome  style exchange*/
 
 
 
 .fa-color-green{
 color:#4ace4c;
 }
 
 
 
 .fa-color-white{
 color:#ffffff;
 }
 
 .fa-color-blue{
 color:#03afff;
 
 }
 
 
 .fa-color-skyblue{
 color:#72faff;
 
 }
 
 .fa-color-red{
 color:#a90104;
 
 }
 
 
 .fa-color-black{
 color:#111111;
 
 }
 
 .fa-color-Gray{
 color:#868686;
 
 }
 
 .fa-color-orange{
 color:#ff7440;
 
 }
 
 .fa-color-brown{
 color:#800000;
 
 }
 
 
 
 
 
 

 
 /*font Awesome  style exchange*/
 
 
 /*voice  style exchange*/ 
 
 .Lalign{

 margin-left: 15%;
 line-height: 1.5em;
 
 }
 
 
 
 .trim_V{
 
 }
 
 
 
 
 
 
 
 /*voice  style exchange*/ 
 
 
 
 
 
 
 
 /*nav style PC*/ 


.aicon {

float: left;
display: block;
margin-left:10px;
margin-right:10px ;
}


a{
color:#271215;
text-decoration: none;

}
a:hover { color:#ccc; color:rgba(255,0,0,0.7);}

a:active { color:#ccc; color:rgba(255,0,255,0.7); }

.cimg:hover { opacity:0.5;}

.cimg:active { opacity:0.5;}




#nav a:hover { color:#ccc; color:rgba(255,255,255,0.7); 

 }


 
 
 /*nav style PC*/
 
 
 
 
 
 
 /*form style*/
 #formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #a71527;
	padding:10px;
}
table.formTable th{
	width:40%; /*form th size PC*/
	font-weight:normal;
	background: #FFFDF9;
	text-align:left;
	vertical-align:middle;
}
 /*form style*/
 
 
 
 
 
 /*remodal content style*/
 
 
 
 
 /*remodal content style*/
 
 @media only screen and (max-width: 800px) {
 
.dammy{} 
 

 
.ppp4{

width: 100%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 0px 0px 0px 0px;/*上右下左*/
background-color:#rgba(0,0,0,0.5)  ;
} 

.ppp4_B{

width: 100%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 0px 0px 0px 30px;/*上右下左*/
background-color:rgba(0,0,0,0)  ;
}


  
 .ppp6{

width: 60%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 10px 10px 10px 10px;/*上右下左*/
background-color:rgba(0,0,0,0) ;
}

.iconimage{
width: 95%;
height: auto;

}


.iconimage_A{
width: 97%;
height: auto;

}





/*Map style*/
.iconimageM{
width: 90%;
height: 480px;

}
/*Map style*/





/*triming style*/

.trim_A{

padding-left: 1%;

}

.trim_C{

font-family:JKG-L_2  ;
font-size: 0.8em;

}

/*triming style*/  
  
  
/*dot style*/  
 .dot_1{

	background: url(../video/bgpict3.png)

}
  
 /*dot style*/ 
  
  
  
  
  
  
  
  
  
  
  
  
  
  
 
 }
 
  @media only screen and (max-width: 480px) {
 
.dammy{}


 
 
 
 .ppp6{

width: 90%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 10px 10px 10px 10px;/*上右下左*/
background-color:rgba(0,0,0,0) ;
}
 

.ppp4_B{

width: 100%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 0px 60px 0px 60px;/*上右下左*/
background-color:rgba(0,0,0,0)  ;
}

 
.iconimage{
width: 70%;
height: auto;

}
 
.iconimage_A{
width: 70%;
height: auto;

} 
 
/*youtube style*/
.youtube {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/*youtube style*/

 
 
/*triming style*/

.trim_A{

padding-left: 0%;

}


.trim_B{

font-family:JKG-L_2  ;
font-size: 0.8em;

}






/*triming style*/
  

 
 
 
 
 
 
 }
 
 @media only screen and (max-width: 320px) {
 
/*form style*/	


.dammy{}
 
 
 html { background: url(../img/) #000 no-repeat center center fixed; }
  #bgvid { display: none; } 
 
 

 
 /*nav style*/
 
 .aicon {
 float: left;
display: block;
margin-left:3px;
margin-right:3px ;
}
 
 .fa-2x{
 font-size: 1.5em;
 }
 /*nav style*/
 
 
 
 
 
 
.ppp4{

width: 90%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 0px 10px 0px 10px;/*上右下左*/
background-color:#rgba(0,0,0,0.5)  ;
} 
 
.ppp4_A{

width: 90%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 0px 10px 0px 10px;/*上右下左*/
background-color:rgba(0,0,0,0)  ;
}






.ppp6{

width: 90%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 10px 10px 10px 10px;/*上右下左*/
background-color:rgba(0,0,0,0) ;
}


 
 .ppp7{

width: 90%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 10px 10px 10px 10px;/*上右下左*/
background-color:rgba(0,0,0,0)  ;
}
 
 
.ppp8{

width: 100%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 10px 10px 10px 10px;/*上右下左*/
background-color:rgba(255,0,0,0) ;
}
 
.pppForm{

width: 100%;
margin: 0 auto;/*block要素のセンタリング*/
padding: 10px 10px 10px 10px;/*上右下左*/
background-color:rgba(0,0,255,0)  ;
}
 
 
 
 
 
 
 
 
 
 
 
 
 th,td{
        width: 85%;
        display: block;
 }
 
 
 
  table.formTable th{
	width:85%; /*form th size PC*/
	font-weight:normal;
	background: #FFFDF9;
	text-align:left;
	
}
 
 
 

 
 
 
/*voice  style exchange*/ 
 
 .Lalign{

 margin-left: 0%;
 margin-bottom: 5px;
 
 }
 
 /*voice  style exchange*/  
 
 
 
.iconimageM{
width: 50%;
height: auto; 
 
 
 
 
 
 }/*max-width: 320px*/