.kuchikomi_btn:hover {
  text-decoration: none;
}

.kuchikomi_btn .reflection-img {
  margin: 0 0px 10px auto;
  font-size: 10PX;
  color: #FFF;
  text-align: center;
  padding: 5px 20px;
  border-radius: 5px;
  /* width: 60px; */
  background: #ff2884;
  position: relative;
  overflow: hidden;
}

.kuchikomi_btn .reflection {
  height: 100%;
  width: 10px;
  position: absolute;
  top: -20px;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflection 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 2s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -moz-animation: reflection 2s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -ms-animation: reflection 2s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -o-animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

@-webkit-keyframes reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

@-moz-keyframes reflection {
  0% {
    -moz-transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    -moz-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  81% {
    -moz-transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -moz-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

@-ms-keyframes reflection {
  0% {
    -ms-transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    -ms-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  81% {
    -ms-transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -ms-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

@-o-keyframes reflection {
  0% {
    -o-transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    -o-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  81% {
    -o-transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -o-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

.btn_new {
  display: inline-block;
}

.btn_new .reflection-img {
  width: 40px;
  color: #fff;
  background-color: #DC2000;
  text-align: center;
  display: inline-block;
  position: relative;
  overflow: hidden;
  top: 4px;
  margin-right: 5px;
}


.btn_new .reflection {
  height: 100%;
  width: 10px;
  position: absolute;
  top: -20px;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflection 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 2s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -moz-animation: reflection 2s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -ms-animation: reflection 2s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -o-animation: reflection 2s ease-in-out infinite;
}

/* button 色
-----------------------------  */
.btn_pink {
  width: 52px;
  padding: 5px;
  color: #fff;
  background-color: #FF0081;
  text-align: center;
}

.btn_akihabara {
  padding: 5px;
  color: #fff;
  background-color: #ED7600;
  text-align: center;
  font-size: 12px;
}

.color_akihabara {
  color: #ED7600;
}

.btn_ikebukuro {
  padding: 5px;
  color: #fff;
  background-color: #1EAA39;
  text-align: center;
  font-size: 12px;
}

.color_ikebukuro {
  color: #1EAA39;
}

.btn_shinjuku {
  padding: 5px;
  color: #fff;
  background-color: #FF82BA;
  text-align: center;
  font-size: 12px;
}

.color_shinjuku {
  color: #FF82BA;
}

.btn_shibuya {
  padding: 5px;
  color: #fff;
  background-color: #286DBF;
  text-align: center;
  font-size: 12px;
}

.color_shibuya {
  color: #286DBF;
}

.btn_shinagawa {
  padding: 5px;
  color: #fff;
  background-color: #15b0f5;
  text-align: center;
  font-size: 12px;
}

.color_shinagawa {
  color: #15b0f5;
}

.btn_ginza {
  padding: 5px;
  color: #fff;
  background-color: #fbbd3a;
  text-align: center;
  font-size: 12px;
}

.color_ginza {
  color: #fbbd3a;
}

.btn_kinshicho {
  padding: 5px;
  color: #fff;
  background-color: #723790;
  text-align: center;
  font-size: 12px;
}

.color_kinshicho {
  color: #723790;
}

.btn_ueno {
  padding: 5px;
  color: #fff;
  background-color: #FF4927;
  text-align: center;
  font-size: 12px;
}

.color_ueno {
  color: #FF4927;
}

.btn_hokkaido {
  padding: 5px;
  color: #fff;
  background-color: #a2b43b;
  text-align: center;
  font-size: 12px;
}

.color_hokkaido {
  color: #a2b43b;
}

.btn_chiba {
  padding: 5px;
  color: #fff;
  background-color: #E8464E;
  text-align: center;
  font-size: 12px;
}

.color_chiba {
  color: #E8464E;
}

.btn_kanagawa {
  padding: 5px;
  color: #fff;
  background-color: #00A27B;
  text-align: center;
  font-size: 12px;
}

.color_kanagawa {
  color: #00A27B;
}

.btn_osaka {
  padding: 5px;
  color: #fff;
  background-color: #c926ce;
  text-align: center;
  font-size: 12px;
}

.color_osaka {
  color: #c926ce;
}

.btn_kyoto {
  padding: 5px;
  color: #fff;
  background-color: #d4497d;
  text-align: center;
  font-size: 12px;
}

.color_kyoto {
  color: #d4497d;
}

.btn_nagoya {
  padding: 5px;
  color: #fff;
  background-color: #804f1b;
  text-align: center;
  font-size: 12px;
}

.color_nagoya {
  color: #804f1b;
}

.btn_kyusyu {
  padding: 5px;
  color: #fff;
  background-color: #344d7e;
  text-align: center;
  font-size: 12px;
}

.color_kyusyu {
  color: #344d7e;
}


.btn_okinawa {
  padding: 5px;
  color: #fff;
  background-color: #e94b53;
  text-align: center;
  font-size: 12px;
}

.color_okinawa {
  color: #e94b53;
}

.btn_saitama {
  padding: 5px;
  color: #fff;
  background-color: #b74e84;
  text-align: center;
  font-size: 12px;
}

.color_saitama {
  color: #b74e84;
}

.btn_hiroshima {
  padding: 5px;
  color: #fff;
  background-color: #F5A412;
  text-align: center;
  font-size: 12px;
}

.color_hiroshima {
  color: #F5A412;
}

.btn_yoshiwara {
  padding: 5px;
  color: #fff;
  background-color: #367bb9;
  text-align: center;
  font-size: 12px;
}

.color_yoshiwara {
  color: #ED7600;
}

.btn_kobe {
  padding: 5px;
  color: #fff;
  background-color: #f9da49;
  text-align: center;
  font-size: 12px;
}

.color_kobe {
  color: #f9da49;
}

.btn_ogoto {
  padding: 5px;
  color: #fff;
  background-color: #aea352;
  text-align: center;
  font-size: 12px;
}

.color_ogoto {
  color: #aea352;
}

.btn_ehime {
  padding: 5px;
  color: #fff;
  background-color: #ae6267;
  text-align: center;
  font-size: 12px;
}

.color_ehime {
  color: #ae6267;
}

.btn_tottori {
  padding: 5px;
  color: #fff;
  background-color: #ff5010;
  text-align: center;
  font-size: 12px;
}

.color_tottori {
  color: #ff5010;
}

.btn_roppongi {
  padding: 5px;
  color: #fff;
  background-color: #a711f8;
  text-align: center;
  font-size: 12px;
}
.color_roppongi {
  color: #a711f8;
}
.btn_kanazawa {
  padding: 5px;
  color: #fff;
  background-color: #2572f7;
  text-align: center;
  font-size: 12px;
}
.color_kanazawa {
  color: #2572f7;
}
.btn_tachikawa {
  padding: 5px;
  color: #fff;
  background-color: #5fa92a;
  text-align: center;
  font-size: 12px;
}

.color_tottori {
  color: #5fa92a;
}



/*.btn_new {*/
/*width: 52px;*/
/*padding: 2px;*/
/*color: #fff;*/
/*background-color: #DC2000;*/
/*text-align: center;*/
/*}*/

.sp_btn_akihabara a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7b525+1,f77d11+100 */
  background: #f7b525;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f7b525 1%, #f77d11 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f7b525 1%, #f77d11 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f7b525 1%, #f77d11 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7b525', endColorstr='#f77d11', GradientType=0);
  /* IE6-9 */
}

.sp_btn_ikebukuro a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fe60b+1,1eaa39+100 */
  background: #8fe60b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #8fe60b 1%, #1eaa39 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #8fe60b 1%, #1eaa39 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #8fe60b 1%, #1eaa39 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fe60b', endColorstr='#1eaa39', GradientType=0);
  /* IE6-9 */
}

.sp_btn_shinjuku a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc0d5+2,ffb4d5+100 */
  background: #ffc0d5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffc0d5 2%, #ffb4d5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffc0d5 2%, #ffb4d5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffc0d5 2%, #ffb4d5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc0d5', endColorstr='#ffb4d5', GradientType=0);
  /* IE6-9 */
}

.sp_btn_shibuya a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7591fe+2,286dbf+100 */
  background: #7591fe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #7591fe 2%, #286dbf 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #7591fe 2%, #286dbf 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7591fe 2%, #286dbf 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7591fe', endColorstr='#286dbf', GradientType=0);
  /* IE6-9 */
}

.sp_btn_shinagawa a {
  background: #9adcf9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #9adcf9 1%, #15b0f5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #9adcf9 1%, #15b0f5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #9adcf9 1%, #15b0f5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9adcf9', endColorstr='#15b0f5', GradientType=0);
  /* IE6-9 */
}

.sp_btn_ginza a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee787c+0,e8464e+100 */
  background: #f5c55f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f5c55f 0%, #fbbd3a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f5c55f 0%, #fbbd3a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f5c55f 0%, #fbbd3a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5c55f', endColorstr='#fbbd3a', GradientType=0);
  /* IE6-9 */
}

.sp_btn_kinshicho a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a3d5c2+0,00a17b+100 */
  background: #b070d1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #b070d1 0%, #723790 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #b070d1 0%, #723790 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b070d1 0%, #723790 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b070d1', endColorstr='#723790', GradientType=0);
  /* IE6-9 */
}

.sp_btn_ueno a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+87 */
  background: #ff3019;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
  /* IE6-9 */
}

.sp_btn_hokkaido a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a8622e+0,cf0404+87 */
  background: #a2b43b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #C4D36F 0%, #a2b43b 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #C4D36F 0%, #a2b43b 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #C4D36F 0%, #a2b43b 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7a80', endColorstr='#E8464E', GradientType=0);
  /* IE6-9 */
}

.sp_btn_chiba a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a8622e+0,cf0404+87 */
  background: #ff7a80;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ff7a80 0%, #E8464E 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ff7a80 0%, #E8464E 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff7a80 0%, #E8464E 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7a80', endColorstr='#E8464E', GradientType=0);
  /* IE6-9 */
}

.sp_btn_kanagawa a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00A27B+0,cf0404+87 */
  background: #4bdebb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4bdebb 0%, #00A27B 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4bdebb 0%, #00A27B 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4bdebb 0%, #00A27B 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4bdebb', endColorstr='#00A27B', GradientType=0);
  /* IE6-9 */
}

.sp_btn_osaka a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c926ce+0,cf0404+87 */
  background: #f92eff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f92eff 0%, #c926ce 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f92eff 0%, #c926ce 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f92eff 0%, #c926ce 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f92eff', endColorstr='#c926ce', GradientType=0);
  /* IE6-9 */
}

.sp_btn_kyoto a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c926ce+0,cf0404+87 */
  background: #d4497d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #F088B2 0%, #d4497d 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #F088B2 0%, #d4497d 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #F088B2 0%, #d4497d 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f92eff', endColorstr='#c926ce', GradientType=0);
  /* IE6-9 */
}

.sp_btn_nagoya a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#804f1b+0,cf0404+87 */
  background: #d8842c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d8842c 0%, #804f1b 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #d8842c 0%, #804f1b 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d8842c 0%, #804f1b 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8842c', endColorstr='#804f1b', GradientType=0);
  /* IE6-9 */
}

.sp_btn_kyusyu a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#804f1b+0,cf0404+87 */
  background: #344d7e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #79a2be 0%, #344d7e 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #79a2be 0%, #344d7e 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #79a2be 0%, #344d7e 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79a2be', endColorstr='#344d7e', GradientType=0);
  /* IE6-9 */
}

.sp_btn_okinawa a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#804f1b+0,cf0404+87 */
  background: #d8842c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f7c4c0 0%, #e94b53 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f7c4c0 0%, #e94b53 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f7c4c0 0%, #e94b53 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7c4c0', endColorstr='#e94b53', GradientType=0);
  /* IE6-9 */
}

.sp_btn_area_all a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#804f1b+0,cf0404+87 */
  background: #d8842c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d7ccc8 0%, #9e9e9e 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #d7ccc8 0%, #9e9e9e 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d7ccc8 0%, #9e9e9e 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7c4c0', endColorstr='#e94b53', GradientType=0);
  /* IE6-9 */
}

.sp_btn_saitama a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#804f1b+0,cf0404+87 */
  background: #d9acc2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d9acc2 0%, #b74e84 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #d9acc2 0%, #b74e84 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d9acc2 0%, #b74e84 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7c4c0', endColorstr='#e94b53', GradientType=0);
  /* IE6-9 */
}

.sp_btn_hiroshima a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#804f1b+0,cf0404+87 */
  background: #F5A412;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fccc73 0%, #F5A412 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fccc73 0%, #F5A412 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fccc73 0%, #F5A412 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7c4c0', endColorstr='#e94b53', GradientType=0);
  /* IE6-9 */
}

.sp_btn_yoshiwara a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7b525+1,f77d11+100 */
  background: #367bb9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #b2dae4 1%, #367bb9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #b2dae4 1%, #367bb9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b2dae4 1%, #367bb9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7b525', endColorstr='#f77d11', GradientType=0);
  /* IE6-9 */
}

.sp_btn_kobe a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7b525+1,f77d11+100 */
  background: #d4af00;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f9e900 1%, #d4af00 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f9e900 1%, #d4af00 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f9e900 1%, #d4af00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7b525', endColorstr='#f77d11', GradientType=0);
  /* IE6-9 */
}

.sp_btn_ogoto a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7b525+1,f77d11+100 */
  background: #aea352;
  /* Old browsers */
  background: -moz-linear-gradient(top, #eaebae 1%, #aea352 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #eaebae 1%, #aea352 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eaebae 1%, #aea352 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7b525', endColorstr='#f77d11', GradientType=0);
  /* IE6-9 */
}

.sp_btn_ehime a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7b525+1,f77d11+100 */
  background: #ae6267;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f8dad7 1%, #ae6267 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f8dad7 1%, #ae6267 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f8dad7 1%, #ae6267 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7b525', endColorstr='#f77d11', GradientType=0);
  /* IE6-9 */
}

.sp_btn_tottori a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7b525+1,f77d11+100 */
  background: #ff5010;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f3c5b5 1%, #ff5010 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f3c5b5 1%, #ff5010 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f3c5b5 1%, #ff5010 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7b525', endColorstr='#f77d11', GradientType=0);
  /* IE6-9 */
}

.sp_btn_roppongi a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7b525+1,f77d11+100 */
  background: #a711f8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c567f7 1%, #a711f8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #c567f7 1%, #a711f8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c567f7 1%, #a711f8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7b525', endColorstr='#f77d11', GradientType=0);
  /* IE6-9 */
}
.sp_btn_kanazawa a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7b525+1,f77d11+100 */
  background: #2572f7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #669cfa 1%, #2572f7 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #669cfa 1%, #2572f7 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #669cfa 1%, #2572f7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7b525', endColorstr='#f77d11', GradientType=0);
  /* IE6-9 */
}
.sp_btn_tachikawa a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7b525+1,f77d11+100 */
  background: #5fa92a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e3f977 1%, #5fa92a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e3f977 1%, #5fa92a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e3f977 1%, #5fa92a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7b525', endColorstr='#f77d11', GradientType=0);
  /* IE6-9 */
}


.area_akihabara .sp_btn_akihabara a,
.area_ikebukuro .sp_btn_ikebukuro a,
.area_shinjuku .sp_btn_shinjuku a,
.area_shibuya .sp_btn_shibuya a,
.area_shinagawa .sp_btn_shinagawa a,
.area_ginza .sp_btn_ginza a,
.area_kinshicho .sp_btn_kinshicho a,
.area_ueno .sp_btn_ueno a,
.area_saitama .sp_btn_saitama a,
.area_hiroshima .sp_btn_hiroshima a,
.area_chiba .sp_btn_chiba a,
.area_kanagawa .sp_btn_kanagawa a,
.area_osaka .sp_btn_osaka a,
.area_kyoto .sp_btn_kyoto a,
.area_nagoya .sp_btn_nagoya a,
.area_hokkaido .sp_btn_hokkaido a,
.area_kyusyu .sp_btn_kyusyu a,
.area_okinawa .sp_btn_okinawa a,
.area_yoshiwara .sp_btn_yoshiwara a,
.area_kobe .sp_btn_kobe a,
.area_ehime .sp_btn_ehime a,
.area_tottori .sp_btn_tottori a,
.area_ogoto .sp_btn_ogoto a,
.area_roppongi .sp_btn_roppongi a,
.area_kanazawa .sp_btn_kanazawa a,
.area_tachikawa .sp_btn_tachikawa a,
.other .sp_btn_area_all a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+36,28343b+100;Grey+Black+3D */
  background: #b5bdc8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b5bdc8 0%, #828c95 36%, #28343b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5bdc8', endColorstr='#28343b', GradientType=0);
  /* IE6-9 */
  pointer-events: none;
}

.line_akihabara {
  border-top: 2px solid #ED7600;
  border-bottom: 2px solid #ED7600;
}

.line_ikebukuro {
  border-top: 2px solid #1EAA39;
  border-bottom: 2px solid #1EAA39;
}

.line_shinjuku {
  border-top: 2px solid #FF82BA;
  border-bottom: 2px solid #FF82BA;
}

.line_shibuya {
  border-top: 2px solid #286DBF;
  border-bottom: 2px solid #286DBF;
}

.line_shinagawa {
  border-top: 2px solid #15b0f5;
  border-bottom: 2px solid #15b0f5;
}

.line_ginza {
  border-top: 2px solid #fbbd3a;
  border-bottom: 2px solid #fbbd3a;
}

.line_kinshicho {
  border-top: 2px solid #723790;
  border-bottom: 2px solid #723790;
}

.line_ueno {
  border-top: 2px solid #FF4927;
  border-bottom: 2px solid #FF4927;
}

.line_hokkaido {
  border-top: 2px solid #a2b43b;
  border-bottom: 2px solid #a2b43b;
}

.line_chiba {
  border-top: 2px solid #E8464E;
  border-bottom: 2px solid #E8464E;
}

.line_kanagawa {
  border-top: 2px solid #00A27B;
  border-bottom: 2px solid #00A27B;
}

.line_osaka {
  border-top: 2px solid #c926ce;
  border-bottom: 2px solid #c926ce;
}

.line_kyoto {
  border-top: 2px solid #d4497d;
  border-bottom: 2px solid #d4497d;
}

.line_nagoya {
  border-top: 2px solid #804f1b;
  border-bottom: 2px solid #804f1b;
}

.line_kyusyu {
  border-top: 2px solid #344d7e;
  border-bottom: 2px solid #344d7e;
}

.line_okinawa {
  border-top: 2px solid #e94b53;
  border-bottom: 2px solid #e94b53;
}

.line_yashiwara {
  border-top: 2px solid #367bb9;
  border-bottom: 2px solid #367bb9;
}

.line_kobe {
  border-top: 2px solid #f9da49;
  border-bottom: 2px solid #f9da49;
}

.line_ogoto {
  border-top: 2px solid #aea352;
  border-bottom: 2px solid #aea352;
}

.line_ehime {
  border-top: 2px solid #ae6267;
  border-bottom: 2px solid #ae6267;
}

.line_tottori {
  border-top: 2px solid #ff5010;
  border-bottom: 2px solid #ff5010;
}

.line_roppongi {
  border-top: 2px solid #a711f8;
  border-bottom: 2px solid #a711f8;
}
.line_kanazawa {
  border-top: 2px solid #2572f7;
  border-bottom: 2px solid #2572f7;
}
.line_tachikawa {
  border-top: 2px solid #5fa92a;
  border-bottom: 2px solid #5fa92a;
}


/* ===========================
第二下層　タイトルの色
============================== */
#areaShops ul .pay h3 a {
  color: #fff;
}

#areaShops ul h3 {
  box-shadow: 0px 1px 3px #5C5C5D;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

#areaShops ul .pay_akihabara h3 {
  background: #F77D10;
}

#areaShops ul .pay_ikebukuro h3 {
  background: #1EAA39;
}

#areaShops ul .pay_shinjuku h3 {
  background: #FF82BA;
}

#areaShops ul .pay_shibuya h3 {
  background: #286DBF;
}

#areaShops ul .pay_shinagawa h3 {
  background: #15b0f5;
}

#areaShops ul .pay_ginza h3 {
  background: #fbbd3a;
}

#areaShops ul .pay_kinshicho h3 {
  background: #723790;
}

#areaShops ul .pay_ueno h3 {
  background: #FF4927;
}

#areaShops ul .pay_hokkaido h3 {
  background: #a2b43b;
}

#areaShops ul .pay_chiba h3 {
  background: #E8464E;
}

#areaShops ul .pay_kanagawa h3 {
  background: #00A27B;
}

#areaShops ul .pay_osaka h3 {
  background: #c926ce;
}

#areaShops ul .pay_kyoto h3 {
  background: #d4497d;
}

#areaShops ul .pay_nagoya h3 {
  background: #804f1b;
}

#areaShops ul .pay_kyusyu h3 {
  background: #344d7e;
}

#areaShops ul .pay_okinawa h3 {
  background: #e94b53;
}

#areaShops ul .pay_saitama h3 {
  background: #b74e84;
}

#areaShops ul .pay_hiroshima h3 {
  background: #F5A412;
}

#areaShops ul .pay_yoshiwara h3 {
  background: #367bb9;
}

#areaShops ul .pay_kobe h3 {
  background: #f9da49;
}

#areaShops ul .pay_ogoto h3 {
  background: #aea352;
}

#areaShops ul .pay_ehime h3 {
  background: #ae6267;
}

#areaShops ul .pay_tottori h3 {
  background: #ff5010;
}
#areaShops ul .pay_roppongi h3 {
  background: #a711f8;
}
#areaShops ul .pay_kanazawa h3 {
  background: #2572f7;
}
#areaShops ul .pay_tachikawa h3 {
  background: #5fa92a;
}

/* ===========================
第二下層　タイトルの色 スマホ
============================== */

@media screen and (max-width: 640px) {
  #areaShops ul h3 {
    box-shadow: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 3px;
  }

  #area_info ul .pay_akihabara #shop_top_area {
    background: #F77D10;
  }

  #area_info ul .pay_ikebukuro #shop_top_area {
    background: #1EAA39;
  }

  #area_info ul .pay_shinjuku #shop_top_area {
    background: #FF82BA;
  }

  #area_info ul .pay_shibuya #shop_top_area {
    background: #286DBF;
  }

  #area_info ul .pay_shinagawa #shop_top_area {
    background: #15b0f5;
  }

  #area_info ul .pay_ginza #shop_top_area {
    background: #fbbd3a;
  }

  #area_info ul .pay_kinshicho #shop_top_area {
    background: #723790;
  }

  #area_info ul .pay_ueno #shop_top_area {
    background: #FF4927;
  }

  #area_info ul .pay_hokkaido #shop_top_area {
    background: #a2b43b;
  }

  #area_info ul .pay_chiba #shop_top_area {
    background: #E8464E;
  }

  #area_info ul .pay_kanagawa #shop_top_area {
    background: #00A27B;
  }

  #area_info ul .pay_osaka #shop_top_area {
    background: #c926ce;
  }

  #area_info ul .pay_kyoto #shop_top_area {
    background: #d4497d;
  }

  #area_info ul .pay_nagoya #shop_top_area {
    background: #804f1b;
  }

  #area_info ul .pay_kyusyu #shop_top_area {
    background: #344d7e;
  }

  #area_info ul .pay_okinawa #shop_top_area {
    background: #e94b53;
  }

  #area_info ul .pay_saitama #shop_top_area {
    background: #b74e84;
  }

  #area_info ul .pay_hiroshima #shop_top_area {
    background: #F5A412;
  }

  #area_info ul .pay_yoshiwara #shop_top_area {
    background: #367bb9;
  }

  #area_info ul .pay_kobe #shop_top_area {
    background: #f9da49;
  }

  #area_info ul .pay_ogoto #shop_top_area {
    background: #aea352;
  }

  #area_info ul .pay_ehime #shop_top_area {
    background: #ae6267;
  }

  #area_info ul .pay_tottori #shop_top_area {
    background: #ff5010;
  }
  #area_info ul .pay_roppongi #shop_top_area {
    background: #a711f8;
  }
  #area_info ul .pay_kanazawa #shop_top_area {
    background: #2572f7;
  }
  #area_info ul .pay_tachikawa #shop_top_area {
    background: #5fa92a;
  }

}

/* ===========================
faq
============================== */
.box1 {
  margin-bottom: 50px;
}

.box1 dl,
.box1 ul {
  margin-left: 10px;
  margin-right: 10px;
}

.btn_faq {
  padding: 5px 10px;
  color: #fff;
  background-color: #3f51b5;
  border-radius: 5px;
  margin-bottom: 15px;
  ;
}

#faq dl dt {
  font-size: 1.2rem;
  margin-bottom: 10px;
}

#faq dl dd {
  margin-bottom: 15px;
}

/*
flow
================================================ */
#flow {
  padding: 4rem 1rem;
}

#flow h2 {
  font-weight: bold;
  background: linear-gradient(var(--light-blue), var(--blue));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.flow {
  padding-left: 60px;
  position: relative;
}

.flow::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
  margin-left: -8px;
  display: block;
  position: absolute;
  top: 0;
  left: 60px;
}

.flow>li {
  position: relative;
}

.flow>li:not(:last-child) {
  margin-bottom: 8vh;
}

.flow>li .icon {
  font-size: 12px;
  color: #fff;
  background: rgb(107, 144, 219);
  background: -moz-linear-gradient(left, rgba(107, 144, 219, 1) 0%, rgba(102, 213, 233, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(107, 144, 219, 1) 0%, rgba(102, 213, 233, 1) 100%);
  background: linear-gradient(to right, rgba(107, 144, 219, 1) 0%, rgba(102, 213, 233, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b90db', endColorstr='#66d5e9', GradientType=1);
  padding: 8px 20px;
  display: block;
  position: absolute;
  top: 0;
  left: -120px;
  z-index: 100;
}

.flow>li .icon::after {
  content: "";
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #66d5e9;
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.flow>li dl {
  padding-left: 70px;
  position: relative;
}

.flow>li dl::before,
.flow>li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
}

.flow>li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background: #6b90db;
  border-radius: 50%;
  left: -4px;
}

.flow>li dl::after {
  width: 50px;
  border-bottom: 1px dashed #999;
  position: absolute;
  left: 5px;
}

.flow>li dl dt {
  font-size: 20px;
  font-weight: 600;
  color: rgb(107, 144, 219);
  margin-bottom: 1vh;
}


/*
Q & A
================================================ */
.faq {
  margin-bottom: 32px;
  /* 各Q&Aの下に余白 */
}

.faq__dt,
.faq__dd {
  position: relative;
  padding-left: 24px;
}

.faq__dt::before,
.faq__dd::before {
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}

.faq__dt {
  font-weight: bold;
  /* 質問文は太字にしてみました */
  border-bottom: 1px solid #999;
  margin-bottom: 4px;
  /* 下にちょい余白 */
}

.faq__dt::before {
  content: 'Q.';
  color: #c80021;
  /* 「Q」の文字色 */
}

.faq__dd::before {
  content: 'A.';
  color: #0085C8;
  /* 「A」の文字色 */
}

/* 円マーク */
.fa-yen-sign {
  font-size: 1.5em;
}

.cash_yen {
  text-align: center;
  display: inline-block;
  width: 60px;
  vertical-align: bottom;
  line-height: 1;
}

@media screen and (max-width:414px) {
  .fa-yen-sign {
    font-size: 13px;
  }
}

.cash_text {
  font-size: 10px;
  margin-bottom: 0;
  line-height: 1;
  padding: 3px;
}