@charset "UTF-8";

.header-img01{
display:block;
}
.header-img02{
display:none;
}
.free01{
display:none;
float:right;
}
/*--------------------------------------------------------
解像度1200px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 1200px){
}/*解像度1200px以下*/

/*--------------------------------------------------------
解像度737px以上950px以下
--------------------------------------------------------*/
@media (min-width: 737px) and (max-width: 950px){

}/*解像度737px以上950px以下*/

/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 736px){
.header-img01{
display:none;
}
.header-img02{
display:block;
}
}/*解像度736px以下*/

/*--------------------------------------------------------
解像度500px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 500px){
.free01{
display:none;
clear:both;
float:left;
}
}/*解像度500px以下*/

.pad01{
padding:10px 25px;
font-size:15px;
}
.pad02{
padding:15px 45px;
font-size:20px;
}
.pad03{
padding:5px 25px;
font-size:12px;
}

.button-group,
.button-group li{
  display: inline-block;
  zoom: 1;
}
 
.button-group{
  font-size: 0; /* Inline block elements gap - fix */
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, .04);
  border-bottom: 1px solid rgba(0, 0, 0, .07);
  padding: 7px;
  border-radius: 7px; 
}
 
.button.color{
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  background-image: linear-gradient(top, rgba(255,255,255,.3), 
                     rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC);
}

/* */
 
.button.green{
  background-color: #57a957;
  border-color: #57a957;
}
 
.button.green:hover{
  background-color: #62c462;
}
 
.button.green:active{
  background: #57a957;
}
 
/* */
 
.button.red{
  background-color: #c43c35;
  border-color: #c43c35;
}
 
.button.red:hover{
  background-color: #ee5f5b;
}
 
.button.red:active{
  background: #c43c35;
}
 
/* */
 
.button.blue{
  background-color: #269CE9;
  border-color: #269CE9;
}
 
.button.blue:hover{
  background-color: #70B9E8;
}
 
.button.blue:active{
  background: #269CE9;
}

.mar005{
  margin-left:5px;
}

/*---------------------------------------------------------------------
	generated by Keni Template Maker Ver.7.1 on 2020-09-06 13:21:08
----------------------------------------------------------------------*/
