@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; }

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

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

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

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

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

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

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

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

/* 縦の余白 */
hr { border: 0; }

.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 .3s ease; }
.hover-alpha:hover { opacity: .6; }

div.clear { clear: both; }

img { max-width: 100%; }

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

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

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

.line-height-120 { line-height: 1.2; }

.line-height-140 { line-height: 1.4; }

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

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

.color-red { color: #e9411a; }

.color-pink { color: #CB3D7F; }

.color-white { color: #fff; }

.color-black { color: #333; }

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

.text-center-xs { text-align: center; }

@media (min-width: 768px) { .text-center-xs { text-align: left; } }
@media (min-width: 768px) { .text-center-sm { text-align: center; } }
.text-center-xs-right-sm { text-align: center; }

@media (min-width: 768px) { .text-center-xs-right-sm { text-align: right; } }
/* font-size */
.font-size-250 { font-size: 2em; }

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

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

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

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

.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-250 { font-size: 2.5em; }
  .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; } }
.display-block { display: block; }

.display-inline-block { display: inline-block; }

.display-inline { display: inline; }

.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; }

@media (min-width: 768px) { .va-middle-sm { display: table; width: 100%; }
  .va-middle-sm > [class*='col-'] { display: table-cell; vertical-align: middle; float: none !important; }
  .va-bottom-sm { display: table; width: 100%; }
  .va-bottom-sm > [class*='col-'] { display: table-cell; vertical-align: bottom; float: none !important; } }
/* layout */
body { background: #e9411a; font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; font-size: 17px; font-weight: 500; }

h1 { margin: 0; }

/* header */
.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 { 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: #fff; border-bottom: 5px solid #000; font-weight: bold; text-align: center; line-height: 1.3; }

.headline-bg-yellow { margin-top: 0; padding: 10px 20px; background: #FFF100; color: #000; font-weight: bold; text-align: center; line-height: 1.3; }

.headline-bg-red { margin-top: 0; padding: 20px; background: #e9411a; 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; line-height: 1.3; }

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

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

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; }

@media (max-width: 767px) { .btn-xl, .btn-group-xl > .btn { font-size: 16px; } }
.btn-red { color: #fff; background-color: #e9411a; border-color: #be3312; font-weight: bold; }
.btn-red:hover, .btn-red:focus, .btn-red.focus, .btn-red:active, .btn-red.active { color: #fff; background-color: #ed6849; border-color: #ed6849; }
.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-disabled { color: #ccc; background-color: #555; border-color: #484848; font-weight: bold; }

.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; }

.label-black { background-color: #000; }

.label-black[href]:focus, .label-black[href]:hover { background-color: #666; }

.label-red { background-color: #e9411a; border-radius: 0; }

.label-red[href]:focus, .label-red[href]:hover { background-color: #666; }

/* navigation */
.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: 1.5em; text-align: center; font-weight: bold; color: #fff; }

.container-contact { background: #333; 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: #000; padding: .5em .5em; color: #fff; text-align: center; }

.nav-campaign { width: 100%; margin-bottom: 13px; }
.nav-campaign > a { margin-bottom: 10px; display: block; line-height: 1.2; }
.nav-campaign .btn-black { border: 1px solid #e9411a; }

@media (min-width: 768px) { .nav-campaign { width: 100%; display: inline-flex; justify-content: space-between; margin-bottom: 13px; }
  .nav-campaign > a { display: inline; width: 100%; margin-bottom: 0; line-height: 1.2; }
  .nav-campaign .btn-black { border: 1px solid #e9411a; } }
.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; }

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

.modal-title { font-size: 1.5em; font-weight: bold; text-align: center; }

.modal-footer { text-align: center; }

/* prize */
.prize-img { text-align: center; margin: 0 auto; }

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

@media (min-width: 768px) { .number-radius { right: 35px; }
  .number-radius .number { font-size: 35px; } }
.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); }
.coupon .strong { border-bottom: 1px solid #fff; padding-bottom: 2px; }
.coupon .number { font-size: 1.8em; }
.coupon .small { font-size: .9em; }

.coupon-orange { background: #ef7f1b; }

.coupon-green { background: #7db328; }

.coupon-blue { background: #00a2ad; }

/* list-product */
.list-product { width: 100%; display: inline-flex; flex-wrap: wrap; justify-content: center; }
.list-product > div { overflow: hidden; border-radius: 3px; margin: 0 1% 20px; width: 47%; background: #eee; font-size: 14px; }
.list-product a { color: #333; font-weight: bold; }

.list-product-text { display: inline-block; padding: 10px; }

.list-product a .list-product-text { padding: 10px 10px 10px 25px; text-indent: -7px; }
.list-product a .list-product-text .fas { color: #999; padding-right: 3px; }

.list-product a:hover { text-decoration: none; }

@media (min-width: 768px) { .list-product > div { margin: 0 1% 20px; width: 22%; } }
/* pro-use */
.pro-use { position: relative; background: #131e0e url(../img/kodaira3.jpg) 45% 0 no-repeat; background-size: cover; }
.pro-use > div { padding: 30px 10px; background: rgba(0, 0, 0, 0.5); }
.pro-use table { color: #fff; margin: 0 auto; }
.pro-use table a { color: #fff; }
.pro-use table th { font-weight: bold; padding-right: 20px; }

@media (min-width: 992px) { .pro-use { background: #131e0e url(../img/kodaira3.jpg) 0 0 no-repeat; }
  .pro-use > div { background: none; } }
/* background-photo */
@media (min-width: 768px) { .background-photo { background: url("../img/kodaira2.jpg") 45% 0 no-repeat; background-size: cover; } }
/* code */
.code { display: table; border: 1px solid #000; width: 100%; border-radius: 10px; color: #fff; overflow: hidden; }
.code span { display: table-cell; color: #333; background: #fff; padding: 10px 0; margin-left: 20px; vertical-align: middle; text-align: center; }
.code .th { background: #000; color: #fff; font-weight: bold; }

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