@charset "utf-8";
html {
  height: 100%;
}
body {
  height: 100%;
  background-image: url("../img/bg_flower_left.png"), url("../img/bg_flower_right.png"), url("../img/pat_wa01.gif");
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: left top, right bottom, center center;
  background-attachment: scroll, scroll, fixed;
  background-size: auto, auto, cover;
}
.mt_05e {
  margin-top: -0.5em;
  display: block;
}
.mt_3e {
  margin-top: -3em;
  display: block;
}
.container,
.wrapper {
  height: 100%;
}
.btn-primary {
  background-color: #ce313d;
  border-color: #b12d37;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #b12d37;
  border-color: #972931;
}
.btn-primary:active:hover {
  background-color: #b12d37;
  border-color: #972931;
}
.btn-primary-outline {
  color: #ce313d;
  border-color: #ce313d;
}
.btn-primary-outline:hover,
.btn-primary-outline:active,
.btn-primary-outline:focus {
  background-color: #ce313d;
  border-color: #ce313d;
}
.btn-secondary {
  color: #373a3c;
  background-color: #f6f6f6;
  border-color: #ccc;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-secondary:active:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-group >.btn.active {
  background-color: #ce313d;
  border-color: #ce313d;
}
.convert-box01 {
  display: table;
  width: 100%;
  height: 100%;
}
.convert-box01 > .box-inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.convert-box01 .list-inline-item > .btn-lg {
  padding: 1.75rem 2.75rem;
  font-size: 1.625rem;
}
.convert-box02 {
  display: table;
  width: 100%;
  height: 100%;
}
.convert-box02 > .box-inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.convert-box02 .open > .dropdown-menu {
  height: 200px;
  overflow-y: scroll;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.convert-box02 .btn-lg {
  padding: 0.75rem 2.75rem;
}
.convert-box03 {
  display: table;
  width: 100%;
  height: 100%;
}
.convert-box03 > .box-inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.convert-box03 .btn-group > .btn {
  padding: 0.375rem 1.5rem;
}
.convert-box03 .btn-group > .btn-primary-outline:hover,
.convert-box03 .btn-group > .btn-primary-outline:active,
.convert-box03 .btn-group > .btn-primary-outline:focus {
  background-color: #ce313d;
}
.convert-box03 .btn-group > .btn-primary-outline.active {
  background-color: #ce313d;
}
.convert-box03 .nav-pills {
  background-color: #fff;
}
.convert-box03 .nav-pills .nav-item {
  min-width: 8em;
}
.convert-box03 .input-group .form-control,
.convert-box03 .input-group-btn>.btn {
  font-size: 1.25rem;
}
.convert-box03 .nav-pills > .nav-item+.nav-item {
  margin-left: 0;
}
.convert-box03 .nav-pills > .nav-item+.nav-item > .nav-link {
  border-radius: 0;
}
.convert-box03 .nav-pills > .nav-item:first-child > .nav-link {
  border-radius: 0.25rem 0 0 0.25rem;
}
.convert-box03 .nav-pills > .nav-item:last-child > .nav-link {
  border-radius: 0 0.25rem 0.25rem 0;
}
.convert-box03 .nav-pills .nav-link.active {
  background-color: #ce313d;
  border-color: #b12d37;
}
.convert-box04 {
  display: table;
  width: 100%;
  height: 100%;
}
.convert-box04 > .box-inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.convert-box04 .c-radio {
  font-size: 2rem;
}
.convert-box04 .c-indicator {
  top: 0.5rem;
}
.convert-box04 .btn-lg {
  padding: 0.75rem 2.75rem;
}
.convert-box05 {
  display: table;
  width: 100%;
  height: 100%;
}
.convert-box05 > .box-inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.convert-box05 .c-radio {
  font-size: 3rem;
}
.convert-box05 .c-indicator {
  top: 0.5rem;
}
.convert-box05 .btn-lg {
  padding: 0.75rem 2.75rem;
}
.convert-box06 {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}
.convert-box06 > .box-inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.convert-box06 .btn-group-vertical>.convert-box06 .btn, .btn-group>.btn {
  font-size: 1.5rem;
}
.convert-box06 .dropdown-menu span {
  font-size: 1.25rem;
  font-weight: bold;
}
.popover-title > .close {
  line-height: 1rem;
}
.loading {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: url("../img/loading.gif") center no-repeat rgba(0,0,0,0.8);
  z-index: 555;
}
.movies {
  margin: 30px auto;
  width: 960px;
}
.movies .youtube {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .movies {
    width: 720px;
  }
  .movies .youtube {
    margin-bottom: 15px;
  }
  .movies iframe {
    width: 340px;
    height: 191px;
  }
}
.movies .youtube:nth-child(odd) {
  float: left;
}
.movies .youtube:nth-child(even) {
  float: right;
}
.p-y-30 {
  padding: 30px 0;
}
.p-y-80 {
  padding: 80px 0;
}