@charset "UTF-8";



/*===================================================

	お米の家倉 COMMON CSS
	2015.9.27 ver.1

===================================================*/
html{
	background:#f8f6f3;
}
/*===================================================

     input, selection

===================================================*/

input:focus {
   background-color: #F6F6F6;
   border: 1px solid #ccc;
}

::-moz-selection    { background: #dddddd; }
::selection   { background: #dddddd; }


/*===================================================
     Margin
===================================================*/

/* Margin-top
-------------------------------------------------- */
.mt05em { margin-top: 0.5em;}
.mt1em { margin-top: 1em;}
.mt15em { margin-top: 1.5em;}
.mt2em { margin-top: 2em;}
.mt3em {margin-top: 3em;}
.mt4em { margin-top: 4em;}
.mt5em { margin-top: 5em;}


/* Margin-bottom
-------------------------------------------------- */
.m05em { margin-bottom: 0.5em;}
.m1em { margin-bottom: 1em;}
.m15em { margin-bottom: 1.5em;}
.m2em { margin-bottom: 2em;}
.m3em {margin-bottom: 3em;}
.m4em { margin-bottom: 4em;}
.m5em { margin-bottom: 5em;}
.m6em { margin-bottom: 6em;}
.m7em { margin-bottom: 7em;}
.m8em { margin-bottom: 8em;}
.m9em { margin-bottom: 9em;}
.m10em { margin-bottom: 10em;}

/* Margin-Left
-------------------------------------------------- */
.l10px { margin-left: 10px;} .l1em { margin-left: 1em;}
.l15px { margin-left: 15px;} .l15em { margin-left: 1.5em;}
.l20px { margin-left: 20px;} .l2em { margin-left: 2em;}
.l30px { margin-left: 30px;} .l3em { margin-left: 3em;}
.l40px { margin-left: 40px;} .l4em { margin-left: 4em;}
.l50px { margin-left: 50px;} .l5em { margin-left: 5em;}
.l60px { margin-left: 60px;} .l6em { margin-left: 6em;}

/* Margin-Right
-------------------------------------------------- */
.r10px { margin-right: 10px;} .r1em { margin-right: 1em;}
.r12px { margin-right: 12px;} .r12em { margin-right: 1.2em;}
.r15px { margin-right: 15px;} .r15em { margin-right: 1.5em;}
.r20px { margin-right: 20px;} .r2em { margin-right: 2em;}
.r30px { margin-right: 30px;} .r3em { margin-right: 3em;}
.r40px { margin-right: 40px;} .r4em { margin-right: 4em;}
.r50px { margin-right: 50px;} .r5em { margin-right: 5em;}
.r60px { margin-right: 60px;} .r6em { margin-right: 6em;}


/*===================================================
     Padding
===================================================*/

/* padding-top
-------------------------------------------------- */
.pt1em {padding-top: 1em;}
.pt2em {padding-top: 2em;}
.pt3em {padding-top: 3em;}
.pt4em {padding-top: 4em;}
.pt5em {padding-top: 5em;}
.pt6em {padding-top: 6em;}
.pt7em {padding-top: 7em;}
.pt8em {padding-top: 8em;}
.pt9em {padding-top: 9em;}
.pt10em {padding-top: 10em;}

/* padding-bottom
-------------------------------------------------- */
.pb1em {padding-bottom: 1em;}
.pb2em {padding-bottom: 2em;}
.pb3em {padding-bottom: 3em;}
.pb4em {padding-bottom: 4em;}
.pb5em {padding-bottom: 5em;}


/* padding-Left
-------------------------------------------------- */
.pl1em {padding-left: 1em;}
.pl2em {padding-left: 2em;}
.pl3em {padding-left: 3em;}
.pl4em {padding-left: 4em;}
.pl5em {padding-left: 5em;}
.pl6em {padding-left: 6em;}
.pl7em {padding-left: 7em;}
.pl8em {padding-left: 8em;}
.pl9em {padding-left: 9em;}
.pl10em {padding-left: 10em;}

.pl30px { padding-left: 30px; }
.pl60px { padding-left: 60px; }

/* padding-Right
-------------------------------------------------- */
.pr1em {padding-right: 1em;}
.pr2em {padding-right: 2em;}
.pr3em {padding-right: 3em;}
.pr4em {padding-right: 4em;}
.pr5em {padding-right: 5em;}
.pr6em {padding-right: 6em;}
.pr7em {padding-right: 7em;}
.pr8em {padding-right: 8em;}
.pr9em {padding-right: 9em;}
.pr10em {padding-right: 10em;}


/*===================================================
     FadeinDown
===================================================*/

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}