@charset "UTF-8";

/* =======================================
		「あそび工房」ページ （.page_play-workshop)
======================================= */
.page_play-workshop{
	background-size: 1920px auto;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #6bb58d;
}
@media screen and (min-width: 1921px) {
	.page_play-workshop{
		background-size: 100% auto;
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.page_play-workshop{
		background-size: 100% auto;
		width: 100%;
	}
}

/* .mainvisual_box */
.page_play-workshop .mainvisual_box{
	padding-bottom: 50px;
	padding-top: 420px;
}
@media screen and (min-width: 1921px) {
	.page_play-workshop .mainvisual_box{
		padding-bottom: 2.603vw;
		padding-top: 20.822vw;
	}
}
@media screen and (max-width: 767px) {
	.page_play-workshop .mainvisual_box{
		padding-top: 18.667vw;
		/* padding-top: 70px; */
		padding-bottom: 0;
		height: 112vw;
		/* height: 420px; */
	}
}


/* deco */
.page_play-workshop .deco_play-workshop_left{
	top: 380px;
	left: calc(50% - 770px);
}
.page_play-workshop .deco_play-workshop_right{
	top: 150px;
	right: calc(50% - 800px);
}
@media screen and (max-width: 767px) {
	.page_play-workshop .deco_play-workshop_left,
	.page_play-workshop .deco_play-workshop_right{
		display: none;
	}
}


/* ------ .subpage_link_box -------*/
.page_play-workshop .link_list_box{
	border-top: 2px solid #ffe100;
	border-bottom: 2px solid #ffe100;
	position: relative;
}
.page_play-workshop .link_list_box li{
	margin: 0 10px;
}
@media screen and (max-width: 767px) {
	.page_play-workshop .subpage_link_box .ttl_quiz-list_sub{
		top: 18.667vw;
		/* top: 70px; */
	}
	.page_play-workshop .subpage_link_box .ttl_sub img{
		width: 50.667vw;
		/* width: 190px; */
	}
}
.btn_dl-content{
	display: block;
	margin: 10px auto;
	width: 822px;
}
@media screen and (max-width: 767px) {
	.btn_dl-content{
		width: 90%;
	}
}


/* ------ .way-of-playing_box -------*/
@media screen and (max-width: 767px) {
	.page_play-workshop .way-of-playing_box .ttl_sub img{
		width: 40vw;
		/* width: 150px; */
	}
}
.page_play-workshop .way-of-playing_box .col2{
	border-top: 2px solid #ffe100;
	border-bottom: 2px solid #ffe100;
}
.page_play-workshop .way-of-playing_box .col2 li:first-child{
	border-right: 2px solid #ffe100;
}
.page_play-workshop .way-of-playing_box p{
	color: #fff;
}
@media screen and (max-width: 767px) {
	.page_play-workshop .way-of-playing_box .col2 li:first-child{
		border-right: none;
		border-bottom: 2px solid #ffe100;
	}
}


/* ------ .cta_box -------*/
.page_play-workshop .cta_top_box .text{
	color: #fff;
}
@media screen and (max-width: 767px) {
	.page_play-workshop .cta_box .deco_cta_top{
		width: 16vw;
		/* width: 60px; */
	}
}


/* ------ .link_box -------*/
@media screen and (max-width: 767px) {
	.page_play-workshop .link_box .ttl_sub img{
		width: 45.067vw;
	}
}


/* =======================================
	「あそび工房」トップページ （#page_play-workshop_top）
======================================= */
#page_play-workshop_top{
	background-image: url("../img/mainvisual_pc.png");
}
@media screen and (max-width: 767px) {
	#page_play-workshop_top{
		background-image: url("../img/mainvisual_sp.png");
	}
}

/* .mainvisual_box */
#page_play-workshop_top .mainvisual_box{
	padding-top: 170px;
	padding-bottom: 260px;
}
@media screen and (min-width: 1921px) {
	#page_play-workshop_top .mainvisual_box{
		padding-top: 8.85vw;
		padding-bottom: 13.542vw;
	}
}
@media screen and (max-width: 767px) {
	#page_play-workshop_top .mainvisual_box{
		padding-top: 18.667vw;
		/* padding-top: 70px; */
		padding-bottom: 0;
	}
	#page_play-workshop_top .maintitle img{
		height: 17.6vw;
		/* height: 66px; */
	}
}


/* =======================================
	「諦めないヒーロー」ページ （#page_hero-who-doesnt-give-up）
======================================= */
#page_hero-who-doesnt-give-up{
	background-image: url("../img/mainvisual_hero-who-doesnt-give-up_pc.png");
}
@media screen and (max-width: 767px) {
	#page_hero-who-doesnt-give-up{
		background-image: url("../img/mainvisual_hero-who-doesnt-give-up_sp.png");
	}
}

#page_hero-who-doesnt-give-up .text_quiz-list{
	margin-top: 0;
}
@media screen and (min-width: 768px) {
	#page_hero-who-doesnt-give-up .mainvisual_box {
			padding-bottom: 20px;
	}
}
@media screen and (max-width: 767px) {
	#page_hero-who-doesnt-give-up .maintitle img{
		height: 28.267vw;
		/* height: 106px; */
	}
}


/* =======================================
	「発見の達人」ページ （#page_master-of-discovery）
======================================= */
#page_master-of-discovery{
	background-image: url("../img/mainvisual_master-of-discovery_pc.png");
}
@media screen and (max-width: 767px) {
	#page_master-of-discovery{
		background-image: url("../img/mainvisual_master-of-discovery_sp.png");
	}
}

#page_master-of-discovery .text_quiz-list{
	margin-top: 0;
}
@media screen and (min-width: 768px) {
	#page_master-of-discovery .mainvisual_box {
			padding-bottom: 20px;
	}
}
@media screen and (max-width: 767px) {
	#page_master-of-discovery .maintitle img{
		height: 27.2vw;
		/* height: 102px; */
	}
}


/* =======================================
	「冒険マップマスター」ページ （#page_adventure-map-master）
======================================= */
#page_adventure-map-master{
	background-image: url("../img/mainvisual_adventure-map-master_pc.png");
}
@media screen and (max-width: 767px) {
	#page_adventure-map-master{
		background-image: url("../img/mainvisual_adventure-map-master_sp.png");
	}
}

#page_adventure-map-master .text_quiz-list{
	margin-top: 0;
}
@media screen and (min-width: 768px) {
	#page_adventure-map-master .mainvisual_box {
			padding-bottom: 20px;
	}
}
@media screen and (max-width: 767px) {
	#page_adventure-map-master .maintitle img{
		height: 28.533vw;
		/* height: 107px; */
	}
}


/* =======================================
	「ダウンロードコンテンツ」ページ （#page_dl-content）
======================================= */
#page_dl-content{
	background-image: url("../img/mainvisual_dl-content_pc.png");
}
@media screen and (max-width: 767px) {
	#page_dl-content{
		background-image: url("../img/mainvisual_dl-content_sp.png");
	}
}


/* =======================================
	「手遊び・言葉あそび」ページ （#page_hand-and-word-games）
======================================= */
#page_hand-and-word-games{
	background-image: url("../img/mainvisual_hand-and-word-games_pc.png");
}
@media screen and (max-width: 767px) {
	#page_hand-and-word-games{
		background-image: url("../img/mainvisual_hand-and-word-games_sp.png");
	}
}

@media screen and (min-width: 768px) {
	#page_hand-and-word-games .mainvisual_box{
		padding-bottom: 20px;
	}
}
@media screen and (max-width: 767px) {
	#page_hand-and-word-games .mainvisual_box{
		padding-bottom: 5.333vw;
		/* padding-bottom: 20px; */
	}
}


/* =======================================
	「早口言葉」ページ （#page_tongue-twisters）
======================================= */
#page_tongue-twisters{
	background-image: url("../img/mainvisual_tongue-twisters_pc.png");
}
@media screen and (max-width: 767px) {
	#page_tongue-twisters{
		background-image: url("../img/mainvisual_tongue-twisters_sp.png");
	}
}

@media screen and (min-width: 768px) {
	#page_tongue-twisters .mainvisual_box{
		padding-bottom: 20px;
	}
	#page_tongue-twisters .quiz-list_box .card:hover {
			text-decoration: none;
			transform: none;
			transition: 0.3s all;
	}
}
@media screen and (max-width: 767px) {
	#page_tongue-twisters .mainvisual_box{
		padding-bottom: 5.333vw;
		/* padding-bottom: 20px; */
	}
	#page_tongue-twisters .maintitle{
		margin-bottom: 11vw;
	}
	#page_tongue-twisters .maintitle img{
		height: 23.467vw;
		/* height: 88px; */
	}
}