@charset "UTF-8";

/*===============================================================================================*/
/**
 * RESET
 *
 */
* {
  text-rendering:optimizelegibility;
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
      -ms-box-sizing:border-box;
       -o-box-sizing:border-box;
          box-sizing:border-box;
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,button,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
	margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul,ol{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle}
img{ vertical-align: top;}

/*===============================================================================================*/
/**
 * UTILS
 *
 */

img{
	/* width: auto; */
	height: auto;
	max-width: 100%;
}
a{
	color: black;
}

.clearfix { zoom:1; }

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

body{
	font-size: 14px;
	line-height: 1.4;
	font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro","游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "メイリオ", Meiryo,Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

@media screen and (min-width: 641px) {
	.spOnly{ display: none !important; }
	.btn img{
	  -webkit-transition: opacity .2s linear;
	     -moz-transition: opacity .2s linear;
	      -ms-transition: opacity .2s linear;
	       -o-transition: opacity .2s linear;
	          transition: opacity .2s linear;
	}
	.btn:hover img{
	  filter: alpha(opacity=50);
	  -moz-opacity:0.5;
	  opacity:0.5;
	}
	.btn-a0 img{
	  -webkit-transition: opacity .2s linear;
	     -moz-transition: opacity .2s linear;
	      -ms-transition: opacity .2s linear;
	       -o-transition: opacity .2s linear;
	          transition: opacity .2s linear;
	}
	.btn-a0:hover img{
	  filter: alpha(opacity=0);
	  -moz-opacity:0;
	  opacity:0;
	}
	.btn-a50{
	  -webkit-transition: opacity .2s linear;
	     -moz-transition: opacity .2s linear;
	      -ms-transition: opacity .2s linear;
	       -o-transition: opacity .2s linear;
	          transition: opacity .2s linear;
	}
	.btn-a50:hover{
	  filter: alpha(opacity=50);
	  -moz-opacity:0.5;
	  opacity:0.5;
	}
}
@media screen and (max-width: 640px) {
	.pcOnly{ display: none !important; }
}