@charset "UTF-8";
/* CSS Document */

html,body {
	margin:0;
	padding:0;
	line-height:1.5;
	background-color:#E61E58;
	height: 100%;
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	overflow-x: hidden;
}
.wf-kokoro { font-family: "Kokoro"; }
.wf-hannari { font-family: "Hannari"; }

canvas {
	display:inline-block;
}
.soon {
	display:contents;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
}
#my-soon-counter {background-color:#E61E58;}
#my-soon-counter .soon-reflection {background-color:#f21f69;background-image:linear-gradient(#f21f69 25%,rgba(242,31,105,0));}
#my-soon-counter {background-position:top;}
#my-soon-counter {color:#ffffff;}
#my-soon-counter .soon-flip-face {background-color:#ffffff;}
#my-soon-counter .soon-flip-fallback {background-color:#ffffff;}
#my-soon-counter .soon-flip-face {color:#fb3364; font-family: 'Oswald', sans-serif;}
#my-soon-counter .soon-flip-fallback {color:#fb3364;}

.pcNone {
	display: none;
}

.fullscrn {
	width: 100vw;
	height: auto;
	/*min-height: 100vh;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.head_copy {
	width: 50%;
	/*margin: 2rem 0 0 0;*/
	margin: 0;
	padding: 0;
}
.head_copy img{
	width: 100%;
}

.head_logo {
	width: 20%;
	margin: 3rem 0;
}
.head_logo img{
	width: 100%;
}
p.countdown_tex {
	font-size: 1.2rem;
	color: #ffffff;
}
.soon_all {
	display:contents;
	margin: 0;
	padding: 0;
}
.head_tex {
	/*margin: 2rem 0 3rem 0;*/
	margin: 2rem auto 3rem auto;
	/*width: 50%;*/
	width: 90%;
}
.shi_text {
	width: 80%;
	margin: 0 auto;
}
.shi_text img{
	width: 100%;
	max-width: 1039px;
	margin: 0 auto;
}
p.shi_tex{
	font-size: 1.8rem;
	color: #FFFFFF;
}
p.jcps_tex_l{
	clear: right;
	/*padding-top: 1em;*/
	font-size: 1.8rem;
	color: #FFFFFF;
}
p.jcps_tex_r{
	font-size: 1.4rem;
	color: #FFFFFF;
	text-align: right;
}
.shi_sign {
	width: 30%;
	float: right;
	margin-top: 1rem;
}
.soon_sp_yoko {
	display: none;
}
hr.head_tex_sep {
	margin: 3rem 0;
	/*border-top: 1px dashed #E61E58;
  	border-bottom: 1px dashed #fff;*/
	border-width: 0 0 1px;
  border-image: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.5) 50%,
    hsla(0, 0%, 100%, 0) 100%) 0 0 100%;
  border-style: solid;
}
ul.head_tex_list {
	list-style: none;
	display: flex;
	justify-content: center;
	width: 100%;
}
ul.head_tex_list li{
	width: 50%;
}
ul.head_tex_list li.head_tex_list_jcps{
	width: 40%;
}
.kurashi_area {
	width: 100%;
	/*margin: 3rem 0;*/
	margin: 0;
	/*border: 1ox solid white;*/
}
.kurashi_area img{
	width: 100%;
}
.report {
	width: 100%;
	margin: 2em auto;
	/*background: #FFFFFF;*/
}
ul.report_box {
	width: 50%;
	margin: 0 auto 3em auto;
	display:  flex;
	justify-content: space-between;
	align-items: center;
	background: #FFFFFF;
	border-radius: 6px;
}
ul.report_box li.report_pic{
	width: 40%;
}
ul.report_box li.report_pic img{
	width: 100%;
	vertical-align: bottom;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
ul.report_box li.report_tex {
	width: 60%;
	text-align: center;
}
ul.report_box li.report_tex h2{
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 1em;
}

.btn-open {
	width: 10em;
	background-color: #E3245A;
	color: #FFFFFF;
	margin: 0 auto;
	text-align: center;
	border-radius: 6px;
	padding: 1em 2em 1em 2em;
	text-decoration: none;
	margin-bottom: 1em;
	display: block;
}
.btn-open:hover {
	background-color:#3D0A0A;
	text-decoration: underline;
}
.report_colse {
  display: inline-block;
  max-width: 180px;
  text-align: left;
  background-color: ##E3245A;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border: 1px dashed #FFF;
  box-shadow: 0px 0px 0px 5px ##E3245A;/* box-shadowで外枠を */
	margin-bottom: 2em;
}
.report_colse:active  {
 border-style: solid;
}

.report_page {
	width: 80%;
	margin: 2em auto;
	background:#FFFFFF;
	border-radius: 6px;
}
ul.report_page_list {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
ul.report_page_list li{
	width: 49%;
}
li.popup_pic img {
	width: 100%;
	vertical-align: bottom;
	border-top-left-radius: 6px;
	/*border-bottom-left-radius: 6px;*/
}
li.popup_tex {
	padding: 0em 2em 2em 2em;
	box-sizing: content-box;
}
li.popup_tex h3{
	font-size: 1.4rem;
	font-weight: 700;
	margin: 1em 0;
}
li.popup_tex p{
	margin: 1em 0;
	line-height: 1.6em;
}
p.ans_talk{
	font-weight: 700;
}

.report_title {
	height: 45%;
	margin: 0 0 0 0;
	background-image: url("../img/kurashinokoewokiku.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-size:contain;
	
	/*border: 1px solid black;*/
}
/*.report_title img{
	width: 100%;
}*/
/*SP縦向き*/
@media screen and (orientation: portrait) and (max-width: 480px){
	.fullscrn {
	 	/*height: calc(100vh -80px)!important;*/
	}
	.pcNone {
		display:inherit;;
	}
	.head_copy {
		width: 80%;
		/*margin-top: -80px;*/
		/*margin: 1.5rem 0 0 0;*/
		margin: 0;
	}
	.head_logo {
		width: 35%;
		margin-top: 1rem;
		margin-bottom: 0.6rem;
	}
	p.countdown_tex {
		font-size: 0.8rem;
	}
	.head_tex {
		margin: 1rem 0;
		/*width: 80%;*/
		width: 100%;
	}
	ul.head_tex_list {
		width: 100%;
		display:inherit;
		margin: 0 auto 3em auto;
	}
	ul.head_tex_list li{
		width: 100%;
	}
	ul.head_tex_list li.head_tex_list_jcps{
		width: 80%;
		margin: 0 auto;
	}
	/*.head_tex p{
		text-align: left;
		font-size: 1rem!important;
	}*/
	p.shi_tex{
		font-size: 1rem !important;
		color: #FFFFFF;
	}
	p.jcps_tex_l{
		clear: right;
		padding-top: 0.8em;
		font-size: 0.8em !important;
		color: #FFFFFF;
	}
	p.jcps_tex_r{
		font-size: 1.1rem !important;
		color: #FFFFFF;
		text-align: right !important;
	}
	.shi_sign {
		margin-top: 0;
	}
	ul.report_box {
		width: 90%;
		display: inherit;
		margin: 0 0 1em 2.5%;
		list-style: none;
	}
	ul.report_box li.report_pic{
		width: 100%;
		margin: 0 auto;
	}
	ul.report_box li.report_tex{
		width: 90%;
		margin: 0 auto;
		padding-bottom: 1em
	}
	ul.report_box li.report_tex h2{
		font-size: 1.2rem;
		margin: 1.2em 0 1.2em 0;
		word-break: break-all;
	}
	li.popup_tex h3{
		font-size:1.2rem;
		width: 80%;
	}
	li.popup_tex p{
		width: 80%;
	}
	li.popup_pic img{
		width: 100%;
		border-top-right-radius: 6px;
	}
	
	.report_page {
		width: 85%;
		margin: 0em 0 1em -0.9em;
	}
	ul.report_page_list {
		display: inherit;
	}
	ul.report_page_list li{
		width: 100%;
	}
}

/*SP横向き*/
@media screen and (orientation: landscape) and (max-width: 896px){
	.head_copy {
		width: 40%;
		/*margin: 1rem 0 0 0;*/
		margin: 0;
	}
	.pcNone {
		display:inherit;;
	}
	.head_logo {
		width: 20%;
		margin: 1rem 0;
	}
	.soon_all {
		display: none;
	}
	.soon_sp_yoko {
		display:contents;
		padding: 0;
		margin-top: 1rem;
	}
	.head_tex {
		width: 50%;
		margin: 0.6rem 0;
	}
	/*.head_tex p{
		font-size: 1rem;
	}*/
	p.shi_tex{
		font-size: 1rem!important;
		color: #FFFFFF;
	}
	p.jcps_tex_l{
		clear: right;
		padding-top: 1em;
		font-size: 1rem!important;
		color: #FFFFFF;
	}
	p.jcps_tex_r{
		font-size: 1.1rem!important;
		color: #FFFFFF;
		text-align: right!important;
	}
	.shi_sign {
		width: 20%;
	}
	ul.head_tex_list {
		display:inherit;
		margin: 0 0 3em 0;
	}
	ul.head_tex_list li{
		width: 100%;
	}
	ul.head_tex_list li.head_tex_list_jcps{
		width: 100%;
	}
	
	ul.report_box {
		width: 90%;
		display:  flex;
		justify-content: space-between;
		align-items: center;
	}
	ul.report_box li.report_pic{
		width: 40%;
	}
	ul.report_box li.report_tex{
		width: 60%;
		margin: 0 auto;
		padding-bottom: 1em
	}
	ul.report_box li.report_tex h2{
		font-size: 1.5rem;
		margin-bottom: 0.5em;
	}
	
	.report_page {
		width: 85%;
		margin: 1em 0 1em -0.5em;
	}
	ul.report_page_list {
		display: inherit;
	}
	ul.report_page_list li{
		width: 100%;
	}
	li.popup_tex p{
		width: 80%;
	}
	li.popup_pic img{
		width: 100%;
		border-top-right-radius: 6px;
	}
}

/*タブレット縦向き*/
@media screen and (min-width: 481px) and (max-width: 1024px) and (orientation: portrait){
	.head_copy {
		width:80%;
		/*margin: 2rem 0 0 0;*/
		margin: 0;
	}
	.pcNone {
		display:inherit;;
	}
	.head_tex {
		width: 75%;
	}
	/*.head_tex p{
		text-align: left;
		font-size: 1.6rem;
	}*/
	p.shi_tex{
		font-size: 1.8rem;
		color: #FFFFFF;
	}
	p.jcps_tex_l{
		clear: right;
		padding-top: 1em;
		font-size: 1.8rem;
		color: #FFFFFF;
	}
	p.jcps_tex_r{
		font-size: 2rem;
		color: #FFFFFF;
		text-align: right;
	}
	ul.head_tex_list {
		display:inherit;
		margin: 0 0 3em 0;
	}
	ul.head_tex_list li{
		width: 100%;
	}
	ul.head_tex_list li.head_tex_list_jcps{
		width: 100%;
	}
	
	
	ul.report_box {
		width: 90%;
		display:  flex;
		justify-content: space-between;
		align-items: center;
	}
	ul.report_box li.report_pic{
		width: 40%;
	}
	ul.report_box li.report_tex{
		width: 60%;
		margin: 0 auto;
		padding-bottom: 1em
	}
	ul.report_box li.report_tex h2{
		font-size: 1.5rem;
		margin-bottom: 0.5em;
	}
	
	.report_page {
		width: 85%;
		margin: 1em 0 1em -0.5em;
	}
	ul.report_page_list {
		display: inherit;
	}
	ul.report_page_list li{
		width: 100%;
	}
	li.popup_tex p{
		width: 80%;
	}
	li.popup_pic img{
		width: 100%;
		border-top-right-radius: 6px;
	}
}

/*タブレット横向き*/
@media screen and (min-width: 897px) and (max-width: 1112px) and (orientation: landscape){
	.head_copy {
		width:80%;
		/*margin: 2rem 0 0 0;*/
		margin: 0;
	}
	.head_tex {
		width: 80%;
		margin: 2rem 0 2rem 0;
	}
	/*.head_tex p{
		text-align: left;
		font-size: 1.6rem;
	}*/
	p.shi_tex{
		font-size: 1rem!important;
		color: #FFFFFF;
	}
	p.jcps_tex_l{
		clear: right;
		padding-top: 1em;
		font-size: 1.3rem!important;
		color: #FFFFFF;
	}
	p.jcps_tex_r{
		font-size: 1.8rem!important;
		color: #FFFFFF;
		text-align: right;
	}
	.shi_sign {
		width: 20%;
		float: right;
		margin-top: 1rem;
	}
	ul.head_tex_list {
		display:inherit;
		margin: 0 0 3em 0;
	}
	ul.head_tex_list li{
		width: 100%;
	}
	ul.head_tex_list li.head_tex_list_jcps{
		width: 100%;
	}
	
	ul.report_box {
		width: 90%;
		display:  flex;
		justify-content: space-between;
		align-items: center;
	}
	ul.report_box li.report_pic{
		width: 40%;
	}
	ul.report_box li.report_tex{
		width: 60%;
		margin: 0 auto;
		padding-bottom: 1em
	}
	ul.report_box li.report_tex h2{
		font-size: 1.5rem;
		margin-bottom: 0.5em;
	}
	
	.pop-up-inside {
		width: 99%;
		margin: 0 auto;
	}
}