@charset "utf-8";
/* CSS Document */

/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
line-height: 1.6;
}
address,em,strong,th {
font-style: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: left;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}
img,fieldset {
border: 0;
}
li {
	list-style-type: none;
}

img{
	display: block;
}

/* Fonts
------------------------------------------------------------*/
.font1-4{
	font-size: 1.4vw;
}
.font2{
	font-size: 2vw;
}
.font2-2{
	font-size: 2.2vw;
}
.font2-4{
	font-size: 2.4vw;
}
.font2-6{
	font-size: 2.6vw;
}
.font2-8{
	font-size: 2.8vw;
}
.font3{
	font-size: 3vw;
}
.font3-2{
	font-size: 3.2vw;
}
.font3-4{
	font-size: 3.4vw;
}
.font3-6{
	font-size: 3.6vw;
}
.font3-8{
	font-size: 3.8vw;
}
.font4{
	font-size: 4vw;
}
.font4-2{
	font-size: 4.2vw;
}
.font4-4{
	font-size: 4.4vw;
}
.font4-6{
	font-size: 4.6vw;
}
.font4-8{
	font-size: 4.8vw;
}
.font5{
	font-size: 5vw;
}
.font5-2{
	font-size: 5.2vw;
}
.font5-4{
	font-size: 5.4vw;
}
.font5-6{
	font-size: 5.6vw;
}
.font5-8{
	font-size: 5.8vw;
}
.font6{
	font-size: 6vw;
}
.font6-2{
	font-size: 6.2vw;
}
.font6-4{
	font-size: 6.4vw;
}
.font6-6{
	font-size: 6.6vw;
}
.font6-8{
	font-size: 6.8vw;
}
.font7{
	font-size: 7vw;
}
.font7-2{
	font-size: 7.2vw;
}
.font7-4{
	font-size: 7.4vw;
}
.font7-6{
	font-size: 7.6vw;
}
.font7-8{
	font-size: 7.8vw;
}
.font8{
	font-size: 8vw;
}
.font9{
	font-size: 9vw;
}
.font10{
	font-size: 10vw;
}
.font11{
	font-size: 11vw;
}
.font12{
	font-size: 12vw;
}
.red{
	color: #eb0505;
	font-weight: bold;
}
.red2{
	color: #ff4949;
	font-weight: bold;
}
.yellow{
	color: #fffc00;
}
.yellow2{
	color: #ffc000;
}
.blue{
	color: #1b56dc;

}
.light-blue{
	color: #39d8e6;
}
.green{
	color: #008498;
}
.pink{
	color: #ff8f80;
}
.brown{
	color: #ac7960;
}
.orange{
	color: #e05434;
}
.gray{
	color: #5d727b;
}
.gray2{
	color: #5d727b;
}
.white{
	color: #666;
}
.underyellow{
	background: linear-gradient(transparent 65%, #fffbc0 10%);
}
.underyellow2{
	background: linear-gradient(transparent 65%, #fff589 10%);
}
.underyellow3{
	background: linear-gradient(transparent 65%, #fff589 10%);
}
.underyellow4{
	background: linear-gradient(transparent 70%, #fff554 0%);
}
.underred{
	background: linear-gradient(transparent 90%, red 70%);
}
.underred2{
	background: linear-gradient(transparent 70%, red 0%);
}
.backgreen{
	background: #008497;
}
.backyellow2{
	background: #fff589;
}
.pad1{
	padding: .5vw 3vw;;
}
.pad2{
	padding: 2vw;
}
.borderrad1{
	border-radius: 1vw; 
}
.bold{
	font-weight: bold;
}
.lh1-2{
	line-height: 1.2;
}
.lh1-4{
	line-height: 1.4;
}


/* いつもの動き
------------------------------------------------------------*/
.animate12 {
	animation-duration: 1.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	transform-origin: middle center;
	animation-name: animate12;
	transform: rotate(0deg);
	-webkit-animation-duration: 1.5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: middle center;
	-webkit-animation-name: animate12;
	-webkit-transform: rotate(0deg);
}
@keyframes animate12 {
0% {transform:scale(0.92);}
40% {transform:scale(0.97);}
60% {transform:scale(0.86);}
80% {transform:scale(1.05);}
100% {transform:scale(0.92);}
}


/* clearfix
------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
.clearfix {
zoom: 1;
}



/* form */  
button, fieldset, form, input, label, legend, select, textarea {  
 font-family:inherit;  
 font-size:100%;  
 font-style:inherit;  
 font-weight:inherit;  
 margin:0;  
 padding:0;  
 vertical-align:baseline;  
 }  
   
 /* --FORM-- */  
 fieldset {  
 border:1px solid ccc;  
 margin-bottom:1em;  
 padding:0 1em 1em 1em;  
 }  
   
 legend {  
 background:fff;  
 padding:0.3em;  
 }  
   
 input[type="checkbox"],  
 input[type="radio"] {  
 vertical-align:text-bottom;  
 width:14px;
 height:14px;
 }  
   
 input[type="submit"] {  
 padding:0.1em;  
 }  
   
 select {  
 padding:0;  
 }  
   
     /* for IE6 */  
     * html input {  
     padding:0.1em;  
     }  
       
     * html input.checkbox,  
     * html input.radio {  
     vertical-align:-0.3em;  
     }  
   
     * html input.submit {  
     line-height:1.2;  
     padding-top:0.2em;  
     }  
       
     * html select {  
     vertical-align:-0.2em;  
     }  
       
     /* for IE7 */  
     *+html input {  
     padding:0.1em;  
     }  
       
     *+html input.submit {  
     line-height:1.2;  
     padding-top:0.2em;  
     }  
       
     *+html select {  
     vertical-align:-0.2em;  
     }  
   
     /* for Opera9.27 */  
     html:first-child input {  
     padding:0.1em;  
     }  
       
     html:first-child input[type="checkbox"],  
     html:first-child input[type="radio"] {  
     vertical-align:middle;  
     }  
   
     html:first-child input[type="submit"] {  
     padding:0.3em;  
     }  
       
     html:first-child select {  
     padding:0.2em;  
     }  
   
     /* for Opera9.5 [Safari3] */  
     /*body:first-of-type input {  
     padding:0.1em;  
     } */ 
   
     body:first-of-type input[type="checkbox"],  
     body:first-of-type input[type="radio"] {  
     vertical-align:-0.3em;  
     }  
       
     body:first-of-type input[type="submit"] {  
     padding:0.3em 0.3em 0.2em 0.3em;  
     }  
   
     /* for Safari3 */  
     html:not(:only-child:only-child) input {  
     padding:0;  
     vertical-align:baseline;  
     }  
       
     html:not(:only-child:only-child) input[type="checkbox"],  
     html:not(:only-child:only-child) input[type="radio"] {  
     vertical-align:baseline;  
     }  
       
     html:not(:only-child:only-child) select {  
     vertical-align:0.1em;  
     }  
   
   	 textarea{
   	 resize:none;
   	 }
   
 /* --HEADLINE-- */  
 h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin-right: 0;
	margin-left: 0;
 }