/* common */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,
code,del,dfn,em,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,
footer,header,hgroup,menu,nav,section,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing: border-box;
  box-sizing:border-box;
}
article,aside,dialog,figure,footer,header,hgroup,nav,section {
	display:block;
}
body {
  font-family: 'Helvetica Neue','Hiragino Kaku Gothic ProN','メイリオ',meiryo,sans-serif;
}

input,select,textarea,button{
  font-family: 'Helvetica Neue','Hiragino Kaku Gothic ProN','メイリオ',meiryo,sans-serif;
}
label{
}

nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

ins {
	background-color:#ff9;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted #1F1F1F;
	cursor:help;
}

hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #1F1F1F;
  margin:1em 0;
  padding:0;
}
img{
	border: 0;
	vertical-align: bottom;
}
/*スクロールバー全体*/
::-webkit-scrollbar{
    width: 10px;
}

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

/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb{
  background-color: #bcbcbc;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}
/* modern browsers */
.clearfix:after     {visibility:hidden;display:block;font-size: 0;content:" ";clear:both;height:0;}
* html .clearfix    {zoom:1;} /* IE6 */
*:first-child+html .clearfix {zoom:1;} /* IE7 */
.clearfix      {overflow:hidden;} /* Dw */
.clear {
  clear:both;
}
@-webkit-keyframes bg-color {
  0% { background-color: #e74c3c; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #e74c3c; }
}
@keyframes bg-color {
  0% { background-color: #e74c3c; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #e74c3c; }
}

@-webkit-keyframes text-color {
  0% { color: #e74c3c; }
  20% { color: #f1c40f; }
  40% { color: #1abc9c; }
  60% { color: #3498db; }
  80% { color: #9b59b6; }
  100% { color: #e74c3c; }
}
@keyframes text-color {
  0% { color: #e74c3c; }
  20% { color: #f1c40f; }
  40% { color: #1abc9c; }
  60% { color: #3498db; }
  80% { color: #9b59b6; }
  100% { color: #e74c3c; }
}

@-webkit-keyframes border-color {
  0% { border-color: #e74c3c; }
  20% { border-color: #f1c40f; }
  40% { border-color: #1abc9c; }
  60% { border-color: #3498db; }
  80% { border-color: #9b59b6; }
  100% { border-color: #e74c3c; }
}
@keyframes border-color {
  0% { border-color: #e74c3c; }
  20% { border-color: #f1c40f; }
  40% { border-color: #1abc9c; }
  60% { border-color: #3498db; }
  80% { border-color: #9b59b6; }
  100% { border-color: #e74c3c; }
}
@-webkit-keyframes flash {
  0% { background-color: #E4E4E4; }
  10% { background-color: #FFFFFF; }
  100% { background-color: #E4E4E4; }
}
 
@keyframes flash {
  0% { background-color: #E4E4E4; }
  10% { background-color: #FFFFFF; }
  100% { background-color: #E4E4E4; }
}

@-webkit-keyframes flashRedBorder {
  0% { border-color: #ff4300; }
  50% { border-color: #FFFFFF; }
  100% { border-color: #ff4300; }
}
 
@keyframes flashRedBorder {
  0% { border-color: #ff4300; }
  50% { border-color: #FFFFFF; }
  100% { border-color: #ff4300; }
}
@-webkit-keyframes flashRedColor {
  0% { color: #ff4300; }
  50% {color: #FFFFFF; }
  100% { color: #ff4300; }
}
 
@keyframes flashRedColor {
  0% { color: #ff4300; }
  50% { color: #FFFFFF; }
  100% { color: #ff4300; }
}
@-webkit-keyframes flashOrgColor {
  0% { color: #ff9900; }
  50% {color: #FFFFFF; }
  100% { color: #ff9900; }
}
 
@keyframes flashOrgColor {
  0% { color: #ff9900; }
  50% { color: #FFFFFF; }
  100% { color: #ff9900; }
}

@keyframes pulsate {
  0%   { transform: scale(1, 1); }
  50%  { opacity: 1; }
  100% { transform: scale(4, 4); opacity: 0.0; }
}

@-webkit-keyframes ripple {
  to {
    opacity: 0;
    transform: scale(2.0);
  }
}

@keyframes ripple {
  to {
    opacity: 0;
    transform: scale(2.0);
  }
}