@charset "utf-8";

/*--------------------------------------------------------------
/template/
--------------------------------------------------------------*/
body {
  background: #e6e1e5;
  margin: 0;
  padding: 0;
}

div#template {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
  padding:0;
  color: #333333;
  background: #e6e1e5;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
}

div#template img {
    max-width: 100%;
    vertical-align: bottom;
}

div#template a img {
    transition: .5s;
}
div#template a img:hover {
    opacity: 0.75;
}

div#template .header {
    margin-bottom: 4%;
}

div#template .clm {
  background-color: #fff;
  -webkit-filter:drop-shadow(0px 5px 12px rgba(56, 36, 128, 0.2));
  -moz-filter:drop-shadow(0px 5px 12px rgba(56, 36, 128, 0.2));
  -ms-filter:drop-shadow(0px 5px 12px rgba(56, 36, 128, 0.2));
  filter:drop-shadow(0px 5px 12px rgba(56, 36, 128, 0.2));
}

div#template .inner {
    max-width: 90.63%;
    margin: 0 5.085%;
}

/******************
   FV
*******************/
div#template .fv {
  position: relative;
}
div#template .fv_copy {
  position: absolute;
  width: 90.63%;
  top: 2.3%;
  left: 50%;
  transform: translateX(-50%);
}
div#template .fv_cv {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

div#template .cv_short {
  width: 96.09%;
  margin: 0 auto;
  position: relative;
}

div#template .cv_short .cv_btn {
  position: absolute;
  width: 89.76%;
  bottom: 11%;
  left: 50%;
  transform: translateX(-50%);

}
div#template .cv_last {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

div#template .cv_last .cv_btn {
  position: absolute;
  width: 89.76%;
  bottom: 2%;
  left: 50%;
  transform: translateX(-50%);

}
div#template .fv .pr {
  width: 90.63%;
  margin: -2% auto 0;
}

div#template h2.title_h2 {
  font-feature-settings: "palt";
  font-size: min(calc(36/640*100vw), 36px);
  background: #de2c70;
  color: #fff;
  padding: 3% 5% 3% 10%;
  position: relative;
  margin-bottom: 8%;
  letter-spacing: .07em;
}
div#template h2.title_h2:before {
  content: '';
  background: #ba0a4d;
  width: 4.69%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

div#template p {
  font-size: min(max(16px, calc(1rem + ((1vw - 3.2px) * 5))), 32px);
  min-height: 0vw;
  line-height: 1.8;
  padding-bottom: 8%;
  font-feature-settings: "palt";
  letter-spacing: .07em;
}

div#template .p_img {
    padding: 2% 0 10%;
}


/*deco
----------------------------------*/
div#template .yellow {
    color: #faf85c;
}
div#template .red {
    color: #f21468;
}
div#template .purple {
    color: #652292;
}
div#template .bold {
    font-weight: 700;
}
div#template .marker {
    background:linear-gradient(transparent 10%, #faf85c 10%);
}
div#template .big112 {
    font-size: 112.5%;
}
div#template .big130 {
    font-size: 130%;
}
div#template .big140 {
    font-size: 140%;
}
div#template .txt_r {
    text-align: right;
}
div#template .pt__7 {
    padding-top: 7%;
}
div#template .pb__2 {
    padding-bottom: 2%;
}
div#template .pb__10 {
    padding-bottom: 10%;
}
div#template .mt__7 {
    margin-top: 7%;
}
div#template .ls-1 {
    letter-spacing: 0;
}
div#template .sub {
    font-size: min(max(11px, calc(0.6875rem + ((1vw - 3.2px) * 2.8125))), 20px);
    min-height: 0vw;
    vertical-align: text-bottom;
}
div#template .sup {
    font-size: min(max(11px, calc(0.6875rem + ((1vw - 3.2px) * 2.8125))), 20px);
    min-height: 0vw;
    vertical-align: text-top;
}
div#template p.notes {
/*    font-size: min(max(11px, calc(0.6875rem + ((1vw - 3.2px) * 2.8125))), 20px);*/
    font-size: min(calc(18/640*100vw), 18px);
    min-height: 0vw;
    line-height: 1.3;
    color: #373737;
}
div#template p.item_notes {
    font-size: min(calc(18/640*100vw), 18px);
    min-height: 0vw;
    line-height: 1.5;
    color: #373737;
}
div#template .kakomi {
  font-size: min(max(16px, calc(1rem + ((1vw - 3.2px) * 5))), 32px);
  font-style: italic;
  background: #f4f4f4;
  min-height: 0vw;
  line-height: 1.8;
  padding: 5%;
  font-feature-settings: "palt";
  letter-spacing: .05em;
  font-weight: 700;
  margin-bottom: 5%;
}
div#template .about {
  background: #fdf4d2;
  border-radius: min(calc(20/640*100vw),20px);
  margin-bottom: 8%;
}
div#template .about h3 {
  font-feature-settings: "palt";
  font-size: min(calc(36/640*100vw), 36px);
  color: #652292;
  text-align: center;
  padding: 5% 3%;
  letter-spacing: .1em;
}
div#template .about p.txt {
  font-size: min(calc(26/640*100vw), 26px);
  min-height: 0vw;
  line-height: 1.8;
  padding: 5%;
  font-feature-settings: "palt";
  letter-spacing: .11em;
}

/*--------------------------------------------------------------
/@media/
--------------------------------------------------------------*/
@media only screen and (max-width: 639px) {
    div#template .clm {
        filter: none;
    }
}

/* 特定商取引法 位置は適宜調節
-------------------------------------------------------------- */
#tokushou {
	margin: 25% 0 0%;
	text-align: center;
    font-size: min(max(13px, calc(0.8125rem + ((1vw - 3.2px) * 4.0625))), 26px);
    min-height: 0vw;
}
div#template #tokushou p {
    padding-bottom: 0%;
}