@charset "UTF-8";

.padT_4 {
	padding-top: 40px;
}
.main_img_diy {
	text-align: center;
	padding: 110px 20px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.top_msg_diy {
	text-align: center;
	padding: 12% 20px;
	background-position: center;
	background-size: auto 110%;
}

.main_img_diy {
	text-align: center;
	padding: 110px 20px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.top_msg_diy {
	text-align: center;
	padding: 12% 20px;
	background-position: center;
	background-size: auto 110%;
}
.diy_contents_2_title,
.diy_contents_3_title{
	text-align:center;
}
.diy_contents_2_title img,
.diy_contents_3_title img{
	margin:20px auto 20px;
}
.diy_contents_1 .box_column{
	background-color:#FDECD2;
}
.diy_contents_2 .box_column{
	background-color:#EBF7ED;
}
.diy_contents_3 .box_column{
	background-color:#EDF7F9;
}

@media screen and (min-width: 1200px), print {
	.diy_contents_1 .box_column,
	.diy_contents_2 .box_column,
	.diy_contents_3 .box_column{
		font-size: 1.2em;
	}
}
@media screen and (min-width: 780px), print {
	.diy_contents_1 .box_column,
	.diy_contents_2 .box_column,
	.diy_contents_3 .box_column{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.diy_contents_2 .box_column{
		flex-direction: row-reverse;
	}
	.diy_contents_3 .box_column .img,
	.diy_contents_1 .box_column .img,
	.diy_contents_2 .box_column .img{
		width:50%;
	}
	.diy_contents_1 .box_column .msg,
	.diy_contents_2 .box_column .msg,
	.diy_contents_3 .box_column .msg{
		width:50%;
		padding: 5%;
	}
}
@media screen and (max-width:779px) {

	.diy_contents_1 .box_column .msg,
	.diy_contents_2 .box_column .msg,
	.diy_contents_3 .box_column .msg{
		padding: 20px;
	}

}

.diy_contents_5,
.diy_contents_6,
.diy_contents_7{
	background-image:url('../../_files/kids-diy/diy_bg_wood.jpg');
}
.diy_contents_4_title,
.diy_contents_5_title,
.diy_contents_6_title,
.diy_contents_7_title{
	text-align:center;
	padding: 20px;
}
.diy_contents_6_title{
	padding-bottom:20px;
}
.diy_contents_5_title img,
.diy_contents_6_title img{
	margin:20px auto 20px;
}
.diy_contents_5,
.diy_contents_6 {
	padding-top:30px;
}
.diy_contents_5 .box_column,
.diy_contents_6 .box_column,
.diy_contents_7 .box_column{
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	max-width:950px;
}
.diy_contents_5_1,
.diy_contents_6_1,
.diy_contents_6_2,
.diy_contents_6_3,
.diy_contents_6_4,
.diy_contents_6_5,
.diy_contents_7_1{
	background:#FFFFFF;
	margin:0 10px 30px;
	position:relative;
}
.diy_contents_5_1_title,
.diy_contents_6_1_title,
.diy_contents_6_2_title,
.diy_contents_6_3_title,
.diy_contents_6_4_title,
.diy_contents_6_5_title{
	position:absolute;
	right:30px;
	top:-10px;
	background:#B37847;
	padding:10px;
	display:inline-block;
	color:#FFFFFF;
	font-size:1.2em;
}
.slide_title {
	cursor: pointer;
	border-top: 2px solid #be8c62;
	transition: 0.2s;
}
.slide_title:hover {
	opacity: 0.7;
	background-color: #fef6ed;
}
.slide_box {
	display: none;
}
.content_text {
	padding: 10px 20px 40px;
	text-align: center;
}
/* レシピ一覧*/
.container_recipe {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.container_recipe article {
	padding: 0 12px;

}
.container_recipe .list_thumbnail {
	text-align: center;
}
.container_recipe .list_thumbnail li a {
	color: #D8AF87;
}
.container_recipe .list_thumbnail .title {
	font-weight: bold;
	padding: 30px 10px;
}
.container_recipe .list_thumbnail .listBox {
	background-color: #fff;
	padding: 20px 20px 50px;
	border-radius: 10px;
	box-shadow: 0 5px 10px rgb(145 91 26 / 40%);
	position: relative;
}
.container_recipe .list_thumbnail .listBox .icon {
	position: absolute;
	left: 0;
	top: -20px;
	width: 120px;
	max-width: 40%;
}
.container_recipe .list_thumbnail .listBox .icon img {

}
.diy_contents_attention {
	padding: 20px;
}
.diy_contents_attention article {
	padding: 30px;
	border: 1px solid #ddd;
}

/* レシピ詳細*/
.diy_slide {
	margin: 0 auto;
	max-width: 1160px;
}
.diy_slide .img_box{
	padding: 33.2% 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}


@media screen and (min-width: 780px), print {
	.diy_contents_5_1,
	.diy_contents_6_1,
	.diy_contents_6_2,
	.diy_contents_6_3,
	.diy_contents_6_4,
	.diy_contents_6_5,
	.diy_contents_7_1{
		padding:30px 30px 60px;
	}
	.container_recipe .list_thumbnail li {
		padding: 20px 30px;
	}
	.container_recipe .list_thumbnail .title {
		font-size: 1.7em;
	}
	.container_recipe .list_thumbnail .listBox {
		transform: rotate(-2deg);
		-moz-transform: rotate(-2deg);
		-webkit-transform: rotate(-2deg);
		transform-origin:center center; 
	}
	.container_recipe .list_thumbnail li:nth-child(3n+1) .listBox {
		transform: rotate(1deg);
		-moz-transform: rotate(1deg);
		-webkit-transform: rotate(1deg);
	}
	.container_recipe .list_thumbnail li:nth-child(3n) .listBox {
		transform: rotate(2deg);
		-moz-transform: rotate(2deg);
		-webkit-transform: rotate(2deg);
	}
}
@media screen and (max-width:779px) {
	.diy_contents_5_1,
	.diy_contents_6_1,
	.diy_contents_6_2,
	.diy_contents_6_3,
	.diy_contents_6_4,
	.diy_contents_6_5,
	.diy_contents_7_1{
		padding: 20px 12px 60px;
	}
	.container_recipe .list_thumbnail li {
		padding: 15px;
	}
	.container_recipe .list_thumbnail .title {
		font-size: 1.5em;
	}
}

@media print {
	html {
		width: 1200px;
		transform: scale(0.8);
		-moz-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.9);
		transform-origin: 0 0;
	}
}