@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: "fontn";
	src: url("../../img/font_n.woff") format('woff');
}
@font-face {
	font-family: "fontb";
	src: url("../../img/font_b.woff") format('woff');
}
#stage #content {
	width: 100%;
	background: #b8ce69 url(../../kids/img/bg_loop.jpg) 50% top;
	overflow: hidden;
}
#stage #content .headbg {
	position: absolute;
	width: 100%;
	height: 350px;
	background: #b8ce69 url(../../kids/img/bg_pc.jpg) no-repeat 50% top;
	overflow: hidden;
}
#content .inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
#content .border:before {
	content: "間違い探しクイズ";
	-webkit-text-stroke: 0.23em #fff;
	position: absolute;
	letter-spacing: 0;
}
#content .border.b2:before {
	content: "キッズシアター";
}
#content .border.b3:before {
	content: "キッズ童話館";
}
#content .border{
	position:relative;
	display: inline-block;
}
#content .border b {
	position: relative;
	height: 4.7vw;
	letter-spacing: 0;
	/* left: 0; */
	z-index: 1;
	color: #00a03c;
	transition: .24s;
	display: inline-block;
	font-weight: normal;
}
#content h3 .border b {
	position: relative;
	font-weight: bold;
}
#content .obj {
	position: absolute;
	top: 0;
	left: 0;
}
#content .frame {
	display: block;
	position: relative;
	margin: 11% 0 14%;
}
#content .frame:after {
	content: "";
	width: 115.8%;
	height: 146.3%;
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 0;
	margin: -3.2% 0 0 -0.3%;
	background: url(../../kids/img/cts_boad.png) no-repeat;
}
#content h3:before {
	content: "";
	width: 115.9%;
	height: 143.2%;
	position: absolute;
	left: -0.7%;
	top: 0;
	background: url(../../kids/img/h3_boad.png) no-repeat;
}
#content h3 .border {
	filter: drop-shadow(0.1em 0.1em 0.05em rgba(0, 0, 0, 0.3));
}
#content h3 .border:before {
	-webkit-text-stroke: 0.15em #fff;
}
#content h3 {
	color: #00a03c;
	display: inline-block;
	padding: 14.7px 0;
	position: relative;
	font-size: 2.5em;
	font-family: fontb;
	font-weight: bold;
	white-space: nowrap;
	width: 366px;
	height: 60px;
	margin-left: -6px;
	position: relative;
	letter-spacing: -0.03em;
	text-decoration: none !important;
}
#content .sublead {
	font-family: fontb;
	color: #63541f;
	font-size: 1.4em;
	margin: 35px 0 57px;
	letter-spacing: 0.02em;
}
/*============================
#ctsHead
============================*/

#ctsHead {
	position: relative;
}
#ctsHead h1 {
	width: 600px;
	margin-left: 341px;
	padding-top: 126px;
	text-align: left;
}
#ctsHead h1 img {
	position: relative;
	width: 25.626%;
	margin-right: -8%;
}
#ctsHead h1 .l1 {
	position: relative;
	width: 25.626%;
	margin-right: -8%;
}
#ctsHead h1 img {
	position: relative;
	width: 25.626%;
	margin-right: -8.3%;
}
#ctsHead h1 .c1 {
	width: 15.167%;
	margin-right: -0.7%;
}
#ctsHead h1 .c2 {
	width: 15.167%;
	margin: 2.8% -1.3% 0 0;
}
#ctsHead h1 .c3 {
	width: 11.167%;
	margin: 4.5% -0.5% 0 0;
}
#ctsHead h1 .c4 {
	width: 15.167%;
	margin: 0.7% 0.2% 0 0;
}
#ctsHead h1 .c5 {
	width: 12.834%;
	margin: 3% -2.2% 0 0;
}
#ctsHead h1 .c6 {
	width: 14.334%;
	margin: 0.8% 0.1% 0 0;
}
#ctsHead h1 .c7 {
	width: 13.5%;
	margin: 3.1% 0.8% 0 0;
}
#ctsHead h1 .c8 {
	width: 5.167%;
	margin-top: 0.9%;
}
#ctsHead h2 {
	position: relative;
	z-index: 1;
	width: 237px;
	position: absolute;
	margin: 1.05% 1% 0 0;
	filter: drop-shadow(0em 0.2em 0.2em rgba(0, 0, 0, 0.5));
	position: absolute;
	right: -17px;
	top: 7px;
}
#ctsHead h2 a {
	display: block;
}
#ctsHead h2 img {
	position: absolute;
	left: 0;
	animation: tlatt 5s cubic-bezier(0.4, 0, 0.5, 1) infinite;
}
#ctsHead h2 .en {
	width: 52%;
	margin: 0 0 0 22.8%;
	animation: none;
}
#ctsHead h2 .c1 {
	width: 16.62%;
	margin: 8.6% 0 0 -1.2%;
	z-index: 6;
}
#ctsHead h2 .c2 {
	width: 19.08%;
	margin: 8.4% 0 0 11%;
	z-index: 5;
	animation-delay: .2s;
}
#ctsHead h2 .c3 {
	width: 16.925%;
	margin: 7.9% 0 0 26.5%;
	z-index: 4;
	animation-delay: .4s;
}
#ctsHead h2 .c4 {
	width: 19.08%;
	margin: 6.58% 0 0 40.2%;
	z-index: 3;
	animation-delay: .6s;
}
#ctsHead h2 .c5 {
	width: 15.693%;
	margin: 8.4% 0 0 55.7%;
	z-index: 2;
	animation-delay: .8s;
}
#ctsHead h2 .c6 {
	width: 14.77%;
	margin: 10.8% 0 0 68.2%;
	z-index: 1;
	animation-delay: 1s;
}
#ctsHead h2 .c7 {
	width: 18.465%;
	margin: 6.6% 0 0 79.8%;
	z-index: 0;
	animation-delay: 1.2s;
}
@keyframes tlatt {
	0%, 40%, 100% {
		transform: scale(1)
	}
	10%,
	12% {
		transform: scale(1.2)
	}
	24% {
		transform: scale(0.9)
	}
}
#ctsHead .ctsMenu {
	display: block;
	font-family: fontn;
	margin: 63px 0 71px -2px;
	letter-spacing: -0.03em;
	font-size: 1.9em;
}
#ctsHead .ctsMenu li {
	position: relative;
	display: inline-block;
	width: 310px;
	height: 89px;
	margin-right: 33px;
}
#ctsHead .ctsMenu li:before {
	content: "";
	width: 115.8%;
	height: 146.3%;
	position: absolute;
	left: 0;
	background: url(../../kids/img/menu_boad.png) no-repeat;
}
#ctsHead .ctsMenu li:last-child {
	margin-right: 0;
	font-size: 1.06em;
}
#ctsHead .ctsMenu li a {
	display: block;
	padding: 15.7px 0;
	width: 100%;
	position: relative;
	text-decoration: none !important;
}
#ctsHead .ctsMenu li .border{
    display: block;
    filter: drop-shadow(0.1em 0.1em 0.1em rgba(0, 0, 0, 0.5));
}
#ctsHead .ctsMenu li a:hover b {
	color: #21ba5a;
}
#ctsHead p.lead {
	font-family: fontb;
	color: #63541f;
	font-size: 1.55em;
	margin: -21px 0 52px;
	line-height: 1.55em;
	background: url(../../kids/img/bg_lead.png) no-repeat center;
	padding: 38px 0 41px;
}
#ctsHead .ctsMenu span:after {
	content: "";
	position: relative;
	display: inline-block;
	width: 1em;
	height: 1.08em;
	margin: 0% -1.7% -1.7% 5%;
	background: url(../../kids/img/arrow_menu_pc.png?2) no-repeat;
	transition: .1s;
}
#ctsHead .ctsMenu a:hover span:after {
	margin-bottom: -2.5%;
}
#ctsHead .c6 {
	width: 14.334%;
}
#ctsHead .c7 {
	width: 13.5%;
}
#ctsHead .c8 {
	width: 5.167%;
}
#ctsHead .border i{
	filter: drop-shadow(0.1em 0.1em 0.1em rgba(0, 0, 0, 0.5));
	-webkit-text-stroke: 0.23em #fff;
	letter-spacing: 0;
	white-space: nowrap;
	font-style: inherit;
}
#ctsHead .tree1 {
	margin: 30.5% 0 0 105.1%;
}
#ctsHead .caw1 {
	margin: 46.4% 0 0 -16.1%;
}
/*============================
#ctsQuiz
============================*/

div#ctsQuiz {
	position: relative;
	padding-top: 1%;
}
#ctsQuiz .frame {
	margin: 5% 0 15.6%;
}
#ctsQuiz .frame:after {
	content: "";
	width: 129.8%;
	height: 128.3%;
	position: absolute;
	left: 0;
	top: 0;
	margin: -3.2% 0 0 -0.3%;
	background: url(../../kids/img/cts_boad.png) no-repeat;
	pointer-events: none;
}
#ctsQuiz .detail {
	position: absolute;
	width: 170px;
	height: 20px;
	background: #ffffff;
	color: #003591;
	left: 50%;
	bottom: 5.8%;
	padding: 0.5em 0;
	border-radius: 2em;
	line-height: 1;
	margin-left: -3px;
	transform: translateX(-50%);
	font-family: fontb;
	font-size: 1.3em;
	letter-spacing: 0.03em;
	transition: .3s;
	filter: drop-shadow(0.1em 0.1em 0.1em rgba(0, 0, 0, 0.5));
}
#ctsQuiz a:hover .detail {
	color: #fff;
	background: #003591
}

#ctsQuiz .obj {} #ctsQuiz .tree1 {
	margin: 20% 0 0 -22%;
}
#ctsQuiz .caw1 {
	margin: 19.8% 0 0 105.3%;
}
#ctsQuiz .caw2 {
	margin: 55% 0 0 -16.3%;    
}
/*============================
#ctsTheater
============================*/

#ctsTheater {
	position: relative;
}
#ctsTheater .frame {
	margin: -0.2% 5.3% 10% 0;
	display: inline-block;
	vertical-align: top;
}
#ctsTheater .frame:nth-child(2n){
	margin-right: 0;
}
#ctsTheater .frame:last-of-type{
	margin-bottom: 14.1%;
	margin-right: 0;
}
#ctsTheater .frame + .frame {
	/* margin-bottom: 15%; */
}
#ctsTheater .play {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6.6%;
	transition: .3s;
	filter: drop-shadow(0 0 0.3em rgba(0, 0, 0, 0.2));
}
#ctsTheater .frame:hover .play {
	transform: scale(1.15);
}
#ctsTheater .tree1 {
	margin: -0.9% 0 0 106.3%;
}
#ctsTheater .tree2 {
	margin: 44.2% 0 0 -20.6%;
	transform: scaleX(-1);
}
#ctsTheater .tree3 {
	margin: 85.5% 0 0 105.3%;
	transform: scaleX(-1);
}
#ctsTheater .tree4 {
	margin: 115.1% 0 0 -20.7%;
	transform: scaleX(-1);
}
#ctsTheater .caw1 {
	margin: 35.5% 0 0 105.2%;
	transform: scaleX(-1);
}
#ctsTheater .caw2 {
	margin: 79.7% 0 0 -20%;
	transform: scaleX(-1);
}
#content .frame .img {
	transition:filter .2s;
}
#content .frame:not(.coming):hover .img {
	filter:brightness(1.08)
}
#content .frame .new {
	position:absolute;
	left:0;
	top:0;
	margin: -57px 0 0 42px;
	z-index:1;
}
#ctsTheater .frame:after {
	content: "";
	width: 138.43%;
	height: 126.3%;
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 0;
	margin: -3.5% 0 0 -3.2%;
	background: url(../../kids/img/cts_boad_m.png) no-repeat;
}
#ctsTheater .frame .new{
    margin: -37px 0 0 10px;
}
/*============================
#ctsDouwa
============================*/

#ctsDouwa {
	position: relative;
}
#ctsDouwa ul {
	margin-bottom: 7%;
	display: block;
}
#ctsDouwa li.frame {
	display: inline-block;
	width: 207px;
	margin: 0 4.9% 0 0;
	vertical-align: top;
}
#ctsDouwa li.frame:last-child {
	margin-right: 0;
}
#ctsDouwa .frame:after {
	width: 166.2%;
	height: 135.5%;
	margin: -6.5% 0 0 -7.1%;
	background: url(../../kids/img/cts_boad_s.png) no-repeat;
	background-size: contain;
}
#ctsDouwa .frame h4 {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	font-size: 1.1em;
	margin-top: 3%;
	font-family: fontb;
	color: #00a03c;
}
#ctsDouwa .frame a {
	display: inline-block;
	background: #00a03c;
	color: #fff;
	margin: 0 2.6%;
	padding: 1.1% 4.9% 1.5%;
	font-family: fontn;
	font-size: 0.96em;
	border-radius: 1em;
	filter: drop-shadow(0.1em 0.2em 0.2em rgba(0, 0, 0, 0.3));
	text-decoration: none !important;
	transition: .24s;
}
#ctsDouwa .frame a:hover {
	background: #21ba5a;
}
#ctsDouwa .img {
	width: 100%;
	margin-bottom: -16%;
}
#ctsDouwa li.f2 {
	margin-top: 10.6%;
}
#ctsDouwa li.f4 {
	margin-top: 10.6%;
}
#ctsDouwa .f4 h4 {
	transform: scale(.9, .95);
	white-space: nowrap;
	font-size: 1.08em;
    letter-spacing: -0.05em;
    margin-top: 4.4%;
}
#ctsDouwa .tree1 {
	margin: 51.6% 0 0 -22%;
}
#ctsDouwa .tree2 {
	margin: -6.5% 0 0 105.3%;
	transform: scaleX(-1);
}
#ctsDouwa .caw1 {
	margin: 0.4% 0 0 -16.1%;
}
#ctsDouwa .caw2 {
	margin: 28.6% 0 0 105%;
	transform: scaleX(-1);
}
#ctsDouwa .tractor {
	margin: 54.8% 0 0 80.1%;
}
#ctsDouwa a.return {
	position: relative;
	display: inline-block;
	background: #00a03c;
	color: #fff;
	font-family: fontn;
	border: #fff 3px solid;
	border-radius: 1.4em;
	padding: 0.31em 1.2em;
	font-size: 1.15em;
	letter-spacing: .02em;
	box-shadow: 0 0.1em 0.4em rgba(0, 0, 0, .4);
	transition: .2s;
	margin: 7.8% 0 7.4%;
	width: 11.3em;
}
#ctsDouwa a.return:after{
	content:"";
	border: #fff .15em solid;
	border-left:0;
	border-bottom:0;
	width: 0.5em;
	height: 0.5em;
	position:relative;
	display:inline-block;
	transform:rotate(45deg);
	margin: 0 -1.4% 0 4%;
}
#ctsDouwa a.return:hover{
	text-decoration: none;
	background:#21ba5a;
}
#content .cover {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	background: #fff;
	z-index: 6;
}
#content .cover.c2 {
	mix-blend-mode: overlay;
	pointer-events: none;
}
#content .video {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 3;
	display: none;
}
#content .video .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.8;
}
#content .video .vflame {
	width: 760px;
	height: 483px;
	background: #fff;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0em 0.3em 0.2em rgba(0, 0, 0, 0.3);
}
#content .video.size1 .vflame {
	width: 658px;
	height: 511px;
}
#content .video .close {
	position: absolute;
	right: 0;
	top: 0;
	margin: -36px -29px 0 0;
	cursor: pointer;
	transition: .2s;
	z-index: 2;
}
#content .video .close:hover {
	transform: scale(1.1);
	filter: brightness(1.1);
}
#content .video .embed {
	position: relative;
	width: 720px;
	height: 405px;
	background: #000;
	margin: 20px 20px 8px;
	overflow: hidden;
}
#content .video.size1 .embed {
	width: 615px;
	height: 435px;
}
#content .video .embed iframe{
	position: absolute;
	height: 100% !important;
	width: 100%  !important;
}
#content .video.size1 .embed iframe{
	width: 101%  !important;
	height: 101% !important;
	margin: -0.5%;
}
#content .video .embed .videoEnv{
	position: absolute;
	height:100%;
	width:100%;
	top:0;
}
#content .video .play {
	left: 50%;
	top: 46%;
	position: absolute;
	margin: -30px;
}
#content .video h4 {
	width: 100%;
	text-align: center;
	font-family: fontb;
	text-align: center;
	font-size: 25px;
	color: #00a03c;
}
@media all and (-ms-high-contrast:none){
	#content .border:before{
		display:none;
	}
	#content .border b{
	    text-shadow: 0.07em 0.07em 0.03em #ffffff, -0.07em 0.07em 0.03em #ffffff, 0.07em -0.07em 0.03em #ffffff, -0.07em -0.07em 0.03em #ffffff, 0.08em 0px 0px #ffffff, 0px 0.08em 0.03em #ffffff, -0.08em 0px 0.03em #ffffff, 0px -0.08em 0.03em #ffffff;
	}
	#ctsHead .ctsMenu a:hover span:after {
		margin-bottom: -1.7%;
		transform: translateY(14%);
	}
	#content h3{
		padding:30px 0 0;
	}
	#ctsQuiz .detail{
		padding:0.8em 0 0.2em;
	}
	#ctsDouwa .frame h4{
		margin-top:6%;
	}
	#ctsDouwa .frame a{
		padding:2.6% 4.9% 0;
	}
	#content .video h4{
		margin-top:2.5%;
	}
	#content a.return {
		padding: 0.61em 1.2em 0.01em;
	}
}
@media (min-width: 737px) {
  .forsp{
    display:none !important;
  }
}

@media (max-width: 736px) {
	.forpc{
	  display:none !important;
	}
	html,body{
		overflow-x:hidden;
	}
	#content .inner {
		width: 100%;
	}
	#content .mvlogo {
		right: 0.9%;
		top: 0.6em;
		width: 32.5%;
	}
	#content h1{
		width: 42.6%;
		margin-left: 1.5%;
		padding-top: 3.3%;
	}
	#stage #content {
		width: 100%;
		font-size: 1.9022vw;
		background-size: 150%;
	}
	#stage #content .headbg {
		width: 100%;
		height: 52em;
		background: #b8ce69 url(../../kids/img/bg_sp.jpg) no-repeat 50% top;
		background-size: contain;
	}
	#content .border:before {
		-webkit-text-stroke: 0.23em #fff;
		letter-spacing: 0;
	}
	#content .frame {
		margin: 11% 0 14%;
	}
	#content .frame .img{
		width: 88.3%;
	}
	#content .frame:after {
		width: 121.8%;
		height: 146.3%;
		margin: -3% 0 0 2.9%;
		background-size: contain;
	}
	#content .frame .new {
		width: 8.95em;
		margin: -6.6% 0 0 8%;
	}
	#content h3:before {
		width: 117.3%;
		height: 143.2%;
		left: -1.1%;
		background-size: 100% 100%;
	}
	#content h3 .border {
		filter: drop-shadow(0.1em 0.1em 0.05em rgba(0, 0, 0, 0.3));
	}
	#content h3 .border:before{
		font-weight:bold;
	}
	#content h3 .border:before {
		-webkit-text-stroke: 0.15em #fff;
	}
	#content h3 {
		padding: 2% 0;
		font-size: 2.5em;
		width: 48%;
		height: 1.4em;
		margin-left: -0.6%;
		letter-spacing: -0.03em;
	}
	#content .sublead {
		font-size: 1.75em;
		margin: 6% 0 1.9%;
		letter-spacing: 0.02em;
	}
	/*============================
	#ctsHead
	============================*/

	#ctsHead h1 {
		width: 83.2%;
		margin-left: 9%;
		padding-top: 18%;
		margin-bottom: 54.8%;
	}
	#ctsHead h2 {
		width: 237px;
		margin: 1.05% 1% 0 0;
		filter: drop-shadow(0em 0.2em 0.2em rgba(0, 0, 0, 0.5));
		right: -17px;
		top: 7px;
	}
	#ctsHead .ctsMenu {
		margin: 6% 0 7% -0.6%;
		letter-spacing: -0.03em;
		font-size: 1.73em;
	}
	#ctsHead .ctsMenu li {
		width: 29%;
		height: 3.1em;
		margin-right: 3.1%;
		vertical-align: top;
	}
	#ctsHead .ctsMenu li:before {
		width: 126.9%;
		height: 144.3%;
		background: url(../../kids/img/menu_boad_sp.png) no-repeat;
		background-size: contain;
	}
	#ctsHead .ctsMenu li a {
		padding: 3.6% 0 15%;
		width: 100%;
		transition: .24s;
	}
	#ctsHead p.lead {
		font-size: 1.9em;
		margin: 7.7% 0 5.2%;
		line-height: 1.45em;
		background: url(../../kids/img/bg_lead_sp.png) no-repeat center;
		background-size: 94%;
		padding: 4.6% 0 4.4%;
	}
	#ctsHead .ctsMenu span:after {
		width: 3.5vw;
		height: 2.58vw;
		margin: 5.1vw 0 0 -5.4%;
		background: url(../../kids/img/arrow_menu_sp.png) no-repeat;
		background-size: contain;
		transition: .1s;
		position: absolute;
		left: 50%;
	}
	#ctsHead .ctsMenu a:hover b:after {
		margin-bottom: -3%;
	}
	#ctsHead .c6 {
		width: 14.334%;
	}
	#ctsHead .c7 {
		width: 13.5%;
	}
	#ctsHead .c8 {
		width: 5.167%;
	}
	#ctsHead .border {
	}
	/*============================
	#ctsQuiz
	============================*/

	div#ctsQuiz {
		padding-top: 1%;
	}
	#ctsQuiz .frame {
		margin: 9.4% 0 18.2%;
	}
	#ctsQuiz .frame:after {
		width: 121.8%;
		height: 146.3%;
		margin: -3.1% 0 0 2.8%;
	}
	 #ctsQuiz .detail {
		width: 9.3em;
		bottom: 4.8%;
		height: auto;
		padding: 0.55em 0;
		border-radius: 2em;
		line-height: 1;
		margin-left: 0;
		font-size: 1.4em;
		letter-spacing: 0.03em;
		filter: drop-shadow(0.1em 0.1em 0.06em rgba(0, 0, 0, 0.2));
	}
	/*============================
	#ctsTheater
	============================*/

	#ctsTheater .frame {
		margin: 7.4% 0 8.5%;
	}
	#ctsTheater .frame + .frame {
		/* margin-bottom: 18.7%; */
	}
	#ctsTheater .frame:last-of-type {
		margin-bottom: 16.8%;
	}
	#ctsTheater .play {
		margin: -5.6%;
		width: 11.4%;
	}
	#ctsTheater .frame:hover .play {
		transform: scale(1.15);
		filter: brightness(1.4);
	}
	#ctsTheater .tree3 {
		margin: -7.6% 0 0 78.8%;
		transform: scaleX(1);
		width: 20%;
	}
	#ctsTheater .tree1 {
		margin: -6.9% 0 0 79.3%;
		width: 18.2%;
	}
	#ctsTheater .caw1 {
		margin: 1.7% 0 0 3.5%;
		transform: scaleX(1);
		width: 13%;
	}
	#ctsTheater .frame .new {
		width: 8.65em;
		margin: -6.9% 0 0 8%;
	}
	/*============================
	#ctsDouwa
	============================*/
	#ctsDouwa ul {
		margin-bottom: 7%;
		margin-top: 7%;
	}
	#ctsDouwa li.frame {
		width: 41.4%;
		margin: 0 8.1% 16.3% 0;
	}
	#ctsDouwa li.frame:nth-child(even) {
		margin-right: 0;
	}
	#ctsDouwa .frame:after {
		width: 160.2%;
		height: 139.5%;
		margin: -6.5% 0 0 -4.9%;
	}
	#ctsDouwa .frame h4 {
		width: 100%;
		font-size: 1.5em;
		margin-top: 4%;
	}
	#ctsDouwa .f4 h4 {
		font-size: 1.48em;
	}
	#ctsDouwa .frame a {
		margin: 0 2.6%;
		padding: 1% 4.9% 1.5%;
		font-size: 1.36em;
		border-radius: 1em;
		filter: drop-shadow(0.1em 0.2em 0.2em rgba(0, 0, 0, 0.3));
		transition: .24s;
	}
	#ctsDouwa .frame .img {
		width: 96.2%;
	}
	#ctsDouwa .img {
		margin-bottom: -16%;
	}
	#ctsDouwa li.f2 {
		margin-top: 0;
	}
	#ctsDouwa li.f4 {
		margin-top: 0;
	}
	#ctsDouwa .tree2 {
		margin: -3.4% 0 0 0.8%;
		width: 20.6%;
	}
	#ctsDouwa .tree1 {
		margin: 128.8% 0 0 78.4%;
		width: 19%;
	}
	#ctsDouwa .caw2 {
		margin: 1.9% 0 0 83.5%;
		transform: scaleX(1);
		width: 13.4%;
	}
	#ctsDouwa .tractor {
		margin: 128.3% 0 0 2.6%;
		width: 32.3%;
		transform: scale(-1,1);
	}
	#ctsDouwa a.return {
		border: #fff 0.2em solid;
		padding: 0.31em 2.4em;
		font-size: 2.25em;
		margin: 6.7% 0 14.7%;
	}

	#content .video .vflame {
		width: 96%;
		height: 63.5vw;
		filter: drop-shadow(0em 0.3em 0.2em rgba(0, 0, 0, 0.3));
	}
	#content .video.size1 .vflame {
		width: 96%;
		height: 76.8vw;
	}
	#content .video .close {
		margin: -3.7% -2% 0 0;
		transition: .2s;
		width: 11.7vw;
	}
	#content .video .embed {
		width: 94.17%;
		height: 50.8vw;
		margin: 3vw 3vw 2%;
	}
	#content .video.size1 .embed {
		width: 94.17%;
		height: 63.9vw;
	}
	#content .video .play {
		left: 50%;
		top: 46%;
		margin: -30px;
	}
	#content .video h4 {
		width: 100%;
		font-size: 4.1vw;
	}
	#content .video.size1 h4{
		margin-left: 0.2em;
		letter-spacing: -0.02em;
	}
	#content .video.size2 h4{
		letter-spacing: -0.04em;
		font-size: 1.73em;
		line-height: 1.9;
	}
}