@charset "utf-8";
/* エントリーCSS Document */
/*ページメイン画像
---------------------------------------------------------------------------*/
/* ヘッダー */
.page-header {
	position: relative;
	top: 4.5rem;
  text-align: center; }
  .page-header .read {
    font-size: 1vw; }

.secondary-content .page-header {
  padding-top: 0; }

@media screen and (max-width: 950px) {
  .page-header .read {
    font-size: 1.6vw; } }

@media screen and (max-width: 600px) {
  .page-header .read {
    font-size: 3.2vw; } }



/* ヘッダータイトル*/
.page-title {
	width: 40%;
  margin: 0 auto;
  line-height: 1;
  white-space: nowrap; }
.page-title .en-title {
    display: block;
    margin-bottom: .1em;
    font-family: monarcha, serif;
	font-weight: 400;
	font-style: normal;
    color: #fff;
	  border-bottom: solid #fff 1px;
	  padding-bottom: 10px;
}
.page-title .ja-title {
    display: block;
	color: #fff;
    font-size: 37%;
	padding-top: 10px;
}

.heder_sfont {
    font-size: 1.5vw;
    color: #fff;
	margin: 0 auto;
}
.secondary-content .page-title {
  font-size: 4vw; }

@media screen and (max-width: 950px) {
	.page-title {
	width: 50%;}
  .secondary-content .page-title {
    font-size: 5.5vw; }
	.page-title .ja-title {
    font-size: 45%;}
	.heder_sfont {
    font-size: 1.8vw;
}
}

@media screen and (max-width: 600px) {
	.page-title {
	width: 80%;}
  .secondary-content .page-title {
    font-size: 7vw; }	
	.page-title .ja-title {
    font-size: 50%;}
	.heder_sfont {
    font-size: 3vw;}
}


@media screen and (max-width: 400px) {
	.page-title {
	width: 95%;}
  .secondary-content .page-title {
    font-size: 11vw; } 
	.heder_sfont {
    font-size: 3.6vw;}
}



/* 波アニメ */
#canvas-container {
    padding-top: 100px;
    background-size: cover;
}
canvas {
    width: 100%;
    height: 200px;
    vertical-align: top;
}

@media only screen and (max-width: 959px) {

#canvas-container {
    padding-top: 100px;
}
canvas {
    height: 200px;
}
}



/* .visual-container: エントリー */
.secondary-content.c_s-content .visual-container {
  background-image: url("img_visual_01.jpg");
  background-position: center 60%; }


@media screen and (max-width: 40em) {
  .secondary-content.c_s-content .visual-container {
    background-position: center 90%; } }


/* エントリー-container */
.entry-container {
  width: 90%;
  max-width: 60em;
  margin: 4em auto; 
	padding-top: 4em;
}






/*ヘッダータイトル*/
.entry-content.c_s-content.page-title {
	width: 40%;
  margin: 0 auto;
  line-height: 2;
  white-space: nowrap; }
.entry-content.c_s-content.page-title .en-title {
    display: block;
    margin-bottom: .1em;
    font-family: monarcha, serif;
	font-weight: 400;
	font-style: normal;
    color: #fff;
	  border-bottom: solid #fff 1px;
	  padding-bottom: 10px;
}
.entry-content.c_s-content.page-title .ja-title {
    display: block;
	color: #fff;
    font-size: 37%;
	padding-top: 10px;
}

.entry-content.c_s-content .page-title {
  font-size: 3vw; }

@media screen and (max-width: 950px) {
.entry-content.c_s-content.page-title {
	width: 60%;}
.entry-content.c_s-content .page-title {
    font-size: 5vw;
}
.entry-content.c_s-content.page-title .ja-title {
    font-size: 45%;}
}

@media screen and (max-width: 600px) {
.entry-content.c_s-content .page-title {
    font-size: 7vw;
}
.entry-content.c_s-contentt.page-title .ja-title {
    font-size: 40%;}
}

@media screen and (max-width: 400px) {
.entry-content.c_s-content .page-title {
    font-size: 9vw;
}
.entry-content.c_s-content.page-title .ja-title {
    font-size: 40%;}
}
/*Thanks テキスト */
.read2 {
	text-align: center;
}
/*Thanks h2 */
.entry-container h2 {
	font-family: a-otf-midashi-mi-ma31-pr6n, serif;
font-weight: 600;
font-style: normal;
	font-size: 1.5em;
	line-height: 1.6; 
	color: #947c2b;
	border-bottom: solid #947c2b 1px;
	margin-bottom: 20px;
}

strong {
	font-size: 1.5em;
	color: #730909;
}