@charset "UTF-8";

/*------------------------------------------------------------
　ボタンのスタイル
-------------------------------------------------------------*/
.official1{
  display: inline-block;
  background-color: #F88080;/*背景色*/
  color: #FFF;/*文字色*/
  font-size: 1.6em;/*文字サイズ*/
  line-height: 1.3;
  text-decoration: none;
  letter-spacing: 0.15em;/*字間*/
  padding: 0.8em 1em;/*ボタン内の余白*/
  border-radius: 10px;/*角の丸み*/
    cursor: pointer;
  box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
  width: 85%;
	margin-bottom: 40px;
}

.official1:hover{
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    color: #FFF;
	text-decoration: none;
}

.official1:after{
    margin: 0 3px;
    font-family: 'Font Awesome 5 Free';
    vertical-align: baseline;
    content: '\f08e';
    line-height: 1;
	font-weight: 600;
}

.btn_g{
  display: block;
  background-color: #5CAA65;/*背景色*/
  color: #FFF;/*文字色*/
  font-size: 1.6em;/*文字サイズ*/
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.15em;/*字間*/
  padding: 0.8em 1em;/*ボタン内の余白*/
  border-radius: 10px;/*角の丸み*/
    cursor: pointer;
  box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

.btn_g:hover{
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    color: #FFF;
	text-decoration: none;
}

@media screen and (max-width: 470px){
	.btn_g {
    	width: 98%;
    	font-size: 1em;
	}
}

.official{
  display: inline-block;
  background-color: #F88080;/*背景色*/
  color: #FFF;/*文字色*/
  font-size: 1.6em;/*文字サイズ*/
  line-height: 1.3;
  text-decoration: none;
  letter-spacing: 0.15em;/*字間*/
  padding: 0.8em 1em;/*ボタン内の余白*/
  border-radius: 3px;/*角の丸み*/
    cursor: pointer;
  box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
  width: 100%;
}

.official:hover{
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    color: #FFF;
	text-decoration: none;
}

.official:after{
    margin: 0 3px;
    font-family: 'Font Awesome 5 Free';
    vertical-align: baseline;
    content: '\f08e';
    line-height: 1;
	font-weight: 600;
}

.manual{
  display: inline-block;
  background-color: #F6D192;/*背景色*/
  color: #FFF;/*文字色*/
  font-size: 1.6em;/*文字サイズ*/
  line-height: 1.3;
  text-decoration: none;
  letter-spacing: 0.15em;/*字間*/
  padding: 0.8em 1em;/*ボタン内の余白*/
  border-radius: 3px;/*角の丸み*/
    cursor: pointer;
  box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
  width: 100%;
}

.manual:hover{
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    color: #FFF;
	text-decoration: none;
}

.manual1{
  display: inline-block;
  background-color: #98D5CB;/*背景色*/
  color: #FFF;/*文字色*/
  font-size: 1.6em;/*文字サイズ*/
  line-height: 1.3;
  text-decoration: none;
  letter-spacing: 0.15em;/*字間*/
  padding: 0.8em 1em;/*ボタン内の余白*/
  border-radius: 3px;/*角の丸み*/
    cursor: pointer;
  box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
  width: 100%;
}

.manual1:hover{
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    color: #FFF;
	text-decoration: none;
}

.manual1:after{
    margin: 0 3px;
    font-family: 'Font Awesome 5 Free';
    vertical-align: baseline;
    content: '\f02e';
    line-height: 1;
	font-weight: 600;
}

.lava{
display: inline-block;
background-color: #95CCFF;/*背景色*/
color: #FFF;/*文字色*/
font-size: 1.35em;/*文字サイズ*/
line-height: 1.3;
text-decoration: none;
letter-spacing: 0.15em;/*字間*/
padding: 0.8em 1em;/*ボタン内の余白*/
border-radius: 10px;/*角の丸み*/
cursor: pointer;
box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);/*影*/
-webkit-tap-highlight-color: transparent;
transition: .3s ease-out;/*変化を緩やかに*/
width: 100%;
}

.lava:hover{
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    color: #FFF;
	text-decoration: none;
}

.lava:after{
    margin: 0 3px;
    font-family: 'Font Awesome 5 Free';
    vertical-align: baseline;
    content: '\f08e';
    line-height: 1;
	font-weight: 600;
}

.caldo{
display: inline-block;
background-color: #F2AC6B;/*背景色F89174*/
color: #FFF;/*文字色*/
font-size: 1.35em;/*文字サイズ*/
line-height: 1.3;
text-decoration: none;
letter-spacing: 0.15em;/*字間*/
padding: 0.8em 1em;/*ボタン内の余白*/
border-radius: 10px;/*角の丸み*/
cursor: pointer;
box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);/*影*/
-webkit-tap-highlight-color: transparent;
transition: .3s ease-out;/*変化を緩やかに*/
width: 100%;
}

.caldo:hover{
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    color: #FFF;
	text-decoration: none;
}

.caldo:after{
    margin: 0 3px;
    font-family: 'Font Awesome 5 Free';
    vertical-align: baseline;
    content: '\f08e';
    line-height: 1;
	font-weight: 600;
}

.loive{
display: inline-block;
background-color: #E94C3E;/*背景色*/
color: #FFF;/*文字色*/
font-size: 1.35em;/*文字サイズ*/
line-height: 1.3;
text-decoration: none;
letter-spacing: 0.15em;/*字間*/
padding: 0.8em 1em;/*ボタン内の余白*/
border-radius: 10px;/*角の丸み*/
cursor: pointer;
box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);/*影*/
-webkit-tap-highlight-color: transparent;
transition: .3s ease-out;/*変化を緩やかに*/
width: 100%;
}

.loive:hover{
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    color: #FFF;
	text-decoration: none;
}

.loive:after{
    margin: 0 3px;
    font-family: 'Font Awesome 5 Free';
    vertical-align: baseline;
    content: '\f08e';
    line-height: 1;
	font-weight: 600;
}

.yogaplus{
display: inline-block;
background-color: #9EBD29;/*背景色*/
color: #FFF;/*文字色*/
font-size: 1.35em;/*文字サイズ*/
line-height: 1.3;
text-decoration: none;
letter-spacing: 0.15em;/*字間*/
padding: 0.8em 1em;/*ボタン内の余白*/
border-radius: 10px;/*角の丸み*/
cursor: pointer;
box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);/*影*/
-webkit-tap-highlight-color: transparent;
transition: .3s ease-out;/*変化を緩やかに*/
width: 100%;
}

.yogaplus:hover{
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    color: #FFF;
	text-decoration: none;
}

.yogaplus:after{
    margin: 0 3px;
    font-family: 'Font Awesome 5 Free';
    vertical-align: baseline;
    content: '\f08e';
    line-height: 1;
	font-weight: 600;
}