/*
Theme Name: tsteen-child
Version: 1.0
Template: twentyseventeen
*/


/* ---------------------------------------------------------
ここから口コミフォームスタイリング
--------------------------------------------------------- */
.site-branding {
  margin-bottom: 0;
  display: none;
}

main {
/* h1 {
  text-align: center;
  border-bottom: 1px solid #f1f3f4;
  padding: 2em;
  margin: 0;
} */
p.hyouka2 {
  font-size: 1.5rem;
  text-align: center;
  margin-top: 2em;
  span {
    display: block;
    font-size: 1.2em;
    color: #FFD400;
  }
}
p.gokyouryoku {
  text-align: center;
  font-size: 1.5rem;
  margin-top: 5rem;
}
p.lead1 {
  text-align: left;
  margin: 4em auto;
  line-height: 1.8;
  margin-bottom: 2rem;
}

p.lead1 span {
  display: inline-block;
}
p.lead2 {
  text-align: center;
  font-size: 1.5rem;
}
ul {
  margin: 0 auto;
  padding: 0;
}
li {
  list-style: none;
  margin-bottom: .5em;
}
a {
  text-decoration: none;
  display: block;
  text-align: center;
  font-size: 1.5em;
  letter-spacing: 0.3em !important;
  color: #FFFF00;
  padding: .5em;
  background: #3088CE;
        border-radius: 9px;
        margin-bottom: 10px;
}
a:hover, a:active {
  color: #FFFF00;
  outline: unset;
  opacity: .7;
}
.redBtn {
  background: #EC6268;
  color: #fff;

}
.blueBtn {
  color: #fff;
}
/* a:hover {
  background: #f3f4f5;
  border: 2px solid #f3f4f5;
} */
a span {
  color: #d8d8d8;
}
footer {
  text-align: center;
  padding: 3em 0 0 0;
}
}
footer#colophon {
    display: none;
}

.mailformWrap {
    /* text-align: center; */
}

/* 投稿ページボタンまわり */
a#nopost {
    background-color: #3088ce;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1;
    padding: 1em 2em;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    margin-top: 1em;
    border-radius: 5px;
    width: 15em;
  margin: 0 auto;
  display: block;
}

span.wpcf7-spinner {
    display: none;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
  width: 15em;
  margin: 0 auto;
  display: block;
  background: #EC6268;
  border-radius: 5px;
}


/* メールフォームないのテキスト調整 */
main p.form_topTxt {
  margin: 0 auto;
    padding: 0;
    /* margin: 0; */
	margin-bottom: 1em;
    line-height: 1.8;
}
main p.hyouka {
	    padding: 3em 0;
    line-height: 1.8;
    border-bottom: 1px solid #f1f3f4;
   font-size: 1.4em;
	margin-bottom: 3em;
}
.form_kome {
	margin: 0 auto;
    margin-top: 3em;
    text-align: left;
    margin-bottom: 2em;
}
.form_kome span {
    text-indent: -1em;
    display: block;
    padding-left: 1em;
    font-size: .9em;
    color: #656565;
	    line-height: 1.2;
    margin-bottom: 1em;
}

@media screen and (max-width: 700px) {
	main p.lead1,
main p.form_topTxt {
text-align: justify;
}
}

/* ---------------------------------------------------------
ここまで口コミフォームスタイリング

ここからサンクスページ
--------------------------------------------------------- */
.page-id-253,
.page-id-241 {
  .site-content-contain {
    background-color: #FFFEBA;
    height: 100vh;
  }
  a {
    background-color: unset;
  }
}


/* ---------------------------------------------------------
2025/03/03　
新デザイン
 design_v2
--------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

main.design_v2 {
  --base-font-size: 2.67vw; 
  font-size: var(--base-font-size); /* 念のため main 自体にも適用 */
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 701px) {
  main.design_v2 {
    --base-font-size: 10px; 
    padding: 0 calc(var(--base-font-size) * 3);
    max-width: calc(var(--base-font-size) * 37.5);
    margin: 0 auto;
    /* background: #ff00000a; */
  }
}




.design_v2 img.logo {
  /* height: calc(var(--base-font-size) * 18); */
  height: calc(var(--base-font-size) * 15);
  width: auto;
  margin: 0 auto;
  display: block;
  margin-bottom: calc(var(--base-font-size) * 8);
}
.design_v2 .mv {
  height: calc(var(--base-font-size) * 22);
  width: auto;
  margin: 0 auto;
  display: block;
  margin-bottom: calc(var(--base-font-size) * 4);
}
.design_v2 .mv.hyo {
  height: calc(var(--base-font-size) * 12);
}
.design_v2 .txt {
  font-size: calc(var(--base-font-size) * 1.4);
  line-height: 2;
  font-weight: 500;
}
.design_v2 .grayBack {
  background: #F3F5F9;
  padding: calc(var(--base-font-size) * 2.4) calc(var(--base-font-size) * 1.4);
  border-radius: calc(var(--base-font-size) * 1.5);
  margin-top: calc(var(--base-font-size) * 5);
}
.design_v2 .konkai {
  width: calc(var(--base-font-size) * 25);
  margin: 0 auto;
  display: block;
  margin-bottom: calc(var(--base-font-size) * 2);
}
.design_v2  a {
  color: unset;
  padding: unset;
  background: url();
  border-radius: 0;
  line-height: 1;
  margin-bottom: calc(var(--base-font-size) * 1.5);
}
.design_v2  a:last-child {
  margin-bottom: 0;
}


.design_v2 .txt_sm {
  font-size: calc(var(--base-font-size) * 1.3);
  margin-top: calc(var(--base-font-size) * 2);
  margin-bottom: 0;
}

.design_v2 textarea {
  border-radius: calc(var(--base-font-size) * 1.5);
  margin-top: calc(var(--base-font-size) * 5);
}

.design_v2 textarea::placeholder {
  color: #929292;
}
.design_v2 p.txt_ssm {
  text-indent: -1em;
  padding-left: 1em;
  font-size: calc(var(--base-font-size) * 1.2);
}

/* ---------------ボタン画像化------------------ */

.design_v2 a.colorA {
  position: relative;
  height: calc(var(--base-font-size) * 6.8);
  text-indent: -9999px;
}
.design_v2 a.colorA::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(imges_v2/bottn_hai.png) no-repeat center/contain;
  z-index: 1;
}

.design_v2 a.colorB {
  position: relative;
  height: calc(var(--base-font-size) * 6.8);
  text-indent: -9999px;
}
.design_v2 a.colorB::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(imges_v2/bottn_iie.png) no-repeat center/contain;
  z-index: 1;
}

.submit-wrapper {
  position: relative;
  height: calc(var(--base-font-size)* 6.5);
  margin: 0 auto;
  text-indent: -9999px;
}
.submit-wrapper:hover, .submit-wrapper:active {
  opacity: .7;
}
.submit-wrapper::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(imges_v2/bottn_suru.png) no-repeat center/contain;
  z-index: 1;
  pointer-events: none;
}


.design_v2 a#nopost {
  position: relative;
  height: calc(var(--base-font-size) * 6.5);
  width: calc(var(--base-font-size) * 27);
  background: none;
  text-indent: -9999px;
  margin-top: calc(var(--base-font-size) * 1.8);
}
.design_v2 a#nopost::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(imges_v2/bottn_sinai.png) no-repeat center/contain;
  z-index: 1;
}