@charset "utf-8";


/* intro */
#hakatakawaii .contents article {
  padding: 70px 100px 80px;
}
#hakatakawaii .contents .border:before {
  background: url("../../img/bg_stripe_lblue.png");
}
#hakatakawaii .contents .border:after {
  border: 4px solid #e45800;
}
#hakatakawaii .contents article .lead {
  position: relative;
  line-height: 2.6;
  padding-bottom: 40px;
  border-bottom:2px #ef7907 dashed;
  font-weight: bold;
  font-size: 143.8%;
}
#hakatakawaii .contents article .lead:before,
#hakatakawaii .contents article .lead:after {
  display: block;
  position: absolute;
  bottom:-6px;
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 5px;
  border: 2px #ef7907 solid;
}
#hakatakawaii .contents article .lead:before {
  left: -15px;
}
#hakatakawaii .contents article .lead:after {
  right: -15px;
}
#hakatakawaii .contents article .lead .linner {
  display: inline-block;
  line-height: 1;
  padding: 10px 5px;
  background: #f1ff56;
  color: #0096ff;
  font-weight: bold;
}
#hakatakawaii .contents article img {
  display: inline-block;
  margin: 0 3px;
  vertical-align: -3px;
}
#hakatakawaii .contents article .lead .heart {
  vertical-align: -30px;
}
#hakatakawaii .contents article .description {
  line-height: 3;
  padding-top: 50px;
  font-weight: bold;
  font-size: 112.5%;
}
#hakatakawaii .contents article .description .shadow {
  text-shadow:2px 2px 0px #34eeff;
  -webkit-text-shadow:2px 2px 0px #34eeff;
  -moz-text-shadow:2px 2px 0px #34eeff;
}
#hakatakawaii .contents article .description strong {
  font-weight: bold;
  font-size: 1.667em;
}
#hakatakawaii .border .image {
  display: block;
  position: absolute;
  height: auto;
  z-index: 4;
}
#hakatakawaii .border .miyako {
  top:55px;
  left:-90px;
}
#hakatakawaii .border .donko {
  bottom:200px;
  right:-70px;
}

@media all and (max-width: 1160px) {
#hakatakawaii .contents {
  overflow: hidden;
}
}

@media all and (max-width: 812px) {
#hakatakawaii .inner h2 img {
  max-width: 488px;
}

#hakatakawaii .contents article {
  padding: 8%;
  text-align: left;
}
#hakatakawaii .contents article br {
  display: none;
}
#hakatakawaii .contents article .lead {
  line-height: 2.7;
  padding-bottom: 6%;
  font-size: 125%;
}
#hakatakawaii .contents article img {
  vertical-align: -5px;
}
#hakatakawaii .contents article .description {
  padding-top: 7%;
  font-size: 100%;
}
#hakatakawaii .contents article .description .shadow {
  display: block;
}
#hakatakawaii .contents article .description strong {
  font-size: 150%;
}
#hakatakawaii .contents article .description .local {
  display: block;
  width:100%;
  max-width: 507px;
  margin-top: 15px;
}
#hakatakawaii .border .image {
  display: none;
}
}


@media all and (max-width: 568px) {
#hakatakawaii .contents article {
  padding: 8% 8% 10%;
}
#hakatakawaii .contents article .lead {
  padding-bottom: 10%;
  font-size: 85%;
}
#hakatakawaii .contents article .lead:before,
#hakatakawaii .contents article .lead:after {
  bottom:-5px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
}
#hakatakawaii .contents article .lead:before {
  left: -10px;
}
#hakatakawaii .contents article .lead:after {
  right: -10px;
}
#hakatakawaii .contents article img {
  vertical-align: -5px;
}
#hakatakawaii .contents article .kyouore { width: 140px; }
#hakatakawaii .contents article .syun { width: 20px; }
#hakatakawaii .contents article .miryoku { width: 65px; }
#hakatakawaii .contents article .drama { width: 140px; }
#hakatakawaii .contents article .lead .heart { width: 170px; vertical-align: -22px; }
#hakatakawaii .contents article .description {
  padding-top: 10%;
  font-size: 75%;
}
#hakatakawaii .contents article .description strong {
  font-size: 125%;
}


}

@media all and (max-width: 480px) {
#hakatakawaii #topics .border {
  padding: 13px 0;
}
#hakatakawaii #topics .block {
  width: 210px;
}

#hakatakawaii #topics .border:before {
  top:28px;
  left: 34px;
  width: calc(100% - 42px);
  height: calc(100% - 30px);
}
#hakatakawaii #topics .border:after {
  top: 0;
  left: 8px;
  width: calc(100% - 44px);
  height: calc(100% - 32px);
}
  


}