@charset "utf-8";
/* CSS Document */
* {
  box-sizing: border-box;
}
html {
 /* font-size: 62.5%;*/
  box-sizing: border-box;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', '游ゴシック体', 'Yu Gothic', YuGothic, Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
  color:rgba(57,57,57,1.00);
  font-size: 1.8rem;
  letter-spacing: 0px;
  background: #Fff;
}

.news-header {
  width: min(1000px, 100vw);
  padding: 15px 5px 0 0;
  margin: 0 auto;
    background-color: #fff;
}
.news-header img {
  width: min(350px, 50vw);
}
.news-article {
  width: min(1000px, 100vw);
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  text-align: left;
  overflow: hidden;

}
.news-article__title {
  width: min(1000px, 100vw);
  margin: 60px auto 0;
  text-align: left;
  padding:0 6% 10px 6%;
}
.news-article__title h2 { margin:0; }
.news-article__title p { color:#DF62A0; margin:0; padding:0; font-size:smaller; text-align: right;}
.news-article__title .pencile {
  width: min(38px, 8vw);
}

.news-article__title .nyanco {
  width: min(43px, 8vw);
}

.news-article .pink-area {
  width: min(1000px, 100vw);
/*  background: #f6f5f5;*/
  padding: 50px 6%;
  margin: 0 auto;
}
.w100 {
  width: 100%;
}


.w350 {
  width: min(350px, 70vw);
	text-align:center;
	margin:0 auto;
	display:block;
}

.border-pink {
  border: 1px solid rgba(246, 144, 198, 1.00);
}
.to-home {
  text-align: center;
}


.adviceflexbox { display: flex;
    justify-content: space-between;}
.advicebox-img { width: 30%; font-size:smaller;}
.advicebox-img img { width: 95%; }
.advicebox-txt { width: 68%; margin:0; }

h3 { color:#DF62A0; border-bottom: 1px solid rgba(223,98,160,1.00);  }
/*********smp*********/
@media screen and (max-width:560px) {
  body {
    font-size: 1.6rem;
  }
  h1, h2 {
    font-size: 1.8rem;
  }
	

.news-header {
  padding: 10px;
}
.news-article__title {
  margin: 20px auto 0;
  padding:0 10px 10px;
}
.news-article .pink-area {
  padding: 10px;
}
.adviceflexbox { flex-direction:column; }
.advicebox-img { width: 100%; font-size:smaller; text-align: center;}
.advicebox-img img { width: 75%; }
.advicebox-txt { width: 100%; }
}