@charset "UTF-8";



.maison {
		position: relative;
		padding-top: 70px;
	}

	/*============================================================
		HEADLINE
	*/
	.maison-headline_top{
margin: 0 auto;
padding-top: 56.9%;
background: url(../img/top/main_pc.png); 
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
color: #fff;
position:relative;
 text-align:center;

	
	}

.maison-headline_top .maison-headline__heading h1{
  position:absolute;
  top:45%;
  left:50%;
  transform:translate(-50%,-45%);
  width:100%;

	}
	
.maison-headline_top .maison-headline__heading h1 img{	
	width:100%;
	max-width: 800px;
	}



@media screen and (max-width: 767px) {
	
.maison-headline_top{
margin: 0 auto;
padding-top:100%;
background: url(../img/top/main_sp.png); 
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
color: #fff;
position:relative;
 text-align:center;

	
	}
	
.maison-headline_top .maison-headline__heading h1 img{	
	width:100%;
	max-width: 750px;
	}	

	}
	
/*============================================================
		タイトルエリア
============================================================*/	
	
.maison-headline {
   color:#5d5d5d;
   margin:100px auto 60px auto;
	
  }

.maison-headline .maison-headline__subheading{
    margin: 0 auto;
    width: 990px;
    text-align: center;
 display: flex;
  justify-content: center;
  align-items: center;
  }
	
.maisonsub-title{
		letter-spacing:0;
		font-family: "RameauPro-Light";
		font-weight: normal;
		font-size:68px;
		line-height: 1;
	display: block;
	margin: 0;
	padding: 0;
	} 


	
.maisonsub-subtitle{
		margin-bottom: 15px;
		font-weight: normal;
		font-family: "Overpass";
		font-size: 12px;
		line-height:0.8;
		letter-spacing: 0.115;
		margin: 0 auto;
	padding: 0;
	text-align: center;
	display: block;

	}




.maisonsub-title_post{
		letter-spacing:0;
		font-family: "RameauPro-Light";
		font-weight: normal;
		font-size:68px;
		line-height: 1;
	display: block;
	margin: 0;
	padding: 0;
	} 


	
.maisonsub-subtitle_post{

		font-weight: normal;
		font-family: "Overpass";
		font-size: 12px;
		line-height:0.8;
		letter-spacing: 0.07em;
		margin:4px auto 15px auto;
	padding:0;
	text-align: center;
	display: block;

	}


/*COLLECTION・PRE COLLECTION*/

.collection-subtitle{
		margin-bottom:0;
		font-weight: normal;

		font-size: 12px;
		line-height:1;
		letter-spacing: 0.125em;
		margin: 0 auto;
	padding:7px 0 0 0;
	text-align: center;
	display: block;

	}
	
.maison-txt{
		font-weight: normal;
		font-size: 14px;
		line-height:2.2em;
		letter-spacing:0.06em;
		margin:40px auto 60px auto;
	padding: 0;
	text-align: center;

  }

@media screen and (max-width: 767px) {
.maison-headline {
   color:#5d5d5d;
   margin:100px auto 30px auto;
	
  }

.maison-headline .maison-headline__subheading{
    margin: 0 auto;
    max-width: 750px;
	 width: 100%;
    text-align: center;
 display: flex;
  justify-content: center;
  align-items: center;
  }
	
.maisonsub-title{
		letter-spacing:0;
		font-family: "RameauPro-Light";
		font-weight: normal;
		font-size:48px;
		line-height: 1;
	display: block;
	margin: 0;
	padding: 0;
	} 


	
.maisonsub-subtitle{
		margin-bottom: 15px;
		font-weight: normal;
		font-family: "Overpass";
		font-size: 12px;
		line-height:0.8;
		letter-spacing: 0.115;
		margin: 0 auto;
	padding: 0;
	text-align: center;
	display: block;

	}




.maisonsub-title_post{
		letter-spacing: 0;
		font-family: "RameauPro-Light";
		font-weight: normal;
		font-size:38px;
		line-height: 1;
	display: block;
	margin: 0;
	padding: 0;
	} 


	
.maisonsub-subtitle_post{

		font-weight: normal;
		font-family: "Overpass";
		font-size: 12px;
		line-height:0.8;
		letter-spacing: 0.07em;
		margin:4px auto 15px auto;
	padding:0;
	text-align: center;
	display: block;

	}


/*COLLECTION・PRE COLLECTION*/

.collection-subtitle{
		margin-bottom:0;
		font-weight: normal;

		font-size: 12px;
		line-height:1;
		letter-spacing: 0.125em;
		margin: 0 auto;
	padding:7px 0 0 0;
	text-align: center;
	display: block;

	}
	
.maison-txt{
		font-weight: normal;
		font-size: 12px;
		line-height:2.2em;
		letter-spacing:0.06em;
		margin:30px auto;
	padding: 0 15px;
	text-align: center;

  }
	  }
	
/*============================================================
	ボタンエリア
============================================================*/
	
/*ゴールド*/
	
.maison-content__btn {
		margin-top: 25px;
		width: 178px;
	}
 .maison-content__btn a {
		position: relative;
		display: block;
		padding: 4px;
		border: 1px solid #e8e8e8;
		text-align: center;
		letter-spacing: 0.1em;
		font-size: 12px;
		line-height: 35px;
		color: #fff;
		font-family: "Overpass";
	}
.maison-content__btn a::before,
.maison-content__btn a::after {
		content: '';
		display: block;
		position: absolute;
		width: 50px;
		height: 1px;
		background-color: #c5b48e;
	}
 .maison-content__btn a::before {
		top: -1px;
		left: -1px;
	}
.maison-content__btn a::after {
		bottom: -1px;
		right: -1px;
	}
.maison-content__btn a span {
		position: relative;
		display: block;
		background-color: #c5b48e;
		text-indent: -1em;
	}
.maison-content__btn a span::before,
.maison-content__btn a span::after {
		content: '';
		display: block;
		position: absolute;
		width: 1px;
		height: 11px;
		background-color: #c5b48e;
	}
.maison-content__btn a span::before {
		top: -5px;
		left: -5px;
	}
.maison-content__btn  a span::after {
		bottom: -5px;
		right: -5px;
	}
.maison-content__btn  a:hover {
		opacity: 0.7;
	}
	
	
/*茶色*/
	
.maison_cbtn {
		margin-top: 25px;
	    margin-left: auto;
	    margin-right: auto; 
		width: 178px;
	    text-align: center;
	}
.maison_cbtn a {
		position: relative;
		display: block;
		padding: 4px;
		border: 1px solid #e8e8e8;
		text-align: center;
		letter-spacing: 0.1em;
		font-size: 12px;
		line-height: 35px;
		color: #fff;
		font-family: "Overpass";
	}
.maison_cbtn a::before,
.maison_cbtn a::after {
		content: '';
		display: block;
		position: absolute;
		width: 50px;
		height: 1px;
		background-color: #ae9479;
	}
.maison_cbtn a::before {
		top: -1px;
		left: -1px;
	}
.maison_cbtn a::after {
		bottom: -1px;
		right: -1px;
	}
.maison_cbtn a span {
		position: relative;
		display: block;
		background-color: #ae9479;
		text-indent: -1em;
	}
.maison_cbtn a span::before,
.maison_cbtn a span::after {
		content: '';
		display: block;
		position: absolute;
		width: 1px;
		height: 11px;
		background-color: #ae9479;
	}
.maison_cbtn a span::before {
		top: -5px;
		left: -5px;
	}
.maison_cbtn  a span::after {
		bottom: -5px;
		right: -5px;
	}
.maison_cbtn  a:hover {
		opacity: 0.7;
	}
	

/*茶色02*/
	
.maison_cbtn02 {
		margin-top: 25px;
	    margin-left: auto;
	    margin-right: auto; 
		width: 178px;
	    text-align: center;
	}
.maison_cbtn02 a {
		position: relative;
		display: block;
		padding: 4px;
		border: 1px solid #fff;
		text-align: center;
		letter-spacing: 0.1em;
		font-size: 12px;
		line-height: 35px;
		color: #fff;
		font-family: "Overpass";
	}
.maison_cbtn02 a::before,
.maison_cbtn02 a::after {
		content: '';
		display: block;
		position: absolute;
		width: 50px;
		height: 1px;
		background-color: #ae9479;
	}
.maison_cbtn02 a::before {
		top: -1px;
		left: -1px;
	}
.maison_cbtn02 a::after {
		bottom: -1px;
		right: -1px;
	}
.maison_cbtn02 a span {
		position: relative;
		display: block;
		background-color: #ae9479;
		text-indent: -1em;
	}
.maison_cbtn02 a span::before,
.maison_cbtn02 a span::after {
		content: '';
		display: block;
		position: absolute;
		width: 1px;
		height: 11px;
		background-color: #ae9479;
	}
.maison_cbtn02 a span::before {
		top: -5px;
		left: -5px;
	}
.maison_cbtn02  a span::after {
		bottom: -5px;
		right: -5px;
	}
.maison_cbtn02  a:hover {
		opacity: 0.7;
	}
	

	
/*白色*/
	
.maison_wbtn {
		margin-top: 25px;
	    margin-left: auto;
	    margin-right: auto; 
		width: 178px;
	    text-align: center;
	}
.maison_wbtn a {
		position: relative;
		display: block;
		padding: 4px;
		border: 1px solid #b6b3ac;
		text-align: center;
		letter-spacing: 0.1em;
		font-size: 12px;
		line-height: 35px;
		color: #c5b48e;
		font-family: "Overpass";
	}
.maison_wbtn a::before,
.maison_wbtn a::after {
		content: '';
		display: block;
		position: absolute;
		width: 50px;
		height: 1px;
		background-color: #fff;
	}
.maison_wbtn a::before {
		top: -1px;
		left: -1px;
	}
.maison_wbtn a::after {
		bottom: -1px;
		right: -1px;
	}
.maison_wbtn a span {
		position: relative;
		display: block;
		background-color: #fff;
		text-indent: -1em;
	}
.maison_wbtn a span::before,
.maison_wbtn a span::after {
		content: '';
		display: block;
		position: absolute;
		width: 1px;
		height: 11px;
		background-color: #fff;
	}
.maison_wbtn a span::before {
		top: -5px;
		left: -5px;
	}
.maison_wbtn  a span::after {
		bottom: -5px;
		right: -5px;
	}
.maison_wbtn  a:hover {
		opacity: 0.7;
	}
	
	

/*============================================================
	footerバナー
============================================================*/		
.maison_footer_banner{
margin: 0 auto;
padding: 0;
width:100%;
max-width: 900px;
text-align: center;
display: flex;
justify-content: space-between;
flex-wrap: wrap;		
		  }
	
.maison_fb{
	max-width:440px;
	padding: 0;
	margin: 0;
}
	
.maison_footer_instagram{
margin:100px auto 30px auto;
padding: 0;
width:100%;
max-width:160px;
text-align: center;	
	}
	
	
.maison_fb:hover,
.maison_footer_instagram:hover{
	opacity: 0.5 ;
}	


@media screen and (max-width: 767px) {
.maison_footer_banner{
margin: 0 auto;
padding: 0;
width:100%;
max-width: 750px;
text-align: center;
display: flex;
justify-content: space-between;
flex-wrap: wrap;		
		  }
	
.maison_fb{
	max-width:750px;
	width:100%;
	padding: 0;
	margin: 0;
}
	
.maison_fb img{
	max-width:750px;
	width:100%;
	padding: 0;
	margin: 0;
}
		
	
.maison_footer_instagram{
margin:60px auto 30px auto;
padding: 0;
width:100%;
max-width:160px;
text-align: center;	
	}
	
	}


/*============================================================
		TOPページ
============================================================*/	
.maisontop_area{
	margin:0 auto;
	padding: 0;
	text-align: center;	
	width: 100%;
	max-width:800px;	
 }

.maisontop_area img{
	width: 100%;
	max-width:800px;	
 }


.maisontop_atelier{
	margin:0 auto 50px auto;
	padding: 0;
	background:url(../img/top/behind_pc.png);
	width:1010px;
	height:600px; 
	
	 }	

.maisontop_atelier h2 img{
	max-width:1010px;
	width: 100%;
}



.maisontop_atelier p img{
	max-width:1010px;
	width: 100%;
	}


.maisontop_atelier .more_btn img{
	max-width:1010px;
	width: 100%;
	}



/*COLLECTION*/

.maisontop_collection{
	background: #c3b090;
	margin:0 auto;
	padding: 0;
	width: 100%;	
	}

.maisontop_collection_area{
		margin: 0 auto;
		padding:50px 0;
		width: 100%;
		max-width:1010px ;
		  display: flex;
  justify-content: space-between;
	}

.maisontop_collection_photo{
	width: 450px;
	margin: 0 auto;
	padding: 0;
	}

.maisontop_collection_txt{
	width: 560px;
	margin: 0 auto;
	padding:160px 0 0 0;
	text-align: center;
	}


.maisontop_collection_txt h2 img{
	max-width:400px;
	width: 100%;
}

.maisontop_collection_txt p img{
	max-width:400px;
	width: 100%;
	
	}

.more_btn02 img{
	max-width:176px;
	width: 100%;
	}

@media screen and (max-width: 767px) {
.maisontop_area{
	margin:0 auto;
	padding: 0;
	text-align: center;	
	width: 100%;
	max-width:750px;	
 }

.maisontop_area img{
	width: 100%;
	max-width:750px;	
 }


.maisontop_atelier{
	margin:0 auto;
	padding: 0;
	background:#fff;
	width:100%;
	height:auto; 
	
	 }	

.maisontop_atelier h2 img{
	max-width:750px;
	width: 100%;
}



.maisontop_atelier p img{
	max-width:750px;
	width: 100%;
	}


.maisontop_atelier .more_btn img{
	max-width:750px;
	width: 100%;
	}



/*COLLECTION*/

.maisontop_collection{
	background: #c3b090;
	margin:0 auto;
	padding: 0;
	width: 100%;	
	}

.maisontop_collection_area{
		margin: 0 auto;
		padding:0;
		width: 100%;
		max-width:750px ;
		display:block;
 justify-content: center;
	}

.maisontop_collection_photo{
	width:100%;
	margin: 0 auto;
	padding: 0;
	}
	
.maisontop_collection_photo img{
	max-width:750px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.maisontop_collection_txt{
	width:100%;
	margin: 0 auto;
	padding:0;
	text-align: center;
	}


.maisontop_collection_txt h2 img{
	max-width:750px;
	width: 100%;
}

.maisontop_collection_txt p img{
	max-width:750px;
	width: 100%;
	
	}

.more_btn02 img{
	max-width:750px;
	width: 100%;
	}
	
	
		}
/*============================================================
		ACCESSORIES
============================================================*/	
.accessories_area{
	margin:100px auto 0 auto;
	padding: 0;
	text-align: center;	
	width: 100%;
	max-width: 800px;
	  }
		
.accessories_area h1 img{ 
	margin:0 auto;;
	padding: 0;
	text-align: center;	
	width: 100%;
	max-width: 800px;
		  }
.accessories_area p img{ 
	margin:0 auto;;
	padding: 0;
	text-align: center;	
	width: 100%;
	max-width: 800px;
		  }

.maison_accessories{
	margin:60px auto 50px auto;
	padding: 0;
	text-align: center;	
	width: 100%;
	max-width: 1010px;
	  }
	

@media screen and (max-width: 767px) {
.accessories_area{
	margin:100px auto 0 auto;
	padding: 0;
	text-align: center;	
	width: 100%;
	max-width:750px;
	  }
		
.accessories_area h1 img{ 
	margin:0 auto;;
	padding: 0;
	text-align: center;	
	width: 100%;
	max-width:750px;
		  }
.accessories_area p img{ 
	margin:0 auto;;
	padding: 0;
	text-align: center;	
	width: 100%;
	max-width:750px;
		  }

.maison_accessories{
	margin:0 auto;
	padding: 0;
	text-align: center;	
	width: 100%;
	max-width:750px;
	  }
	

.maison_accessories img{	
	margin:0 auto;;
	padding: 0;
	text-align: center;	
	width: 100%;
	max-width:750px;
	  }	
}


/*============================================================
BEHIND THE SCENES OF  TREAT MAISON
============================================================*/	

.behind_area{
	margin:0 auto;
	padding: 0;
	text-align: center;	
	width: 100%;
	max-width:840px;	
}

.behind_area img{
width: 100%;
max-width:840px;
	margin:0 auto;
	padding: 0;
}


.behind_area h1{
	margin:150px auto 0 auto;
	padding: 0;	
	}

.atelier_area{
background: #f2ebe0 url(../img/behind/atelier_back.png) top repeat-x;
width: 100%;
margin:0 auto;
padding: 0;
	}
	
.designer_area{
background: #ede7e8 url(../img/behind/designer_back.png) top repeat-x;
width: 100%;
margin:0 auto;
padding: 0;
	}
	
.craftsmanship_area{
background: #e3e4e9 url(../img/behind/craftsmanship_back.png) top repeat-x;
width: 100%;
margin:0 auto;
padding: 0;
	}
	
.maison_behind{
	margin:0 auto;
	padding: 0;
	text-align: center;	
	width: 100%;
	max-width: 820px;
	  }
	
	

.behind_banner{
	margin: 100px auto 0 auto;
	padding: 0;
	text-align: center;	
	}
/*============================================================
		COLLECTION
============================================================*/	
	.collection_a{
		background: #f6eeec;
		width: 100%;		
		 }	
	
	.collection_b{
		background: #ddcfc2;
		width: 100%;		
		 }	
	
	.collection_area{
		margin: 0 auto;
		padding:50px 0;
		width: 100%;
		max-width:900px ;
		  display: flex;
  justify-content: space-between;
		
		}	
	
.collection_photo{	
	width: 415px;
	margin: 0;
	padding: 0;
	}	
	
.collection_txt_a{
	background:url(../img/collection/collection_a.png) ;
	width:415px;
	height:630px; 
	}
	
.collection_txt_b{
	background:url(../img/collection/collection_b.png) ;
	width:415px;
	height:630px; 
	}
	
.collection_txt_area{	
	margin: 0 auto;
	padding: 145px 0 100px 0;
	text-align: center;
	
	}
	
.collection_txt_area h2{
	margin: 0 auto;
	padding:14px 0 0 0;
	text-align: center;

		}
	
.collection_txt_area h3{
	margin: 0 auto;
	padding:23px 0 50px 0;
	width:100%;
	text-align: center;
		letter-spacing:0.01em;
		font-family: "RameauPro-Light";
		font-weight: normal;
		font-size:34px;
		line-height:1;

		}
		
.collection_txt_area p{
	margin: 0 auto;
	padding:55px 0 0 0;
	text-align: center;
	font-weight: normal;
		font-size: 14px;
		line-height:2;
		letter-spacing: 0.01em;
		}
		
	
.collection_number{
		letter-spacing:0.01em;
		font-family: "RameauPro-Light";
		font-weight: normal;
		font-size:92px;
		line-height:0.8;
	margin: 0 auto;
	padding:0;
	}
	
.collection_numbers{
		letter-spacing:0.01em;
		font-family: "RameauPro-Light";
		font-weight: normal;
		font-size:44px;
		line-height:1;
	margin: 0 auto;
	padding: 0;
	}
	
.collection_name{
		letter-spacing:0.01em;
		font-family: "RameauPro-Light";
		font-weight: normal;
		font-size:27px;
		line-height:1;	
	margin: 0 auto;
	padding:0 0 0 0;

		}


.collection_banner{
		margin: 0 auto;
		padding:100px 0 50px 0;
		width: 100%;
		max-width:1010px;
		  display: flex;
  justify-content: space-between;
		
		}	

.weddingdress_barea{
width:100%;
max-width:505px;
height:600px;  
position: relative;

			}	
.colordress_barea{
width:100%;
max-width:504px;
height:600px;  
position: relative;


			}	

.weddingdress_barea img{
width:100%;
max-width:505px;
			}	

.colordress_barea img{
width:100%;
max-width:504px;


			}


.collection_barea{
width:100%;
max-width:505px;
height:600px;  
position: relative;

			}	
.collection_barea02{
width:100%;
max-width:504px;
height:600px;  
position: relative;


			}	

.collection_barea img{
width:100%;
max-width:505px;
			}	

.collection_barea02 img{
width:100%;
max-width:504px;


			}	


@media screen and (max-width: 767px) {
	.collection_sp{
		width: 100%;	
		max-width:750px;
		margin: 0 auto;
		padding: 0;
		 }	
	
	
.collection_sp img{	
	width: 100%;
	max-width:750px;
	margin: 0 auto;
	padding: 0;
	vertical-align: bottom;
	line-height: 1.0em;
	}	
	
	
.collection_txt_box{	
 position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;

	
}	

	
.collection_txt_sp{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
			width: 100%;	
		max-width:750px;
	}
	
.collection_txt_sp h2{
	margin: 0 auto;
	padding:0 0 0 0;
	text-align: center;

		}
	
.collection_txt_sp h3{
	margin: 0 auto;
	padding:23px 0 20px 0;
	width:100%;
	text-align: center;
		letter-spacing:0.01em;
		font-family: "RameauPro-Light";
		font-weight: normal;
		font-size:30px;
		line-height:1;

		}
		
.collection_txt_sp p{
	margin: 0 auto;
	padding:35px 0 0 0;
	text-align: center;
	font-weight: normal;
		font-size: 14px;
		line-height:1.4;
		letter-spacing: 0.01em;
	width: 100%;
		}
		
	
.collection_number{
		letter-spacing:0.01em;
		font-family: "RameauPro-Light";
		font-weight: normal;
		font-size:80px;
		line-height:0.8;
	margin: 0 auto;
	padding:0;
	}
	
.collection_numbers{
		letter-spacing:0.01em;
		font-family: "RameauPro-Light";
		font-weight: normal;
		font-size:40px;
		line-height:1;
	margin: 0 auto;
	padding: 0;
	}
	
.collection_name{
		letter-spacing:0.01em;
		font-family: "RameauPro-Light";
		font-weight: normal;
		font-size:27px;
		line-height:1;	
	margin: 0 auto;
	padding:0 0 0 0;

		}


.collection_banner{
		margin: 0 auto;
		padding:20px 0 0 0;
		width:100%;
		max-width:750px;
		  display: flex;
  justify-content: space-between;
		
		}	

.weddingdress_barea{
width:100%;
max-width:375px;
height:auto;  
position: relative;

			}	
.colordress_barea{
width:100%;
max-width:375px;
height:auto; 
position: relative;


			}	

.weddingdress_barea img{
width:100%;
max-width:375px;
			}	

.colordress_barea img{
width:100%;
max-width:375px;


			}


.collection_barea{
width:100%;
max-width:375px;
height:auto; 
position: relative;

			}	
.collection_barea02{
width:100%;
max-width:375px;
height:auto;  
position: relative;


			}	

.collection_barea img{
width:100%;
max-width:375px;
			}	

.collection_barea02 img{
width:100%;
max-width:375px;


			}	
	
}	


/*============================================================
		PRE COLLECTION
============================================================*/	
.precollection_area{	
width: 100%;
max-width: 1010px;	
margin:80px auto;
padding: 0;
	}

.precollection_box{
 display: flex;
    padding: 0;
    margin:0 auto 15px auto;
    list-style: none;
flex-wrap: wrap;

	}

.precollection_box li{
    display: block;
    width: calc(100%/3);
    box-sizing: border-box;
    margin: 0;

}

.precollection_box img{
width:325px ;
height: 485px;
object-fit: cover;	

	
	}


.precollection_box_txt{
margin:0 auto;
padding:10px 0 30px 0;
text-align: center;
color: #333333;
font-size: 13px;
letter-spacing:0.01em;
font-weight: 100;

		}

@media screen and (max-width: 767px) {
	.collection_a{
		background: #f6eeec;
		width: 100%;
		margin:0 auto;
		padding:0;
		 }	
	
	.collection_b{
		background: #ddcfc2;
		width: 100%;
		margin:0 auto;
		padding:0;
		 }	
	
.precollection_area{	
width:98%;
max-width: 700px;	
margin:40px auto;
padding: 0;
text-align: center;
	}

.precollection_box{
 display: flex;
    padding: 0;
    margin:0 auto 15px auto;
    list-style: none;
flex-wrap: wrap;

	}

.precollection_box li{
    display: block;
    width: calc(100% / 3 - 10px);
    box-sizing: border-box;
    margin:5px;
	padding: 0;

}

.precollection_box img{
max-width:150px; 
width:100%; 
max-height:200px;
height:100%;	
object-fit: cover;


	
	}


.precollection_box_txt{
margin:0 auto;
padding:0 0 30px 0;
text-align: center;
color: #333333;
font-size: 13px;
letter-spacing:0.01em;
font-weight: 100;

		}	
	
	}
	
/*————————————–
関連ブログ
————————————–*/
.blogcontent{
	padding:0 0;
	margin: 0 auto;
	text-align: center;
	width:100%;
	max-width:1010px;	
	}

.blogcolordress{
	padding:0 0;
	margin: 0 auto;
	text-align: center;
	width:100%;
	max-width:1010px;	
	}

.blogcontent h2 img{
	width:100%;
	max-width:800px;	
	
	}


.blogcontent p img{
	width:100%;
	max-width:800px;
}


.blogcontent h3 img,
.blogcolordress h3 img{
	width:100%;
	max-width:1010px;	
}

        



.relatedblog{
	padding:0 0 5% 0;
	margin: 0 auto;
	text-align: center;
	width:100%;
	max-width:1010px;	
	}


.relatedblog ul{
	padding: 0;
	margin: 0 auto;
	text-align: left;
	
}
.relatedblog li{
    display: inline-block;
	width: 33%;
	max-width:330px;
	padding:2% 0 2% 0;
  vertical-align: top;
	
}

.thumbnail_img{
	width: 100%;
	margin:0 auto;
	padding: 0;
	}

.thumbnail_img img {
	 object-fit: cover;
	background-color: #f1f1f1;
	width: 322px;
	height:322px;
}



.relatedblog-title{
	color:#4c4c4c;
	font-size:12px;
	padding:20px 5% 0 0;
	line-height:200%;
	text-align: left;
	font-weight:normal;
	
	
	}

.relatedblog-day{
	padding:1% 5% 0 0;
	color:#4c4c4c;
	font-size:10px;
	text-align:left;
	}



.relatedblog a{
	text-decoration: none;
	}


/*インスタ*/
 .instagram-headline {
	margin:0 auto 0 auto;
	padding: 0;
	text-align: center;

  }
  .instagram-headline h2 img{

	width: 100%;
max-width: 800px;
  }


  .instagram-headline p img{
	width: 100%;
max-width: 800px;
  }



.instagram_area{
	width: 100%;
max-width: 1010px;
	margin:0 auto 0 auto;
	padding: 0;
	text-align: center;
	
	}



@media screen and (max-width: 767px) {
	

.behind_banner{
	margin:30px auto 0 auto;
	padding: 0;
	text-align: center;	
	}
	
/*————————————–
関連ブログ
————————————–*/
.blogcontent{
	padding:0 0;
	margin: 0 auto;
	text-align: center;
	width:100%;
	max-width:750px;	
	}

.blogcolordress{
	padding:0 0;
	margin: 0 auto;
	text-align: center;
	width:100%;
	max-width:750px;
	}

.blogcontent h2 img{
	width:100%;
	max-width:750px;	
	
	}


.blogcontent p img{
	width:100%;
	max-width:750px;	
}


.blogcontent h3 img,
.blogcolordress h3 img{
	width:100%;
	max-width:750px;	
}

        



.relatedblog{
	padding:0 0 5% 0;
	margin: 0 auto;
	text-align: center;
	width:96%;
	max-width:750px;	
	}


.relatedblog ul{
	padding: 0;
	margin: 0 auto;
	text-align: left;
	width: 100%;
	
}
.relatedblog li{
    display: inline-block;
	width: 32%;
	max-width:200px;
	padding:2%;
  vertical-align: top;
	margin: 0 auto;
	
	
}

.thumbnail_img{
	width: 100%;
	margin:0 auto;
	padding: 0;
	}

.thumbnail_img img {
	 object-fit: cover;
	background-color: #f1f1f1;
	width: 100%;
	max-width:200px;
	height: 100%;
	max-height:200px;
}



.relatedblog-title{
	color:#4c4c4c;
	font-size:12px;
	padding:20px 5% 0 0;
	line-height:200%;
	text-align: left;
	font-weight:normal;
	
	
	}

.relatedblog-day{
	padding:1% 5% 0 0;
	color:#4c4c4c;
	font-size:10px;
	text-align:left;
	}



.relatedblog a{
	text-decoration: none;
	}


/*インスタ*/
 .instagram-headline {
	margin:0 auto 0 auto;
	padding: 0;
	text-align: center;

  }
  .instagram-headline h2 img{

	width: 100%;
max-width: 750px;
  }


  .instagram-headline p img{
	width: 100%;
max-width: 750px;
  }



.instagram_area{
	width: 100%;
max-width: 750px;
	margin:0 auto 0 auto;
	padding: 0;
	text-align: center;
	
	}

		}
	

/*----------------------------------------------------------------
 *　ページ送り
----------------------------------------------------------------*/
	
#pagenavi {
  overflow: hidden;
    width:100%;
    margin:0;
	padding:0 0 90px 0;

}
 
#pagenavi .prev a,
#pagenavi .next a{
    color: #4c4c4c;
    margin:0 0;
    border-style: none;
    padding:0 0;
	list-style: none;
	text-decoration: none;
}
 
#pagenavi .prev{
    float: left;
	text-align: right;
	width:50%;
	font-family: "Overpass", sans-serif;
	font-size: 15px;
	padding:0 5%;
	margin:10px auto 0 auto;
	 color: #4c4c4c;
	letter-spacing: 10px;
	list-style: none;
	
}
 
#pagenavi .next{
    text-align: left;
	float: right;
	width:50%;
	padding: 0 5%;
	font-family: "Overpass", sans-serif;
	font-size: 15px;
	border-left: solid 1px #cecece;
	letter-spacing: 10px;
	margin:10px auto 0 auto;
	list-style: none;
}

@media screen and (max-width: 767px) {
#pagenavi {
  overflow: hidden;
    width:100%;
    margin:0;
	padding:0 0 50px 0;

}
 
	
	}