body{
	background-color: #fff;	
	width: 100%;
	}
a {
    color: #3a3d3d;
    text-decoration: none;
}	
.out img {
	border-radius: 20px;
}


	/*SMP表示*/
	@media screen and (max-width: 600px) {
		body{
			margin: 0px;
		}
	.xmas-wrap{
margin: 0 auto;
        text-align: center;
        color: #3a3d3d;
        font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
        width: 100%;
        background-color: #fef7eb;
        overflow: hidden;
	}
		h1{
		font-size: 20px;
		margin-top: 0;	
		}
		h2 {
    font-size: 19px;
    font-weight: 500;
    color: #3a3d3d;
    font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    margin: 0px 0 18px 0;
}
		h3 {
    font-size: 19px;
    font-weight: 500;
    color: #3a3d3d;
    font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    margin: 25px 0 5px 0;
}
		.xmas-wrap p{
		font-size: 12px;
		color: #3a3d3d;
		font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;	
		margin: 0;	
		font-weight: 500;
		line-height: 18px;
		}
		
		.mainimage{
			position:relative;
			width: 100%;

		}		
		.xmastitle{
			position: absolute;
			width: 100%;
			z-index: 10;	
		}
	    .xmastitle2 {
        position: absolute;
        width: 100%;
        top: 650px;
    }
    .xmastitleimage {
        width: 90%;
        margin: 0px 20px;
        padding: 20px 0px 35px;
    }
		.xmastitleimage img{
			border-radius: 30px;
		}	
		.catchtext{
		padding: 30px 30px;	
			
		}		
    .topicsnavi {
        position: absolute;
        width: 100%;
        margin: 0px 0 0 5px;
    }

		.navi{
			width: 100%;
			position: relative;
			display: flex;
			margin: 0 auto 80px;	
		}
    .navi01 {
        position: absolute;
        width: 20%;
        left: 23px;
        top: 106px;
    }
        .navi02 {
        width: 20%;
        position: absolute;
        left: 107px;
        top: 198px;
    }

   .navi03 {
        width: 20%;
        position: absolute;
        left: 188px;
        top: 92px;
    }
 .navi04 {
        width: 20%;
        position: absolute;
        left: 298px;
        top: 157px;
    }
.items {
        position: relative;
        width: 100%;
    }			
    .blocktoy {
        width: 100%;
        position: absolute;
        left: 0px;
        top: 270px;
    }
.newmark{
position: absolute;
        top: -40px;
        left: 30px;
        z-index: 1000;
        width: 30%;
}		
.blocktoy img {	
border-radius: 20px;		
		
		}

    .blocktoy02 {
        background-image: url(https://enfant.itembox.design/item/event/blockstoy2_2410.png);
        background-color: #fce8eb;
        /* position: absolute; */
        left: 170px;
        top: 530px;
        width: 95%;
        margin: -20px auto;
        padding: 200px 0 0;
    }
		
.blocktoy02 img {	
border-radius: 20px;		
		
		}			
.anchor {
    padding-top: 30px;
    margin-top:-30px;
}		
.cate img {
        border-radius: 20px;
    }	
		.catenaka1{
		background-color: #D5EAED; 
			width: 95%;
        margin: -8px auto 0px;
		}	
	.catenaka2{
		background-color: #F6E5C3; 
			width: 95%;
        margin: -8px auto 0px;
		}	
	.catenaka3{
		background-color: #DCE0C5; 
			width: 95%;
        margin: -8px auto 0px;
		}	
		.cate01{
	    margin: 420px 0 30px;
		}		
    .cate-item {
        display: flex;
        width: 94%;
        box-sizing: border-box;
        text-align: left;
        margin: 0 auto;
    }
		.cate-itemin p{
		font-size: 12px;
		color: #3a3d3d;
		font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;	
		margin: 0;	
		font-weight: 500;
	    line-height: 15px;		
		}
    .cate-itemin {
        padding: 3px 0px 15px 0px;
        margin: 0 auto;
        width: 45%;
		}
		
		
		.cate-itemin img{
			border-radius: 20px;
		}		
.link{
	
		}		
.link a{
  position: relative;
  display: inline-block;
  transition: .1s;
  text-decoration: none;	
  color: #4E2117;	
}

.link a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 1px;
  background-color: #72b1c057;
  transition: .1s;
  transform: translateX(-50%);

}

.link a:hover::after{
  width: 100%;
color: #72b1c0;	
}		
.triangle1 {
    width: 0;
    height: 0;
    border-left: 10px solid #72b1c0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    margin: -23px 290px 0px;
}
.triangle2 {
    width: 0;
    height: 0;
    border-left: 10px solid #72b1c0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    margin: -24px 315px 0px;
}
.triangle3 {
    width: 0;
    height: 0;
    border-left: 10px solid #72b1c0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    margin: -22px 280px 0px;
}
.triangle4 {
    width: 0;
    height: 0;
    border-left: 10px solid #72b1c0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    margin: -22px 220px 0px;
}		
/* TOPへ戻るフローティング  */
		
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 10px;
  bottom: 100px;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 10px;
  left: 0;
  margin: auto;
  text-align: center;
}		
		
		
		
 /* SPのみ表示　*/		

	.br-pc{
		display:none;
	}
	
	.br-sp{
		display:block;
	}	
  .sp_area { display:block; }
  .pc_area { display:none; }			
		}
	
	
	/*PC表示*/
	@media screen and (min-width: 601px) {	
div{margin: 0; }
	.xmas-wrap{
		margin: 0 auto;
	    text-align: center;	
		color: #3a3d3d;
		font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
		width: 780px;
		background-color: #fef7eb;	
	}	
		h1{
		margin-top: 0;
		}
		h2 {
        font-size: 22px;
        font-weight: 500;
        margin: -8px auto 20px;
        color: #3a3d3d;
        font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    }
		h3 {
    font-size: 24px;
    font-weight: 500;
    margin: 45px auto 25px;
    color: #3a3d3d;
    font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
		.xmas-wrap p{
		font-size: 15px!important;
		color: #3a3d3d;
		font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;	
		margin: 0;	
		font-weight: 500;
		line-height: 20px!important;
		}	
		
		
		.mainimage{
			position:relative;
			width: 780px;

		}		
		.xmastitle{
			position: absolute;
			width: 780px;
			z-index: 10;
	
		}
			.xmastitle2{
			position: absolute;
			width: 780px;
			padding-top: 0px;
		}	
		.xmastitleimage {
        width: 700px;
        margin: 0px auto;
        padding: 40px 35px 35px;
    }
		.xmastitleimage img{
			border-radius: 30px;
		}	
		.catchtext{
		padding: 80px 30px 30px;
			
		}
.newmark{
position: absolute;
        top: -40px;
        left: 30px;
        z-index: 1000;
        width: 30%;
}				
.topicsnavi {
        position: absolute;
        width: 750px;
        margin: 100px 15px;
    }			
		
		
		.navi{
			width: 780px;
			position: relative;
			display: flex;
			margin: 170px auto 20px;
		}
    .navi01 {
        position: absolute;
        width: 147px;
        left: 50px;
        top: 112px;
    }
    .navi02 {
        position: absolute;
        width: 147px;
        left: 214px;
        top: 289px;
    }
    .navi03 {
        position: absolute;
        width: 147px;
        left: 371px;
        top: 83px;
    }
    .navi04 {
        position: absolute;
        width: 150px;
        left: 579px;
        top: 209px;
    }

		
.items {
        position: relative;
        width: 780px;
    }			
    .blocktoy {
        position: absolute;
        left: 170px;
        top: 530px;
    }	
.blocktoy img {	
border-radius: 20px;		
		
		}

    .blocktoy02 {
        background-image: url(https://enfant.itembox.design/item/event/blockstoy2_2410.png);
        background-color: #fce8eb;
        /* position: absolute; */
        left: 170px;
        top: 530px;
        width: 742px;
        margin: -20px auto;
        padding: 30px 0;
    }
		
.blocktoy02 img {	
border-radius: 20px;		
		
		}		
.anchor {
    padding-top: 100px;
    margin-top:-100px;
}		
			.catenaka1{
		background-color: #D5EAED; 
			width: 742px; 
			margin: 0 auto;	
		}	
				.catenaka2{
		background-color: #F6E5C3; 
			width: 742px; 
			margin: 0 auto;	
		}	
					.catenaka3{
		background-color: #DCE0C5; 
			width: 742px; 
			margin: 0 auto;	
		}	
		.cate01 {
			margin: 750px 0 100px;
		}	
		.cate-item{
		display: flex;
		width: 600px;
		box-sizing: border-box;	
		text-align: left;
	    margin: 0 auto;		
		}	
		.cate-itemin p{
		font-size: 15px;
		color: #3a3d3d;
		font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;	
		margin: 0;	
		font-weight: 500;	
		}
		.cate-itemin{
		padding: 5px 5px 20px 5px;	
		width: 380px;	
		}
		.cate-itemin img{
		border-radius: 20px;
		}	
	    .cate img {
        border-radius: 20px;
    }		
.link{
		}
		
.link a{
  position: relative;
  display: inline-block;
  transition: .3s;
  text-decoration: none;
  color: #4E2117;		
}

.link a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 1px;
  background-color: #72b1c057;
  transition: .3s;
  transform: translateX(-50%);

}

.link a:hover::after{
  width: 100%;
 color: #72b1c0;	
}			
.triangle1 {
    width: 0;
    height: 0;
    border-left: 10px solid #72b1c0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    margin: -27px 390px 0px;
}
.triangle2 {
    width: 0;
    height: 0;
    border-left: 10px solid #72b1c0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    margin: -27px 430px 0px;
}
.triangle3 {
    width: 0;
    height: 0;
    border-left: 10px solid #72b1c0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    margin: -27px 430px 0px;
}	
.triangle4 {
    width: 0;
    height: 0;
    border-left: 10px solid #72b1c0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    margin: -27px 430px 0px;
}			
/* TOPへ戻るフローティング  */
		
    #page_top {
        width: 100px;
        height: 100px;
        position: fixed;
        right: 0px;
        bottom: 30px;
    }
#page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  text-decoration: none;
}
#page_top a::before{
  position: absolute;
  width: 100px;
  height: 100px;
  top: 0;
  bottom: 0;
  right: 10px;
  left: 0;
  margin: auto;
  text-align: center;
}		
		
	
 /* PCのみ表示　*/		

	.br-pc{
		display:block;
	}
	
	.br-sp{
		display:none;
	}	
  .sp_area { display:none; }
  .pc_area { display:block; }	

	}