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

/* YUI CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;/*font-family: Arial, "?l?r ?o?S?V?b?N", sans-serif;*/}
legend{color:#000;}
/*body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}*/
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-table; min-height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display: block;}

/* form */
input { padding:1px;}
 
/*TOP*/
/*.backtotop {
position: fixed;
right: 15px;
bottom: 20px;
z-index: 9000;
display: none;
} 

.backtotop a {
display: block;
color: #FFF;
padding: 14px 6px;
margin: 0;
background-color: #000;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

.backtotop a:hover {
background: #666666;
color: #FFFFFF;
}*/

#goTop {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
  height: 0;
  z-index: 99;
}

#goTop a {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  overflow: hidden;
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  text-indent: -999px;
}

#goTop a::after {
  content: '';
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  width: 30px;
  height: 30px;
  background: url("../img/icon_arrow_01.png") no-repeat center center;
  background-size: 100% auto;
  transform: rotate(-90deg);
}
a img {
	color: #0b8793;
    transition: 1.0s ;
}

a:hover img{
   opacity: 0.7 ;
}
@media screen and (max-width: 320px) {
    body{
        font-size: 84%;
    }
}