@charset "utf-8";

/*PC用*/
@media screen and (min-width:641px) {

/*---page_case---*/

#maincolumn .section {
	padding:0 0 20px;
	overflow:hidden;
}
#maincolumn .list_menu {
	padding:0;
	width:865px;
}
#maincolumn .list_menu li {
	background:#FFFFFF;
	float:left;
	margin:0 14px 29px 0;
	padding:9px;
	width:182px;
	text-align:center;
	border:1px solid#C6C6C6;
}
#maincolumn .list_menu li span {
	display:block;
	padding:3px 0 7px;
	text-align:left;
}

/*---詳細---*/

#maincolumn .block {
	background:#FFFFFF;
	margin-bottom:30px;
	padding:2px;
	border:1px solid #C6C6C6;
}
#maincolumn .block_inner {
	background:#FBF9F6;
	padding:38px 18px 39px 17px;
	font-size:13px;
	line-height:180%;
}
#maincolumn .box_before {
	float:left;
	width:337px;
	overflow:hidden;
}
#maincolumn .box_after {
	float:right;
	width:424px;
	overflow:hidden;
}
#maincolumn h4 {
	margin-bottom:10px;
}
#maincolumn .pic {
	background:#FFFFFF;
	margin-bottom:20px;
	padding:2px;
	border:1px solid #C6C6C6;
}
#maincolumn .gallery {
	margin-bottom:40px;
	width:430px;
}
#maincolumn .gallery li {
	background:#FFFFFF;
	float:left;
	margin-right:4px;
	padding:1px;
	height:57px;
	width:77px;
	border:1px solid #C6C6C6;
}
#maincolumn .txt_box {
	background:#F0EBE5;
	padding:18px 20px;
	border:1px solid #DED8D1;
	clear:both;
}

}

/*SP用*/
@media screen and (max-width:640px) {

/*---page_case---*/

#maincolumn .section {
	padding:0 0 20px;
	overflow:hidden;
}
#maincolumn .list_menu {
	width: 94%;
	margin: 0 auto;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#maincolumn .list_menu li {
	background:#FFFFFF;
	margin: 0 1% 20px;
	padding:9px 9px 14px;
	width: 48%;
	height: auto !important;
	text-align:center;
	border:1px solid #C6C6C6;
}
#maincolumn .list_menu li a p {
	display:block;
	margin-bottom: 5px;
	width: auto !important;
	height: 28vw;
}
#maincolumn .list_menu li span {
	display: block;
	padding:3px 0 7px;
	text-align:left;
}

/*塗り絵コーナー 画像サイズ*/
#maincolumn .list_menu.paint li a p img {
	height: 28vw;
	overflow: hidden;
}

/*---詳細---*/

#maincolumn .block {
	background:#FFFFFF;
	padding:2px;
	border:1px solid #C6C6C6;
}
#maincolumn .block_inner {
	background:#FBF9F6;
	padding: 38px 15px;
	font-size: 13px;
	line-height:180%;
}
#maincolumn .box_before {
	width: 98%;
	margin: 0 auto 20px;
	overflow:hidden;
}
#maincolumn .box_after {
	width: 98%;
	margin: 0 auto 20px;
	overflow:hidden;
}
#maincolumn h4 {
	margin-bottom:10px;
}
#maincolumn h4 img {
	width: 100%;
	height: 12vw;
	object-fit: cover;
	object-position: 0;
}
#maincolumn .pic {
	background:#FFFFFF;
	margin-bottom:20px;
	padding:2px;
	border:1px solid #C6C6C6;
}
#maincolumn .gallery {
	margin-bottom:40px;
	width: 100%;
}
#maincolumn .gallery li {
	background:#FFFFFF;
	float:left;
	margin: 0 1% 5px 0;
	padding:1px;
	height:16vw;
	width: 24%;
	border:1px solid #C6C6C6;
}
#maincolumn .txt_box {
	background:#F0EBE5;
	padding:15px 10px;
	border:1px solid #DED8D1;
}
#maincolumn .txt_box p:last-child {
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	margin-right: -3%;
}
#maincolumn .txt_box p:last-child a {
	display: block;
	width: 47%;
	text-align: center;
	margin: 0 0 10px;
}
#maincolumn .txt_box p:last-child a:last-child {
	padding-left: 1%;
}
#maincolumn .txt_box p:last-child a img {
	width: 90%;
}
#maincolumn .txt_box p:last-child br {
	display: none;
}

}