@charset "UTF-8";


:root
{
	--header       : 60px;
	--header2      : 100px;

	scroll-padding : var(--header2);

	scroll-behavior: smooth;
}


/*-------------------------------*/


body
{
	min-width      : 1200px;
}

main
{
	font-family    : 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", arial, "Lucida Sans", "メイリオ", Meiryo, "Osaka", sans-serif;
	color          : #69534e;
		
	/*
	color          : #1a1a1a;
	font-size      : 16pt;
	line-height    : 2.0;
	*/
}

a
{
	color          : #69534e;
}

img { height: auto; }

.page-top { z-index: 9999!important; }


/*-------------------------------*/

/*-------------------------------*/


.section_title
{
	margin         : 0px 0 80px;

	text-align     : center;
	line-height    : 1.0;
}

.section_title .text_main
{
	display        : block;

	margin-top     : -10px;

	font-family    : "Cormorant Garamond", serif;
	color          : #69534e;
	font-size      : 440%;
}

.section_title .text_sub
{
	display        : block;

	margin-top     : 20px;

	font-family    : "Hina Mincho", serif;
	color          : #69534e;
	font-size      : 130%;
}


.head_text_h1
{
	margin         : 0 auto;
	margin-bottom  : 90px;
	padding-bottom : 40px;

	width          : 1100px;

	font-family    : "Hina Mincho", serif;
	color          : #69534e;
	font-size      : 180%;
	text-align     : center;
	letter-spacing : 0.1em;

	background     : url(/wp-content/themes/arbrehome/asset/img/common/title_text_dot.png) bottom center no-repeat;
}

.head_text_h2
{
	margin         : 0 auto;
	margin-bottom  : 90px;
	padding-bottom : 40px;

	width          : 1100px;

	font-family    : "Hina Mincho", serif;
	color          : #69534e;
	font-size      : 180%;
	text-align     : center;
	letter-spacing : 0.1em;
}
.head_text_h2[data-type="dotline"]
{
	background     : url(/wp-content/themes/arbrehome/asset/img/common/title_text_dot.png) bottom center no-repeat;
}
.head_text_h2[data-type="slashline"]
{
	background     : url(/wp-content/themes/arbrehome/asset/img/common/title_text_slashline_290.png) bottom center no-repeat;
}
.head_text_h2[data-type="slashlineL"]
{
	background     : url(/wp-content/themes/arbrehome/asset/img/common/title_text_slashline_570.png) bottom center no-repeat;
}


.content_box
{
	margin         : 0 auto;
	padding        : 60px 60px;

	width          : 1100px;

	background     : #fff;
	box-shadow     : rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border-radius  : 10px;
	box-sizing     : border-box;
}


.btn_a
{
	position       : relative;

	display        : block;

	margin         : 0 auto;
	padding        : 25px 50px;

	width          : 560px;

	font-family    : "Hina Mincho", serif;
	color          : #fff;
	font-size      : 130%;
	text-align     : center;
	line-height    : 1.0;
	text-decoration: none;

	background     : #69534e;
	box-shadow     : rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	border-radius  : 5px;
	box-sizing     : border-box;

	transition     : all .15s;
}

.btn_a::after
{
    content        : "";

    position       : absolute;
    top            : 0px;
    bottom         : 0;
    right          : 25px;
    margin         : auto;

    width          : 8px;
    height         : 8px;

    border-top     : 1px solid #fff;
    border-right   : 1px solid #fff;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn_a:hover
{
	background     : #8c5346;
}


.btn_b
{
	position       : relative;

	display        : inline-block;

	margin         : 0 auto;
	padding        : 20px 60px;

	/*width          : 360px;*/

	color          : #fff;
	font-size      : 110%;
	text-align     : center;
	line-height    : 1.0;
	text-decoration: none;

	background     : #d35556;
	box-shadow     : rgba(70, 60, 50, 0.20) 0px 10px 30px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	border-radius  : 500px;
	box-sizing     : border-box;

	transition     : all .15s;
}

.btn_b::after
{
    content        : "";

    position       : absolute;
    top            : 0px;
    bottom         : 0;
    right          : 25px;
    margin         : auto;

    width          : 8px;
    height         : 8px;

    border-top     : 1px solid #fff;
    border-right   : 1px solid #fff;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn_b:hover
{
	background     : #f0745a;
}


.btm_btn_box
{
	margin-top     : 100px;
}


/* ------------------------------------------------------ */




/*=========================================================================================================

　HEADER

=========================================================================================================*/


#HEADER
{
	position       : sticky;
	top            : 0;

	z-index        : 10;

	width          : 100%;
}

#HEADER[data-type="top"]
{
	position       : fixed;
}

#HEADER .header_area
{
	display        : flex;
	justify-content: space-between;
	align-items    : center;

	padding-left   : 20px;
	
	width          : 100%;
	height         : 70px;
  
	box-sizing     : border-box;

	transition     : all 0.5s;
}

#HEADER[data-type="second"] .header_area,
#HEADER[data-type="top"].active .header_area
{
	background     : rgba(255, 255, 255, 0.9);
	box-shadow     : rgba(149, 157, 165, 0.1) 0px 0px 20px;
	
	-webkit-backdrop-filter:blur(3px);
	backdrop-filter:blur(3px);
}


/* ------------------------------------------------------ */


#HEADER .header_area .logo_box
{
	width          : 180px;

	flex-shrink    : 0;
}

#HEADER .header_area .logo_box a
{
	display        : block;
}

#HEADER .header_area .logo_box img
{
	width          : 100%;
}


/* ------------------------------------------------------ */


#HEADER .header_area .header_nav_box
{
	display        : flex;
	align-items    : center;
}

#HEADER .header_area .header_nav_box .nav_list
{
	display        : flex;
	align-items    : center;
	gap            : 40px;
}

#HEADER .header_area .header_nav_box .nav_list li
{

}

#HEADER .header_area .header_nav_box .nav_list li a
{
	position       : relative;
	padding        : 5px 0;

	font-family    : "Hina Mincho", serif;
	color          : #69534e;
	font-size      : 105%;
	text-align     : center;
	line-height    : 1.0;
	text-decoration: none;

	transition     : all .15s;
}

#HEADER .header_area .header_nav_box .nav_list li a::before
{
	content: '';
	width: 100%;
	height: 0px;
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom:1px dotted #69534e;
	transform-origin: center top;
	transform: scale(0, 1);
	transition     : all .15s;
}

#HEADER .header_area .header_nav_box .nav_list li a:hover::before
{
	transform-origin: center top;
	transform: scale(1, 1);
}

#HEADER .header_area .header_nav_box .nav_list li a .ls1
{
	letter-spacing : 0.05em;
}

#HEADER .header_area .header_nav_box .tel_box
{
	display        : flex;

	margin-left    : 50px;

	width          : 70px;
	height         : 70px;
}

#HEADER .header_area .header_nav_box .tel_box details
{


}

#HEADER .header_area .header_nav_box .tel_box summary
{
	display        : flex;
	justify-content: center;
	align-items    : center;
	
	width          : 70px;
	height         : 70px;

	text-indent    : 110%;
	white-space    : nowrap;
	overflow       : hidden;

	background     : url(/wp-content/themes/arbrehome/asset/img/common/icon_tel_30.png) center center no-repeat #69534e;
	background-size: 30px 30px;

	list-style     : none;

	transition     : all .15s;
}

#HEADER .header_area .header_nav_box .tel_box summary:hover
{
	background     : url(/wp-content/themes/arbrehome/asset/img/common/icon_tel_30.png) center center no-repeat #8c5346;
	background-size: 30px 30px;
}

#HEADER .header_area .header_nav_box .tel_box summary.is-active
{
	background     : url(/wp-content/themes/arbrehome/asset/img/common/icon_tel_close_b.png) center center no-repeat #69534e;
	background-size: 40px 40px;
}

#HEADER .header_area .header_nav_box .tel_box summary.is-active:hover
{
	background     : url(/wp-content/themes/arbrehome/asset/img/common/icon_tel_close_b.png) center center no-repeat #8c5346;
	background-size: 40px 40px;
}

#HEADER .header_area .header_nav_box .tel_box .details_content
{
	position       : absolute;
	right          : 0;

	padding        : 40px 100px 40px 45px;

	background     : #69534e;
	box-shadow     : rgba(149, 157, 165, 0.3) 0px 15px 15px;
}

/*
#HEADER .header_area .header_nav_box .tel_box img
{
	width          : 30px;
}
*/


@media screen and (max-width: 1200px)
{
	
	#HEADER .header_area .header_nav_box .nav_list
	{
		gap            : 30px;
	}

	#HEADER .header_area .header_nav_box .nav_list li a
	{
		font-size      : 95%;
	}
}


#HEADER .header_area .header_nav_box_sp,
#HEADER input[type=checkbox],
#HEADER .header_area .hbg_btn
{
	display        : none;
}



/* ------------------------------------------------------ */


.contact_box
{

}

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

.contact_box .contact_tel
{
	width          : 360px;
}

.contact_box .contact_tel a
{
	display        : block;
}

.contact_box .contact_tel img
{
	width          : 100%;
}

.contact_box .contact_sub
{
	display        : flex;
	justify-content: space-between;
	align-content  : center;
	
	margin-top     : 20px;

	color          : #fff;
}

.contact_box .contact_sub p
{
	font-size      : 95%;
	line-height    : 1.0;
}

.contact_box .reception_box
{
	display        : flex;
	justify-content: center;
	align-content  : center;
	gap            : 15px;
	
	margin-top     : 20px;
	padding        : 6px 10px 8px 10px;
	
	border         : 1px solid #fff;
}

.contact_box .reception_box p
{
	color          : #fff;
	font-size      : 85%;
	line-height    : 1.0;
}

.contact_box .reception_box p::first-letter
{
	font-feature-settings: "palt";
}

.contact_box .text_note
{
	margin-top     : 20px;

	color          : #fff;
	font-size      : 80%;
	text-align     : right;
	line-height    : 1.0;
}



/*-------------------------------------------------------
　ハンバーガーメニューボタン
-------------------------------------------------------*/

/*
@media screen and (max-width: 1100px)
{

	#HEADER .header_area .header_nav_box
	{
		display        : none;
	}

	#HEADER .header_area .header_nav_box_sp
	{
		display        : block;
	}

	#HEADER .hbg_btn
	{
		display        : block!important;
		position       : relative;
		
		padding        : 20px 15px;

		width          : 40px;
		height         : 30px;

		z-index        : 999;

		cursor         : pointer;
		user-select    : none;

		flex-shrink    : 0;

		transition     : all .3s;
	}

	#HEADER .hbg_btn span
	{
		display        : inline-block;
		
		position       : absolute;
		left           : 0px;
		height         : 1px;
		
		background     : #69534e;
		
		transition     : all .3s;
	}

	#HEADER .hbg_btn span:nth-of-type(1)
	{
		top            : 25px;
		left           : 20px;

		width          : 30px;
	}

	#HEADER .hbg_btn span:nth-of-type(2)
	{
		top            : 35px;
		left           : 20px;
		
		width          : 30px;
	}

	#HEADER .hbg_btn span:nth-of-type(3)
	{
		top            : 45px;
		left           : 20px;
		
		width          : 30px;
	}

	#HEADER .hbg_btn.active
	{
		background     : #69534e;
	}

	#HEADER .hbg_btn.active span
	{
		background     : #fff;
	}

	#HEADER .hbg_btn.active span:nth-of-type(1)
	{
		top            : 28px;
		left           : 21px;
		transform      : translateY(6px) rotate(-45deg);
		width          : 40%;
	}

	#HEADER .hbg_btn.active span:nth-of-type(2)
	{
		top            : 34px;
		left           : 33px;
		width          : 0%;
	}

	#HEADER .hbg_btn.active span:nth-of-type(3)
	{
		top            : 40px;
		left           : 21px;
		transform      : translateY(-6px) rotate(45deg);
		width          : 40%;
	}


	#HEADER input[type=checkbox]
	{
		opacity        : 0;
		display        : none;
	}

	#HEADER input[type=checkbox]:checked ~ #overlay
	{
		opacity        : 1.0;
		visibility     : visible;
		margin-top     : 0px;
	}

	#HEADER input[type=checkbox]:checked ~ #overlay .spnav_box
	{
		margin-top     : 0px;
		margin-right   : 0px;
	}

	#HEADER #overlay
	{
		height         : calc( 100dvh - 70px )!important;
		width          : 100%;
		
		position       : fixed;
		top            : 70px!important;
		left           : 0;
		
		background     : rgba(205, 199, 171, 0.95);
		
		z-index        : 11;
		
		opacity        : 0;
		visibility     : hidden;

		overflow       : hidden;
		
		transition     : all .3s;
	}


	#HEADER .spnav_box
	{
		margin-top     : -200px;
		padding        : 50px 80px 110px;

		width          : 100%;
		height         : 100%;

		background     : #69534e;
		box-shadow     : rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;

		box-sizing     : border-box;

		overflow-y     : scroll;

		transition     : all .3s;
	}


	#HEADER .spnav_box .nav_list
	{
		padding        : 0px 0px;
	}

	#HEADER .spnav_box .nav_list li
	{
		border-top     : 1px solid #fff;
	}

	#HEADER .spnav_box .nav_list li:last-child
	{
		border-bottom  : 1px solid #fff;
	}

	#HEADER .spnav_box .nav_list li a
	{
		display        : block;
		position       : relative;
		
		padding        : 20px 5px;

		
		font-family    : "Hina Mincho", serif;
		color          : #fff;
		font-size      : 100%;
		text-align     : left;
		line-height    : 1.0;
		text-decoration: none;
		
		transition     : all .15s;
	}

	#HEADER .spnav_box .nav_list li a::after
	{
		content: "";
		
		position: absolute;
		top: 0;
		bottom: 0;
		right: 15px;
		
		margin: auto;
		vertical-align: middle;
		
		width: 7px;
		height: 7px;
		
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}


	#HEADER .spnav_box .sm_box
	{
		display        : flex;
		justify-content: center;
		flex-wrap      : wrap;
		gap            : 15px;
		margin-top: 40px;
	}

	#HEADER .spnav_box .sm_box .sns_list
	{
		display        : flex;
		justify-content: center;
		align-items    : center;
		gap            : 20px;
	}

	#HEADER .spnav_box .sm_box .sns_list li
	{
		width          : 55px;
		height         : 55px;
	}

	#HEADER .spnav_box .sm_box .sns_list li a
	{
		display        : block;
		
		width          : 100%;
		height         : 100%;
		
		background     : #fff;
		border         : 5px solid #fff;
		border-radius  : 50%;
		
		transition     : all .15s;
		
		box-sizing     : border-box;
	}

	#HEADER .spnav_box .sm_box .sns_list li a img
	{
		margin-top     : -5px;
		margin-left    : -5px;
		width          : calc(100% + 10px);
	}


	#HEADER .spnav_box .tel_box
	{
		margin-top: 40px;
		padding:9% 7.5%;
		background:#745e59;
	}

	#HEADER .spnav_box .tel_box .contact_tel
	{
		margin:0;
		padding:0;
		border:none;
	}

	#HEADER .spnav_box .tel_box .contact_tel img
	{
		width          : 95%;
	}

	#HEADER .spnav_box .tel_box .contact_sub
	{
		display:none;
	}

	#HEADER .spnav_box .tel_box .reception_box
	{
		display        : block;

		margin-top     : 20px;
	}

	#HEADER .spnav_box .tel_box .reception_box p
	{
		line-height    : 1.8;
	}

	#HEADER .spnav_box .tel_box .text_note
	{
		margin-top     : 15px;

		text-align     : left;
	}


}
*/






/*=======================================================================================================*/


.side_area
{
	position       : absolute;
	top            : 120px;
	right          : 0;

	z-index        : 15;

	transition     : all .15s;
}
/*
.side_area.is-active
{
	top            : 150px;
}
*/
.side_area .nav_box
{

}

.side_area .nav_box .nav_list
{
	display        : flex;
	justify-content: space-between;
	flex-direction : column;
	gap            : 20px;
}

.side_area .nav_box .nav_list li
{
	display        : flex;

	width          : 60px;
	min-height     : 270px;
}

.side_area .nav_box .nav_list li a
{
	display        : flex;
	justify-content: center;
	align-items    : center;
	
	padding        : 20px 0;
	
	width          : 100%;
	
	font-family    : "Hina Mincho", serif;
	color          : #fff;
	font-size      : 120%;
	text-align     : center;
	line-height    : 1.0;
	text-decoration: none;
	writing-mode   : vertical-rl;
	
	box-shadow     : rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius  : 10px 0 0 10px;
	
	box-sizing     : border-box;
	
	transition     : all .15s;
}

.side_area .nav_box .nav_list li a .ls1
{
	letter-spacing : 0.05em;
}

.side_area .nav_box .nav_list li:nth-child(1) a
{
	background     : #986255;
}

.side_area .nav_box .nav_list li:nth-child(1) a:hover
{
	background     : #b86d5a;
}

.side_area .nav_box .nav_list li:nth-child(2) a
{
	background     : #c6614a;
}

.side_area .nav_box .nav_list li:nth-child(2) a:hover
{
	background     : #e16e53;
}

.side_area .nav_box .nav_list li a img
{
	margin-bottom  : 10px;
}

.side_area .nav_box .nav_list li:nth-child(2)  a img
{
	margin-top     : -5px;
	margin-bottom  : 6px;
}





/*=========================================================================================================

  TOP

=========================================================================================================*/



#TOP
{

}



/*=======================================================================================================*/



#MAIN_VISUAL
{


}

#MAIN_VISUAL .mv_box
{
	position       : relative;

	margin         : 0 auto;
	margin-top     : 100px;

	width          : 80%;
	/*min-width      : 1100px;*/
	padding-top    : 50%;
	/*
	width          : 1100px;
	height         : 680px;
	*/

	overflow       : hidden;

	z-index        : 2;
}

#MAIN_VISUAL .mv_box_wrap
{
	position       : absolute;
	left           : -50px;
	top            : 0;

	padding        : 0 50px;

	width          : 100%;
	height         : 100%;

	text-align     : center;

	background     : #fffcf6;
	border-radius  : 50% 50% 0 0 / 40% 40% 60% 60%;

	overflow       : hidden;
}

#MAIN_VISUAL .mv_box_wrap::after
{
	content        : "";

	display        : block;

	position       : absolute;
	left           : 0;
	top            : 0;

	width          : 100%;
	height         : 100%;

	border-radius  : 50% 50% 0 0 / 40% 40% 60% 60%;

	box-shadow     : rgba(50, 50, 50, 0.25) 0px 10px 60px -12px inset, rgba(0, 0, 0, 0.2) 0px 18px 36px -18px inset;
}

#MAIN_VISUAL .mv_box .main_img
{
	object-fit     : cover;
	width          : 100%;
	height         : 100%;
}

#MAIN_VISUAL .mv_box .concept_text
{
	position       : absolute;
	bottom         : 40px;
	right          : 0;

	display        : inline-block;

	padding        : 20px 30px 20px 40px;

	font-family    : "Hina Mincho", serif;
	color          : #69534e;
	font-size      : 150%;
	text-align     : center;
	line-height    : 1.0;
	letter-spacing : 0.1em;

	background     : #fff;
}

#MAIN_VISUAL .mv_box .concept_text2
{
	position       : absolute;
	top            : 0;
	bottom         : 0px;
	left           : 0;
	right          : 0;
	margin         : auto;

	height         : 1.0em;

	display        : inline-block;

	font-family    : "Hina Mincho", serif;
	color          : #fff;
	font-size      : clamp(250%, 3.0vw, 400%);
	text-align     : center;
	line-height    : 1.0;
	letter-spacing : 0.3em;

	padding-top    : 20px;
	padding-left   : 0.3em;

	text-shadow    : rgba(128, 96, 64, 0.8) 0px 0px 60px , rgba(128, 96, 64, 0.9) 0px 0px 15px;
}


/* ------------------------------------------------------ */


#MAIN_VISUAL .mv_arbre_back 
{
	position       : absolute;
	top            : 0;
	left           : 0;

	width          : 500px;
	height         : 680px;

	background     : url(/wp-content/themes/arbrehome/asset/img/top/mv_grass_01.png) bottom center repeat-x #f5eee8;
}

#MAIN_VISUAL .mv_arbre_back .mv_arbre
{
	position       : absolute;
	bottom         : 0;
	right          : 120px;

	width          : 530px;
	height         : 600px;
}


/* ------------------------------------------------------ */


#MAIN_VISUAL .main_text_box
{
	position       : relative;

	margin         : 0 auto;

	width          : 1100px;
}

#MAIN_VISUAL .main_text_box .main_text
{
	padding        : 100px 0;

	font-family    : "Hina Mincho", serif;
	color          : #69534e;
	font-size      : 150%;
	text-align     : center;
	line-height    : 3.0;
	letter-spacing : 0.1em;
}

#MAIN_VISUAL .main_text_box .mv_parts_01
{
	position       : absolute;
	bottom         : 0;
	right          : -120px;

	width          : 260px;
}


/* ------------------------------------------------------ */



/*=======================================================================================================*/



#TOP_GALLERY
{

}


/* ------------------------------------------------------ */


#TOP_GALLERY .summary_text
{
	margin         : 0 auto;
	margin-bottom  : 60px;
	margin-top     : -20px;

	width          : 1100px;

	text-align     : center;
	line-height    : 3.0;
}


/* ------------------------------------------------------ */


#TOP_GALLERY .slide_gallery_list
{
	height         : 100%;
	text-align     : center;
}
/*
.slide_gallery_list
{
	display        : flex;
	flex-wrap      : wrap;
	gap            : 70px;

	margin         : 0 auto;

	width          : 1100px;
}
*/

.slide_gallery_list
{
	margin         : 0 auto;

	min-width      : 1100px;
}

.slide_gallery_list .list_item
{
	height         : auto!important;
}

.slide_gallery_list a
{
	text-decoration: none;

	transition     : all .15s;
}

.slide_gallery_list a:hover img
{
	opacity        : 0.6;
}

.slide_gallery_list .photo_box
{
	position       : relative;

	/*padding        : 8px;*/

	background     : #fff;
	box-shadow     : rgba(100, 100, 100, 0.2) 0px 7px 20px 0px;

	box-sizing     : border-box;
}

.slide_gallery_list .photo_box::before
{
	content        : "";
	display        : block;
	padding-top    : 100%;
}

.slide_gallery_list .photo_box img
{
	position       : absolute;
	top            : 8px;
	left           : 8px;

	width          : calc(100% - 16px);
	height         : calc(100% - 16px);
	object-fit     : cover;
}

.slide_gallery_list .text_box
{
	position       : relative;
	
	display        : inline-block;
	
	margin-top     : calc(30px + 4px);
	padding        : 13px 10px 15px;

	font-family    : "Hina Mincho", serif;
	color          : #fff;
	font-size      : 120%;
	line-height    : 1.0;
	
	background     : #cd715c;
	box-shadow     : rgba(100, 100, 100, 0.2) 0px 7px 10px 0px;
}

.slide_gallery_list .text_box::before
{
	content        : "";

	width          : 100%;
	height         : calc(100% + 4px);

	position       : absolute;
	top            : -4px;
	left           : -0;
	
	border-top     : 2px solid #cd715c;
	border-bottom  : 2px solid #cd715c;
}

.slide_gallery_list .text_box .frame_left
{
	display        : block;

	position       : absolute;
	top            : -4px;
	left           : -40px;

	width          : 40px;
	height         : calc(100% + 8px);

	background     : url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_01_l.png) left center no-repeat;
}

.slide_gallery_list .text_box .frame_right
{
	display        : block;

	position       : absolute;
	top            : -4px;
	right          : -40px;

	width          : 40px;
	height         : calc(100% + 8px);

	background     : url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_01_r.png) right center no-repeat;
}

.slide_gallery_list .list_item[data-swiper-slide-index="1"] .text_box{	background: #d88062;}
.slide_gallery_list .list_item[data-swiper-slide-index="1"] .text_box::before{	border-color: #d88062;}
.slide_gallery_list .list_item[data-swiper-slide-index="1"] .text_box .frame_left{	background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_02_l.png) left center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="1"] .text_box .frame_right{ background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_02_r.png) right center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="2"] .text_box{	background: #c88694;}
.slide_gallery_list .list_item[data-swiper-slide-index="2"] .text_box::before{	border-color: #c88694;}
.slide_gallery_list .list_item[data-swiper-slide-index="2"] .text_box .frame_left{	background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_03_l.png) left center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="2"] .text_box .frame_right{ background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_03_r.png) right center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="3"] .text_box{	background: #d69758;}
.slide_gallery_list .list_item[data-swiper-slide-index="3"] .text_box::before{	border-color: #d69758;}
.slide_gallery_list .list_item[data-swiper-slide-index="3"] .text_box .frame_left{	background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_04_l.png) left center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="3"] .text_box .frame_right{ background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_04_r.png) right center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="4"] .text_box{	background: #d1875c;}
.slide_gallery_list .list_item[data-swiper-slide-index="4"] .text_box::before{	border-color: #d1875c;}
.slide_gallery_list .list_item[data-swiper-slide-index="4"] .text_box .frame_left{	background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_05_l.png) left center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="4"] .text_box .frame_right{ background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_05_r.png) right center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="5"] .text_box{	background: #da7272;}
.slide_gallery_list .list_item[data-swiper-slide-index="5"] .text_box::before{	border-color: #da7272;}
.slide_gallery_list .list_item[data-swiper-slide-index="5"] .text_box .frame_left{	background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_06_l.png) left center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="5"] .text_box .frame_right{ background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_06_r.png) right center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="6"] .text_box{	background: #d96b62;}
.slide_gallery_list .list_item[data-swiper-slide-index="6"] .text_box::before{	border-color: #d96b62;}
.slide_gallery_list .list_item[data-swiper-slide-index="6"] .text_box .frame_left{	background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_07_l.png) left center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="6"] .text_box .frame_right{ background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_07_r.png) right center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="7"] .text_box{	background: #d96b62;}
.slide_gallery_list .list_item[data-swiper-slide-index="7"] .text_box::before{	border-color: #d96b62;}
.slide_gallery_list .list_item[data-swiper-slide-index="7"] .text_box .frame_left{	background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_08_l.png) left center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="7"] .text_box .frame_right{ background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_08_r.png) right center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="8"] .text_box{	background: #d6818b;}
.slide_gallery_list .list_item[data-swiper-slide-index="8"] .text_box::before{	border-color: #d6818b;}
.slide_gallery_list .list_item[data-swiper-slide-index="8"] .text_box .frame_left{	background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_02_l.png) left center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="8"] .text_box .frame_right{ background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_02_r.png) right center no-repeat;}

.slide_gallery_list .list_item[data-swiper-slide-index="9"] .text_box{	background: #d88062;}
.slide_gallery_list .list_item[data-swiper-slide-index="9"] .text_box::before{	border-color: #d88062;}
.slide_gallery_list .list_item[data-swiper-slide-index="9"] .text_box .frame_left{	background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_02_l.png) left center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="9"] .text_box .frame_right{ background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_02_r.png) right center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="10"] .text_box{	background: #d88062;}
.slide_gallery_list .list_item[data-swiper-slide-index="10"] .text_box::before{	border-color: #d88062;}
.slide_gallery_list .list_item[data-swiper-slide-index="10"] .text_box .frame_left{	background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_02_l.png) left center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="10"] .text_box .frame_right{ background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_02_r.png) right center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="11"] .text_box{	background: #c88694;}
.slide_gallery_list .list_item[data-swiper-slide-index="11"] .text_box::before{	border-color: #c88694;}
.slide_gallery_list .list_item[data-swiper-slide-index="11"] .text_box .frame_left{	background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_03_l.png) left center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="11"] .text_box .frame_right{ background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_03_r.png) right center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="12"] .text_box{	background: #d69758;}
.slide_gallery_list .list_item[data-swiper-slide-index="12"] .text_box::before{	border-color: #d69758;}
.slide_gallery_list .list_item[data-swiper-slide-index="12"] .text_box .frame_left{	background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_04_l.png) left center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="12"] .text_box .frame_right{ background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_04_r.png) right center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="13"] .text_box{	background: #d1875c;}
.slide_gallery_list .list_item[data-swiper-slide-index="13"] .text_box::before{	border-color: #d1875c;}
.slide_gallery_list .list_item[data-swiper-slide-index="13"] .text_box .frame_left{	background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_05_l.png) left center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="13"] .text_box .frame_right{ background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_05_r.png) right center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="14"] .text_box{	background: #da7272;}
.slide_gallery_list .list_item[data-swiper-slide-index="14"] .text_box::before{	border-color: #da7272;}
.slide_gallery_list .list_item[data-swiper-slide-index="14"] .text_box .frame_left{	background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_06_l.png) left center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="14"] .text_box .frame_right{ background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_06_r.png) right center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="15"] .text_box{	background: #d96b62;}
.slide_gallery_list .list_item[data-swiper-slide-index="15"] .text_box::before{	border-color: #d96b62;}
.slide_gallery_list .list_item[data-swiper-slide-index="15"] .text_box .frame_left{	background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_07_l.png) left center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="15"] .text_box .frame_right{ background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_07_r.png) right center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="16"] .text_box{	background: #d96b62;}
.slide_gallery_list .list_item[data-swiper-slide-index="16"] .text_box::before{	border-color: #d96b62;}
.slide_gallery_list .list_item[data-swiper-slide-index="16"] .text_box .frame_left{	background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_08_l.png) left center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="16"] .text_box .frame_right{ background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_08_r.png) right center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="17"] .text_box{	background: #d6818b;}
.slide_gallery_list .list_item[data-swiper-slide-index="17"] .text_box::before{	border-color: #d6818b;}
.slide_gallery_list .list_item[data-swiper-slide-index="17"] .text_box .frame_left{	background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_02_l.png) left center no-repeat;}
.slide_gallery_list .list_item[data-swiper-slide-index="17"] .text_box .frame_right{ background: url(/wp-content/themes/arbrehome/asset/img/top/gallery_plate_02_r.png) right center no-repeat;}




.slide_gallery_list .swiper-wrapper
{
	transition-timing-function: linear!important;
}


/* ------------------------------------------------------ */



/*=======================================================================================================*/



#TOP_CASE
{
	
	background: #f8f8f8;
}

#TOP_CASE .sumarry_text
{
	
}





#TOP_CASE .slider_box[data-type="case"]
{
	
}






#TOP_CASE .btn_box
{
	
}


/* ------------------------------------------------------ */











/*=======================================================================================================*/



#TOP_ABOUT
{
	padding-top    : 120px;
	padding-bottom : 120px;
}

#TOP_ABOUT > .inner
{
	margin         : 0 auto;

	width          : 1100px;
}


/* ------------------------------------------------------ */


#TOP_ABOUT .title_box
{
	text-align     : center;
}

#TOP_ABOUT .title_box .title_inner
{
	display        : inline-block;

	position       : relative;
}

#TOP_ABOUT .title_box .about_parts_02
{
	position       : absolute;
	top            : -50px;
	right          : -60px;

	width          : 50px;
}

#TOP_ABOUT .section_title_ex[data-type="about"]
{
	display        : flex;
	justify-content: center;
	align-items    : flex-end;

	/*margin-top     : -10px;*/

	font-family    : "Hina Mincho", serif;
	color          : #69534e;
	font-size      : 260%;
	line-height    : 1.0;
}

#TOP_ABOUT .section_title_ex[data-type="about"] .t01
{
	position       : relative;
	z-index        : 2;
}

#TOP_ABOUT .section_title_ex[data-type="about"] .t02
{
	margin         : 0 10px;

	color          : #e55f42;
	font-size      : 220%;

	position       : relative;
	z-index        : 1;
}

#TOP_ABOUT .section_title_ex[data-type="about"] .t02::before
{
	content        : "";

	display        : block;
	width          : 170px;
	height         : 110px;

	position       : absolute;
	left           : 50%;
	top            : -70px;
    margin-left    : -85px;

	background     : url(/wp-content/themes/arbrehome/asset/img/top/about_parts_01.png) center center no-repeat;

	z-index        : -1;
}

#TOP_ABOUT .section_title_ex[data-type="about"] .t03
{
	position       : relative;
	z-index        : 2;
}

#TOP_ABOUT .section_title_ex[data-type="about"] .t04
{
	position       : relative;
	z-index        : 2;

	color          : #de972d;
	font-size      : 140%;
}


/* ------------------------------------------------------ */


#TOP_ABOUT .point_box
{
	position       : relative;
	
	margin-top     : 80px;
	padding        : 95px 80px 85px;

	background     : #fcf7f4;
	
	box-sizing     : border-box;
}

/*
#TOP_ABOUT .point_box .ribon_wrap
{
	position       : absolute;
	top            : -25px;

	width          : 100%;

	text-align     : center;
}
*/

#TOP_ABOUT .point_box .ribon_text
{
	display        : inline-block;

	position       : absolute;
	top            : -25px;
	left           : 50%;
	transform      : translate(-50%, 0);

	padding        : 0 40px;

	height         : 50px;
	line-height    : 50px;

	font-family    : "Hina Mincho", serif;
	color          : #fff;
	font-size      : 140%;
	text-align     : center;

	background     : #e55f42;

	box-sizing     : border-box;
}

#TOP_ABOUT .point_box .ribon_text::before,
#TOP_ABOUT .point_box .ribon_text::after
{
	content        : "";

	position       : absolute;
	
	width          : 0px;
	height         : 0px;

	z-index        : 1;
}

#TOP_ABOUT .point_box .ribon_text::before
{
	top            : 0;
	left           : -15px;

	border-width   : 25px 10px 25px 15px;
	border-color   : #e55f42 #e55f42 #e55f42 transparent;
	border-style   : solid;
}

#TOP_ABOUT .point_box .ribon_text::after
{
	top            : 0;
	right          : -15px;

	border-width   : 25px 15px 25px 10px;
	border-color   : #e55f42 transparent #e55f42 #e55f42;
	border-style   : solid;
}


#TOP_ABOUT .point_box .point_list
{
	display        : flex;
	justify-content: space-between;
	align-items    : center;
}

#TOP_ABOUT .point_box .point_list li
{
	position       : relative;

	width          : 260px;
	
	border-radius  : 50% 50% 0 0;
	border-radius  : 130px 130px 0 0;
	box-sizing     : border-box;
}

#TOP_ABOUT .point_box .point_list li::before
{
	content        : "";

	width          : calc(100% + 4px);
	height         : calc(100% + 4px);

	position       : absolute;
	top            : -6px;
	left           : -6px;

	border-radius  : 136px 136px 0 0;
}

#TOP_ABOUT .point_box .point_list li:nth-child(1)
{
	background     : #f8d4d4;
}

#TOP_ABOUT .point_box .point_list li:nth-child(1)::before
{
	border         : 4px solid #f8d4d4;
}

#TOP_ABOUT .point_box .point_list li:nth-child(2)
{
	background     : #fddbcf;
}

#TOP_ABOUT .point_box .point_list li:nth-child(2)::before
{
	border         : 4px solid #fddbcf;
}

#TOP_ABOUT .point_box .point_list li:nth-child(3)
{
	background     : #f7e5d1;
}

#TOP_ABOUT .point_box .point_list li:nth-child(3)::before
{
	border         : 4px solid #f7e5d1;
}

#TOP_ABOUT .point_box .point_list .point_num
{
	font-family    : "Hina Mincho", serif;
	font-size      : 300%;
	text-align     : center;
}

#TOP_ABOUT .point_box .point_list .point_text
{
	padding        : 20px 0 50px;

	font-family    : "Hina Mincho", serif;
	font-size      : 160%;
	text-align     : center;
}

#TOP_ABOUT .point_box .point_list li .point_text > *
{
	display        : block;

	margin-top     : 10px;
}

#TOP_ABOUT .point_box .point_list li:nth-child(1) .point_text .t03
{
	color          : #e8615d;
	font-size      : 150%;
}

#TOP_ABOUT .point_box .point_list li:nth-child(2) .point_text .t03
{
	color          : #ff6938;
	font-size      : 150%;
}

#TOP_ABOUT .point_box .point_list li:nth-child(3) .point_text .t02 span
{
	margin-right   : 5px;

	color          : #ff9a36;
	font-size      : 150%;
	letter-spacing : -0.1em;
}



#TOP_ABOUT .point_box .about_parts_03
{
	position       : absolute;
	top            : -20px;
	left           : -20px;
}

#TOP_ABOUT .point_box .about_parts_04
{
	position       : absolute;
	bottom         : -20px;
	right          : -10px;
}


/* ------------------------------------------------------ */


#TOP_ABOUT .about_text
{
	margin-top     : 80px;

	font-size      : 120%;
	line-height    : 3.0;
	text-align     : center;
}


/* ------------------------------------------------------ */


#TOP_ABOUT .btn_box
{
	margin-top     : 60px;
}


/* ------------------------------------------------------ */





/*=======================================================================================================*/



#TOP_NEWS
{
	position       : relative;

	padding-top    : 100px;
	padding-bottom : calc( 100px + 55px );

	background-image: 
				url(/wp-content/themes/arbrehome/asset/img/top/news_back_01.png),
				url(/wp-content/themes/arbrehome/asset/img/top/news_back_02.png),
				radial-gradient(#f6ebcb 2px, transparent 2px),
				radial-gradient(#f6ebcb 2px, #fdfcf3 2px);
	background-size: 280px 200px, 280px 200px, 40px 40px, 40px 40px;
	background-position: top left, bottom 55px right, 0 0, 20px 20px;
	background-repeat:no-repeat,no-repeat,repeat,repeat;
	background-color: #fdfcf3;

	overflow       : hidden;
}


#TOP_NEWS::after
{
	content        : "";

	display        : block;

	position       : absolute;
	bottom         : 0;

	width          : 100%;
	height         : 55px;
	
	background     : url(/wp-content/themes/arbrehome/asset/img/top/news_majikiri_01.png) center center repeat-x #fff;

}

/*
	#TOP_NEWS > .inner
	{

		margin         : 0 auto;
		padding-top    : 100px;
		padding-bottom : 100px;

		width          : 1100px;
	}
*/


#TOP_NEWS .news_parts_01
{
	position       : absolute;
	top            : 60px;
	right          : 110px;

	width          : 180px;
}

#TOP_NEWS .news_parts_02
{
	position       : absolute;
	bottom         : 55px;
	left           : 90px;

	width          : 100px;
}


/* ------------------------------------------------------ */


#TOP_NEWS .information_box
{
	margin         : 0 auto;
	padding        : 40px 40px;
	
	width          : 1100px;
	
	background     : #fff;
	border         : 1px solid #69534e;
	
	box-sizing     : border-box;
}

#TOP_NEWS .information_box .info_list
{
	border-top     : 1px dotted #69534e;
}

#TOP_NEWS .information_box .info_list li
{
	display        : flex;
	
	padding        : 15px 10px;
	
	border-bottom  : 1px dotted #69534e;
}

#TOP_NEWS .information_box .info_list .info_date
{
	flex-shrink    : 0;

	width          : 120px;
}

#TOP_NEWS .information_box .info_list .info_text
{
	
}

#TOP_NEWS .information_box .info_list .info_text a
{
	
}


/* ------------------------------------------------------ */


#TOP_NEWS .slide_news_list
{
	margin-top     : 80px;
}


.slide_news_list
{
	margin         : 0 auto;

	min-width      : 1100px;
}

.slide_news_list .list_item
{
	/*width          : 320px!important;*/
	height         : auto!important;

	background     : #fff;
	box-shadow     : rgba(100, 100, 100, 0.2) 0px 7px 20px 0px;
	border-radius  : 10px;
	
	overflow       : hidden;
}

.slide_news_list a
{
	display        : flex;
	flex-direction : column;

	width          : 100%;
	height         : 100%;

	text-decoration: none;

	transition     : all .15s;
}

.slide_news_list a:hover
{
	opacity        : 0.6;
}

.slide_news_list .photo_box
{
	padding        : 10px 10px 0 10px;
}

.slide_news_list .photo_box img
{
	width          : 100%;
	height         : 100%;
	object-fit     : cover;
}

.slide_news_list .text_box
{
	display        : flex;
	flex-direction : column;
	align-items    : flex-start;

	height         : 100%;

	padding        : 15px 20px 20px;

	color          : #69534e;
	font-size      : 100%;
}

.slide_news_list .text_box .category_tag
{
	display        : inline-block;
	
	margin-bottom  : 10px;
	padding        : 5px 20px;

	color          : #fff;
	font-size      : 80%;

	background     : #69534e;
	border-radius  : 5px;
}

.slide_news_list .text_box .text_title
{
	
}

.slide_news_list .text_box .text_date
{
	margin-top     : auto;
	padding-top    : 20px;

	color          : #e89732;
	font-size      : 90%;
}


.slide_news_list .swiper-wrapper
{
	transition-timing-function: linear!important;
}


/* ------------------------------------------------------ */


#TOP_NEWS .btn_box
{
	margin-top     : 80px;
}


/* ------------------------------------------------------ */





/*=======================================================================================================*/



#TOP_CONSULT
{
	background: repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(99, 85, 75, 0.05) 19px, rgba(99, 85, 75, 0.05) 20px, transparent 20px, transparent 39px, rgba(99, 85, 75, 0.05) 39px, rgba(99, 85, 75, 0.05) 40px) 0% 0% / 40px 40px, repeating-linear-gradient(90deg, transparent, transparent 19px, rgba(99, 85, 75, 0.05) 19px, rgba(99, 85, 75, 0.05) 20px, transparent 20px, transparent 39px, rgba(99, 85, 75, 0.05) 39px, rgba(99, 85, 75, 0.05) 40px) 0% 0% / 40px 40px, radial-gradient(circle at 20px 20px, rgba(99, 85, 75, 0.08) 2px, transparent 2px) 0% 0% / 40px 40px;
	background-position: top center;
	background-color: #fff;

	overflow       : hidden;
}

#TOP_CONSULT > .inner
{
	position       : relative;

	margin         : 0 auto;
	padding-top    : 100px;
	padding-bottom : 100px;

	width          : 1100px;
}

#TOP_CONSULT .title_box
{
	text-align     : center;
}

#TOP_CONSULT .title_box .title_inner
{
	display        : inline-block;

	position       : relative;
}

#TOP_CONSULT .title_box .consult_bln_01
{
	position       : absolute;
	top            : -80px;
	right          : -210px;

	width          : 240px;
}

#TOP_CONSULT .section_title_ex[data-type="consult"]
{
	display        : flex;
	justify-content: center;
	align-items    : flex-end;

	margin-top     : -10px;
	padding-bottom : 45px;

	font-family    : "Hina Mincho", serif;
	color          : #69534e;
	font-size      : 200%;
	line-height    : 1.0;

	background     : url(/wp-content/themes/arbrehome/asset/img/common/title_text_slashline_570.png) bottom center no-repeat;
}

#TOP_CONSULT .section_title_ex[data-type="consult"] .t01
{
	position       : relative;
	z-index        : 2;
}

#TOP_CONSULT .section_title_ex[data-type="consult"] .t02
{
	margin         : 0 30px;

	font-size      : 150%;

	position       : relative;
	z-index        : 1;
}

#TOP_CONSULT .section_title_ex[data-type="consult"] .t02::before
{
	content        : "";

	display        : block;
	width          : 190px;
	height         : 70px;

	position       : absolute;
	left           : -40px;
	top            : -10px;

	background     : url(/wp-content/themes/arbrehome/asset/img/top/consult_txtback_01.png) center center no-repeat;

	z-index        : -1;
}

#TOP_CONSULT .section_title_ex[data-type="consult"] .t03
{
	position       : relative;
	z-index        : 2;
}

#TOP_CONSULT .consult_parts_01
{
	position       : absolute;
	bottom         : 0px;
	right          : -100px;

	width          : 220px;
}


/* ------------------------------------------------------ */


#TOP_CONSULT .question_box
{
	position       : relative;

	margin-top     : 80px;
}

#TOP_CONSULT .question_box .question_list
{
	display        : flex;
	justify-content: center;
	align-items    : center;
	gap            : 60px;
}

#TOP_CONSULT .question_box .question_list li
{
	position       : relative;

	display        : flex;
	justify-content: center;
	align-items    : center;

	width          : 260px;
	height         : 260px;
}

#TOP_CONSULT .question_box .question_list li p
{
	font-family    : "Hina Mincho", serif;
	font-size      : 180%;

	position       : relative;
	z-index        : 1;
}

#TOP_CONSULT .question_box .question_list li p::before
{
	content        : "";

	display        : block;
	width          : 140px;
	height         : 40px;

	position       : absolute;
	left           : 50%;
	bottom         : -10px;
	margin-left    : -70px;

	background     : url(/wp-content/themes/arbrehome/asset/img/top/consult_txtback_02a.png) center center no-repeat;

	z-index        : -1;
}

#TOP_CONSULT .question_box .question_list li:nth-child(1) p::before{ background: url(/wp-content/themes/arbrehome/asset/img/top/consult_txtback_02a.png) center center no-repeat; }
#TOP_CONSULT .question_box .question_list li:nth-child(2) p::before{ background: url(/wp-content/themes/arbrehome/asset/img/top/consult_txtback_02b.png) center center no-repeat; }
#TOP_CONSULT .question_box .question_list li:nth-child(3) p::before{ background: url(/wp-content/themes/arbrehome/asset/img/top/consult_txtback_02c.png) center center no-repeat; }

#TOP_CONSULT .question_box .question_list li p .ls1
{
	letter-spacing : 0.05em;
}

#TOP_CONSULT .question_box .question_list li .hw_circle
{
	position: absolute;
	top:0;
	bottom:0;
	left: 0;
	right:0;
	margin:auto;

	width: 260px;
	height: 260px;
	
	border: 1px solid #69534e;

	/*mix-blend-mode: multiply;*/
}

.hw_circle.c1 { border-radius: 47% 53% 43% 57% / 45% 52% 48% 55%; }
.hw_circle.c2 { border-radius: 55% 45% 51% 49% / 51% 45% 55% 49%; }

.hw_circle.c3 { border-radius: 47% 53% 43% 57% / 45% 52% 48% 55%; transform: rotate(45deg); }
.hw_circle.c4 { border-radius: 55% 45% 51% 49% / 51% 45% 55% 49%; transform: rotate(25deg); }

.hw_circle.c5 { border-radius: 57% 45% 51% 49% / 52% 45% 56% 49%; transform: rotate(-35deg); }
.hw_circle.c6 { border-radius: 47% 53% 41% 59% / 51% 43% 50% 49%; }



#TOP_CONSULT .question_box .consult_parts_02
{
	position       : absolute;
	bottom         : -10px;
	left           : -60px;

	width          : 66px;
}

#TOP_CONSULT .question_box .consult_parts_03
{
	position       : absolute;
	top            : 0px;
	left           : -40px;

	width          : 30px;
}

#TOP_CONSULT .question_box .consult_parts_04
{
	position       : absolute;
	bottom         : 0px;
	right          : -30px;

	width          : 30px;
}

#TOP_CONSULT .question_box .consult_parts_05
{
	position       : absolute;
	top            : -30px;
	right          : -40px;

	width          : 60px;
}


/* ------------------------------------------------------ */


#TOP_CONSULT .btn_box
{
	display        : flex;
	justify-content: center;
	align-items    : center;
	gap            : 80px;

	margin-top     : 80px;
}

#TOP_CONSULT .btn_box a
{
	margin         : 0;

	width          : 360px;
}

#TOP_CONSULT .btn_box a[data-type="contact"]
{
	background     : #c7614b;
}

#TOP_CONSULT .btn_box a[data-type="contact"]:hover
{
	background     : #e16e53;
}


/* ------------------------------------------------------ */


#TOP_CONSULT .ex_contact_box
{
	padding        : 40px 0;

	background     : #c19072;
}

#TOP_CONSULT .ex_contact_box > .inner
{
	margin         : 0 auto;

	width          : 1100px;
}

#TOP_CONSULT .ex_contact_box .contact_box
{
	display        : flex;
	justify-content: center;
	align-items    : center;
}

#TOP_CONSULT .ex_contact_box .contact_box .inbox_01
{

}

#TOP_CONSULT .ex_contact_box .contact_box .inbox_02
{
	padding        : 10px 0;
	
	margin-left    : 50px;
	padding-left   : 50px;
	border-left    : 1px solid #fff;
}

#TOP_CONSULT .ex_contact_box .contact_box .contact_sub
{
	display        : none;
}

#TOP_CONSULT .ex_contact_box .contact_box .reception_box
{
	display        : flex;
	justify-content: flex-start;
	align-items    : center;
	gap            : 20px;

	margin-top     : 0;
	padding        : 0;

	color          : #fff;

	border         : none;
}

#TOP_CONSULT .ex_contact_box .contact_box .reception_box p
{
	font-size      : 100%;
}

#TOP_CONSULT .ex_contact_box .contact_box .text_note
{
	margin-top     : 25px;

	color          : #fff;
	font-size      : 90%;
	text-align     : center;
}






/*=======================================================================================================*/



#TOP_MIGNON
{
	padding-top        : 120px;
	padding-bottom     : 120px;

	font-family        : 'Zen Maru Gothic', sans-serif;

	background-image   : url(/wp-content/themes/arbrehome/asset/img/top/mignon_back_01.png),
					     url(/wp-content/themes/arbrehome/asset/img/top/mignon_back_01.png);
	background-position: top center, bottom center;
	background-repeat  : repeat-x, repeat-x;
	background-color   : #fff;
}


#TOP_MIGNON .section_title_ex[data-type="mignon"]
{
	text-align         : center;
}

#TOP_MIGNON .section_title_ex[data-type="mignon"] img
{
	width              : 640px;
}


/* ------------------------------------------------------ */


#TOP_MIGNON .mn_about_box
{
	display        : flex;
	justify-content: space-between;

	margin         : 0 auto;
	margin-top     : 80px;

	width          : 1100px;
}

#TOP_MIGNON .mn_about_box .photo_box
{
	width          : 520px;
}

#TOP_MIGNON .mn_about_box .photo_box img
{
	margin-top     : -30px;
	margin-left    : -30px;

	width          : 540px;
}

#TOP_MIGNON .mn_about_box .text_box
{
	width          : 580px;
}

#TOP_MIGNON .mn_about_box .text_box .mn_head_text
{

}

#TOP_MIGNON .mn_about_box .text_box .mn_head_text .main_text
{
	display        : block;

	color          : #953939;
	font-size      : 200%;
	font-weight    : bold;
}

#TOP_MIGNON .mn_about_box .text_box .mn_head_text .sub_text
{
	display        : inline-block;

	margin-top     : 15px;
	padding        : 5px 30px 7px;

	color          : #701616;
	line-height    : 1.0;

	border         : 1px solid #701616;
}

#TOP_MIGNON .mn_about_box .text_box .mn_about_text
{
	margin-top     : 35px;

	color          : #701616;
	font-size      : 110%;
	line-height    : 2.2;
}

#TOP_MIGNON .mn_about_box .text_box .btn_box
{
	margin-top     : 50px;

	text-align     : center;
}





/*=========================================================================================================

　ABOUT

=========================================================================================================*/


#ABOUT
{

}

#ABOUT #about_main
{

}

#ABOUT #about_main .mv_box
{
	position: relative;
	height:640px;
}

#ABOUT #about_main .mv_box .main_img
{
	width:100%;
	height:100%;
	object-fit: cover;
}


#ABOUT #about_main .mv_box .title_text
{
	position: absolute;
	top: 50%;
	/*! bottom: 0; */
	/*! right: 0; */
	left: 50%;
	/*! margin: auto; */
	display:block;
	width:100%;
	text-align: center;
	/*! background: #F00; */
	transform: translate(-50%, -50%);
	font-family: "Hina Mincho", serif;
	color: #69534e;
	font-size: 350%;
	letter-spacing: 0.1em;
	text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}



/* ------------------------------------------------------ */


#ABOUT #about_concept
{
padding-top:80px;
padding-bottom:80px;
}

#ABOUT #about_concept .concept_box
{
margin:0 auto;
	width:1100px;
	
	display: flex;
	justify-content: center;
	gap:60px;
	
}

#ABOUT #about_concept .concept_box .text_box
{
width:600px;
}

#ABOUT #about_concept .concept_box .text_box .text_head
{

}

#ABOUT #about_concept .concept_box .text_box .text_head {
  position: relative;
  padding: 8px 16px;
  outline: 1px solid #333;
	font-family    : "Hina Mincho", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
  color: #333;
  font-weight: 400;
  display: block;
  box-sizing: border-box;
  max-width: 500px;
  text-align: center;
  margin-inline: auto;
}

#ABOUT #about_concept .concept_box .text_box .text_head::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 98%;
  height: 82%;
  background: #eee9e6;
  z-index: -999;
}

#ABOUT #about_concept .concept_box .text_box .text_head::after {
  content: "";
  position: absolute;
  bottom:-6px;
  right: -6px;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  width: 98%;
  height: 98%;
}

#ABOUT #about_concept .concept_box .text_box p
{
margin-top: 40px;
}

#ABOUT #about_concept .concept_box .text_box .btn_box
{
margin-top:40px;
	text-align: center;
}

#ABOUT #about_concept .concept_box .text_box .btn_box a
{
border:1px solid #976;
	border-radius: 100px;
	padding:10px 40px;
	text-decoration: none;
}



#ABOUT #about_concept .concept_box .photo_box
{

width:440px;
}

#ABOUT #about_concept .concept_box .photo_box img
{
	width:100%;
}



/* ------------------------------------------------------ */






#ABOUT #about_point
{
padding-bottom:100px;
}

#ABOUT #about_point .point_box
{
position: relative;
margin:0 auto;
	padding:60px;
	width:1100px;
	
	display: flex;
	justify-content: center;
	gap:60px;
	box-sizing: border-box;
	background:#fcf7f4;
}

#ABOUT #about_point .point_box + .point_box
{
margin-top:100px;
}

#ABOUT #about_point .point_box .point_num
{
	position: absolute;
	left:-20px;
	top:-100px;
font-size:300%;
	
	font-family    : "Cormorant Garamond", serif;
	color          : #69534e;
}

#ABOUT #about_point .point_box .point_num .p_point
{

}

#ABOUT #about_point .point_box .point_num .p_num
{
	font-family    : "Hina Mincho", serif;

font-size:200%;
}

#ABOUT #about_point .point_box .text_box
{

width:600px;
}

#ABOUT #about_point .point_box .text_box .point_head
{


}

#ABOUT #about_point .point_box .text_box .point_text
{


}

#ABOUT #about_point .point_box .photo_box
{

width:440px;
}

#ABOUT #about_point .point_box .photo_box img
{
width:100%;
}

#ABOUT #about_point .point_box .photo_box .point_photo img:first-child
{
margin-bottom:40px;
}











/* ------------------------------------------------------ */


#ABOUT #about_after
{
padding-top:80px;
padding-bottom:80px;
}

#ABOUT #about_after .after_box
{
margin:0 auto;
	width:1100px;
	
	display: flex;
	justify-content: center;
	gap:60px;
	
}

#ABOUT #about_after .after_box .text_box
{
width:600px;
}

#ABOUT #about_after .after_box .text_box .text_head
{

}

#ABOUT #about_after .after_box .text_box .text_head {
  position: relative;
  padding: 8px 16px;
  outline: 1px solid #333;
	font-family    : "Hina Mincho", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
  color: #333;
  font-weight: 400;
  display: block;
  box-sizing: border-box;
  max-width: 500px;
  text-align: center;
  margin-inline: auto;
}

#ABOUT #about_after .after_box .text_box .text_head::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 98%;
  height: 82%;
  background: #eee9e6;
  z-index: -999;
}

#ABOUT #about_after .after_box .text_box .text_head::after {
  content: "";
  position: absolute;
  bottom:-6px;
  right: -6px;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  width: 98%;
  height: 98%;
}

#ABOUT #about_after .after_box .text_box p
{
margin-top: 40px;
}

#ABOUT #about_after .after_box .text_box .btn_box
{
margin-top:40px;
	text-align: center;
}

#ABOUT #about_after .after_box .text_box .btn_box a
{
border:1px solid #976;
	border-radius: 100px;
	padding:10px 40px;
	text-decoration: none;
}



#ABOUT #about_after .after_box .photo_box
{

width:440px;
}

#ABOUT #about_after .after_box .photo_box img
{
	width:100%;
}



/* ------------------------------------------------------ */


#ABOUT #about_baby
{
padding-top:80px;
padding-bottom:80px;
	background:#d0c7c2;
}

#ABOUT #about_baby .baby_box
{
margin:0 auto;
	width:1100px;
	
	display: flex;
	justify-content: center;
	flex-direction: row-reverse;
	gap:60px;
	
}

#ABOUT #about_baby .baby_box .text_box
{
width:600px;
}

#ABOUT #about_baby .baby_box .text_box .text_head
{

}

#ABOUT #about_baby .baby_box .text_box .text_head {
  position: relative;
  padding: 8px 16px;
  outline: 1px solid #333;
	font-family    : "Hina Mincho", serif;
  font-size: 24px;
  letter-spacing: 0.1em;
  color: #333;
  font-weight: 400;
  display: block;
  box-sizing: border-box;
  max-width: 500px;
  text-align: center;
  margin-inline: auto;
}

#ABOUT #about_baby .baby_box .text_box .text_head::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 98%;
  height: 82%;
  background: #fff;
  z-index: -999;
}

#ABOUT #about_baby .baby_box .text_box .text_head::after {
  content: "";
  position: absolute;
  bottom:-6px;
  right: -6px;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  width: 98%;
  height: 98%;
}

#ABOUT #about_baby .baby_box .text_box p
{
margin-top: 40px;
}

#ABOUT #about_baby .baby_box .text_box .btn_box
{
margin-top:40px;
	text-align: center;
}

#ABOUT #about_baby .baby_box .text_box .btn_box a
{
border:1px solid #976;
	border-radius: 100px;
	padding:10px 40px;
	text-decoration: none;
}



#ABOUT #about_baby .baby_box .photo_box
{

width:440px;
}

#ABOUT #about_baby .baby_box .photo_box img
{
	width:100%;
}


/* ------------------------------------------------------ */











/*=========================================================================================================

　CASE

=========================================================================================================*/



#CASE,
#TMP_CASE
{
	position       : relative;

	padding-top    : 100px;
	padding-bottom : 160px;

	background-image   : url(/wp-content/themes/arbrehome/asset/img/case/case_back_botanical_01.png),
					     url(/wp-content/themes/arbrehome/asset/img/case/case_back_01.png);
	background-position: top center, top center;
	background-repeat  : repeat-y, repeat;
	background-color   : #f7f7f7;
}

#TMP_CASE
{
	background     : url(/wp-content/themes/arbrehome/asset/img/case/case_back_01.png) top center repeat #f7f7f7;
	box-shadow     : rgba(50, 50, 93, 0.25) 0px 10px 15px -10px inset, rgba(0, 0, 0, 0.3) 0px 10px 20px -15px inset;

	overflow       : hidden;
}

#CASE::after,
#TMP_CASE::after
{
	content        : "";

	display        : block;

	position       : absolute;
	bottom         : 0px;

	width          : 100%;
	height         : 60px;
	
	background     : url(/wp-content/themes/arbrehome/asset/img/case/case_back_btm.png) top center repeat-x #f7f7f7;
}


#CASE .section_title
{
	
}

#CASE .summary_text,
#TMP_CASE .summary_text
{
	margin         : 0 auto;
	margin-bottom  : 60px;
	margin-top     : -20px;

	width          : 1100px;

	text-align     : center;
	line-height    : 3.0;
}


#CASE .back_img
{
	display        : none;
}


/* ------------------------------------------------------ */


#CASE .GLB_case_list
{

}


/* ------------------------------------------------------ */


#CASE .head_text_h1 .tag_mignon
{
	display        : inline-block;

	margin-top     : 20px;
	padding        : 5px 40px;

	font-family    : 'Zen Maru Gothic', sans-serif;
	color          : #f0745a;
	font-size      : 60%;
	line-height    : 1.0;
	letter-spacing : 0.05em;

	border         : 1px solid #f0745a;
}


#CASE .content_box
{
	
}

#CASE .content_box p
{
	padding-bottom : 30px;

	color          : #69534e;
	line-height    : 2.4;
}

#CASE .content_box img
{
	width          : 100%;
}

#CASE .content_box * + *
{
	margin-top     : 40px;
}

#CASE .content_box p + p
{
	margin-top     : 0px;
}


#CASE .content_box .btn_box_mignon
{
	margin-top     : 50px;
	
	font-family    : 'Zen Maru Gothic', sans-serif;
	text-align     : center;
}


/* ------------------------------------------------------ */


#CASE .other_box
{
	margin-top     : 100px;
}


/* ------------------------------------------------------ */

/*
#CASE .btn_box
{
	margin-top     : 100px;
}
*/

/* ------------------------------------------------------ */

/*
.GLB_case_list
{
	display        : flex;
	flex-wrap      : wrap;
	gap            : 70px;

	margin         : 0 auto;

	width          : 1100px;
}
*/

.GLB_case_list
{
	margin         : 0 auto;

	min-width      : 1100px;

	position       : relative;
}

.GLB_case_list[ data-type="archive"],
.GLB_case_list[ data-type="other"]
{
	display        : flex;
	flex-wrap      : wrap;
	gap            : 70px;

	width          : 1100px;
}

.GLB_case_list .list_item
{
	/*width          : 320px!important;*/
	height         : auto!important;

	background     : #fff;
	/*box-shadow     : rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
	box-shadow     : rgba(100, 100, 100, 0.2) 0px 7px 20px 0px;
	/*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
	/*box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;*/
	border-radius  : 10px;
	
	overflow       : hidden;
}

.GLB_case_list[ data-type="archive"] .list_item,
.GLB_case_list[ data-type="other"] .list_item
{
	position       : relative;

	width          : 320px!important;
}

.GLB_case_list[ data-type="archive"] .list_item a,
.GLB_case_list[ data-type="other"] .list_item a
{
	position       : relative;
}

.GLB_case_list a
{
	text-decoration: none;

	transition     : all .15s;
}

.GLB_case_list a:hover
{
	opacity        : 0.6;
}

.GLB_case_list .photo_group
{
	display        : flex;
	flex-wrap      : wrap;
}

.GLB_case_list .photo_group .photo_box_a
{
	width          : 100%;
	height         : 220px;
	
	border-bottom  : 2px solid #fff;
	box-sizing     : border-box;
}

.GLB_case_list .photo_group .photo_box_b
{
	width          : 50%;
	height         : 100px;

	border-right   : 1px solid #fff;
	box-sizing     : border-box;
}

.GLB_case_list .photo_group .photo_box_c
{
	width          : 50%;
	height         : 100px;

	border-left    : 1px solid #fff;
	box-sizing     : border-box;
}

.GLB_case_list .photo_group img
{
	width          : 100%;
	height         : 100%;
	object-fit     : cover;
}

.GLB_case_list .text_box
{
	padding        : 15px 20px 35px;

	font-family    : "Hina Mincho", serif;
	color          : #69534e;
	font-size      : 100%;
}

.GLB_case_list .text_box .tag_mignon
{
	display        : inline-block;

	margin-top     : 20px;
	padding        : 5px 20px 5px 18px;

	font-family    : 'Zen Maru Gothic', sans-serif;
	color          : #f0745a;
	font-size      : 70%;
	line-height    : 1.0;
	letter-spacing : 0.05em;

	border         : 1px solid #f0745a;
}


.GLB_case_list .swiper-wrapper
{
	transition-timing-function: linear!important;
}


/* ------------------------------------------------------ */


#TMP_CASE .head_text_h2
{
	margin-top     : -10px;
}

#TMP_CASE .btn_box
{
	margin-top     : 80px;
}





/* ------------------------------------------------------ */


#pamphlet
{
	background     : #c3cfcb;
	box-shadow     : rgba(0, 0, 0, 0.15) 0px -10px 60px -12px inset;

	overflow       : hidden;
}

#pamphlet .inner
{
	margin         : 0 auto;

	width          : 1100px;
}

#pamphlet .pmh_box
{
	display        : flex;
	justify-content: center;
	align-items    : center;
	gap            : 100px;
}

#pamphlet .pmh_box .photo_box
{
	margin-top     : 40px;

	/*width          : 230px;*/
	width          : 440px;

	box-shadow     : rgba(0, 0, 0, 0.04) 0px 10px 10px 10px inset, rgba(0, 0, 0, 0.2) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

	overflow       : hidden;
}

#pamphlet .pmh_box .photo_box img
{
	margin-bottom  : -20px;

	width          : 100%;
}

#pamphlet .pmh_box .text_box
{
	
}

#pamphlet .pmh_box .text_box .title_text
{
	font-family    : "Hina Mincho", serif;
	color          : #69534e;
	font-size      : 200%;
	text-align     : center;
	line-height    : 1.0;
	text-decoration: none;
}

#pamphlet .pmh_box .text_box .btn_box
{
	margin-top     : 60px;
}

#pamphlet .pmh_box .text_box .btn_box a
{
	padding        : 20px 50px;

	width          : 360px;
}



/* ------------------------------------------------------ */



.pagination
{
	display        : flex;
	justify-content: center;
	align-items    : center;
	gap            : 0.5rem;

	margin         : 0 auto;
	margin-top     : 80px;
	padding        : 10px 30px;

	width          : fit-content;

	background     : #fff;
	box-shadow     : rgba(0, 0, 0, 0.1) 0px 2px 10px 0px inset, rgba(0, 0, 0, 0.3) 0px 2px 5px -5px inset;
	border-radius  : 999px;
}

.pagination li
{

}

.pagination li a
{
	display        : flex;
	justify-content: center;
	align-items    : center;
	
	padding-bottom:2px;

	width          : 40px;
	height         : 38px;
	
	font-family    : "Hina Mincho", serif;
	color          : #69534e;
	text-align     : center;
	line-height    : 1.0;
	text-decoration: none;
	
	border-radius  : 50%;
	/*border: 1px solid #dedede;*/
	
	transition     : all .15s;
}

.pagination a:hover
{
	color         : #fff;
	background    : #82CCCC;
}

.pagination .active a
{
	color         : #fff;
	background    : #82CCCC;
	pointer-events: none;
}

.pagination li a > span
{

}


.pagination .prev a,
.pagination .next a
{
	position       : relative;
	
	text-indent    : 110%;
	text-indent    : 100px;
	white-space    : nowrap;
	overflow       : hidden;
}

.pagination .prev a::after,
.pagination .next a::after
{
	content        : "";

	position       : absolute;
	top            : 0px;
	bottom         : 0;
	margin         : auto;

	width          : 6px;
	height         : 6px;

	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.pagination .prev a::after
{
	left           : 18px;
	
	border-bottom  : 1px solid #69534e;
	border-left    : 1px solid #69534e;
}

.pagination .next a::after
{
	right          : 18px;
	
	border-top     : 1px solid #69534e;
	border-right   : 1px solid #69534e;
}

.pagination .prev a:hover::after
{
	border-bottom  : 1px solid #fff;
	border-left    : 1px solid #fff;
}

.pagination .next a:hover::after
{
	border-top     : 1px solid #fff;
	border-right   : 1px solid #fff;
}


/* ------------------------------------------------------ */







/*=========================================================================================================

　GALLERY

=========================================================================================================*/



#GALLERY,
#TOP_GALLERY
{
	position       : relative;
	
	padding-top    : 100px;
	padding-bottom : 160px;

	background     : url(/wp-content/themes/arbrehome/asset/img/gallery/gallery_back_01.jpg) top center repeat #f1f0ec;

	overflow       : hidden;
}

#GALLERY::after,
#TOP_GALLERY::after
{
	content:"";

	display:block;

	position:absolute;
	bottom:0;

	width:100%;
	height:43px;
	
	background     : url(/wp-content/themes/arbrehome/asset/img/gallery/gallery_majikiri_01.png) center center repeat-x #fff;

	/*
	padding:4px 0;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 5px 5px -5px inset, rgba(0, 0, 0, 0.3) 0px 2px 5px -3px inset;
	*/
}


#GALLERY .bg_wrap_01,
#TOP_GALLERY .bg_wrap_01
{
	position       : absolute;
	top            : 0;
	left           : 0;
	right          : 0;
	margin         : auto;

	width          : 1100px;
}

#GALLERY .bg_wrap_02,
#TOP_GALLERY .bg_wrap_02
{
	position       : absolute;
	bottom         : 0;
	left           : 0;
	right          : 0;
	margin         : auto;

	width          : 1100px;
}

#GALLERY .back_img_01,
#TOP_GALLERY .back_img_01
{
	position       : absolute;
	top            : -10px;
	left           : -180px;

	width          : 440px;
}

#GALLERY .back_img_02,
#TOP_GALLERY .back_img_02
{
	position       : absolute;
	top            : 0px;
	right          : -80px;

	width          : 200px;
}

#GALLERY .back_img_03,
#TOP_GALLERY .back_img_03
{
	position       : absolute;
	bottom         : 43px;
	left           : -40px;

	width          : 80px;
}

#GALLERY .back_img_04,
#TOP_GALLERY .back_img_04
{
	position       : absolute;
	bottom         : 43px;
	right          : -50px;

	width          : 110px;
}


#GALLERY .summary_text
{
	margin         : 0 auto;
	margin-bottom  : 60px;
	margin-top     : -20px;

	width          : 1100px;

	text-align     : center;
	line-height    : 3.0;
}


/* ------------------------------------------------------ */


#GALLERY .tab_area[data-type="typeA"]
{
	margin         : 0 auto;
	padding        : 0 30px;

	width          : 1100px;

	border-bottom  : 8px solid #69534e;
	box-sizing     : border-box;
}

#GALLERY .tab_area[data-type="typeA"] .gal_tab
{
	display        : flex;
	justify-content: flex-start;
	align-items    : flex-end;
	gap            : 8px;
}

#GALLERY .tab_area[data-type="typeA"] .gal_tab li
{
	width          : 130px;
}

#GALLERY .tab_area[data-type="typeA"] .gal_tab li a
{
	display        : block;

	padding        : 15px 0;

	font-family    : "Hina Mincho", serif;
	color          : #69534e;
	text-align     : center;
	text-decoration: none;

	background     : #d7cdcb;
	border-radius  : 5px 5px 0 0;

	transition     : all .15s;
}

#GALLERY .tab_area[data-type="typeA"] .gal_tab li[data-type="active"] a
{
	color          : #fff;
	background     : #69534e;
	pointer-events : none;
}

#GALLERY .tab_area[data-type="typeA"] .gal_tab li a:hover
{
	color          : #fff;
	background     : #69534e;
}


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


#GALLERY .tab_area[data-type="typeB"],
#TOP_GALLERY .tab_area[data-type="typeB"]
{
	margin         : 0 auto;
	margin-bottom  : 40px;
	padding        : 0 30px;

	width          : 1100px;

	box-sizing     : border-box;
}

#TOP_GALLERY .tab_area[data-type="typeB"]
{
	margin-bottom  : 70px;
}

#GALLERY .tab_area[data-type="typeB"] .gal_tab,
#TOP_GALLERY .tab_area[data-type="typeB"] .gal_tab
{
	display        : flex;
	justify-content: center;
	flex-wrap      : wrap;
	gap            : 30px 15px;
}

#GALLERY .tab_area[data-type="typeB"] .gal_tab li a,
#TOP_GALLERY .tab_area[data-type="typeB"] .gal_tab li a
{
	display        : flex;
	justify-content: center;
	align-items    : center;

	position       : relative;

	padding        : 10px 20px;

	font-family    : "Hina Mincho", serif;
	color          : #69534e;
	text-align     : center;
	text-decoration: none;

	background     : #d7cdcb;
	box-shadow     : rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	/*border         : 1px dotted #69534e;*/
	border         : 1px solid #9f9c9c;
	border-radius  : 100px;

	transition     : all .15s;
}

#GALLERY .tab_area[data-type="typeB"] .gal_tab li a span,
#TOP_GALLERY .tab_area[data-type="typeB"] .gal_tab li a span
{
	z-index        : 1;
}

#GALLERY .tab_area[data-type="typeB"] .gal_tab li[data-type="active"] a,
#TOP_GALLERY .tab_area[data-type="typeB"] .gal_tab li[data-type="active"] a
{
	color          : #fff;

	pointer-events : none;
}

#GALLERY .tab_area[data-type="typeB"] .gal_tab li a:hover,
#TOP_GALLERY .tab_area[data-type="typeB"] .gal_tab li a:hover
{
	color          : #fff;

	background     : #69534e;
}

#GALLERY .tab_area[data-type="typeB"] .gal_tab li[data-type="active"] a::after,
#TOP_GALLERY .tab_area[data-type="typeB"] .gal_tab li[data-type="active"] a::after
{
	content        : "";

	display        : block;

	position       : absolute;
	bottom         : -12px;

	width          : 15px;
	height         : 12px;

	background     : #69534e;

	clip-path      : polygon(0 0, 100% 0, 50% 100%);
}

#GALLERY .tab_area[data-type="typeB"] .gal_tab li[data-type="active"] a::before,
#TOP_GALLERY .tab_area[data-type="typeB"] .gal_tab li[data-type="active"] a::before
{
	content        : "";

	display        : block;

	position       : absolute;

	width          : 100%;
	height         : 100%;

	/*transform      : translateX(3px) translateY(3px);*/
	
	background     : #7c6763;
	mix-blend-mode : multiply;
	border-radius  : 50px;

	pointer-events : none;
}



/* ------------------------------------------------------ */



#GALLERY .gal_box
{
	margin         : 0 auto;
	padding        : 60px 60px;

	width          : 1100px;

	background     : #fff;
	box-shadow     : rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border-radius  : 0 0 10px 10px;
	box-sizing     : border-box;
}

#GALLERY .tab_area[data-type="typeB"] ~ .gal_box
{
	border-radius  : 10px;
}

#GALLERY .gal_box .photo_list
{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

#GALLERY .gal_box .photo_list > li
{
	width:230px;
	height:230px;
}

#GALLERY .gal_box .photo_list .gal_photo_thum
{
    object-fit: cover;
	width: 100%;
    height: 100%;

	transition     : all .15s;
}

#GALLERY .gal_box .photo_list .gal_photo_thum:hover
{
    opacity: 0.6;
}


/* ------------------------------------------------------ */


.mfp-bg
{
	background     : #cdc7ab!important;
	/*opacity        : 0.75!important;*/
}

/*
.mfp-fade.mfp-bg.mfp-ready
{
	opacity        : 0.9!important;
}
*/

.popup__modal
{
	position       : relative;

	margin         : 50px auto 110px;
	padding        : 10px 10px 30px;
	
	max-width      : 900px;
	
	background     : #fff;
	box-shadow     : rgba(50, 50, 50, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	position       : relative;
	
	box-sizing     : border-box;
}

.popup__modal .btn__close
{
	position       : absolute;
	top            : -50px;
	right          : 0px;

	width          : 40px;
	height         : 40px;
	
	cursor         : pointer;
	
	transition     : all .15s;
}

.popup__modal .btn__close:hover
{
	opacity        : 0.5;
}

.popup__modal .btn__close img
{
	display        : block;

	width          : 30px;
}

.popup__modal .btn__close span
{
	display        : inline-block;
	
	position       : absolute;
	left           : 10px;
	width          : 40px;
	height         : 1px;
	
	background     : #69534e;
}

.popup__modal .btn__close span:nth-of-type(1)
{
	top            : 14px;
	left           : 0px;
	transform      : translateY(6px) rotate(-45deg);
}

.popup__modal .btn__close span:nth-of-type(2)
{
	top            : 26px;
	left           : 0px;
	transform      : translateY(-6px) rotate(45deg);
}

.popup__modal .popup_photo_box
{
	position       : relative;
	
	color: transparent;
}

.popup__modal .popup_photo_box .popup_photo
{
	display        : block;
	margin         : 0 auto;

	object-fit     : contain;
	width          : 100%;
	max-height     : 70vh!important;
}

.popup__modal .popup_text
{
	padding: 5px 10px;
	margin-top: 10px;
	color: #69534e;
}

.popup__modal .popup_btn
{
	display: flex;
	justify-content: center;
	align-items: center;

	position: absolute;
	bottom: -50px;
	right: 20px;

	padding: 0px 60px;

	height: 50px;

	color: #fff;
	font-size: 90%;
	text-align: center;
	line-height: 1.0;
	text-decoration: none;
	
	background: #69534e;
	box-shadow     : rgba(50, 50, 50, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	border-radius: 0 0 10px 10px;

	padding-bottom: 3px;
	box-sizing: border-box;
}

.popup__modal .popup_btn::after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup__modal .popup_btn:hover
{
	background: #8c5346;
}


/* ------------------------------------------------------ */


#GALLERY .btn_box
{
	margin-top     : 100px;
}


/* ------------------------------------------------------ */

/*
.mfp-container
{
	min-height: 800px;
}
*/

.mfp-content
{
	max-height: 90% !important;
}


.mfp-arrow
{
	top: -60px;

	margin: 0;

	width: 40px;
	height: 40px;

	transition: all .15s;
}

.mfp-arrow:active
{
	margin-top: 0px;
}

.mfp-arrow-left
{
	left: -10px;
}

.mfp-arrow-right
{
	left: 40px;
}

.mfp-arrow::before
{
	display: none;
}

.mfp-arrow::after
{
	margin-top: 0px;

	border:none;

	transition: all .15s;
}

.mfp-arrow:hover::after
{
	opacity        : 0.5;
}

.mfp-arrow-left::after
{
	margin-left: 0;
	width: 20px;
	height: 20px;
	border: 0px;
	border-top: solid 1px #69534e;
	border-right: solid 1px #69534e;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -10px;
}

.mfp-arrow-right::after
{
	margin-left: 0;
	width: 20px;
	height: 20px;
	border: 0px;
	border-top: solid 1px #69534e;
	border-right: solid 1px #69534e;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 15px;
	left:auto;
	margin-top: -10px;
}


.mfp-fade.mfp-wrap .mfp-arrow
{
	opacity: 0;
	transition: all .3s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-arrow
{
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-arrow
{
	opacity: 0;
}


@media screen and (min-width: 1100px)
{
	.mfp-arrow
	{
		top:0;
		bottom:0;
		margin:auto;

		transform: scale(2.0);
	}

	.mfp-arrow:active
	{
		margin-top: auto;
	}

	.mfp-arrow-left
	{
		left: -80px;
	}

	.mfp-arrow-right
	{
		left:auto;
		right: -80px;
	}
}

@media (max-width: 900px)
{
	.mfp-arrow
	{
		-webkit-transform: scale(1.0)!important;
		transform: scale(1.0)!important;
	}
}

/*
.mfp-arrow
{
	top: calc(50% - 25px);

	margin: 0;

	width: 50px;
	height: 50px;

	transition: all .15s;
}

.mfp-arrow:active
{
	margin-top: 0px;
}


.mfp-arrow-left
{
	left: calc(50% - 550px);
}

.mfp-arrow-right
{
	right: calc(50% - 550px);
}


.mfp-arrow::before,
.mfp-arrow::after
{
	margin-top: 0px;

	border:none;

	transition: all .15s;
}

.mfp-arrow-left::before,
.mfp-arrow-right::before
{
	margin-left: 0px;
	width: 50px;
	height: 50px;
	box-shadow:rgba(50, 50, 50, 0.25) 0px 10px 20px -5px, rgba(0, 0, 0, 0.3) 0px 5px 5px -5px;
}

.mfp-arrow:hover::before
{
	background: #fdf1cc;
}


.mfp-arrow-left::after
{
	margin-left: 0;
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 1px #69534e;
	border-right: solid 1px #69534e;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	position: absolute;
	top: 50%;
	left: 22px;
	margin-top: -5px;
}

.mfp-arrow-right::after
{
	margin-left: 0;
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 1px #69534e;
	border-right: solid 1px #69534e;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 22px;
	left:auto;
	margin-top: -5px;
}


.mfp-fade.mfp-wrap .mfp-arrow
{
	opacity: 0;
	transition: all .3s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-arrow
{
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-arrow
{
	opacity: 0;
}


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

	.mfp-arrow
	{
		top: calc(50% - 40px);
			
		width: 60px;
		height: 80px;
	}

	.mfp-arrow-left
	{
		left: 2%;
	}

	.mfp-arrow-right
	{
		right: 2%;
	}

	.mfp-arrow-left::before,
	.mfp-arrow-right::before
	{
		width: 60px;
		height: 80px;
		background:none;
		box-shadow:none;
	}

	.mfp-arrow:hover::before
	{
		background: none;
		opacity:0.8;
	}

	.mfp-arrow-left::after
	{
		width: 30px;
		height: 30px;

		border-top: solid 1px #fff;
		border-right: solid 1px #fff;

		left: 22px;
		margin-top: -15px;
	}

	.mfp-arrow-right::after
	{
		width: 30px;
		height: 30px;

		border-top: solid 1px #fff;
		border-right: solid 1px #fff;

		right: 22px;
		margin-top: -15px;
	}

}


@media screen and (max-width: 900px)
{
	.mfp-arrow
	{
		transform: scale(1.0);
	}
}


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

	.mfp-container
	{
		min-height: 400px;
	}

	.mfp-arrow-left::after
	{
		width: 20px;
		height: 20px;

		border-top: solid 1px #fff;
		border-right: solid 1px #fff;

		left: 22px;
		margin-top: -10px;
	}

	.mfp-arrow-right::after
	{
		width: 20px;
		height: 20px;

		border-top: solid 1px #fff;
		border-right: solid 1px #fff;

		right: 22px;
		margin-top: -10px;
	}

}
*/




/*=========================================================================================================

　EVENT

=========================================================================================================*/


#EVENT
{
	position       : relative;

	padding-top    : 100px;
	padding-bottom : 160px;

	background-image   : url(/wp-content/themes/arbrehome/asset/img/event/event_back_02.jpg);
	background-position: top center;
	background-repeat  : repeat;
	background-color   : #c9d2cc;
	
	overflow:hidden;
}

#EVENT::before
{
	content        : "";

	display        : block;

	position       : absolute;
	top            : 500px;

	width          : 100%;
	height         : 100%;

	background-image   : url(/wp-content/themes/arbrehome/asset/img/event/event_back_01.jpg);
	background-position: top center;
	background-repeat  : repeat;
	background-color   : #f0f0f0;
}

#EVENT::after
{
	content        : "";

	display        : block;

	position       : absolute;
	bottom         : 0px;

	width          : 100%;
	height         : 58px;
	
	background     : url(/wp-content/themes/arbrehome/asset/img/event/event_majikiri_01.png) top center repeat-x #f0f0f0;
}


#EVENT .section_title
{
	
}

#EVENT .summary_text
{
	margin         : 0 auto;
	margin-bottom  : 60px;
	margin-top     : -20px;

	width          : 1100px;

	text-align     : center;
	line-height    : 3.0;
}


/* ------------------------------------------------------ */


#EVENT .GLB_event_list
{

}


/* ------------------------------------------------------ */


#EVENT .content_box
{
	position       : relative;
	z-index        : 3;
}

#EVENT .content_box p
{
	padding-bottom : 30px;

	color          : #69534e;
	line-height    : 2.4;
}

#EVENT .content_box img
{
	width          : 100%;
}

#EVENT .content_box * + *
{
	margin-top     : 40px;
}

#EVENT .content_box p + p
{
	margin-top     : 0px;
}


#EVENT .other_box
{
	position       : relative;
	z-index        : 2;

	margin-top     : 100px;
}


/* ------------------------------------------------------ */


.GLB_event_list
{
	margin         : 0 auto;

	min-width      : 1100px;

	position       : relative;
}

.GLB_event_list[ data-type="archive"]
{
	display        : flex;
	flex-wrap      : wrap;
	gap            : 70px;

	margin-top     : 80px;

	width          : 1100px;
}

.GLB_event_list .list_item
{
	position       : relative;

	height         : auto!important;

	background     : #fff;
	box-shadow     : rgba(100, 100, 100, 0.2) 0px 7px 20px 0px;
	border-radius  : 10px;
	
	overflow       : hidden;
}

.GLB_event_list[ data-type="archive"] .list_item
{
	width          : 320px!important;
}

.GLB_event_list a
{
	position       : relative;

	display        : flex;
	flex-direction : column;

	width          : 100%;
	height         : 100%;

	text-decoration: none;

	transition     : all .15s;
}

.GLB_event_list a:hover
{
	opacity        : 0.6;
}

.GLB_event_list .photo_box
{
	padding        : 10px 10px 0 10px;
}

.GLB_event_list .photo_box img
{
	width          : 100%;
	height         : 100%;
	object-fit     : cover;
}

.GLB_event_list .text_box
{
	display        : flex;
	flex-direction : column;
	align-items    : flex-start;

	height         : 100%;

	padding        : 15px 20px 20px;

	color          : #69534e;
	font-size      : 100%;
}

.GLB_event_list .text_box .text_title
{
	margin-top     : 5px;
}

.GLB_event_list .text_box .text_date
{
	color          : #e89732;
	font-size      : 100%;
}






/*=========================================================================================================

　FOR SALE

=========================================================================================================*/


#FOR_SALE
{
	position       : relative;

	padding-top    : 100px;
	padding-bottom : 160px;

	background-image   : url(/wp-content/themes/arbrehome/asset/img/forsale/forsale_back_01.jpg);
	background-position: top center;
	background-repeat  : repeat;
	background-color   : #c9d2cc;
	
	overflow:hidden;
}
/*
#FOR_SALE::after
{
	content        : "";

	display        : block;

	position       : absolute;
	bottom         : 0px;

	width          : 100%;
	height         : 58px;
	
	background     : url(/wp-content/themes/arbrehome/asset/img/event/event_majikiri_01.png) top center repeat-x #f0f0f0;
}
*/

#FOR_SALE .section_title
{
	
}

#FOR_SALE .summary_text
{
	margin         : 0 auto;
	margin-bottom  : 60px;
	margin-top     : -20px;

	width          : 1100px;

	text-align     : center;
	line-height    : 3.0;
}


/* ------------------------------------------------------ */


#FOR_SALE .GLB_forsale_list
{

}


/* ------------------------------------------------------ */


#FOR_SALE .content_box
{
	position       : relative;
	z-index        : 3;
}

#FOR_SALE .content_box p
{
	padding-bottom : 30px;

	color          : #69534e;
	line-height    : 2.4;
}

#FOR_SALE .content_box img
{
	max-width      : 100%;
}

#FOR_SALE .content_box * + *
{
	margin-top     : 40px;
}

#FOR_SALE .content_box p + p
{
	margin-top     : 0px;
}

#FOR_SALE .content_box .gaiyou
{
	padding : 40px;
	border:1px solid #69534e;
}


#FOR_SALE .other_box
{
	position       : relative;
	z-index        : 2;

	margin-top     : 100px;
}


/* ------------------------------------------------------ */


.GLB_forsale_list
{
	margin         : 0 auto;

	min-width      : 1100px;

	position       : relative;
}

.GLB_forsale_list[ data-type="archive"]
{
	display        : flex;
	flex-wrap      : wrap;
	gap            : 70px;

	margin-top     : 80px;

	width          : 1100px;
}

.GLB_forsale_list .list_item
{
	position       : relative;

	height         : auto!important;

	background     : #fff;
	box-shadow     : rgba(100, 100, 100, 0.2) 0px 7px 20px 0px;
	border-radius  : 10px;
	
	overflow       : hidden;
}

.GLB_forsale_list[ data-type="archive"] .list_item
{
	width          : 320px!important;
}

.GLB_forsale_list a
{
	position       : relative;

	display        : flex;
	flex-direction : column;

	width          : 100%;
	height         : 100%;

	text-decoration: none;

	transition     : all .15s;
}

.GLB_forsale_list a:hover
{
	opacity        : 0.6;
}

.GLB_forsale_list .photo_box
{
	padding        : 10px 10px 0 10px;
}

.GLB_forsale_list .photo_box img
{
	width          : 100%;
	height         : 100%;
	object-fit     : cover;
}

.GLB_forsale_list .text_box
{
	display        : flex;
	flex-direction : column;
	align-items    : flex-start;

	height         : 100%;

	padding        : 15px 20px 20px;

	color          : #69534e;
	font-size      : 100%;
}

.GLB_forsale_list .text_box .text_title
{
	
}

.GLB_forsale_list .text_box .text_place
{
	position       : relative;

	margin-top     : 10px;
	margin-left    : 24px;
	margin-bottom  : 30px;
	
	color          : #eda432;
	font-size      : 100%;
}

.GLB_forsale_list .text_box .text_place::before
{
	content        : '';

	position       : absolute;
	top            : 50%;
	left           : -24px;

	transform      : translateY(-50%);

	width          : 18px;
	height         : 24px;

	background-image: url(/wp-content/themes/arbrehome/asset/img/common/icon_place.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.GLB_forsale_list .text_box .text_price
{
	display        : block;

	margin-top     : auto;
	padding        : 5px 0;

	width          : 100%;
	
	color          : #c73015;
	font-size      : 120%;
	text-align     : center;

	border         : 1px solid #c73015;
}

.GLB_forsale_list .text_box .text_price .t01
{
	
}

.GLB_forsale_list .text_box .text_price .t02
{
	margin         : 0 5px;

	font-size      : 160%;
	font-weight    : bold;
	line-height    : 1.0;
}

.GLB_forsale_list .text_box .text_price .t03
{
	
}

.GLB_forsale_list .text_box .text_price .t04
{
	
}

.GLB_forsale_list .text_box .text_price.soldout
{
	color          : #fff;
	background     : #cccccc;
	border         : 1px solid #cccccc;
}















/*=========================================================================================================

　NEWS

=========================================================================================================*/



#NEWS
{
	position       : relative;

	padding-top    : 100px;
	padding-bottom : calc( 100px + 55px );

	background-image: 
				url(/wp-content/themes/arbrehome/asset/img/top/news_back_01.png),
				url(/wp-content/themes/arbrehome/asset/img/top/news_back_02.png),
				radial-gradient(#f6ebcb 2px, transparent 2px),
				radial-gradient(#f6ebcb 2px, #fdfcf3 2px);
	background-size: 280px 200px, 280px 200px, 40px 40px, 40px 40px;
	background-position: top left, bottom 55px right, 0 0, 20px 20px;
	background-repeat:no-repeat,no-repeat,repeat,repeat;
	background-color: #fdfcf3;

	overflow       : hidden;
}


#NEWS::after
{
	content        : "";

	display        : block;

	position       : absolute;
	bottom         : 0;

	width          : 100%;
	height         : 55px;
	
	background     : url(/wp-content/themes/arbrehome/asset/img/top/news_majikiri_01.png) center center repeat-x #fff;

}

/*
	#TOP_NEWS > .inner
	{

		margin         : 0 auto;
		padding-top    : 100px;
		padding-bottom : 100px;

		width          : 1100px;
	}
*/


#NEWS .news_parts_01
{
	position       : absolute;
	top            : 60px;
	right          : 110px;

	width          : 180px;
}

#NEWS .news_parts_02
{
	position       : absolute;
	bottom         : 55px;
	left           : 90px;

	width          : 100px;
}


/* ------------------------------------------------------ */


#NEWS .information_box
{
	margin         : 0 auto;
	padding        : 40px 40px;
	
	width          : 1100px;
	
	background     : #fff;
	border         : 1px solid #69534e;
	
	box-sizing     : border-box;
}

#NEWS .information_box .info_list
{
	border-top     : 1px dotted #69534e;
}

#NEWS .information_box .info_list li
{
	display        : flex;
	
	padding        : 15px 10px;
	
	border-bottom  : 1px dotted #69534e;
}

#NEWS .information_box .info_list .info_date
{
	flex-shrink    : 0;

	width          : 120px;
}

#NEWS .information_box .info_list .info_text
{
	
}

#NEWS .information_box .info_list .info_text a
{
	
}


/* ------------------------------------------------------ */



.GLB_news_list
{
	margin         : 0 auto;

	min-width      : 1100px;
}

.GLB_news_list[ data-type="archive"]
{
	display        : flex;
	flex-wrap      : wrap;
	gap            : 70px;

	margin-top     : 80px;

	width          : 1100px;
}

.GLB_news_list .list_item
{
	position       : relative;

	/*width          : 320px!important;*/
	height         : auto!important;

	background     : #fff;
	box-shadow     : rgba(100, 100, 100, 0.2) 0px 7px 20px 0px;
	border-radius  : 10px;
	
	overflow       : hidden;
}

.GLB_news_list[ data-type="archive"] .list_item
{
	width          : 320px!important;
}


.GLB_news_list a
{
	position       : relative;

	display        : flex;
	flex-direction : column;

	width          : 100%;
	height         : 100%;

	text-decoration: none;

	transition     : all .15s;
}

.GLB_news_list a:hover
{
	opacity        : 0.6;
}

.tag_new,
.tag_end
{
	display        : flex;
	justify-content: center;
	align-items    : flex-end;

	position       : absolute;
	top            : -5px;
	left           : -25px;

	padding        : 10px 10px 0;
	
	width          : 60px;
	height         : 30px;

	color          : #fff;
	font-weight    : bold;
	text-align     : center;

	transform      : rotate(-45deg);

	background     : #e54545;

	z-index        : 5!important;
}

.tag_end
{
	background     : #bdb2af;
}

.GLB_news_list .photo_box
{
	padding        : 10px 10px 0 10px;
}

.GLB_news_list .photo_box img
{
	width          : 100%;
	height         : 100%;
	object-fit     : cover;
}

.GLB_news_list .text_box
{
	display        : flex;
	flex-direction : column;
	align-items    : flex-start;

	height         : 100%;

	padding        : 15px 20px 20px;

	color          : #69534e;
	font-size      : 100%;
}

.GLB_news_list .text_box .category_tag
{
	display        : inline-block;
	
	margin-bottom  : 10px;
	padding        : 5px 20px;

	color          : #fff;
	font-size      : 80%;

	background     : #69534e;
	border-radius  : 5px;
}

.GLB_news_list .text_box .text_title
{
	
}

.GLB_news_list .text_box .text_date
{
	margin-top     : auto;
	padding-top    : 20px;

	color          : #e89732;
	font-size      : 90%;
}


/*
.GLB_news_list .swiper-wrapper
{
	transition-timing-function: linear!important;
}
*/















/*=========================================================================================================

　COMPANY

=========================================================================================================*/


#COMPANY
{
	position       : relative;

	padding-top    : 100px;
	padding-bottom : 160px;

	background: repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(99, 85, 75, 0.05) 19px, rgba(99, 85, 75, 0.05) 20px, transparent 20px, transparent 39px, rgba(99, 85, 75, 0.05) 39px, rgba(99, 85, 75, 0.05) 40px) 0% 0% / 40px 40px, repeating-linear-gradient(90deg, transparent, transparent 19px, rgba(99, 85, 75, 0.05) 19px, rgba(99, 85, 75, 0.05) 20px, transparent 20px, transparent 39px, rgba(99, 85, 75, 0.05) 39px, rgba(99, 85, 75, 0.05) 40px) 0% 0% / 40px 40px, radial-gradient(circle at 20px 20px, rgba(99, 85, 75, 0.08) 2px, transparent 2px) 0% 0% / 40px 40px;
	background-position: top center;
	background-color: #ececdc;
}










/*=========================================================================================================

　CONTACT

=========================================================================================================*/



#CONTACT
{
	position       : relative;

	padding-top    : 100px;
	padding-bottom : 160px;

	background: repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(99, 85, 75, 0.05) 19px, rgba(99, 85, 75, 0.05) 20px, transparent 20px, transparent 39px, rgba(99, 85, 75, 0.05) 39px, rgba(99, 85, 75, 0.05) 40px) 0% 0% / 40px 40px, repeating-linear-gradient(90deg, transparent, transparent 19px, rgba(99, 85, 75, 0.05) 19px, rgba(99, 85, 75, 0.05) 20px, transparent 20px, transparent 39px, rgba(99, 85, 75, 0.05) 39px, rgba(99, 85, 75, 0.05) 40px) 0% 0% / 40px 40px, radial-gradient(circle at 20px 20px, rgba(99, 85, 75, 0.08) 2px, transparent 2px) 0% 0% / 40px 40px;
	background-position: top center;
	background-color: #ececdc;
}


.contact_box table
{
	border-collapse: collapse;
}

.contact_box table tr
{
	border-bottom: 1px dotted #333;
}

.contact_box table th
{
	padding: 10px;
}

.contact_box table td
{
	padding: 10px;
}




.contact_box .btn-success
{
	position       : relative;

	display        : inline-block;

	margin         : 0 auto;
	padding        : 20px 60px;

	/*width          : 360px;*/

	color          : #fff;
	font-size      : 110%;
	text-align     : center;
	line-height    : 1.0;
	text-decoration: none;

	background     : #d35556;
	box-shadow     : rgba(70, 60, 50, 0.20) 0px 10px 30px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	border-radius  : 500px;
	box-sizing     : border-box;

	transition     : all .15s;
}

.contact_box .btn-success::after
{
    content        : "";

    position       : absolute;
    top            : 0px;
    bottom         : 0;
    right          : 25px;
    margin         : auto;

    width          : 8px;
    height         : 8px;

    border-top     : 1px solid #fff;
    border-right   : 1px solid #fff;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.contact_box .btn-success:hover
{
	background     : #f0745a;
}




/*=============================================
 **Contact Form 7*190418
 *=============================================*/

/*****  *****/
.table-contactform7{
  overflow: hidden;
  table-layout: fixed;
  text-align: left;
  border-collapse: separate;
  border-spacing: 8px 0px;
}

.required-contactform7{
    background: #62522a;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 2px 5px;
    margin-right: 22px;
    font-size: 12px;
    line-height: 25px;
}


.unrequired-contactform7{
    color: #62522a;
    text-align: center;
    border-radius: 5px;
    border:1px solid #62522a;
    padding: 2px 5px;
    margin-right: 22px;
    font-size: 12px;
    line-height: 25px;
}


.table-contactform7 th{
    font-weight: bold;
    padding-top: 1em;

    vertical-align: top;
}
.table-contactform7 td {
    padding-top: 0em;
}
.table-contactform7 td.op_td {
    padding-top: 1.1em;
}

.table-contactform7 input,
.table-contactform7 textarea,
.table-contactform7 select{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
  padding: 16px;
  border-radius: 5px;
  border: none;
  background-color: #faeee3;
}
.table-contactform7 label input.radio,
.table-contactform7 label input.checkbox{
background-color: #faeee3;
}

.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}

.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}

.title-contactform7-sub {
	font-size:0.7em;
}
/*
input.wpcf7-form-control.wpcf7-submit.btn.btn-success.btn-lg {
    max-width: 90% !important;
    margin: 5px 10px 10px 5px;
    padding: 16px;
    border-radius: 5px;
    border: none;
    background-color: #faeee3;
    color: #62522a;
    font-weight: bold;
}*/
.attention {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 40px;
}
.privacy_at {
    text-align: left;
    font-size: 0.9em;
    line-height: 1.6em;
}





.tbl_un1 {
    margin-bottom: 25px;
	margin-top:60px;
    padding: 15px;
    background: #f9f5ef;
}
.tbl_un1 p.text1 {
    font-size: 1.6em;
}

@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:30%;
  }
    }

@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}
.nav-target .contact_box p img {
    margin-top: 20px;
}







/*=========================================================================================================

　FAQ

=========================================================================================================*/



#FAQ
{
	position       : relative;

	padding-top    : 100px;
	padding-bottom : 160px;

	background     : repeating-linear-gradient(0deg, 
						transparent, 
						transparent 19px, 
						rgba(99, 85, 75, 0.05) 19px, 
						rgba(99, 85, 75, 0.05) 20px, 
						transparent 20px, 
						transparent 39px, 
						rgba(99, 85, 75, 0.05) 39px, 
						rgba(99, 85, 75, 0.05) 40px) 0% 0% / 40px 40px, 
					 repeating-linear-gradient(90deg, 
						transparent, 
						transparent 19px, 
						rgba(99, 85, 75, 0.05) 19px, 
						rgba(99, 85, 75, 0.05) 20px, 
						transparent 20px, 
						transparent 39px, 
						rgba(99, 85, 75, 0.05) 39px, 
						rgba(99, 85, 75, 0.05) 40px) 0% 0% / 40px 40px, 
					 radial-gradient(circle at 20px 20px, rgba(99, 85, 75, 0.08) 2px, transparent 2px) 0% 0% / 40px 40px;
					 /*radial-gradient(circle at 40px 40px, rgba(55, 65, 81, 0.12) 2px, transparent 2px) 0% 0% / 40px 40px rgb(255, 255, 255)*/

	background-position: top center;
	
	background-color: #ececdc;
	
}


/* ------------------------------------------------------ */


#FAQ .faq_list
{
	border-bottom  : 4px dotted #e5d1bf;
	/*cea299*/
}

#FAQ .faq_list .faq_item
{
    padding        : 50px 0;
	border-top     : 4px dotted #e5d1bf;
}

#FAQ .faq_list .faq_item .Q_box,
#FAQ .faq_list .faq_item .A_box
{
	display        : flex;
	justify-content: space-between;
}

#FAQ .faq_list .faq_item .Q_box::before,
#FAQ .faq_list .faq_item .A_box::before
{
	content        : "";

	display        : flex;
	justify-content: center;
	align-items    : center;

	padding-bottom : 2px;

	width          : 50px;
	height         : 50px;

	font-family    : "Cormorant Garamond", serif;
	color          : #fff;
	font-size      : 200%;
	text-align     : center;
	line-height    : 1.0;

	border-radius  : 50%;
	box-sizing     : border-box;
}

#FAQ .faq_list .faq_item .Q_box::before
{
	content        : "Q";

	background     : #78b7dc;
}

#FAQ .faq_list .faq_item .A_box::before
{
	content        : "A";

	background     : #ea8eb1;
}

#FAQ .faq_list .faq_item .Q_box p,
#FAQ .faq_list .faq_item .A_box p
{
	width          : 910px;

	color          : #69534e;
}

#FAQ .faq_list .faq_item .Q_box p
{
	padding-top    : 3px;

	font-size      : 150%;
	line-height    : 1.8;
}

#FAQ .faq_list .faq_item .A_box p
{
	padding-top    : 10px;

	font-size      : 100%;
	line-height    : 2.0;
}

#FAQ .faq_list .faq_item .A_box
{
	margin-top     : 30px;
}


/* ------------------------------------------------------ */


#FAQ .btn_box
{
	margin-top     : 100px;
}


/* ------------------------------------------------------ */



/*=========================================================================================================

　COMPANY

=========================================================================================================*/






#message {
	position: relative;
}
#message:before {
	position: absolute;
	/* content: url("https://arbrehome.jp/wp-content/themes/arbrehome/shared/css/../img/company/message_deco1.png"); */
	left: 100px;
	top: -43px;
	width: 352px;
	height: 122px;
	z-index: -1;
}
#message:after {
	position: absolute;
	/* content: url("https://arbrehome.jp/wp-content/themes/arbrehome/shared/css/../img/company/message_deco2.png"); */
	right: 135px;
	top: 101px;
	width: 76px;
	height: 101px;
	z-index: -1;
}
#message h2 {
  position: relative;
  padding: 8px 16px;
  outline: 1px solid #333;
  font-family: 'Noto Serif JP', serif;
  font-size: 24px;
  letter-spacing: 0.1em;
  color: #333;
  font-weight: 400;
  display: block;
  box-sizing: border-box;
  max-width: 500px;
  text-align: center; 
  margin: 24px;
  margin-inline: auto;
}

#message h2::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 98%;
  height: 82%;
  background: #eee9e6;
  z-index: -999;
}

#message h2::after {
  content: "";
  position: absolute;
  bottom:-6px;
  right: -6px;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  width: 98%;
  height: 98%;
}
#message p.text1 {
	text-align: center;
	font-size: 18px;
	color: #64522a;
	letter-spacing: 4px;
	margin-bottom: 33px;
}
#message .group .col1 {
	width: 480px;
	float: left;
	padding-top: 30px;
}
#message .group .col1 p.txt {
	margin-bottom: 38px;
}
#message .group .col2 {
	width: 460px;
	float: right;
	margin-right: -14px;
}
#message .group .col2 p.photo {
	margin-top: 13px;
	margin-bottom: 23px;
	border-radius: 10px;
	overflow: hidden;
}
#message .group .col2 p.photo img {
	width:100%;
}
#message .group .col2 dl {
	font-size: 18px;
	margin-bottom: 6px;
}
#message .group .col2 dl dt {
	display: inline;
	margin-right: 17px;
	letter-spacing: 4px;
}
#message .group .col2 dl dd {
	display: inline;
}
#message .group p.txt3 {
	font-size: 12px;
}
.g1 {
	background: #fff;
}
.g1 h2 {
	font-size: 48px;
	text-align: center;
	color: #64522a;
	font-weight: bold;
	margin-bottom: 34px;
	letter-spacing: 15px;
	margin-left: 16px;
	line-height: 40px;
	padding-top: 18px;
}
.g1 h2 span {
	font-size: 16px;
	background: #64522a;
	color: #fff;
	font-weight: normal;
	letter-spacing: 5px;
	margin-left: -13px;
	padding: 5px 6px;
	text-align: center;
	font-family: Noto_Sans;
}
.g1 .list {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.g1 .list .col {
	width: 241px;
}
.g1 .list .col p.photo {
	border-radius: 123px;
	overflow: hidden;
	margin-bottom: 22px;
	text-align: center;
}
.g1 .list .col dl {
	text-align: center;
}
.g1 .list .col dl dt {
	font-size: 18px;
}
.g1 .list .col dl dd {
	font-size: 14px;
}
#staff {
	padding: 113px 0 0;
}
#partner {
	padding: 100px 0 121px;
}
#company {
	position: relative;
}
#company:before {
	position: absolute;
	/* background: url("https://arbrehome.jp/wp-content/themes/arbrehome/shared/css/../img/company/company_deco.png") no-repeat center top; */
	width: 325px;
	height: 131px;
	content: '';
	right: 0;
	top: 0;
}

#company h2 {
  position: relative;
  padding: 8px 16px;
  outline: 1px solid #333;
  font-family: 'Noto Serif JP', serif;
  font-size: 24px;
  letter-spacing: 0.1em;
  color: #333;
  font-weight: 400;
  display: block;
  box-sizing: border-box;
  max-width: 500px;
  text-align: center; 
  margin: 24px;
  margin-inline: auto;
}

#company h2::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 98%;
  height: 82%;
  background: #eee9e6;
  z-index: -999;
}

#company h2::after {
  content: "";
  position: absolute;
  bottom:-6px;
  right: -6px;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  width: 98%;
  height: 98%;
}
#company .shopinfo {
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
}
#company .shopinfo dl {
	border-bottom: 1px solid #b9aa95;
	display: table;
	line-height: 32px;
	width: 100%;
}
#company .shopinfo dl:last-of-type{
	border-bottom: none;
}
#company .shopinfo dl dt, #company .shopinfo dl dd {
	display: table-cell;
	padding: 19px 0 20px 82px;
	box-sizing: border-box;
}
#company .shopinfo dl dt {
	text-align: center;
	width: 340px;
}
#company .shopinfo dl dd {
	padding-left: 0;
}
#event {
	padding: 116px 0 127px;
}

@media screen and (max-width: 1260px) {
	#key {
    margin-top: 60px;
}
	#key.child .pdf{
		top: 200px;
	}
#message .group .col1 {
	width: 47%;
}
#message .group .col1 p.txt {
	font-size: 13px;
}
#message .group .col1 p.txt2 {
	font-size: 13px;
}
#message .group .col2 {
	width: 50%;
	margin-right: 0;
}
#message .group .col2 p.photo {
	border-radius: 10px;
	overflow: hidden;
}
#message .group .col2 p.photo img {
	width: 100%;
	height: auto;
}
#message .wrap {
	width: 94%;
	padding: 0 3%;
}
.g1 .list {
	text-align: center;
}
.g1 .list .col:first-of-type {
	margin-left: 0;
}
.g1 .wrap {
	width: 94%;
	padding: 0 3%;
}
}

@media screen and (max-width: 999px) {
#key.child .pdf {
	width: 90px;
	height: 90px;
	background-size: 100% 100%;
	padding: 39px 0 0;
	top: 205px;
}
#key.child .pdf:before {
	width: 20px;
	height: 26px;
}
#key.child .pdf p.ttl {
	line-height: 14px;
}
#key.child .pdf a {
	font-size: 14px;
	text-align: center;
	text-decoration: underline;
	color: #fff;
	line-height: 14px;
}
#key.child .pdf a span {
	font-size: 9px;
}
#message:after {
	right: 5%;
	top: 7%;
}
#message .group .col1 {
	width: 100%;
	float: none;
	margin-bottom: 5%;
}
#message .group .col1 p.txt {
	margin-bottom: 5%;
}
#message .group .col2 {
	width: 100%;
	float: none;
}
#message .group .col2 .photo {
	width: 80%;
	margin: 0 auto 5%;
	text-align: center;
}
#message .group .col2 dl {
	font-size: 18px;
	margin-bottom: 6px;
	text-align: center;
}
#message .group .col2 dl dt {
	display: inline;
	margin-right: 17px;
	letter-spacing: 4px;
}
#message .group .col2 dl dd {
	display: inline;
}
#message .wrap {
	width: 90%;
	padding: 0 5%;
}
.g1 .list .col {
	width: 48%;
	    margin-bottom: 10%;
}
#company .shopinfo dl dt {
	width: 30%;
	padding-left: 3%;
	text-align: left;
	min-width: 100px;
}
#event{
	padding: 25% 0 25%;
}

}

@media screen and (max-width: 1100px) {
.g1 .list .col {
	width: 23%;
}
.g1 .list .col .photo img {
	width: 100%;
	height: auto;
}
}


#COMPANY .content_box + .content_box
{
	margin-top:60px;
}









/*=========================================================================================================

　RECRUIT

=========================================================================================================*/



#RECRUIT
{
	position       : relative;

	padding-top    : 100px;
	padding-bottom : 160px;

	background: repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(99, 85, 75, 0.05) 19px, rgba(99, 85, 75, 0.05) 20px, transparent 20px, transparent 39px, rgba(99, 85, 75, 0.05) 39px, rgba(99, 85, 75, 0.05) 40px) 0% 0% / 40px 40px, repeating-linear-gradient(90deg, transparent, transparent 19px, rgba(99, 85, 75, 0.05) 19px, rgba(99, 85, 75, 0.05) 20px, transparent 20px, transparent 39px, rgba(99, 85, 75, 0.05) 39px, rgba(99, 85, 75, 0.05) 40px) 0% 0% / 40px 40px, radial-gradient(circle at 20px 20px, rgba(99, 85, 75, 0.08) 2px, transparent 2px) 0% 0% / 40px 40px;
	background-position: top center;
	background-color: #ececdc;
}


/* ------------------------------------------------------ */


#RECRUIT .text_main
{
	padding        : 10px 0;

	font-size      : 180%;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.8;

	border-top     : 1px solid #69534e;
	border-bottom  : 1px solid #69534e;
}

#RECRUIT .text_sub
{
	margin-top     : 40px;

	font-size      : 100%;
	line-height    : 1.8;
}



/* ------------------------------------------------------ */





/*=========================================================================================================

　POLICY

=========================================================================================================*/



#POLICY
{
	position       : relative;

	padding-top    : 100px;
	padding-bottom : 160px;

	background: repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(99, 85, 75, 0.05) 19px, rgba(99, 85, 75, 0.05) 20px, transparent 20px, transparent 39px, rgba(99, 85, 75, 0.05) 39px, rgba(99, 85, 75, 0.05) 40px) 0% 0% / 40px 40px, repeating-linear-gradient(90deg, transparent, transparent 19px, rgba(99, 85, 75, 0.05) 19px, rgba(99, 85, 75, 0.05) 20px, transparent 20px, transparent 39px, rgba(99, 85, 75, 0.05) 39px, rgba(99, 85, 75, 0.05) 40px) 0% 0% / 40px 40px, radial-gradient(circle at 20px 20px, rgba(99, 85, 75, 0.08) 2px, transparent 2px) 0% 0% / 40px 40px;
	background-position: top center;
	background-color: #ececdc;
}


/* ------------------------------------------------------ */


#POLICY .text_main
{
	font-size      : 100%;
	line-height    : 1.8;
}

#POLICY .policy_list
{
	
}

#POLICY .policy_list .pol_head
{
    margin-top     : 60px;
    margin-bottom  : 25px;
    padding-bottom : 5px;

    font-size      : 140%;
    line-height    : 1.8;

    border-bottom  : 1px dotted#69534e;
}

#POLICY .policy_list .pol_text
{
	font-size      : 100%;
    line-height    : 2.0;
}

#POLICY .policy_list .pol_text + .pol_text
{
	margin-top     : 15px;
}

#POLICY .policy_list .pol_listtext
{
	margin-top     : 10px;
}

#POLICY .policy_list .pol_listtext li
{
	list-style     : disc outside;
	margin-left    : 25px;
}

#POLICY .policy_list .pol_listtext li + li
{
	margin-top     : 5px;
}


/* ------------------------------------------------------ */






/*=========================================================================================================

　FOOTER

=========================================================================================================*/



#FOOTER
{

}


/* ------------------------------------------------------ */


#FOOTER .footer_link_box
{
	padding        : 60px 0;

	background     : #fdfcf3;
}

#FOOTER .footer_link_box .link_list
{
	display        : flex;
	align-items    : center;

	margin         : 0 auto;

	width          : 1100px;

	border-left    : 1px solid #69534e;
}

#FOOTER .footer_link_box .link_list li
{
	width          : calc( 100% / 3 );

	border-right   : 1px solid #69534e;

	box-sizing     : border-box;
}

#FOOTER .footer_link_box .link_list li a
{
	display        : flex;
	justify-content: space-between;
	align-items    : center;

	position       : relative;

	padding        : 35px 30px 35px 35px;

	text-decoration: none;

	transition     : all .15s;
}

#FOOTER .footer_link_box .link_list li a:hover
{
	background     : #fdf1cc;
}

#FOOTER .footer_link_box .link_list li a .text_box
{
	width          : 270px;
}

#FOOTER .footer_link_box .link_list li a .text_box .txt_alp
{
	display        : block;

	margin         : -8px 0;

	font-family    : "Cormorant Garamond", serif;
	color          : #69534e;
	font-size      : 250%;
	line-height    : 1.0;
}

#FOOTER .footer_link_box .link_list li a .text_box .txt_kana
{
	display        : block;

	margin-top     : 20px;
	
	font-family    : "Hina Mincho", serif;
	color          : #69534e;
	font-size      : 100%;
	line-height    : 1.0;
	letter-spacing : 0.05em;
}

#FOOTER .footer_link_box .link_list li a::before,
#FOOTER .footer_link_box .link_list li a::after
{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

#FOOTER .footer_link_box .link_list li a::before
{
	right: 30px;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
	border: 1px solid #69534e;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

#FOOTER .footer_link_box .link_list li a::after
{
	right: 43px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #69534e;
	border-right: 1px solid #69534e;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* ------------------------------------------------------ */


#FOOTER .footer_company_box
{
	padding        : 40px 0;

	background     : #69534e;
}

#FOOTER .footer_company_box .inner
{
	display        : flex;
	justify-content: space-between;

	margin         : 0 auto;

	width          : 1100px;
}


#FOOTER .footer_company_box .left_box
{

}

#FOOTER .footer_company_box .logo_box
{
	width          : 280px;
}

#FOOTER .footer_company_box .logo_box img
{
	width          : 100%;
}

#FOOTER .footer_company_box .company_text
{
	margin-top     : 15px;

	color          : #fff;
	font-size      : 90%;
	line-height    : 2.0;
}


#FOOTER .footer_company_box .right_box
{
	width          : 360px;
}

#FOOTER .footer_company_box .contact_box
{

}


/* ------------------------------------------------------ */


#FOOTER .footer_snsetc_box
{
	padding        : 60px 0 30px;

	background     : #765c58;
}

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

#FOOTER .footer_snsetc_box .inner
{
	margin         : 0 auto;

	width          : 1100px;
}


#FOOTER .footer_snsetc_box .sns_list
{
	display        : flex;
	justify-content: center;
	align-items    : center;
	gap            : 20px;
}

#FOOTER .footer_snsetc_box .sns_list li
{
	width          : 80px;
	height         : 80px;
}

#FOOTER .footer_snsetc_box .sns_list li a
{
	display        : block;
	
	width          : 100%;
	height         : 100%;
	
	background     : #fff;
	border         : 5px solid #fff;
	border-radius  : 50%;
	
	transition     : all .15s;
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}

#FOOTER .footer_snsetc_box .sns_list li a img
{
	margin-top     : -5px;
	margin-left    : -5px;
	width          : calc(100% + 10px);
	transition     : all .15s;
}

#FOOTER .footer_snsetc_box .sns_list li a:hover img
{
	opacity        : 0.5;
}


#FOOTER .footer_snsetc_box .footer_nav
{
	margin-top     : 50px;
	
	color          : #fff;
}

#FOOTER .footer_snsetc_box .footer_nav .nav_list
{
	display        : flex;
	justify-content: center;
	align-items    : center;

	font-size      : 90%;
}

#FOOTER .footer_snsetc_box .footer_nav .nav_list li
{
	padding        : 0 20px;

	border-left    : 1px solid #fff;
}

#FOOTER .footer_snsetc_box .footer_nav .nav_list li:last-child
{
	border-right   : 1px solid #fff;
}

#FOOTER .footer_snsetc_box .footer_nav .nav_list li a
{

}

#FOOTER .footer_snsetc_box .footer_nav .nav_list li a:hover
{
	text-decoration: underline;
}


#FOOTER .footer_snsetc_box .recaptcha_notice
{
	margin-top     : 60px;
	
	color          : #fff;
	font-size      : 80%;
	text-align     : center;
}

#FOOTER .footer_snsetc_box .recaptcha_notice a
{
	text-decoration: underline;
}


#FOOTER .footer_snsetc_box .copyright
{
	margin-top     : 40px;

	color          : #fff;
	font-size      : 80%;
	text-align     : center;
	line-height    : 2.0;
	letter-spacing : 0.05em;
}


/* ------------------------------------------------------ */








/*=========================================================================================================

  Partition Image

=========================================================================================================*/



.partition_image_box
{
	position       : relative;

	height         : 400px;
}

.partition_image_box .bg_clip
{
	position       : absolute;
	top            : 0;
	left           : 0;
	right          : 0;
	margin         : auto;

	width          : 100%;
	height         : 100%;

	clip-path      : inset(0);

	z-index        : -1;
}

.partition_image_box .bg_fixed
{
	position       : fixed;
	top            : 0;
	
	width          : 100%;
	height         : 100%;

	background-size: cover;
	background-position: center;
}

.partition_image_box[data-num="n01"] .bg_fixed { background-image: url(/wp-content/themes/arbrehome/asset/img/common/partition_image_01.jpg); }
.partition_image_box[data-num="n02"] .bg_fixed { background-image: url(/wp-content/themes/arbrehome/asset/img/common/partition_image_02.jpg); }
.partition_image_box[data-num="n03"] .bg_fixed { background-image: url(/wp-content/themes/arbrehome/asset/img/common/partition_image_03.jpg); }
.partition_image_box[data-num="n04"] .bg_fixed { background-image: url(/wp-content/themes/arbrehome/asset/img/common/partition_image_04.jpg); }
.partition_image_box[data-num="n05"] .bg_fixed { background-image: url(/wp-content/themes/arbrehome/asset/img/common/partition_image_05.jpg); }
.partition_image_box[data-num="n06"] .bg_fixed { background-image: url(/wp-content/themes/arbrehome/asset/img/common/partition_image_06.jpg); }
.partition_image_box[data-num="n07"] .bg_fixed { background-image: url(/wp-content/themes/arbrehome/asset/img/common/partition_image_07.jpg); }
.partition_image_box[data-num="n08"] .bg_fixed { background-image: url(/wp-content/themes/arbrehome/asset/img/common/partition_image_08.jpg); }







/*=======================================================================================================*/



/*=======================================================================================================*/


.grecaptcha-badge {
  visibility: hidden;
}



/*=======================================================================================================*/



/*=======================================================================================================*/







/*==================================================================================================

  CSS Animation

==================================================================================================*/



.blur
{
	/*animation: blurAnime 1s ease-out forwards;*/
	animation: blurAnime 2s ease-out forwards;
	/*
	animation-name: blurAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	*/
}

@keyframes blurAnime
{
	from
	{
		filter: blur(10px);
		transform: scale(1.02);
	}

	to
	{
		filter: blur(0);
		transform: scale(1);
	}
}


/*
.textcoloranim
{
	animation: textcoloranim 1.5s linear forwards;
}

@keyframes textcoloranim
{
	  0% { color: #fcd900; }
	 50% { color: #568d50; }
	100% { color: #000000; }
}
*/


/*----------------------*/


.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


/*----------------------*/





/*==================================================================================================

  JS Animation

==================================================================================================*/



.fadeUp
{
	animation-name: fadeUpAnime;
	animation-duration: 0.8s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes fadeUpAnime
{
	from
	{
		opacity: 0;
		transform: translateY(100px);
	}

	to
	{
		opacity: 1;
		transform: translateY(0);
	}
}

.JS_fadeUpTrg
{
	opacity: 0;
}

.JS_fadeUpTrg[data-animedelay="200ms"], .JS_fadeUpTrg[data-animedelayPC="200ms"] { animation-delay: 0.2s; }
.JS_fadeUpTrg[data-animedelay="300ms"], .JS_fadeUpTrg[data-animedelayPC="300ms"] { animation-delay: 0.3s; }
.JS_fadeUpTrg[data-animedelay="400ms"], .JS_fadeUpTrg[data-animedelayPC="400ms"] { animation-delay: 0.4s; }
.JS_fadeUpTrg[data-animedelay="600ms"], .JS_fadeUpTrg[data-animedelayPC="600ms"] { animation-delay: 0.6s; }


/*----------------------*/


.randomAnime
{
	visibility: hidden;
}

.randomAnime .animated
{
	/*
	-webkit-animation-duration: 0.5s!important;
	animation-duration: 0.5s!important;
	*/
	-webkit-animation-duration: 1.5s!important;
	animation-duration: 1.5s!important;
}


/*----------------------*/


.slide-in
{
	overflow: hidden;
    display: inline-block;
}

.slide-in_inner
{
	display: inline-block;
}

.leftAnime
{
    opacity: 0;
}

.slideAnimeLeftRight
{
	animation-name:slideTextX100;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
    opacity: 0;
}

@keyframes slideTextX100
{
	from
	{
		transform: translateX(-100%);
		opacity: 0;
	}

	to
	{
		transform: translateX(0);
		opacity: 1;
	}
}

.slideAnimeRightLeft
{
	animation-name:slideTextX-100;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
    opacity: 0;
}

.slide-in[data-animespeed="1500ms"].slideAnimeLeftRight,
.slide-in[data-animespeed="1500ms"] .slideAnimeRightLeft
{
	animation-duration:1.5s;
}

@keyframes slideTextX-100
{
	from
	{
		transform: translateX(100%);
		opacity: 0;
	}

	to
	{
		transform: translateX(0);
		opacity: 1;
	}
}


/*----------------------*/


.TextRandomAnime span
{
	opacity: 0;
}

.TextRandomAnime.appearRandomtext span
{ 
	animation:text_randomanime_on 1.5s ease-out forwards;
}

@keyframes text_randomanime_on
{
	0% {opacity:0;}
	100% {opacity:1;}
}

.TextRandomAnime.appearRandomtext span:nth-child(2n)
{
	animation-delay: .2s;
}

.TextRandomAnime.appearRandomtext span:nth-child(3n)
{
	animation-delay: .4s;
}

.TextRandomAnime.appearRandomtext span:nth-child(4n)
{
	animation-delay: .6s;
}


/*----------------------*/


.eachTextAnime span{opacity: 0;}#ENTRY .entry_box .entry_btn
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }

@keyframes text_anime_on
{
	0% {opacity:0;}
	100% {opacity:1;}
}


/*----------------------*/