@charset "UTF-8";
/* CSS Document */

.pc,.Intro_Bu.pc,.sphidden{
	display: block
}

.sp,.Intro_Bu.sp,.pchidden{
	display: none;
}


#wrap{
	width: 100%;
}


body,p{
	font-family: "游ゴシック体","Noto Sans CJK JP","ms pゴシック",sans-serif;
}


.Main_Bn.pc,.Main_Bn.pc img{
	width: 100%;
}


.PreOreder_Txt p{
	font-size: 22px;
	text-align: center;
	line-height: 32px;
}

h3{
	font-size:32px;
	text-align: center;
	margin: 80px 0 20px 0;
}


.PreOreder_Txt p:last-of-type{
	margin-top: 32px;
}

.PreOreder_Txt p:last-of-type span{
	font-size: 16px;
}

.Intro_Bu.pc{
	width: 1200px;
	display: flex;
	justify-content: space-between;
	margin: 60px auto 180px auto;
}



.Intro_Bu.pc li{
	position: relative;
	justify-content: space-between;
}

.Intro_Bu.pc img{
	width: 180px;
}


.Intro_Bu.pc li p{
	position: absolute;
	transform: translate(-50%,-50%);
	top:50%;
	left: 50%;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	width: 120px;
	text-align: center;
}




#Chapter1{
	width: 100%;
	margin: 0 auto;
	background-color: #e6cdb3;
}


h1{
	margin: 0 auto;
	position: relative;
	width: 700px;
	padding-top: 120px;
}

.Main_Img{
	text-align: center;
}

.Title_Small{
	position: absolute;
	top:120px;
	left: -80px;
	z-index: 999
	
}

.Title_Big{
	position: absolute;
	top:180px;
	left: -80px;
	padding: 16px 25px;
    text-shadow: 1px 1px 0 #333,-1px 1px 0 #333,1px -1px 0 #333,-1px -1px 0 #333;
	z-index: 999

}

.Title_Small p{
	font-size: 24px;
	color: #555;	
}

.Title_Small{
	background-color: #e6cdb3;
	padding: 12px 25px;
}

.Title_Small p{
	line-height: 54px;
	font-family:"平成丸ゴシック Std",sans-serif;
}


 .Title_Big p{
	font-size:64px;
	font-family:"M PLUS Rounded 1c", sans-serif;
	font-weight: 900;
	line-height: 88px;
}

.Delivery{
    position: absolute;
    background-color: #555;
    color: #fff;
    bottom: 1px;
    left: 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 140px;
    padding: 0 10px;	
}


.Delivery p{
	font-size: 16px;
}

.Color_Frame{
	width: 700px;
	margin: 0 auto;
}

.Button{
	position: relative;
	margin: 60px auto 0 auto;
	width: 500px;
	height: 80px;
	background-color: #555;
	border-radius: 80px;
}

.Button p{
	color: #fff;
	text-align: center;
	line-height: 80px;
	font-size: 24px;
	
}

.Button .arrow{
	position: absolute;
	text-align: end;
	right: 60px;
	top:29px;
}

a{
	text-decoration: none;
}

li{
	list-style: none;
}

.Item_Info{
	width: 700px;
	margin: 0 auto;
	text-align: center;
}

.Item_Info p{
	font-size: 20px;
	font-weight: bold;
	color: #222;
}

.Item_Info p:first-of-type{
	margin-bottom: 24px;
	font-size: 16px;
	opacity: 0.7;
}

.Item_Info p:last-of-type span{
	font-size: 14px;
	
}

.Item_Info .Point{
	color: #c9122c;
	margin-top: 10px;
	font-weight: bold;
}



/*Chapter0*/
#Chapter0{
	width: 100%;
	margin: 0 auto;
	background-color: #dfddd5;
	padding-bottom: 120px;
}

#Chapter0 .Title_Small,#Chapter0 .Title_Big{
	background-color: #dfddd5
}


#Chapter0 .Title_Big{
	color: #dfddd5;
}

.Ct0_Sub_Img,.Ct4_Sub_Img{
	width: 700px;
	margin: 0 auto;
	position: relative
	
}


.Ct0_Sub_Img ul,.Ct4_Sub_Img ul{
	display: flex;
	justify-content: space-between;

}

.Ct0_Sub_Img ul:first-of-type,.Ct4_Sub_Img ul:first-of-type{
	margin: 30px 0;
}


.Ct0_Sub_Img h2,.Ct4_Sub_Img h2{
	position: absolute;
	right: -50px;
	bottom: -60px;
}



#Chapter0 .Color_Frame,#Chapter1 .Color_Frame,#Chapter2 .Color_Frame,#Chapter3 .Color_Frame,#Chapter4 .Color_Frame,#Chapter5 .Color_Frame{
	display: flex;
	margin: 64px auto 24px auto;
	justify-content: center;
}


#Chapter0 .Color_Chip,#Chapter1 .Color_Chip,#Chapter2 .Color_Chip,#Chapter3 .Color_Chip,#Chapter4 .Color_Chip,#Chapter5 .Color_Chip{
	width: 16px;
	height: 16px;
	border-radius: 50px;
}

#Chapter0 .Color_Chip:first-of-type,#Chapter1 .Color_Chip:first-of-type,#Chapter2 .Color_Chip:first-of-type,#Chapter3 .Color_Chip:first-of-type,#Chapter4 .Color_Chip:first-of-type,#Chapter5 .Color_Chip:first-of-type{
	margin-right: 12px;
}

#Chapter0 .Color_Chip:nth-of-type(3){
	margin: 0 12px;
}


.Chapter1_Sec,.Chapter4_Sec{
	width: 700px;
	margin: 0 auto;
	position: relative;
}

.Chapter1_Sec ul,.Chapter4_Sec ul{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.Chapter1_Sec h2,.Chapter4_Sec h2{
	position: absolute;
	right: -50px;
	bottom: -60px;
}



/*Chapter1*/

#Chapter1{
	padding-bottom: 120px;
}

#Chapter1 .Title_Big{
	color: #e6cdb3;
	background-color: #e6cdb3;
}


.Chapter1_H1_Sub,.Ct3_Sub_Img,.Ct5_Sub_Img{
	width: 700px;
	margin: 0 auto;
	position: relative;
	
}

.Chapter1_H1_Sub ul,.Ct3_Sub_Img ul,.Ct5_Sub_Img ul{
	display: flex;
	margin: 30px auto 0 auto;
	justify-content: space-between;
}

.Chapter1_H1_Sub h2,.Ct3_Sub_Img h2,.Ct5_Sub_Img h2{
	position: absolute;
	right: -50px;
	bottom: -60px;
}


#Chapter1 .Color_Chip:nth-of-type(2),#Chapter3 .Color_Chip:nth-of-type(2){
	margin-right:12px;
}



/*#Chapter2*/

#Chapter2{
	background-color: #e8e7d1;
	padding-bottom: 120px;
}

#Chapter2 .Title_Big{
	color: #e8e7d1;
	background-color: #e8e7d1;
}

#Chapter2 .Title_Small{
	background-color: #e8e7d1;
}


.Chapter2_H1_Sub{
	width: 700px;
	margin: 0 auto;
	position: relative;
}

.Chapter2_H1_Sub ul{
	display: flex;
	margin: 30px auto 0 auto;
	justify-content: space-between;
}


.Chapter2_H1_Sub h2{
	position: absolute;
	right: -50px;
	bottom: -60px;
}

#Chapter2 .Color_Frame .Color_Chip:nth-of-type(2){
	margin-right: 12px;
}


#Chapter2 .Chapter2_Sec{
	width: 700px;
	margin: 0 auto;
	position: relative;
}

#Chapter2 .Chapter2_Sec ul{
	display: flex;
	margin: 30px auto 0 auto;
	justify-content: space-between;
}

#Chapter2 .Chapter2_Sec h2{
	position: absolute;
	right: -50px;
	bottom: -60px;
}


#Chapter2 .Color_Frame .Color_Chip:nth-of-type(3){
	margin-right: 12px;
}


/*#Chapter3*/

#Chapter3{
	background-color: #dbc7c4;
	padding-bottom: 120px;
}


#Chapter3 .Title_Big{
	color: #dbc7c4;
	background-color: #dbc7c4;
}

#Chapter3 .Title_Small{
	background-color: #dbc7c4;
}



/*#Chapter4*/

#Chapter4{
	background-color: #9bb1b5;
	padding-bottom: 120px;
}


#Chapter4 .Title_Big{
	color: #9bb1b5;
	background-color: #9bb1b5;
}

#Chapter4 .Title_Small{
	background-color: #9bb1b5;
}

#Chapter4 .Color_Frame .Color_Chip:nth-of-type(2){
	margin-right: 12px;
}

/*#Chapter5*/

#Chapter5{
	background-color: #e6cdb3;
	padding-bottom: 120px;
}


#Chapter5 .Title_Big{
	color: #e6cdb3;
	background-color: #e6cdb3;
}

#Chapter5 .Title_Small{
	background-color: #e6cdb3;
}




/*footer*/

footer{
	width: 100%;
	background-color: #333;
}

.Footer_Width{
	width: 1200px;
	margin: 0 auto;
	display: flex;
}

.Footer_Width p,.Footer_Width a,.Footer_Width li{
	color: #fff;
}

.Info{
	width: 750px;
	padding-top: 120px;
}

.Sns_List{
	display: flex;
	margin-top: 16px;
}

.Footer_Width .Space{
	padding: 0 16px
}

.Recommand,.Recommand ul,.Recommand ul li{
	display: flex;
}

.Recommand {
	margin:16px 0  60px 0;
}

.Sns_List li{
	margin-right: 16px;
}


.Footer_Title{
	font-weight: bold
}

.Contact{
	margin-top: 120px;
}

.Contact .Tel,.Contact .Mail{
	display: flex;
	height: 32px;
	line-height: 30px;
}

.Contact .Footer_Title{
	margin-bottom: 10px;
}

.Tel img{
	width: 28px;
	height: 28px;
	margin-right: 4px
}

.Mail img{
	height: 22px;
	margin-top: 4px;
	margin-right: 4px
}

.Tel{
	margin-bottom: 12px;
}

.Tel span,.Mail span{
	padding-left: 24px;
}

.Company{
	width: 1200px;
	margin: 60px auto 0 auto;
}

.Company .Line{
	width: 1200px;
	height: 2px;
	background-color: #fff;
	margin-bottom: 20px;
}

.Company p:last-of-type{
	color: #fff;
	padding-bottom: 60px;
	font-size: 12px;
	padding-left: 4px;
}


.pagetop{
	width: 45px;
	height: 45px;
	line-height: 50px;
	border-radius: 50%;
	background:#555;
	text-align: center;
	position: fixed;
	right: 2%;
	bottom: 100px;
	z-index: 9999;
}

.pagetop a{
	text-decoration: none;
	color: #fff;
}

.pagetop i{
	font-size:20px;
}


.Company .Notice{
	margin-top: 60px;
}

.Company .Notice p:first-of-type{
	font-weight: bold;
}

.Company .Notice p{
	margin-bottom: 16px;
	color: #fff;
	font-size:16px;
}

.Company .Notice p:last-of-type{
	padding-bottom: 32px;
	padding-left: 0;
}

.Company .Notice p:nth-of-type(6){
	margin-top: 32px;
}


/********************************************

特集バナー

********************************************/

#bnr_slider{

	max-width: 1000px;
	margin: 0px auto;

}

.w1100{
	padding-bottom: 140px;
}

.w1100 text{
	max-width: 1100px;
	margin: 0 auto;
}

.BNR_Title{
	text-align: center;
	margin: 120px auto 24px auto;
}

.BNR_Title p:last-of-type{
	font-size: 64px;
	color: #fff;
	font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 900;
	text-shadow: 1px 1px 0 #444,-1px 1px 0 #444,1px -1px 0 #444,-1px -1px 0 #444;
}

.BNR_Title p:first-of-type{
	font-size:24px;
	font-weight: bold;
	font-family: "平成丸ゴシック Std",sans-serif;
	padding-bottom: 16px;
}


#event_wrapper .slick-dots li{
	width: 12px;
	height: 12px;
	background-color: #111;
	border-radius: 100%;
	opacity: 0.4;
	margin: 0 5px;
}

#event_wrapper .slick-dots li.slick-active{
	opacity: 1;

}

#event_wrapper .slick-dots li button,
#event_wrapper .slick-dots li.slick-active button:before{
	display: none;

}

#event_wrapper .slick-prev,
#event_wrapper .slick-next{
	background-image: url("/static/full/images/pi/23_ss_arrow_black.png");
	background-repeat: no-repeat;
	background-size: cover;
	width: 8px;
	height: 20px;
	top: 45%;
	display: block;
}


#event_wrapper .slick-prev{
	transform: scale(-1, 1);
	margin-top: -8px;
}

#event_wrapper .slick-prev:before,
#event_wrapper .slick-next:before{
	display: none;

}

@media (max-width: 640px) {

	#BNR.contents{

		padding: 40px 0 60px;

	}

	#bnr_slider{

		width: 100%;

	}

	#BNR .slick-prev{

		left: 4px;
		z-index: 99;
		margin-top: 0;

	}

	#BNR .slick-next{
		right: 4px;
		z-index: 99;
		margin-top: 4px;
	}

}


@media screen and (max-width:480px) {/*　スマホ　*/

	
	.pc,.Intro_Bu.pc,.sphidden{
		display:none;
	}

	.sp,.Intro_Bu.sp,.pchidden{
		display:block;
	}
	
	.Main_Bn img{
		width: 100%;
	}
	
	
	h3{
		font-size:24px;
		margin: 40px 0 10px 0;
	}
	
	.PreOreder_Txt p{
		font-size:14px;
		padding: 0 2%;
		line-height: 24px;
	}
	
	.PreOreder_Txt p:last-of-type{
		font-weight: bold;
		font-size: 16px;
		margin-top: 24px;
	}
	
	.Intro_Bu.sp{
		margin-bottom: 0px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		padding: 0 4%;
		text-align: center;
	}
	

	.Intro_Bu.sp li{
	    position: relative;
	    justify-content: space-between;
		margin-top: 16px;
		width: 30%;
}
	
	.Intro_Bu.sp li a,.Intro_Bu.sp li a img{
		width: 100%
	}

	
    .Intro_Bu.sp li p{
	position: absolute;
	transform: translate(-50%,-50%);
	top:50%;
	left: 50%;
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	color: #fff;
	width: 100%;
	text-align: center;
	
	}
	
	.Intro_Bu.sp ul li a img{
		width: 90%;
	}
	
	
	
	h1{
		width: 100%;
	}
	
	.Main_Img,.Ct0_Sub_Img {
		width: 100%;
	}
	
	.Main_Img a img{
		width: 100%;
		padding: 0 8%;
	}
	
.Title_Small{
	position: absolute;
	top:60px;
	left: 8px;
	
}

.Title_Big{
	position: absolute;
	top:105px;
	left: 8px;
    text-shadow: 1px 1px 0 #444,-1px 1px 0 #444,1px -1px 0 #444,-1px -1px 0 #444;
	font-weight: bold;
}

.Title_Small p{
	font-size: 16px;	
}

.Title_Small{
	background-color: #e6cdb3;
	padding: 12px 12px;
}

.Title_Small p{
	line-height: 32px;
/*	font-family:"M PLUS Rounded 1c", sans-serif;*/
	font-weight: bold
}

.Title_Big{
	padding:0px 16px 10px 12px;
/*
	 -webkit-text-stroke: 1px #222;
  　text-stroke: 1px #222;
*/
}

 .Title_Big p,.BNR_Title p:last-of-type{
	font-size:42px;
	font-family:"M PLUS Rounded 1c", sans-serif;
	font-weight: 800;
	line-height: 50px;
}
	
	
	
	#Chapter0{
		margin-top: 60px;
	}
	
	
	.Color_Frame,.Color_Chip,.Item_Info{
		width: 100%
	}
	
	.Delivery{
		left: 8%;
		bottom: 2px;
		width: 100px;
		height: 30px;
		line-height: 30px;
	}
	
	
	.Delivery p{
		font-size: 13px;
	}
	
	.Chapter4_Sec .Delivery,.Chapter2_Sec .Delivery,.Chapter1_Sec .Delivery{
		left: 0
	}
	
	.Button{
		width: 90%;
		padding: 0 2%;
		margin: 40px auto 0 auto;
		height: 64px;
	}
	
	
	.Button p{
		line-height: 64px;
	}
	
	.Button .arrow{
		right: 30px;
		top: 23px;
	}
	
	.Chapter1_H1_Sub,.Ct0_Sub_Img,.Chapter1_Sec,.Chapter2_H1_Sub,#Chapter2 .Chapter2_Sec,.Ct3_Sub_Img,.Chapter4_Sec,.Ct5_Sub_Img,.Ct4_Sub_Img,.Chapter2_H1_Sub{
		width: 100%;
		justify-content: space-between;
		padding: 0 8%;
	}
	
	
	.Chapter1_H1_Sub li,.Ct0_Sub_Img li,.Chapter1_Sec li,.Chapter2_H1_Sub li,.Chapter2_Sec li,.Ct3_Sub_Img li,.Chapter4_Sec li,.Ct5_Sub_Img li,.Ct4_Sub_Img li,.Chapter2_H1_Sub li{
		width: 90%;
	}
	
	.Chapter1_H1_Sub li:first-of-type,.Chapter1_Sec li:first-of-type,.Chapter2_H1_Sub li:first-of-type,.Chapter2_Sec li:first-of-type,.Ct3_Sub_Img li:first-of-type,.Chapter4_Sec li:first-of-type,.Ct5_Sub_Img li:first-of-type,.Ct4_Sub_Img li:first-of-type,.Chapter2_H1_Sub li:first-of-type{
		margin-right: 16px;
	}
	
	.Chapter1_H1_Sub li img,.Ct0_Sub_Img li img,.Chapter1_Sec li img,.Chapter2_H1_Sub li li img,.Chapter2_Sec li img,.Ct3_Sub_Img li img,.Chapter4_Sec li img,.Ct5_Sub_Img li img,.Ct4_Sub_Img li img,h1 a img,.Chapter2_H1_Sub li img{
		width: 100%;

	}
	
	
	.Chapter1_H1_Sub ul, .Ct3_Sub_Img ul, .Ct5_Sub_Img ul,.Ct3_Sub_Img ul,.Chapter4_Sec ul,.Ct5_Sub_Img ul,.Ct4_Sub_Img ul,.Chapter2_H1_Sub ul{
		margin-top: 0;
	}
	
	.Chapter1_Sec h2,.Chapter1_H1_Sub h2, .Ct3_Sub_Img h2, .Ct5_Sub_Img h2{
		width: 60%;
		right:-78px;
	}
	
	
	.Ct0_Sub_Img h2,.Chapter1_Sec h2,.Chapter1_H1_Sub h2,.Ct3_Sub_Img h2,.Ct5_Sub_Img h2,.Chapter2_H1_Sub h2,#Chapter2 .Chapter2_Sec h2{
		width: 80px;
		right: 1%
	}
	
	
	.Ct4_Sub_Img h2,.Chapter4_Sec h2{
		width: 80px;
		right: 1%
	}
	
	.Ct0_Sub_Img h2 img,.Chapter1_Sec h2 img,.Chapter4_Sec h2 img,.Chapter1_H1_Sub h2 img,.Ct5_Sub_Img h2 img,.Chapter4_Sec h2 img,.Ct4_Sub_Img h2 img,.Chapter4_Sec h2 img{
		width: 70px
	}
	
	
	.Ct0_Sub_Img ul:first-of-type li:first-of-type,.Chapter2_H1_Sub ul li:nth-of-type(2),.Chapter2_Sec ul li:nth-of-type(2){
		margin-right: 16px;
		
	}
	
	.Ct0_Sub_Img ul:last-of-type li:first-of-type{
		margin-right: 16px;
		
	}
	
	
	.Chapter2_H1_Sub h2 img{
		width: 65px;
	}
	
	#Chapter2 .Chapter2_Sec h2 img{
		width: 75px
	}
	
	
	.Ct3_Sub_Img h2 img{
		width: 85px;
	}
	
	.Ct3_Sub_Img h2{
		right: 3%
	}
	
	
	.Ct3_Sub_Img,.Chapter4_Sec ul,.Ct5_Sub_Img,#Chapter2 .Chapter2_Sec ul,.Chapter1_Sec ul, .Chapter4_Sec ul{
		margin-top: 20px;
	}
	
	.Ct0_Sub_Img ul:first-of-type, .Ct4_Sub_Img ul:first-of-type{
		margin: 20px 0;
	}
	
	
	h2{
		width: 100px;
		overflow: hidden;
	}
	
	
    .Footer_Width {
		width: 100%;
		display: block;
	}
	
	.Contact{
		margin-top: 40px;
		width: 100%;
		padding: 0 16px;
	}
	
	.Info{
		width: 100%;
		padding: 0 16px;
		padding-top: 50px;
	}
	
	.Recommand{
		display: block;
		margin-bottom: 40px;
	}
	
	.Recommand ul{
		margin-bottom: 16px;
	}
	
	.Recommand li{
		font-size: 14px;
	}
	
	.Contact li{
		font-size: 15px;
	}

	.Company{
		width: 100%;
		padding: 0 16px;
		margin-top: 30px;
	}
	
	.Company .Line{
		width: 100%;
		padding: 0 16px;
		margin: 50px auto 0px auto;
	}
	
	.Tel .Br.sp span,.Mail .Br.sp span{
		padding-left: 0;
		line-height: 24px;
	}
	
	.Tel{
		margin-bottom: 40px;
	}
	
	.Sns_List li{
		margin-right: 24px;
	}
	
	.Sns_List li img{
		width: 48px;
	}

	.Mail img{
		margin-top: 0px;

	}
	
	.Company .Notice p{
		line-height: 24px;
		margin-bottom: 8px;
		font-size:14px;
	}
	
	.Company .Notice p:nth-of-type(6){
		margin-top: 10px;
	}
	
	.BNR_Title{
		margin-top: 20px;
	}
	
	.w1100{
		padding-bottom: 20px;
	}
	
	.BNR_Title p:first-of-type{
		font-size: 16px;
		padding-bottom: 8px;
	}
		
	.slick-dots{
		bottom: -25px;
	}

	.Item_Info p:first-of-type{
		font-size: 14px;
		opacity: 0.7;
	}

	.PreOreder_Txt p:last-of-type span{
		font-size: 14px;
	}
	
}