@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.jackbox-social {
  display: none;
}

.content_area {
  background: #ffffff;
  font-family: "Noto Sans Japanese", sans-serif;
}

.top_content {
  min-height: 40px;
}

.top_content .info_bar {
  margin: auto;
  padding: 10px 0;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 16px;
}

.f20 {
  font-size: 20px;
}

.f24 {
  font-size: 24px;
}

.fw100 {
  font-weight: 100;
}

.fw300 {
  font-weight: 300;
}

.fw500 {
  font-weight: 500;
}

.fw700 {
  font-weight: 700;
}

.fw900 {
  font-weight: 900;
}

.line_h14 {
  line-height: 1.4;
}

.line_h16 {
  line-height: 1.6;
}

.line_h18 {
  line-height: 1.8;
}

.line_h20 {
  line-height: 2;
}

.col_black {
  color: #000;
}

.col_dgray {
  color: #333;
}

.read_font {
  font-family: fot-tsukubrdgothic-std, sans-serif;
  font-weight: 400;
  font-style: normal;
}

img {
  transition: 1s;
}

a:hover img {
  opacity: 0.7;
}

@media only screen and (max-width: 375px) {
  .responsive .four {
    float: left;
    width: 28% !important;
  }

  #footer-column-1.four,
  #footer-column-2.four,
  #footer-column-3.four,
  #footer-column-4.four {
    float: none;
    width: 100% !important;
  }

  .responsive .three-four {
    float: left;
    width: 72% !important;
  }

  .responsive .content_block {
    width: 94%;
  }

  .camp_peanuts_product .product_tt_inner br,
  .camp_peanuts_product .product_tt_inner02 br {
    display: none;
  }
}

/** section 01 -title **/
.top_img .main_img {
}

.top_img .main_img img {
}

/** section 01 -obi **/
.camp_peanuts_obi .obi_left {
  width: 320px;
  margin: 0 auto;
}

.camp_peanuts_obi p {
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.8;
  color: #000;
  text-align: center;
}

/** section 02 -products **/
.camp_peanuts_product {
  color: #000;
  font-size: 1.1em;
}

.camp_peanuts_product img {
  width: 100%;
}

.camp_peanuts_product .tt {
  width: 98px;
}

.camp_peanuts_product p {
  font-size: 0.85em;
  font-weight: 300;
  line-height: 1.4;
  margin-left: 0.8em;
  color: #333;
}

.camp_peanuts_product .copy01 {
  width: 250px;
  margin: 0 auto 1em;
}

.camp_peanuts_product .copy02 {
  width: 280px;
  margin: 0 auto 1em;
}

.camp_peanuts_product .copy03 {
  width: 250px;
  margin: 1em auto;
}

.camp_peanuts_product .copy03_clean {
  width: 100px;
  float: right;
  margin: 0 0 0.5em 0;
}

.camp_peanuts_product .copy04 {
  width: 307px;
  margin: 0 auto 2em;
}

.camp_peanuts_product .block_all {
  width: 100%;
  margin: 30px auto;
}

.camp_peanuts_product .mat01,
.camp_peanuts_product .mat02,
.camp_peanuts_product .mat03 {
  max-width: 500px;
  margin: 0 auto 20px;
}

.camp_peanuts_product .mat01 {
  border: 3px solid #d6eef5;
}

.camp_peanuts_product .mat02 {
  border: 3px solid #f9e3e5;
}

.camp_peanuts_product .mat03 {
  border: 3px solid #d8ede7;
}

.camp_peanuts_product .mat01 p,
.camp_peanuts_product .mat02 p,
.camp_peanuts_product .mat03 p {
  line-height: 2;
  font-size: 1.5rem;
  color: #555;
  font-family: "Century Gothic", "Raleway", Helvetica, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial,
    sans-serif;
  padding: 0 0 0 15px;
  margin: 0;
}

.camp_peanuts_product .mat01 p::first-letter,
.camp_peanuts_product .mat02 p::first-letter,
.camp_peanuts_product .mat03 p::first-letter {
  font-size: 2.4rem;
}

.camp_peanuts_product .product_title {
  font-size: 1.05em;
  font-weight: 500;
  padding-bottom: 0.5em;
}

.camp_peanuts_product .product_tt {
  background: #000;
  padding: 5px;
  border-radius: 8px;
}

.camp_peanuts_product .product_tt_inner {
  border: 1px solid #fff;
  border-radius: 6px;
  color: #fff;
  padding: 0.5em 0;
  font-size: 1.2em;
  text-align: center;
  line-height: 1.6;
  font-weight: 500;
}

.camp_peanuts_product .product_tt_inner02 {
  border: 1px solid #fff;
  border-radius: 6px;
  color: #fff;
  padding: 0.5em 0;
  font-size: 1.2em;
  text-align: center;
  line-height: 1.6;
  font-weight: 500;
}

.camp_peanuts_product .box01 {
  line-height: 1.8;
  margin: 0.8em 0 0 0;
  font-size: 0.9em;
}

.camp_peanuts_product .box02 {
  line-height: 1.8;
  margin: 0;
  font-size: 0.9em;
}

.camp_peanuts_product .box03 {
  line-height: 1.8;
  margin: 0;
  font-size: 0.9em;
}

.camp_peanuts_product span.product_label {
  background: #764f31;
  color: #fff;
  font-size: 0.8em;
  font-weight: 500;
  padding: 2px 5px;
  margin-right: 0.5em;
}

/** section 03 -package **/
.camp_peanuts_all .left {
  width: 100%;
  margin: 0 auto;
}

.camp_peanuts_all .right {
  width: 90%;
  margin: 20px auto 0;
}

/** section 04 -btn **/
.camp_peanuts_btn {
  text-align: center;
}

.camp_peanuts_btn .copy_end {
  text-align: center;
}

.camp_peanuts_btn .copy_end_inner {
  width: 321px;
  margin: 0 auto;
}

.camp_peanuts_btn .btn_box_inner {
  width: 80%;
  margin: 0 auto;
}

/** peanuts child page **/
.peanuts2_logo {
  width: 140px;
}

#peanuts2 {
  xpadding-top: 1rem;
}

#peanuts2 .topcopy {
  font-size: 18px;
  padding: 1rem 0 0;
  text-align: center;
  color: #333;
}

#peanuts2 .product {
  xwidth: 700px;
  margin: 0 auto;
}

#peanuts2 .product .w33 {
  width: 33%;
  text-align: center;
  float: left;
}

#peanuts2 .title_box {
  border-bottom: double #000;
  xposition: relative;
}
#peanuts2 .p_title {
  font-size: 30px;
  width: 300px;
  color: #000;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  padding-top: 0.5rem;
  letter-spacing: 0.1rem;
  xposition: absolute;
  bottom: 10px;
}

#peanuts2 .p_infotext {
  xmargin-left: 300px;
  line-height: 1.5;
  font-size: 14px;
  color: #000;
  padding: 1rem 0 0;
  margin: 0;
}

#peanuts2 .box-round {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border-radius: 100%;
  background: rgb(241, 233, 203);
  xfloat: right;
}
#peanuts2 .box-round p {
  padding-top: 35%;
  text-align: center;
  font-size: 16px;
}

#peanuts2 .item_info,
#peanuts2 .item_info p {
  color: #555;
  font-size: 14px;
}

#peanuts2 .item_info span.label {
  background: #333;
  color: #fff;
  padding: 0 3px;
  font-size: 0.7rem;
}

#peanuts2 .band_size_m {
  width: 48%;
  margin: 0 2% 0 0;
  float: left;
  padding-bottom: 0.5rem;
}
#peanuts2 .band_size_l {
  width: 48%;
  margin: 0 0 0 2%;
  float: left;
  padding-bottom: 0.5rem;
}
#peanuts2 .band_size_m .tt,
#peanuts2 .band_size_l .tt {
  background: #eee;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  /** section 01 -title **/

  /** section 01 -obi **/
  .camp_peanuts_obi .obi_left {
    width: 388px;
  }

  .camp_peanuts_obi p {
    font-size: 1em;
  }

  /** section 02 -products **/

  .camp_peanuts_product .tt {
    width: 170px;
  }

  .camp_peanuts_product p {
    font-size: 1em;
    font-weight: 200;
    line-height: 1.8;
    margin-top: 1.5em;
  }

  .camp_peanuts_product .copy01 {
    width: 511px;
    margin: 0 auto 2em;
  }

  .camp_peanuts_product .copy02 {
    width: 582px;
    margin: 0 auto 2em;
  }

  .camp_peanuts_product .copy03 {
    width: 370px;
  }

  .camp_peanuts_product .copy03_clean {
    width: 122px;
    margin: 0 3em 1em 0;
  }

  .camp_peanuts_product .copy04 {
    width: 520px;
  }

  .camp_peanuts_product .block_all {
    width: 616px;
  }

  .camp_peanuts_product .product_title {
    font-size: 18px;
  }

  .camp_peanuts_product .product_tt_inner {
    padding: 1em 0;
    font-size: 1.5em;
  }

  .camp_peanuts_product .product_tt_inner02 {
    font-size: 1.5em;
  }

  .camp_peanuts_product .box01 {
    width: 74%;
    float: left;
  }

  .camp_peanuts_product .box02 {
    width: 24%;
    float: left;
  }

  .camp_peanuts_product .box03 {
    width: 48%;
    float: left;
  }

  /** section 03 -package **/
  .camp_peanuts_all .left {
    width: 498px;
  }

  .camp_peanuts_all .right {
    width: 423px;
    margin: 50px auto 0;
  }

  /** section 04 -btn **/

  .camp_peanuts_btn .copy_end {
    height: 30px;
    background: url(/img/camp/peanuts/bg_line.png);
    background-size: 30px;
  }

  .camp_peanuts_btn .copy_end_inner {
    width: 615px;
  }

  .camp_peanuts_btn .btn_box_inner {
    width: 70%;
  }
}

@media only screen and (min-width: 1024px) {
  /** section 01 -title **/

  /** section 01 -obi **/

  .camp_peanuts_obi p {
    font-size: 0.96em;
    text-align: left;
  }

  /** section 02 -products **/

  .camp_peanuts_product .tt {
    width: 240px;
  }

  .camp_peanuts_product p {
    font-size: 1.2em;
    margin-top: 2em;
  }

  .camp_peanuts_product .copy01 {
    width: 639px;
  }

  .camp_peanuts_product .copy02 {
    width: 728px;
  }

  .camp_peanuts_product .copy03 {
    width: 433px;
  }

  .camp_peanuts_product .copy03_clean {
    width: 122px;
    margin: 0 7em 1em 0;
  }

  .camp_peanuts_product .copy04 {
    width: 650px;
  }

  .camp_peanuts_product .product_tt_inner {
    font-size: 1.6em;
    line-height: 1.6;
  }

  .camp_peanuts_product .product_tt_inner02 {
    font-size: 1.8em;
  }

  .camp_peanuts_product .box01 {
    width: 62%;
    margin: 0.8em 0 0 2%;
    font-size: 1em;
  }

  .camp_peanuts_product .box02 {
    width: 28%;
    margin: 0.8em 0 0 0;
    font-size: 1em;
  }

  .camp_peanuts_product .box03 {
    width: 48%;
    margin: 0.8em 0 0 0;
    font-size: 1em;
  }

  /** peanuts child page **/
  .f18 {
    font-size: 18px;
  }

  #peanuts2 {
    padding-top: 1rem;
  }

  #peanuts2 .topcopy {
    font-size: 20px;
    padding: 2rem 0 0;
    text-align: center;
    color: #333;
  }

  #peanuts2 .product {
    width: 700px;
    margin: 0 auto;
  }

  #peanuts2 .product .w33 {
    width: 33%;
    text-align: center;
    float: left;
  }

  #peanuts2 .title_box {
    border-bottom: double #000;
    position: relative;
  }
  #peanuts2 .p_title {
    font-size: 36px;
    width: 300px;
    color: #000;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    padding-top: 2rem;
    letter-spacing: 0.1rem;
    position: absolute;
    bottom: 10px;
  }

  #peanuts2 .p_infotext {
    margin-left: 300px;
    line-height: 1.5;
    font-size: 18px;
    color: #000;
  }

  #peanuts2 .box-round {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    background: rgb(241, 233, 203);
    float: right;
  }
  #peanuts2 .box-round p {
    xmargin-top: 35%;
    text-align: center;
    font-size: 16px;
  }

  #peanuts2 .item_info,
  #peanuts2 .item_info p {
    color: #555;
    font-size: 14px;
  }

  #peanuts2 .item_info span.label {
    background: #333;
    color: #fff;
    padding: 0 3px;
    font-size: 0.7rem;
  }

  #peanuts2 .band_size_m {
    width: 48%;
    margin: 0 2% 0 0;
    float: left;
    padding-bottom: 0.5rem;
  }
  #peanuts2 .band_size_l {
    width: 48%;
    margin: 0 0 0 2%;
    float: left;
    padding-bottom: 0.5rem;
  }
  #peanuts2 .band_size_m .tt,
  #peanuts2 .band_size_l .tt {
    background: #eee;
    text-align: center;
  }
}