@font-face {
  font-family: "jins_next_ttregular";
  src: url("../../../../common/fonts/JINS_NextRegular.eot");
  src: url("../../../../common/fonts/JINS_NextRegular.eot?#iefix") format("embedded-opentype"), url("../../../../common/fonts/JINS_NextRegular.woff") format("woff"), url("../../../../common/fonts/JINS_NextRegular.ttf") format("truetype"), url("../../../../common/fonts/JINS_NextRegular.svg#jins_next_ttregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "jins_next_ttlight";
  src: url("../../../../common/fonts/JINS_NextLight.eot");
  src: url("../../../../common/fonts/JINS_NextLight.eot?#iefix") format("embedded-opentype"), url("../../../../common/fonts/JINS_NextLight.woff") format("woff"), url("../../../../common/fonts/JINS_NextLight.ttf") format("truetype"), url("../../../../common/fonts/JINS_NextLight.svg#jins_next_ttlight") format("svg");
  font-weight: normal;
  font-style: normal; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  color: #1a1a1a;
  overflow: auto; }

body #contents {
  color: #1a1a1a; }

#wrapper {
  overflow: hidden; }

#header h1.siteTitle a {
  display: inline-block;
  padding: 25px;
  text-align: center; }

.pankuzu {
  padding: 117px 0 15px 60px; }

/* ---------------------------------------------------------
 kv
--------------------------------------------------------- */
/* ---------------------------------------------------------
 lead
--------------------------------------------------------- */
.sec-lead {
  background: #fbdc33 url(../images/bg_lead.png) 50% 50% no-repeat;
  padding: 142px 0; }
  .sec-lead h2 {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-align: center; }
  .sec-lead p {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 2;
    margin-top: 40px; }

.underline {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(20%, #fff));
  background: -webkit-linear-gradient(transparent 80%, #fff 20%);
  background: -o-linear-gradient(transparent 80%, #fff 20%);
  background: linear-gradient(transparent 80%, #fff 20%); }

/* ---------------------------------------------------------
 campagin
--------------------------------------------------------- */
main {
  background: url(../images/bg_main.png); }

.camp_wrap {
  background: url(../images/bg_main_glass.png) 50% 100% no-repeat;
  background-size: contain;
  padding: 93px 0 247px; }
  .camp_wrap .camp__main-title {
    text-align: center; }
  .camp_wrap .camp__sec {
    max-width: 1080px;
    margin: 60px auto 0;
    padding: 40px 60px;
    background: rgba(253, 234, 133, 0.7);
    position: relative; }
  .camp_wrap .camp__title, .camp_wrap .camp__date, .camp_wrap .camp__text, .camp_wrap .camp__bnr {
    text-align: center; }
  .camp_wrap .camp__header {
    position: relative; }
  .camp_wrap .camp_balloon {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .camp_wrap .camp__date {
    color: #e52e85;
    font-family: "jins_next_ttregular";
    font-size: 26px;
    margin-top: 32px;
    line-height: 1; }
    .camp_wrap .camp__date span {
      font-size: 20px; }
  .camp_wrap .camp__text {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px; }
  .camp_wrap .camp__bnr {
    display: block;
    margin-top: 30px; }
  .camp_wrap .camp__note {
    font-size: 14px;
    line-height: 1.71;
    margin: 20px 20px 0; }
    .camp_wrap .camp__note dd {
      margin: 0; }
  .camp_wrap .camp__sec.-sec01 {
    margin-top: 94px; }
  .camp_wrap .camp__sec.-sec02 .camp_balloon {
    top: -21px;
    left: 15px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .camp_wrap .btn_camplink {
    text-align: center;
    position: relative;
    z-index: 100;
    margin-top: 30px; }
  .camp_wrap .end_message {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    left: 0; }
    .camp_wrap .end_message p {
      font-size: 46px;
      color: #fff;
      font-weight: bold; }

@media screen and (min-width: 768px) {
  .sp_content {
    display: none; } }

/* ---------------------------------------------------------
 Responsive 768px
--------------------------------------------------------- */
@media screen and (max-width: 768px) {
  #contents {
    padding-top: 52px; }
  /* ---------------------------------------------------------
  lead
  --------------------------------------------------------- */
  .sec-lead {
    background: #fbdc33 url(../images/bg_lead_sp.png) 50% 92% no-repeat;
    background-size: 100%;
    padding: 100px 0 100px; }
    .sec-lead h2 {
      text-align: center; }
    .sec-lead p {
      font-size: 15px;
      margin-top: 15px; }
  /* ---------------------------------------------------------
  campagin
  --------------------------------------------------------- */
  .camp_wrap {
    background: url(../images/bg_main_glass_sp.png) 50% 100% no-repeat;
    background-size: contain;
    padding: 26px 15px 100px; }
    .camp_wrap .camp__main-title {
      padding: 0 11px; }
    .camp_wrap .camp__sec {
      margin-top: 30px;
      padding: 30px 10px; }
    .camp_wrap .camp__date {
      font-size: 18px;
      margin-top: 16px;
      letter-spacing: 0; }
      .camp_wrap .camp__date span {
        font-size: 13px; }
    .camp_wrap .camp__text {
      font-size: 13px;
      line-height: 1.38;
      margin-top: 14px; }
    .camp_wrap .camp__bnr {
      margin-top: 15px; }
    .camp_wrap .camp_balloon {
      position: absolute;
      top: -6px;
      right: -4px; }
    .camp_wrap .camp__sec.-sec01 {
      margin-top: 40px; }
    .camp_wrap .camp__note {
      font-size: 10px;
      margin: 10px 0 0 0; }
    .camp_wrap .camp__sec.-sec02 .camp_balloon {
      top: -33px;
      left: 2px; }
    .camp_wrap .btn_camplink {
      margin-top: 15px; }
    .camp_wrap .end_message p {
      font-size: 20px; }
  .pc_content {
    display: none; } }