@charset "UTF-8";
.bootstrap { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif; font-size: 17px; font-weight: 500; /* 調整用 */ /* 余白調整用 */ /* 中央 */ /* 最大横幅 */ /* 縦の余白 */ /* 調整 */ /* font-size */ /* layout */ /* header */ /* footer */ /* container-block */ /* headline */ /* button */ /* navigation */ /* list */ /* parts */ /* prize */ /* list-product */ /* pro-use */ /* code */ }
.bootstrap .row-0 { margin-left: 0px; margin-right: 0px; }
.bootstrap .row-0 > div { padding-right: 0px; padding-left: 0px; }
.bootstrap .row-10 { margin-left: -5px; margin-right: -5px; }
.bootstrap .row-10 > div { padding-right: 5px; padding-left: 5px; }
.bootstrap .row-20 { margin-left: -10px; margin-right: -10px; }
.bootstrap .row-20 > div { padding-right: 10px; padding-left: 10px; }
.bootstrap .row-30 { margin-left: -15px; margin-right: -15px; }
.bootstrap .row-30 > div { padding-right: 15px; padding-left: 15px; }
.bootstrap .row-40 { margin-left: -20px; margin-right: -20px; }
.bootstrap .row-40 > div { padding-right: 20px; padding-left: 20px; }
.bootstrap .row-center { text-align: center; }
.bootstrap .row-center > [class*='col-'] { display: inline-block; vertical-align: top; float: none !important; }
.bootstrap .maxwidth-400 { max-width: 400px; margin: 0 auto; }
.bootstrap .maxwidth-600 { max-width: 600px; margin: 0 auto; }
.bootstrap .maxwidth-680 { max-width: 680px; margin: 0 auto; }
.bootstrap .maxwidth-970 { max-width: 970px; margin: 0 auto; }
.bootstrap .maxwidth-1200 { max-width: 1200px; margin: 0 auto; }
.bootstrap .maxwidth-1400 { max-width: 1400px; margin: 0 auto; }
.bootstrap hr { border: 0; }
.bootstrap .hr-xs { height: 10px; margin: 0; border: 0; }
.bootstrap .hr-sm { height: 20px; margin: 0; border: 0; }
.bootstrap .hr-md { height: 50px; margin: 0; border: 0; }
@media (min-width: 992px) { .bootstrap .hr-md { height: 80px; } }
.bootstrap .hr-lg { height: 80px; margin: 0; border: 0; }
@media (min-width: 992px) { .bootstrap .hr-lg { height: 120px; } }
.bootstrap .hover-alpha { transition: all .3s ease; }
.bootstrap .hover-alpha:hover { opacity: .6; }
.bootstrap .clear { clear: both; }
.bootstrap .clearfix:after { content: ""; display: block; clear: both; }
.bootstrap img { max-width: 100%; }
.bootstrap .wf-mplus1p { font-family: "M PLUS 1p"; font-weight: 700; }
.bootstrap .font-weight-bold { font-weight: bold; }
.bootstrap .font-weight-normal { font-weight: normal; }
.bootstrap .line-height-120 { line-height: 1.2; }
.bootstrap .line-height-140 { line-height: 1.4; }
.bootstrap .line-height-150 { line-height: 1.5; }
.bootstrap .line-height-180 { line-height: 1.8; }
.bootstrap .color-red { color: #b20101; }
.bootstrap .color-pink { color: #CB3D7F; }
.bootstrap .color-white { color: #fff; }
.bootstrap .color-black { color: #333; }
.bootstrap .color-line { color: #1dcd00; }
.bootstrap .text-center-xs { text-align: center; }
@media (min-width: 768px) { .bootstrap .text-center-xs { text-align: left; } }
@media (min-width: 768px) { .bootstrap .text-center-sm { text-align: center; } }
.bootstrap .font-size-250 { font-size: 2em; }
.bootstrap .font-size-200 { font-size: 1.6em; }
.bootstrap .font-size-180 { font-size: 1.55em; }
.bootstrap .font-size-170 { font-size: 1.5em; }
.bootstrap .font-size-160 { font-size: 1.45em; }
.bootstrap .font-size-150 { font-size: 1.4em; }
.bootstrap .font-size-140 { font-size: 1.3em; }
.bootstrap .font-size-130 { font-size: 1.2em; }
.bootstrap .font-size-120 { font-size: 1.1em; }
.bootstrap .font-size-110 { font-size: 1.0em; }
.bootstrap .font-size-90 { font-size: .9em; }
.bootstrap .font-size-80 { font-size: .8em; }
@media (min-width: 768px) { .bootstrap .font-size-250 { font-size: 2.5em; }
  .bootstrap .font-size-200 { font-size: 2em; }
  .bootstrap .font-size-180 { font-size: 1.8em; }
  .bootstrap .font-size-170 { font-size: 1.7em; }
  .bootstrap .font-size-160 { font-size: 1.6em; }
  .bootstrap .font-size-150 { font-size: 1.5em; }
  .bootstrap .font-size-140 { font-size: 1.4em; }
  .bootstrap .font-size-130 { font-size: 1.3em; }
  .bootstrap .font-size-120 { font-size: 1.2em; }
  .bootstrap .font-size-110 { font-size: 1.1em; }
  .bootstrap .font-size-90 { font-size: .9em; }
  .bootstrap .font-size-80 { font-size: .8em; } }
.bootstrap .va-middle { letter-spacing: -0.4em; }
.bootstrap .va-middle > [class*='col-'] { display: inline-block; letter-spacing: 0; vertical-align: middle; float: none !important; }
.bootstrap .va-bottom { letter-spacing: -0.4em; }
.bootstrap .va-bottom > [class*='col-'] { display: inline-block; letter-spacing: 0; vertical-align: bottom; float: none !important; }
@media (min-width: 768px) { .bootstrap .va-middle-sm { display: table; width: 100%; }
  .bootstrap .va-middle-sm > [class*='col-'] { display: table-cell; vertical-align: middle; float: none !important; }
  .bootstrap .va-bottom-sm { display: table; width: 100%; }
  .bootstrap .va-bottom-sm > [class*='col-'] { display: table-cell; vertical-align: bottom; float: none !important; } }
.bootstrap h1 { margin: 0; }
.bootstrap #bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url("../img/bg.jpg") 50% 50% no-repeat; background-size: cover; z-index: -1; }
.bootstrap .navbar { margin-bottom: 0; border: 0; border-bottom: 1px solid #eee; border-radius: 0; background: #fff; }
.bootstrap .navbar-brand { padding: 12px 10px; height: 50px; }
.bootstrap .navbar-brand img { width: auto; height: 27px; }
@media (min-width: 768px) { .bootstrap .navbar-brand { padding: 10px; height: 60px; }
  .bootstrap .navbar-brand img { height: 40px; }
  .bootstrap .navbar-nav > li > a { padding: 21px 15px 19px; font-size: 14px; font-weight: bold; } }
.bootstrap footer { padding: 20px 0; background: #000; color: #fff; line-height: 1.2; }
.bootstrap .container-block { border: 1px solid #000; overflow: hidden; margin: 0 10px; background: #fff; border-radius: 5px; }
@media (min-width: 768px) { .bootstrap .container-block { margin: 0 auto; } }
.bootstrap .radius-block { padding: 15px; border: 1px solid #ccc; border-radius: 3px; }
.bootstrap .white-block { background: #fff; }
.bootstrap .headline-bg { margin-top: 0; padding: 20px; background: #000; color: #fff; font-weight: bold; text-align: center; line-height: 1.3; }
.bootstrap .headline-border { margin-top: 0; padding: 10px 0; border-bottom: 2px solid #000; font-weight: bold; text-align: center; line-height: 1.3; }
.bootstrap .headline-border-red { color: #b20101; border-color: #b20101; }
.bootstrap h2 .label, .bootstrap h3 .label, .bootstrap .btn .label { display: inline-block; margin-bottom: 10px; padding-top: .4em; font-size: 60%; }
.bootstrap .btn { transition: all .3s ease; white-space: inherit; }
.bootstrap .btn-xl, .bootstrap .btn-group-xl > .btn { padding: 15px 20px; font-size: 20px; line-height: 1.4; border-radius: 6px; }
@media (max-width: 767px) { .bootstrap .btn-xl, .bootstrap .btn-group-xl > .btn { font-size: 16px; } }
.bootstrap .btn-red { color: #fff; background-color: #b20101; border-color: #7f0101; font-weight: bold; }
.bootstrap .btn-red:hover, .bootstrap .btn-red:focus, .bootstrap .btn-red.focus, .bootstrap .btn-red:active, .bootstrap .btn-red.active { color: #fff; background-color: #e50101; border-color: #e50101; }
.bootstrap .btn-red:active, .bootstrap .btn-red.active { background-image: none; }
.bootstrap .btn-gray { color: #fff; background-color: #666; border-color: #404040; font-weight: bold; }
.bootstrap .btn-gray:hover, .bootstrap .btn-gray:focus, .bootstrap .btn-gray.focus, .bootstrap .btn-gray:active, .bootstrap .btn-gray.active { color: #fff; opacity: .8; }
.bootstrap .btn-gray:active, .bootstrap .btn-gray.active { background-image: none; }
.bootstrap .btn-disabled { color: #ccc; background-color: #555; border-color: #484848; font-weight: bold; }
.bootstrap .btn-black { color: #fff; background-color: #000; border-color: black; font-weight: bold; }
.bootstrap .btn-black:hover, .bootstrap .btn-black:focus, .bootstrap .btn-black.focus, .bootstrap .btn-black:active, .bootstrap .btn-black.active { color: #fff; opacity: .6; }
.bootstrap .btn-black:active, .bootstrap .btn-black.active { background-image: none; }
.bootstrap .btn-white { color: #000; background-color: #fff; border-color: #ccc; font-weight: bold; }
.bootstrap .btn-white:hover, .bootstrap .btn-white:focus, .bootstrap .btn-white.focus, .bootstrap .btn-white:active, .bootstrap .btn-white.active { color: #000; opacity: .6; }
.bootstrap .btn-white:active, .bootstrap .btn-white.active { background-image: none; }
.bootstrap .btn-tw { color: #fff; background-color: #1da1f2; border-color: #0b76b8; font-weight: bold; }
.bootstrap .btn-tw:hover, .bootstrap .btn-tw:focus, .bootstrap .btn-tw.focus, .bootstrap .btn-tw:active, .bootstrap .btn-tw.active { color: #fff; opacity: .8; }
.bootstrap .btn-tw:active, .bootstrap .btn-tw.active { background-image: none; }
.bootstrap .btn-fb { color: #fff; background-color: #3b5998; border-color: #263961; font-weight: bold; }
.bootstrap .btn-fb:hover, .bootstrap .btn-fb:focus, .bootstrap .btn-fb.focus, .bootstrap .btn-fb:active, .bootstrap .btn-fb.active { color: #fff; opacity: .8; }
.bootstrap .btn-fb:active, .bootstrap .btn-fb.active { background-image: none; }
.bootstrap .disabled { border-radius: 0; }
.bootstrap .label-black { background-color: #000; }
.bootstrap .label-black[href]:focus, .bootstrap .label-black[href]:hover { background-color: #666; }
.bootstrap .label-red { background-color: #b20101; border-radius: 0; }
.bootstrap .label-red[href]:focus, .bootstrap .label-red[href]:hover { background-color: #666; }
.bootstrap .icon-top { position: relative; padding-top: 35px; }
.bootstrap .icon-top .fas { position: absolute; margin-left: -10px; left: 50%; top: 10px; }
.bootstrap .icon-bottom { position: relative; padding-bottom: 35px; }
.bootstrap .icon-bottom .fas { position: absolute; margin-left: -10px; left: 50%; bottom: 10px; }
.bootstrap .ul-indent { list-style: none; padding-left: 0; }
.bootstrap .ul-indent li { text-indent: -1em; padding-left: 1em; }
.bootstrap .text-closed { margin-bottom: 0; padding: 20px 10px; background: #999; font-size: 1.5em; text-align: center; font-weight: bold; color: #fff; }
.bootstrap .container-contact { background: #333; color: #fff; text-align: center; }
.bootstrap .table-overview { font-size: .8em; }
.bootstrap .table-overview th { padding-bottom: 10px; vertical-align: top; }
.bootstrap .table-overview td { font-weight: bold; vertical-align: top; padding: .5em 0 .5em 15px; }
@media (min-width: 768px) { .bootstrap .table-overview { font-size: 1em; } }
.bootstrap .table-headline { display: block; background: #000; padding: .5em .5em; color: #fff; text-align: center; }
.bootstrap .nav-campaign { width: 100%; margin-bottom: 13px; }
.bootstrap .nav-campaign > a { margin-bottom: 10px; display: block; line-height: 1.2; }
.bootstrap .nav-campaign .btn-black { border: 1px solid #fff; }
@media (min-width: 768px) { .bootstrap .nav-campaign { width: 100%; display: inline-flex; justify-content: space-between; margin-bottom: 13px; }
  .bootstrap .nav-campaign > a { display: inline; width: 49%; margin-bottom: 0; line-height: 1.2; } }
.bootstrap .freedial { position: relative; display: inline-block; padding-left: 26px; }
.bootstrap .freedial:after { content: ""; position: absolute; left: 0; top: 4px; width: 24px; height: 14px; background: url("../img/free1.gif") 0 0 no-repeat; background-size: auto 14px; }
.bootstrap .modal-dialog { z-index: 2000; }
.bootstrap .modal-title { font-size: 1.5em; font-weight: bold; text-align: center; }
.bootstrap .modal-footer { text-align: center; }
.bootstrap .prize { position: relative; margin-bottom: 15px; padding: 10px; }
.bootstrap .prize .prize-img { text-align: center; margin: 0 auto; }
.bootstrap .prize .prize-text { margin-bottom: 0; line-height: 1.2; }
@media (min-width: 768px) { .bootstrap .prize .prize-img { padding: 0 20px 0 40px; } }
.bootstrap .prize-photo { position: relative; margin-bottom: 15px; padding: 10px; border-radius: 3px; }
.bootstrap .prize-photo .prize-img { text-align: center; margin: 0 auto; }
.bootstrap .prize-photo .label { padding-top: 7px; display: inline-block; margin-bottom: 10px; }
.bootstrap .prize-photo { box-shadow: #ccc 0 0 10px; }
.bootstrap .number-radius { display: table; margin: 0 auto 10px; position: absolute; right: 10%; bottom: 20px; z-index: 10; }
.bootstrap .number-radius .number-radius-inner { width: 60px; height: 60px; border-radius: 50%; background: #b20101; display: table-cell; vertical-align: middle; text-align: center; font-size: 15px; color: #fff; }
.bootstrap .number-radius .number { font-size: 30px; }
@media (min-width: 768px) { .bootstrap .number-radius .number-radius-inner { width: 80px; height: 80px; }
  .bootstrap .number-radius .number { font-size: 35px; } }
.bootstrap .prize-name { position: relative; margin-bottom: 0; color: #fff; font-weight: bold; font-size: 15px; height: 74px; line-height: 70px; z-index: 0; border-bottom: #ffe7e9; }
.bootstrap .prize-name:after { content: ""; z-index: -1; position: absolute; left: 0px; right: 0px; top: 20%; height: 40px; background: #b20101; }
.bootstrap .coupon { display: inline-block; min-width: 180px; margin-top: 10px; padding: 6px 10px 11px; border: 7px solid #fff; box-shadow: #ccc 0 5px 25px; font-family: 'Poppins', sans-serif; color: #fff; line-height: 1.3; transform: rotate(-2deg); }
.bootstrap .coupon .strong { border-bottom: 1px solid #fff; padding-bottom: 2px; }
.bootstrap .coupon .number { font-size: 1.8em; }
.bootstrap .coupon .small { font-size: .9em; }
.bootstrap .coupon-orange { background: #ef7f1b; }
.bootstrap .coupon-green { background: #7db328; }
.bootstrap .coupon-blue { background: #00a2ad; }
.bootstrap .list-product { width: 100%; display: inline-flex; flex-wrap: wrap; justify-content: center; }
.bootstrap .list-product > div { overflow: hidden; border-radius: 3px; margin: 0 1% 20px; width: 47%; background: #eee; font-size: 14px; }
.bootstrap .list-product a { color: #333; font-weight: bold; }
.bootstrap .list-product-text { display: inline-block; padding: 10px; }
.bootstrap .list-product a .list-product-text { padding: 10px 10px 10px 25px; text-indent: -7px; }
.bootstrap .list-product a .list-product-text .fas { color: #999; padding-right: 3px; }
.bootstrap .list-product a:hover { text-decoration: none; }
@media (min-width: 768px) { .bootstrap .list-product > div { margin: 0 1% 20px; width: 22%; } }
.bootstrap .pro-use { position: relative; background: #242425 url(../img/use.jpg) 49% 0 no-repeat; background-size: cover; }
.bootstrap .pro-use > div { padding: 30px 10px; background: rgba(0, 0, 0, 0.5); }
.bootstrap .pro-use table { color: #fff; margin: 0 auto; }
.bootstrap .pro-use table a { color: #fff; }
.bootstrap .pro-use table th { font-weight: bold; padding-right: 20px; vertical-align: top; }
@media (min-width: 992px) { .bootstrap .pro-use { background: #242425 url(../img/use.jpg) 100% 50% no-repeat; } }
.bootstrap .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; }
.bootstrap .code { display: table; border: 1px solid #000; width: 100%; border-radius: 10px; color: #fff; overflow: hidden; }
.bootstrap .code span { display: table-cell; color: #333; background: #fff; padding: 10px 0; margin-left: 20px; vertical-align: middle; text-align: center; }
.bootstrap .code .th { background: #000; color: #fff; font-weight: bold; }

/*# sourceMappingURL=bootstrap.style.css.map */