/*-------------
ボタン共通
-------------*/

.btn {
	text-align: center;
}

.btn a,
.btn input{
  display: block;
	margin: auto;
  line-height: 20px;
  letter-spacing: 0.1rem;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  position: relative;
  display: inline-block;
  padding: 0.5em 3em;
  text-decoration: none;
  transition: .4s;
  margin-bottom: 0.5em;
  background-color: #fff;
}
.btn a:before,
.btn input:before{
  transition: .4s;
}
.btn_s a,
.btn_s input{
  height: 40px;
  min-width: 243px;
  padding: 0.5em 1em;
}
.btn_s.btn_free a,
.btn_s.btn_free input{
  min-width: 360px;
}
.btn_l a,
.btn_l input{
  height: 66px;
  min-width: 300px;
  width: 100%;
  font-size: 1.1em;
  padding: 0.5em 1em;
}

.btn.next a:hover,
.btn.next input:hover {
}
.btn.next a:after,
.btn.next input:after {
	font-family: 'FontAwesome';
	content: '\f105';
	position: absolute;
	right: 20px;
	margin: auto;
}
ul.sub_menu_tab .btn.next a:after{
	right: 8px;
  font-size: 24px;
  animation: arrow_move 1.4s linear infinite;
}

@keyframes arrow_move {
  0%,100% {
      right: 5px;
  }

  50% {
      right: 10px;
  }
}


/*戻るボタン*/
.btn.back a,
.btn.back input{
  border: 1px solid #666;
  color: #666;
}
.btn.back a:hover,
.btn.back input:hover  {
  background-color:#666;
  color: #fff;
}
.btn.back a:after,
.btn.back input:after{
	font-family: 'FontAwesome';
	content: '\f104';
	position: absolute;
	left: 20px;
	margin: auto;
}
/*------------
ヘッダーcontact
--------------*/

a.header_contact_btn {
  width: 100%;
  padding: 20px 0;
  display: flex;
  background: #fff;
  justify-content: center;
  align-items: center;
/*border: 1px solid #666;*/
  box-shadow: 0 2px #eee;
  margin-right: 5px;
  color: #fff;
  border-bottom-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
}

a.header_contact_btn:last-child {
  margin-right: 0px;
}
a.header_contact_btn:hover{
  opacity: 0.8;
}

/*------------
ボタン店舗別
--------------*/

/*全店ボタン*/
.btn.btn_shop_all a,
.btn.btn_shop_all input {
  border: 1px solid #ED6B73;
  color: #ED6B73;
}
.btn.btn_shop_all a:hover,
.btn.btn_shop_all input:hover {
  background-color:#ED6B73;
  color: #fff;
}
/*若松ボタン*/
.btn.btn_shop_wa a {
  border: 1px solid #5DA86E;
  color: #5DA86E;
}
.btn.btn_shop_wa a:hover  {
  background-color:#5DA86E;
  color: #fff;
}
/*宗像ボタン*/
.btn.btn_shop_mu a {
  border: 1px solid #6474C1;
  color: #6474C1;
}
.btn.btn_shop_mu a:hover  {
  background-color:#6474C1;
  color: #fff;
}
/*新宮ボタン*/
.btn.btn_shop_sh a {
  border: 1px solid #E18B36;
  color: #E18B36;
}
.btn.btn_shop_sh a:hover  {
  background-color:#E18B36;
  color: #fff;
}
/*グレーボタン*/
.btn.btn_gray a,
.btn.btn_gray input {
  border: 1px solid #555555;
  color: #555555;
}
.btn.btn_gray a:hover,
.btn.btn_gray input:hover {
  background-color:#555555;
  color: #fff;
}

/*------------
ボタン店舗別四角
--------------*/
.square a {
  border-radius: 8px;
}
/*------------
アイコン付きボタン
--------------*/
.btn_icon a,
.btn_icon input{
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn_icon a:before,
.btn_icon input:before{
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 0.5em;
}
.btn_icon.icon_s a:before,
.btn_icon.icon_s input:before{
  width: 16px;
  height: 16px;
}

.btn_icon.btn_join a:before{
  background: url(../img/icon_btn_join.svg) no-repeat;
}
.btn_icon.btn_join a:hover:before{
  background: url(../img/icon_btn_join_hover.svg) no-repeat;
}
.btn_icon.btn_recruit a:before{
  background: url(../img/icon_btn_recruit.svg) no-repeat;
}
.btn_icon.btn_recruit a:hover:before{
  background: url(../img/icon_btn_recruit_hover.svg) no-repeat;
}
.btn_icon.btn_taiken a:before{
  background: url(../img/icon_btn_taiken.svg) no-repeat;
}
.btn_icon.btn_taiken a:hover:before{
  background: url(../img/icon_btn_taiken_hover.svg) no-repeat;
}
.btn_icon.btn_contact a:before{
  background: url(../img/icon_btn_contact.svg) no-repeat;
}
.btn_icon.btn_contact a:hover:before{
  background: url(../img/icon_btn_contact_hover.svg) no-repeat;
}
.btn_icon.btn_blank a:before{
  background: url(../img/icon_btn_blank.svg) no-repeat;
  background-size: cover;
}
.btn_icon.btn_blank a:hover:before{
  background: url(../img/icon_btn_blank_hover.svg) no-repeat;
  background-size: cover;
}


.price_revision a {
  display: block;
  background: #ee3;
  text-align: center;
  border-radius: 6px;
  padding: 1rem;
  font-size: 1.2em;
  font-weight: 700;
  color: #555;
  margin-bottom: 1rem;
  line-height: 1.3em;
}
.price_revision a:hover{
opacity: 0.8;
}