@charset "UTF-8";
/* 調整用 */
/* 余白調整用 */
.row-0 { margin-left: 0px; margin-right: 0px; }
.row-0 > div { padding-right: 0px; padding-left: 0px; }

.row-10 { margin-left: -5px; margin-right: -5px; }
.row-10 > div { padding-right: 5px; padding-left: 5px; }

.row-20 { margin-left: -10px; margin-right: -10px; }
.row-20 > div { padding-right: 10px; padding-left: 10px; }

.row-30 { margin-left: -15px; margin-right: -15px; }
.row-30 > div { padding-right: 15px; padding-left: 15px; }

.row-40 { margin-left: -20px; margin-right: -20px; }
.row-40 > div { padding-right: 20px; padding-left: 20px; }

/* 中央 */
.row-center { text-align: center; letter-spacing: -0.4em; }

.row-center > [class*='col-'] { display: inline-block; letter-spacing: 0; vertical-align: top; float: none !important; }

/* 最大横幅 */
.maxwidth-400 { max-width: 400px; margin: 0 auto; }

.maxwidth-600 { max-width: 600px; margin: 0 auto; }

.maxwidth-970 { max-width: 970px; margin: 0 auto; }

.maxwidth-1200 { max-width: 1200px; margin: 0 auto; }

/* 縦の余白 */
.hr-xs { height: 10px; margin: 0; border: 0; }

.hr-sm { height: 20px; margin: 0; border: 0; }

.hr-md { height: 50px; margin: 0; border: 0; }

@media (min-width: 992px) { .hr-md { height: 80px; } }
.hr-lg { height: 80px; margin: 0; border: 0; }

@media (min-width: 992px) { .hr-lg { height: 120px; } }
/* 調整 */
.hover-alpha { transition: all .5s ease; }
.hover-alpha:hover { opacity: .6; }

div.clear { clear: both; }

img { max-width: 100%; }

.font-weight-bold { font-weight: bold; }

.font-weight-normal { font-weight: normal; }

.line-height-150 { line-height: 1.5; }

.line-height-180 { line-height: 1.8; }

.color-red { color: #b20101; }

.color-pink { color: #CB3D7F; }

.color-white { color: #fff; }

.color-black { color: #333; }

.color-line { color: #1dcd00; }

.border-bottom-red { border-bottom: 2px solid #CB3D7F; }

/* font-size */
.font-size-200 { font-size: 1.9em; }

.font-size-180 { font-size: 1.7em; }

.font-size-170 { font-size: 1.6em; }

.font-size-160 { font-size: 1.5em; }

.font-size-150 { font-size: 1.4em; }

.font-size-140 { font-size: 1.3em; }

.font-size-130 { font-size: 1.2em; }

.font-size-120 { font-size: 1.1em; }

.font-size-110 { font-size: 1.0em; }

.font-size-90 { font-size: .9em; }

.font-size-80 { font-size: .8em; }

@media (min-width: 768px) { .font-size-200 { font-size: 2em; }
  .font-size-180 { font-size: 1.8em; }
  .font-size-170 { font-size: 1.7em; }
  .font-size-160 { font-size: 1.6em; }
  .font-size-150 { font-size: 1.5em; }
  .font-size-140 { font-size: 1.4em; }
  .font-size-130 { font-size: 1.3em; }
  .font-size-120 { font-size: 1.2em; }
  .font-size-110 { font-size: 1.1em; }
  .font-size-90 { font-size: .9em; }
  .font-size-80 { font-size: .8em; } }
.va-middle { letter-spacing: -0.4em; }

.va-middle > [class*='col-'] { display: inline-block; letter-spacing: 0; vertical-align: middle; float: none !important; }

.va-bottom { letter-spacing: -0.4em; }

.va-bottom > [class*='col-'] { display: inline-block; letter-spacing: 0; vertical-align: bottom; float: none !important; }

/* layout */
body { font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; font-size: 17px; }

h1 { margin: 0; }

#bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; background-size: cover; background-repeat: no-repeat; background: url("../img/bg.jpg") repeat; background-position: center center; z-index: -1; }

/* header */
.campaign-title { color: #cb3d7f; letter-spacing: -3px; font-size: 1.2em; text-align: center; text-shadow: #fff 0 0 8px; }
.campaign-title span { font-size: 1.5em; }

.flag { padding: 0 10px; text-align: center; }

@media (min-width: 768px) { .campaign-title { padding-top: 20px; } }
@media (min-width: 992px) { .campaign-title { font-size: 1.7em; text-align: left; }
  .campaign-title span { font-size: 1.8em; } }
.navbar { margin-bottom: 0; border: 0; border-bottom: 1px solid #eee; border-radius: 0; background: #fff; }

.navbar-brand { padding: 12px 10px; height: 50px; }
.navbar-brand img { width: auto; height: 27px; }

@media (min-width: 768px) { .navbar-brand { padding: 10px; height: 60px; }
  .navbar-brand img { height: 40px; }
  .navbar-nav > li > a { padding: 21px 15px 19px; font-size: 14px; font-weight: bold; } }
/* footer */
footer { padding: 20px 0; background: #000; color: #fff; line-height: 1.2; }

/* container-block */
.container-block { overflow: hidden; margin: 0 10px; background: #fff; border-radius: 5px; }

@media (min-width: 768px) { .container-block { margin: 0 auto; } }
.radius-block { padding: 15px; border: 1px solid #ccc; border-radius: 3px; }

.white-block { background: #fff; }

/* headline */
.headline-bg { margin-top: 0; padding: 20px; background: #CB3D7F; color: #fff; font-weight: bold; text-align: center; line-height: 1.3; }

.headline-border { margin-top: 0; padding: 10px 0; border-bottom: 2px solid #000; font-weight: bold; text-align: center; }

.headline-red { color: #b20101; border-color: #b20101; }

.headline2 { line-height: 1.5; }
.headline2 span { border-bottom: #cb3d7f 4px solid; }

.wf-mplus1p { font-family: "Mplus 1p"; font-weight: 700; }

h2 .label, h3 .label, .btn .label { display: inline-block; margin-bottom: 10px; padding-top: .4em; font-size: 60%; }

/* button */
.btn { transition: all .3s ease; white-space: inherit; }

.btn-xl, .btn-group-xl > .btn { padding: 15px 20px; font-size: 20px; line-height: 1.4; border-radius: 6px; }

.btn-red { color: #fff; background-color: #b20101; border-color: #7f0101; font-weight: bold; }
.btn-red:hover, .btn-red:focus, .btn-red.focus, .btn-red:active, .btn-red.active { color: #fff; background-color: #e50101; border-color: #e50101; }
.btn-red:active, .btn-red.active { background-image: none; }

.btn-gray { color: #fff; background-color: #666; border-color: #404040; font-weight: bold; }
.btn-gray:hover, .btn-gray:focus, .btn-gray.focus, .btn-gray:active, .btn-gray.active { color: #fff; opacity: .8; }
.btn-gray:active, .btn-gray.active { background-image: none; }

.btn-black { color: #fff; background-color: #000; border-color: black; font-weight: bold; }
.btn-black:hover, .btn-black:focus, .btn-black.focus, .btn-black:active, .btn-black.active { color: #fff; opacity: .6; }
.btn-black:active, .btn-black.active { background-image: none; }

.btn-white { color: #000; background-color: #fff; border-color: #ccc; font-weight: bold; }
.btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active { color: #000; opacity: .6; }
.btn-white:active, .btn-white.active { background-image: none; }

.btn-tw { color: #fff; background-color: #1da1f2; border-color: #0b76b8; font-weight: bold; }
.btn-tw:hover, .btn-tw:focus, .btn-tw.focus, .btn-tw:active, .btn-tw.active { color: #fff; opacity: .8; }
.btn-tw:active, .btn-tw.active { background-image: none; }

.btn-fb { color: #fff; background-color: #3b5998; border-color: #263961; font-weight: bold; }
.btn-fb:hover, .btn-fb:focus, .btn-fb.focus, .btn-fb:active, .btn-fb.active { color: #fff; opacity: .8; }
.btn-fb:active, .btn-fb.active { background-image: none; }

.disabled { border-radius: 0; }

.icon-top { position: relative; padding-top: 35px; }
.icon-top .fas { position: absolute; margin-left: -10px; left: 50%; top: 10px; }

.icon-bottom { position: relative; padding-bottom: 35px; }
.icon-bottom .fas { position: absolute; margin-left: -10px; left: 50%; bottom: 10px; }

/* list */
.ul-indent { list-style: none; padding-left: 0; }
.ul-indent li { text-indent: -1em; padding-left: 1em; }

/* parts */
.text-closed { margin-bottom: 0; padding: 20px 10px; background: #999; font-size: 20px; text-align: center; font-weight: bold; color: #fff; }

.container-contact { background: #000; color: #fff; text-align: center; }

.table-overview { font-size: .8em; }
.table-overview th { padding-bottom: 10px; vertical-align: top; }
.table-overview td { font-weight: bold; vertical-align: top; padding: .5em 0 .5em 15px; }

@media (min-width: 768px) { .table-overview { font-size: 1em; } }
.table-headline { display: block; background: #fff; padding: .5em .5em; color: #cb3d7f; text-align: center; }

.nav-campaign { width: 100%; display: inline-flex; justify-content: space-between; }
.nav-campaign > a { width: 49%; line-height: 1.2; }

.prize { position: relative; margin-bottom: 10px; padding: 10px; background: #fff9fc; border-radius: 50%; }
.prize .img { max-width: 220px; text-align: center; margin: 0 auto; padding-right: 20px; }

.number-radius { display: table; margin: 0 auto 10px; position: absolute; right: 5px; bottom: 0; z-index: 10; }
.number-radius .number-radius-inner { width: 60px; height: 60px; border-radius: 50%; background: #CB3D7F; display: table-cell; vertical-align: middle; text-align: center; font-size: 15px; color: #fff; }
.number-radius .number { font-size: 30px; }

@media (min-width: 768px) { .number-radius .number-radius-inner { width: 80px; height: 80px; }
  .number-radius .number { font-size: 35px; } }
.prize-name { position: relative; color: #cb3d7f; font-weight: bold; font-size: 20px; height: 80px; line-height: 70px; z-index: 0; }
.prize-name:after { content: ""; z-index: -1; position: absolute; left: 15px; right: 15px; top: 46%; height: 15px; background: #f4d8e7; }

.list-product { width: 100%; display: inline-flex; flex-wrap: wrap; justify-content: center; }
.list-product > div { margin: 0 1% 20px; width: 47%; font-size: 14px; }
.list-product img { margin-bottom: 5px; }

@media (min-width: 768px) { .list-product > div { margin: 0 1% 20px; width: 22%; } }
.freedial { position: relative; display: inline-block; padding-left: 26px; }
.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; }

@media (min-width: 768px) { .line-id-wrap { padding: 81px 0; } }
.line-id-input { margin-left: 10px; padding: 15px; border: 1px solid #ccc; border-radius: 3px; font-size: 1.5em; }

.background-line { border: 1px solid #1dcd00; background-color: #1dcd00; }

.background-mail { border: 1px solid #0094db; background-color: #0094db; }

.label-line { background-color: #1dcd00; }

.modal-dialog { z-index: 2000; }

#flow1 { border: 1px solid #1dcd00; }

#flow2 { border: 1px solid #0094db; }

#example { border: 1px solid #CB3D7F; }

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