@charset "UTF-8";
/* reset CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;}ol,ul{list-style:none;}table{border-collapse:collapse;border-spacing:0;}
/* user add */
sup { vertical-align:text-top }
sub { vertical-align:text-bottom }
img { max-width: 100%; height: auto; font-size: 0; line-height: 0; vertical-align: bottom; }

/* ---------------------------------------
commonModule
--------------------------------------- */
.clearfix, .section, .incnt, .sec_in,{
	zoom: 1;
}
.clearfix:after, .section:after, .incnt:after, .sec_in:after{
	display: block;
	content: "";
	clear: both;
}

.cnt_left {float: left; }
.cnt_right {float: right; }

._on { transition: 0.3s; }
._on:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
@media screen and (max-width: 767px) {
	._on{
		transition: none;
	}
}

/* display adjust */
.basehide, .middlehide, .tablethide, .sphide, .landhide, .porthide {
	display: block;
}
.baseblock, .tabletblock, .middleblock, .spblock, .landblock, .portblock {
	display: none;
}
@media screen and (max-width: 1300px) {
	.baseblock{display: block; }
	.basehide {display: none !important; }
}
@media screen and (max-width: 959px) {
	.tabletblock{display: block; }
	.tablethide {display: none !important; }
}
@media screen and (max-width: 767px) {
	.middleblock{display: block; }
	.middlehide {display: none !important; }
}
@media screen and (max-width: 639px) {
	.landblock{display: block; }
	.landhide {display: none !important; }
}
@media screen and (max-width: 479px) {
	.spblock{display: block; }
	.sphide {display: none !important; }
}
@media screen and (max-width: 400px) {
	.portblock{display: block; }
	.porthide {display: none !important; }
}



/* WP */
.wysiwyg strong {
	font-weight: bold;
}
.wysiwyg em{ font-style: italic; }
.wysiwyg ins{ text-decoration: underline; }
.wysiwyg pre{
	white-space: -moz-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}
.wysiwyg .alignnone{
	width: 100%!important;
}
.wysiwyg .alignright {
	float: right;
	margin: 0 0 10px 10px;
}
.wysiwyg .alignleft {
	float: left;
	margin: 0 10px 10px 0;
}
.wysiwyg .aligncenter {
	display: block;
	margin: 10px auto;
}
.wysiwyg .wp-caption-text {
	font-size: 0.85em;
	text-align: center;
}






.section{ margin-bottom: 80px; }
.sec_in{
	width: 1140px;
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width: 1200px) {
	.sec_in{ width: 90%; }
}


#mainv_lower{
	color: #fff;
	font-family: copperplate,serif;
	font-size: 4.2rem;
	letter-spacing: 0.3em;
	width: 100%;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 40px;
	height: 420px;
	box-sizing: border-box;
	background: url(../img/fairesavie/index/mainv1.jpg) center;
	background-size: cover;
	position: relative;
}
#sabi #mainv_lower{
	font-family: century gothic,sans-serif;
	background: url(../img/sabi/index/mainv1.jpg) center;
	background-size: cover;
}
@media screen and (max-width: 767px) {
	#mainv_lower{
		font-size: 2.8rem;
		padding-top: 30px;
		height: 240px;
	}
	#sabi #mainv_lower{
		font-family: 'Questrial', sans-serif;
	}
}



.title_style1{
	letter-spacing: 0.15em;
	letter-spacing: 0.3em;
	font-family: copperplate,serif;
	font-size: 1.5em;
	line-height: 1.4;
	color: #cfcfcf;
	margin-bottom: 100px;
	position: relative;
}
.title_style1:before{
	content: "";
	display: block;
	width: 70px;
	height: 1px;
	position: absolute;
	top: 50%;
	left: -80px;
	background: url(../img/fairesavie/common/title1.png);
}
.title_style1._color1{
	color: #434343;
}
.title_style1._color1:before{
	background: url(../img/fairesavie/common/title1-2.png);
}
@media screen and (max-width: 767px) {
	.title_style1{
		font-size: 1.25em;
		margin-bottom: 40px;
		left: 40px;
	}
	.title_style1:before{
		width: 30px;
		left: -35px;
	}
}





#sabi .title_style1{
	font-family: century gothic,sans-serif;
}
#sabi .title_style1:before{
	background: #fff;
}
#sabi .title_style1._color1:before{
	background: #434343;
}
@media screen and (max-width: 767px) {
	#sabi .title_style1{
		font-family: 'Questrial', sans-serif;
	}
}




.btn_style1{
	color: #fff;
	font-size: 24px;
	font-family: century gothic,sans-serif;
	text-align: center;
	text-decoration: none;
	min-width: 336px;
	padding: 18px 10px;
	box-sizing: border-box;
	border: 1px solid;
	display: inline-block;
}
.btn_style1._color1{
	color: #434343;
}
@media screen and (max-width: 767px) {
	.btn_style1{
		font-size: 21px;
		min-width: 100%;
		padding: 12px 5px;
	}
}


.btn_style2{
	color: #434343;
	font-size: 24px;
	font-family: century gothic,sans-serif;
	text-align: center;
	text-decoration: none;
	min-width: 336px;
	padding: 18px 10px;
	box-sizing: border-box;
	border: 1px solid #434343;
	display: inline-block;
	position: relative;
}
.btn_style2._white{
	color: #fff;
	border: 1px solid #fff;
}
.btn_style2 span{
	position: relative;
	z-index: 1;
}
.btn_style2:after {
	content: "";
	display: block;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	position: absolute;
	background: #2a2016;
	transition: 0.3s;
}
.btn_style2:hover{
	color: #fff;
}
.btn_style2:hover:after{
	width: 100%;
}
.btn_style2._white:after{
	background: #fff;
}
.btn_style2._white:hover{
	color: #2a2016;
}
@media screen and (max-width: 767px) {
	.btn_style2{
		font-family: 'Questrial', sans-serif;
		font-size: 21px;
		min-width: 100%;
		padding: 12px 5px;
	}
}


.link_style1{
	font-family: copperplate,serif;
	position: relative;
	text-decoration: none;
	display: inline-block;
}
.link_style1:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: url(../img/fairesavie/common/title1-2.png);
	transition: 0.5s;
	position: absolute;
	bottom: 0;
	left: 0;
}
.link_style1:hover:after{
	width: 0;
}
.link_style1.-ltr:after{
	width: 0;
}
.link_style1.-ltr:hover:after{
	width: 100%;
}


.link_style2{
	font-family: copperplate,serif;
	position: relative;
	text-decoration: none;
	display: inline-block;
	transition: 0.5s;
}
.link_style2:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: url(../img/fairesavie/common/title1-2.png);
	position: absolute;
	bottom: 0;
	left: 0;
}
.link_style2:hover{
	letter-spacing: 4px;
}
@media screen and (max-width: 767px) {
}


.common_more_btn{
	text-align: center;
	font-family: copperplate,serif;
}
.common_more_btn a{
	padding: 0 3px;
	letter-spacing: 0.2em;
}
.common_more_btn a:hover{
	letter-spacing: 6px;
}
@media screen and (max-width: 767px) {
	.common_more_btn a{
		font-size: 1.35em;
	}
}




.blog_box{
	margin-right: -12px;
	margin-bottom: 40px;
}
.blog_box .box{
	width: 276px;
	padding: 8px 8px 18px 8px;
	float: left;
	box-sizing: border-box;
	margin-right: 12px;
	margin-bottom: 30px;
	background: #fff;
}
.not-hover{
	opacity: 0.3;
}
.blog_box a:hover{
	opacity: 1;
}
.blog_box .box a{
	display: block;
	text-decoration: none;
	transition: 0.3s;
}
.blog_box .box-img{
	margin-bottom: 18px;
}
.blog_box .box-img img{
	width: 100%;
}
.blog_box .box-cnt{
	padding-left: 15px;
	border-left: 1px solid #cacaca;
}
.blog_box .box-date{
	font-family: copperplate,serif;
	font-size: 0.75em;
	color: #a9a9a9;
}
.blog_box .box-tit{
	font-size: 1.25em;
	line-height: 1.4;
	height: 60px;
}
@media screen and (max-width: 1200px) {
	.blog_box{
		margin-right: -1%;
	}
	.blog_box .box{
		width: 24%;
		margin-right: 1%;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 1100px) {
	.blog_box{
		margin-right: -2%;
	}
	.blog_box .box{
		width: 31.3333%;
		margin-right: 2%;
	}
	.blog_box .box-tit{
		font-size: 1.15em;
	}
}
@media screen and (max-width: 767px) {
	.blog_box{
		margin-right: -2%;
		margin-bottom: 20px;
	}
	.blog_box .box{
		width: 48%;
		margin-right: 2%;
	}
	.blog_box .box-img{
		margin-bottom: 10px;
	}
	.blog_box .box-cnt{
		padding-left: 10px;
	}
	.blog_box .box-date{
		font-size: 0.7em;
	}
	.blog_box .box-tit{
		font-size: 1.1em;
		height: 40px;
	}
}



/* ---------------------------------
 * modalContent
---------------------------------- */
/*.modal{
	display: none;
}*/
.modalContent{
	box-sizing: border-box;
	padding: 0px 0 60px;
}
.modalContent .modalContent_tit{
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}
.modalContent .modalContent_tit .tit-in1{
	font-size: 2.1em;
	font-family: Dawning of a New Day, cursive;
}
.modalContent .modalContent_tit .tit-in2{
	opacity: 0.6;
	font-size: 0.8em;
	display: block;
}
.modalContent_list .slick-track{
	display: -ms-flex;
	display: flex;
	align-items: center;
}
.modalContent_list{
	margin-bottom: 20px;
}
.modalContent_list li{
	margin: 0 20px;
	cursor: pointer;
}
.modalContent_list li{
	transition: 0.2s;
	opacity: 0.3;
}
.modalContent_list .slick-center{
	opacity: 1;
}
.modalContent_list-nav li{
	width: 90px;
}
.modalContent_list-nav li{
	transition: 0.2s;
	opacity: 0.3;
}
.modalContent_list-nav .slick-center,
.modalContent_list-nav li:hover{
	opacity: 1;
	cursor: pointer;
}

.modalContent img[data-lazy]{
	width: 36px;
	margin: auto;
}


/* ---------------------------------------
base
--------------------------------------- */
html{
	font-size: 62.5%;
	overflow-y: scroll;
}
body {
	color: #434343;
	font-size: 1.6rem;
	line-height: 1.8;
	font-family: ten-mincho-text, copperplate, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ fＰ明朝", "ＭＳ 明朝", serif;
	font-weight: 500;
	text-align: justify;
	letter-spacing: 0.01em;
	letter-spacing: 0.1em;
	max-height: 999999px;
	-webkit-text-size-adjust: 100%;
}
.firefox body{
	font-family: copperplate, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ fＰ明朝", "ＭＳ 明朝", serif;
}
@media screen and (max-width: 767px) {
	body{
		font-size: 13px;
	}
}

main{
	width: 100%;
	overflow: hidden;
}
a {
	color: #1a1a1a;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	text-decoration: none;
}


/* ---------------------------------------
wrapper
--------------------------------------- */
.noise{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height:  100%;
	opacity: .05;
}
.gif-noise{
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../img/common/noise.gif);
}

body.index #header{
	display: none;
}

#header{
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	height: 60px;
	z-index: 50;
	line-height: 1;
	mix-blend-mode: difference;
	transition: 0.6s;
	opacity: 0;
}
#header .logo{
	width: 85px;
	position: absolute;
	top: 26px; left: 35px;
	z-index: 102;
}
.header_cart a{
	width: 22px;
	position: fixed;
	right: 15px;
	top: 20px;
	z-index: 50;
	mix-blend-mode: difference;
	display: block;
}
.header_cart:before{
	position: fixed;
	top: 19px;
	right: 12px;
	z-index: 51;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #91072b;
}
.header_cart svg path{
	fill: #fff;
}
.gnav{
	position: absolute;
	top: 28px; right: 115px;
	z-index: 10;
	opacity: 0;
	transition: 0.3s;
	z-index: -1;
	pointer-events: none;
}
.gnav.is-open{
	opacity: 1;
	z-index: 101;
	pointer-events: auto;
}
.gnav ul li{
	float: left;
	margin: 0 0 0 32px;
}
.gnav ul li a{
	color: #fff;
	font-size: 0.8em;
	padding-bottom: 5px;
	text-decoration: none;
	font-family: copperplate,serif;
}
.gnav ul li a:after{
	background: #fff;
}
.gnav .ico_insta{
	display: none;
}
@media screen and (max-width: 999px) {
	#header{
		width: 100%;
	}
	#header.is-open{
		mix-blend-mode: normal;
	}
	#header .logo{
		width: 100px;
		top: 20px; left: 20px;
	}
	.gnav{
		position: fixed;
		top: 0; right: 0;
		height: 100%;
		padding: 60px 80px 30px;
		box-sizing: border-box;
		background: url(../../module/img/common/pttn.png);
	}
	.gnav ul li{
		float: none;
		margin: 20px 0;
	}
	.gnav ul li a{
		color: #212121;
		font-size: 1em;
	}
	.gnav ul li a:before {
		content: "";
		display: block;
		width: 30px;
		height: 1px;
		position: absolute;
		top: calc(50% - 4px);
		left: -40px;
		background: url(../img/fairesavie/common/title1-2.png);
	}
	.gnav ul li a:after{
		background: #212121;
	}
}
@media screen and (max-width: 767px) {
	#header .logo.gnav-is-open .cls-5{
		fill: #212121;
	}
	.gnav{
		width: 100%;
		padding: 60px 80px 30px 40px;
	}
	.gnav ul li{
		margin: 25px 0;
	}
	.gnav ul li a{
		font-size: 1.2em;
	}
	.gnav ul li a:before {
		display: none;
	}
	.gnav .ico_insta{
		display: block;
		position: absolute;
	}
}



.btn_menu,
.btn_menu span{
	cursor: pointer;
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.btn_menu{
	position: fixed;
	top: 30px; right: 55px;
	width: 50px;
	height: 12px;
	z-index: 102;
}
.btn_menu span{
	position: absolute;
	right: 0;
	width: 100%; height: 1px;
	background: #fff;
}
.btn_menu span:nth-of-type(1){
	top: 0;
	width: 50px;
}
.btn_menu span:nth-of-type(2){
	top: 100%;
	width: 38px;
}
.btn_menu.is-active span:nth-of-type(1){
	width: 42px;
	-webkit-transform: translateY(4px) translateX(0px) rotate(-45deg);
	transform: translateY(4px) translateX(0px) rotate(-45deg);
}
.btn_menu.is-active span:nth-of-type(2){
	width: 42px;
	-webkit-transform: translateY(-7px) translateX(0px) rotate(45deg);
	transform: translateY(-7px) translateX(0px) rotate(45deg);
}
@media screen and (max-width: 767px) {
	.btn_menu span{
	}
	.btn_menu.is-active{
	}
	.btn_menu.is-active span{
		background: #212121;
	}
}



#content{
	margin-top: 60px;
	min-height: 400px;
}
@media screen and (max-width: 767px) {
	#content{
		margin-top: 50px;
		min-height: 1px;
	}
}

#footer{
	background: url(../../module/img/common/pptn_green.png);
}
#footer #contact .contact-box{
	color: #fff;
	display: flex;
	height: 420px;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
#footer #contact .contact-tit{
	font-size: 1.5em;
	font-family: copperplate,serif;
	margin-bottom: 30px;
}
#footer #contact .contact-txt1{
	color: #a0a6a2;
	margin-bottom: 20px;
}
#footer #contact .contact-tel{
	margin-bottom: 20px;
}
#footer #contact .contact-tel a{
	color: #cfcfcf!important;
	font-size: 2em;
	letter-spacing: 0.15em;
	line-height: 1.4;
	padding: 0 5px;
	font-family: copperplate,serif;
}
#footer #contact .contact-tel a:hover{
	letter-spacing: 0.2em;
}
#footer #contact .contact-mail a{
	color: #cfcfcf;
	font-size: 1.3em;
	font-family: copperplate,serif;
	transition: 0.3s;
}
#footer #map{
	width: 100%;
	height: 500px;
	line-height: 0;
}
#footer #map #map2 {
	height: 100%;
	width: 100%;
}
#footer #bottom_sec{
	height: 500px;
	background: url(../../module/img/common/pptn_green.png);
}
#footer #bottom_sec .btm_box svg,
#footer #bottom_sec .btm_box img{
	width: 100%;
}
#footer #bottom_sec .btm_box a{
	display: block;
	position: absolute;
	bottom: 0;
	z-index: 49;
	left: 150px;
	width: calc(100% - 300px);
	height: 400px;
	background: url(../../module/img/sabi/index/mainv1.jpg);
	background-size: cover;
	background-position: center;

	transition: 0.8s;
}
#footer #bottom_sec .btm_box a.pjax{
	height: 100vh;
	width: 100%;
	left: 0;
	bottom: 0;
	position: fixed;
	transform-origin: bottom center;
}
@media screen and (max-width: 767px) {
	#footer #bottom_sec .btm_box a.pjax{
		height: 100%;
	}
}
#footer #bottom_sec .btm_box-txt{
	width: 205px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	transform: translate(-50%, -50%) scale(0.9, 0.9);
	transition: 0.5s;
}
#footer #bottom_sec .btm_box a:hover .btm_box-txt{
	transform: translate(-50%, -50%) scale(1, 1);
}
#footer #bottom_sec .btm_box-txt span{
	margin-top: 10px;
	letter-spacing: 0.15em;
	font-size: 0.75em;
	text-align: center;
	display: block;
	color: #fff;
	font-family: century gothic,sans-serif;
}
#footer .copyright{
	font-size: 10px;
	font-family: copperplate,serif;
	color: #646c66;
	background: #131A15;
	text-align: center;
	padding: 10px 5px;
}
.ico_insta{
	width: 27px;
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 1;
	mix-blend-mode: difference;
	transition: 0.8s;
	transition-delay: 0.5s;
	opacity: 0;
}
.is-on .ico_insta{
	opacity: 1;
}
.header_cart:before,
.header_cart a{
	transition: 0.8s;
	opacity: 0;
}
.is-on .header_cart:before,
.is-on .header_cart a{
	opacity: 1;
}
.index .header_cart{
	display: none;
}
@media screen and (max-width: 999px) {
	#footer #contact .contact-box{
		height: 320px;
	}
	#footer #contact .contact-tit{
		font-size: 1.3em;
		margin-bottom: 20px;
	}
	#footer #contact .contact-txt1{
		margin-bottom: 10px;
	}
	#footer #contact .contact-tel{
		margin-bottom: 20px;
	}
	#footer #contact .contact-tel a{
		font-size: 1.6em;
	}
	#footer #contact .contact-mail a{
		font-size: 1.1em;
	}
	#footer #map{
		height: 300px;
	}
	#footer #bottom_sec{
		padding-top: 80px;
	}
	#footer #bottom_sec .btm_box{
		width: calc(100% - 100px);
	}
	#footer #bottom_sec .btm_box-txt{
		width: 180px;
	}
}
@media screen and (max-width: 767px) {
	#footer #contact .contact-box{
		height: 280px;
	}
	#footer #contact .contact-tit{
		font-size: 1.2em;
	}
	#footer #contact .contact-tel a{
		font-size: 1.5em;
	}
	#footer #map{
		height: 280px;
	}
	#footer #bottom_sec{
		padding-top: 0;
		position: relative;
		height: 275px;
	}
	#footer #bottom_sec .btm_box{
		width: 100%;
	}
	#footer #bottom_sec .btm_box a {
		left: 5%;
		bottom: 0px;
		width: 90%;
		height: 250px;
		background: url(../../module/img/sabi/index/mainv1.jpg);
		background-size: cover;
		background-position: center;
		transition: 0.8s;
	}
	#footer #bottom_sec .btm_box-txt{
		width: 160px;
	}
	.ico_insta{
		display: none;
	}
}





#sabi {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, sans-serif;
}
#header.sabifonts .gnav ul li a{
	font-family: century gothic, sans-serif;
}
#footer.sabifonts{
	background: url(../../module/img/common/pptn_brown.png);
	background-size: cover;
}
#footer.sabifonts #contact .contact-tit{
	font-family: century gothic, sans-serif;
}
#footer.sabifonts #contact .contact-tel a{
	font-family: century gothic, sans-serif;
}
#footer.sabifonts #contact .contact-mail a{
	font-family: century gothic, sans-serif;
}
#footer.sabifonts #bottom_sec{
	background: url(../../module/img/common/pptn_brown.png);
}
#footer.sabifonts #bottom_sec .btm_box-txt{
	width: 205px;
}
#footer.sabifonts #bottom_sec .btm_box a{
	background: url(../../module/img/fairesavie/index/mainv1.jpg);
	background-size: cover;
	background-position: center;
}
#footer.sabifonts #bottom_sec .btm_box-txt{
	width: 298px;
}
#footer.sabifonts #bottom_sec .btm_box-txt span{
	font-family: copperplate,serif;
}
#footer.sabifonts .copyright{
	background: #2a2016;
}
@media screen and (max-width: 767px) {
	#footer.sabifonts #bottom_sec .btm_box-txt{
		width: 220px;
	}
}



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

	INDEX

--------------------------------------- */
#index .header_cart{
	display: none;
}

/*backgroundで使うものは事前に読み込ませる*/
#index .load_backgroun._1{
	width: 1px;
	height: 1px;
	background: url(../../module/img/common/pptn_green.png);
}
#index .load_backgroun._2{
	width: 1px;
	height: 1px;
	background: url(../../module/img/common/pptn_brown.png);
}
#index .load_backgroun._2{
	width: 1px;
	height: 1px;
	background: url(../../module/img/common/pttn.png);
}

#index .intro .mainv1{
	background-image: url(../img/index/mainv1.jpg);
	background-position: center;
	z-index: 1;
}
#index .intro .main_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 12;
	background: rgba(18,24,20,1);
}
#index .intro{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 15;
}
#index .intro_inner{
	color: #fff;
	text-align: center;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 13;
}
#index .intro_tit{
	font-size: 2.4rem;
	margin-bottom: 40px;
}
#index .intro_txt{
	color: #bbb;
	font-size: 1.3rem;
	line-height: 2.2;
	transition-delay: 0.3s;
	margin-bottom: 80px;
}
#index .intro_txt span{
	transition: 0.8s;
}
@media screen and (min-width: 767px) {
	#index .intro_txt{
		font-size: 1.3rem;
	}
}
#index .intro_btn{
	opacity: 0;
	transition: 0.8s;
	transition-delay: 5.4s;
}
#index .intro_btn a{
	font-family: copperplate,serif;
	color: #fff;
	font-size: 2.0rem;
	letter-spacing: 0.4em;
	text-decoration: none;
	position: relative;
	padding-bottom: 8px;
	transition: 0.8s;
	transform-origin: center;
}
#index .intro_btn a:after{
	content: "";
	display: block;
	width: calc(100% - 0.4em);
	height: 1px;
	background: #fff;
	transition: 0.5s;
	position: absolute;
	bottom: 0;
	left: 0;
	transform-origin: center;
}
#index .intro_btn a:hover{
	letter-spacing: 0.8em;
}
#index .intro_btn a:hover:after{
	width: calc(100% - 0.6em);
}
@media screen and (max-width: 767px) {
	#index .intro_tit{
		font-size: 1.8rem;
		margin-bottom: 30px;
	}
	#index .intro_txt{
		font-size: 1.1rem;
		line-height: 2;
		margin-bottom: 50px;
	}
	#index .intro_btn a{
		font-size: 1.4rem;
		padding-bottom: 6px;
	}
}



#index .intro .main_bg{
	transition: 1.2s;
	transition-delay: 2s;
}
#index .intro.is-on .main_bg{
	opacity: 0.8;
}
#index .intro_tit span{
	opacity: 0;
	transition: 0.8s;
	display: inline-block;
	-webkit-transform: translate(0, 5px);
	transform: translate(0, 5px);
}
#index .intro .intro_tit.is-on span{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
#index .intro .intro_tit ._1{
	transition-delay: 1.8s;
}
#index .intro .intro_tit ._2{
	transition-delay: 2s;
}
#index .intro .intro_txt span{
	opacity: 0;
	transition: 0.8s;
	display: inline-block;
	-webkit-transform: translate(0, 5px);
	transform: translate(0, 5px);
}
#index .intro .intro_txt.is-on span{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
#index .intro .intro_txt.is-on span:nth-child(1){
	transition-delay: 2.3s;
}
#index .intro .intro_txt.is-on span:nth-child(2){
	transition-delay: 2.4s;
}
#index .intro .intro_txt.is-on span:nth-child(3){
	transition-delay: 2.5s;
}
#index .intro .intro_txt.is-on span:nth-child(4){
	transition-delay: 2.6s;
}
#index .intro .intro_txt.is-on span:nth-child(5){
	transition-delay: 2.7s;
}
#index .intro .intro_txt.is-on span:nth-child(6){
	transition-delay: 2.8s;
}
#index .intro .intro_txt.is-on span:nth-child(7){
	transition-delay: 2.9s;
}
#index .intro .intro_txt.is-on span:nth-child(8){
	transition-delay: 3.0s;
}
#index .intro .intro_txt.is-on span:nth-child(9){
	transition-delay: 3.1s;
}
#index .intro .intro_txt.is-on span:nth-child(10){
	transition-delay: 3.2s;
}
#index .intro .intro_txt.is-on span:nth-child(11){
	transition-delay: 3.3s;
}
#index .intro .intro_txt.is-on span:nth-child(12){
	transition-delay: 3.4s;
}
#index .intro .intro_txt.is-on span:nth-child(13){
	transition-delay: 3.5s;
}
#index .intro .intro_txt.is-on span:nth-child(14){
	transition-delay: 3.6s;
}
#index .intro .intro_txt.is-on span:nth-child(15){
	transition-delay: 3.7s;
}
#index .intro .intro_txt.is-on span:nth-child(16){
	transition-delay: 3.8s;
}
#index .intro .intro_txt.is-on span:nth-child(17){
	transition-delay: 3.9s;
}
#index .intro .intro_txt.is-on span:nth-child(18){
	transition-delay: 4.0s;
}
#index .intro .intro_txt.is-on span:nth-child(19){
	transition-delay: 4.1s;
}
#index .intro .intro_txt.is-on span:nth-child(20){
	transition-delay: 4.2s;
}
#index .intro .intro_txt.is-on span:nth-child(21){
	transition-delay: 4.3s;
}
#index .intro .intro_txt.is-on span:nth-child(22){
	transition-delay: 4.4s;
}
#index .intro .intro_txt.is-on span:nth-child(23){
	transition-delay: 4.5s;
}
#index .intro .intro_txt.is-on span:nth-child(24){
	transition-delay: 4.6s;
}
#index .intro .intro_txt.is-on span:nth-child(25){
	transition-delay: 4.7s;
}
#index .intro .intro_txt.is-on span:nth-child(26){
	transition-delay: 4.8s;
}
#index .intro .intro_txt.is-on span:nth-child(27){
	transition-delay: 4.9s;
}
#index .intro .intro_txt.is-on span:nth-child(28){
	transition-delay: 5.0s;
}






#index .intro .intro_btn.is-on{
	opacity: 1;
}
#index .link-box.is-on{
	opacity: 1;
	transition-delay: 2.5s;
}
#index .link-box.notAnimation.is-on{
	transition-delay: 0s;
}


#index .intro.is-off .intro_inner{
	transition: 1.2s;
}
#index .intro.is-off .intro_inner{
	opacity: 0;
}
#index .intro .mainv1{
	transition: 0.8s;
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
#index .intro.is-off .mainv1{
	-webkit-transform: scale(1);
	transform: scale(1);
}
#index .intro.is-off.notAnimation .mainv1{
	transition: 0s;
}
#index .intro.is-off .main_bg{
	opacity: 0;
}
#index .intro.is-off{
	z-index: -1;
}





#index .link-box{
	opacity: 0;
	transition: 0.8s;
}
#index .link-box span{
	margin-top: 10px;
	letter-spacing: 0.15em;
	font-size: 0.75em;
	text-align: center;
	display: block;
	color: #fff;
	font-family: copperplate,serif;
}
#index .link-box{
	display: -ms-flex;
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8;
	width: 100%;
}
#index .link-box li{
	width: 50%;
	height: 100%;
	text-align: center;
}
#index .link-box a{
	display: block;
	text-decoration: none;
	display: -ms-flex;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	/*opacity: 0.6;*/
	transition: 0.3s;
	-webkit-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
}
#index .link-box a.not-current{
	opacity: 0;
}
#index .link-box a.is-current{
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
#index .link-box .sabi span{
	font-family: century gothic,sans-serif;
}
@media screen and (min-width: 767px) {
	#index .link-box .sabi img{
		width: 205px;
	}
	#index .link-box .fairesavie img{
		width: 298px;
	}
}
#index .background{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	transition: 0.8s;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
#index .background.mainv2{
	opacity: 0;
	z-index: 5;
	background-image: url(../img/fairesavie/index/mainv1.jpg);
	background-position: center;
}
#index .background.mainv3{
	opacity: 0;
	z-index: 5;
	background-image: url(../img/sabi/index/mainv1.jpg);
	background-position: center;
}
#index .background.is-current{
	opacity: 1;
}
@media screen and (max-width: 767px) {
	#index .link-box a{
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		transition: 0s;
	}
	#index .link-box a.not-current{
		opacity: 1;
	}
	#index .background{
		-webkit-transform: scale(1);
		transform: scale(1);
		transition: 0s;
	}
	#index .link-box .sabi{
		/* height: 100vh; TODO */
		background-image: url(../img/sabi/index/mainv1.jpg);
		background-position: center;
		background-size: cover;
	}
	#index .link-box .fairesavie{
		/* height: 100vh; TODO */
		background-image: url(../img/fairesavie/index/mainv1.jpg);
		background-position: center;
		background-size: cover;
	}
	#index .link-box.is-on img{
		transition: 0.6s;
	}
	#index .link-box .sabi img{
		width: 100px;
	}
	#index .link-box .sp-animation .sabi img{
		width: 160px;
	}
	#index .link-box .fairesavie img{
		width: 130px;
	}
	#index .link-box .sp-animation .fairesavie img{
		width: 194px;
	}
	#index .link-box a{
		opacity: 1;
	}
	#index .background.mainv2{
		display: none;
	}
	#index .background.mainv3{
		display: none;
	}
}

#main.topAnimated .background{
	-webkit-transform: scale(1);
	transform: scale(1);
}
#index .link-box li{
	transition: 1.2s;
}
#main.topAnimated._left .link-box li{
	transform: translate(-50%);
}
#main.topAnimated._left .link-box li:nth-child(1){
	opacity: 0;
}
#main.topAnimated._right .link-box li{
	transform: translate(50%);
}
#main.topAnimated._right .link-box li:nth-child(2){
	opacity: 0;
}
@media screen and (max-width: 767px) {
	#main.topAnimated .link-box li{
		width: 0%;
	}
	#main.topAnimated .link-box li.sp-animation{
		width: 100%;
	}
	#main.topAnimated._left .link-box,
	#main.topAnimated._right .link-box{
		transform: translate(0%);
	}
	#main.topAnimated._left .link-box li{
		transform: translate(-0%);
	}
	#main.topAnimated._right .link-box li{
		transform: translate(0%);
	}
}



/*#mainv*/
body.sabi #mainv,
body.fairesavie #mainv{
	position: relative;
	overflow: hidden;
	z-index: 10;
}
body.sabi .mainv_slide,
body.fairesavie .mainv_slide{
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: 0.8s;
}
body.sabi .mainv_slide li,
body.fairesavie .mainv_slide li{
	height: 100vh; /* TODO */
	height: calc(var(--vh, 1vh) * 100);
}
body.sabi .mainv-tit,
body.fairesavie .mainv-tit{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 20;
	transform: translate(-50%, -50%);
}
body.sabi .mainv_slide li .slide_in,
body.fairesavie .mainv_slide li .slide_in{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
body.sabi .mainv_bg,
body.fairesavie .mainv_bg{
	width: 100%;
	height: 100%;
	z-index: 1;
	background-size: cover!important;
	background-position: center!important;
}
body.sabi #mainv .mainv-tit img{
	width: 205px;
}
@media screen and (max-width: 767px) {
	body.sabi #mainv .mainv-tit img{
		width: 160px;
	}
}
body.fairesavie #mainv .mainv-tit img{
	width: 298px;
}
body.sabi #mainv .mainv-tit span,
body.fairesavie #mainv .mainv-tit span{
	margin-top: 10px;
	letter-spacing: 0.15em;
	font-size: 0.75em;
	text-align: center;
	display: block;
	color: #fff;
}
body.fairesavie #mainv .mainv-tit span{
	font-family: copperplate,serif;
}
body.sabi  #mainv .mainv-tit span{
	font-family: century gothic,sans-serif;
}
@media screen and (max-width: 767px) {
	body.sabi .mainv_slide li,
	body.fairesavie .mainv_slide li{
		/*height: 100%!important;*/
	}

	body.sabi .mainv_bg,
	body.fairesavie .mainv_bg {
		height: 100%;
	}
}

body.sabi .scroll_box,
body.fairesavie .scroll_box{
	opacity: 0;
	transition: 0.8s;
	transition-delay: 0.5s;
}
body.sabi.is-on .scroll_box,
body.fairesavie.is-on .scroll_box{
	opacity: 1;
}
body.sabi .scroll_btn,
body.fairesavie .scroll_btn{
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-align: center;
}
body.sabi .scroll_btn a,
body.fairesavie .scroll_btn a{
	color: #fff;
	font-size: 0.65em;
	text-decoration: none;
	padding-bottom: 50px;
	display: inline-block;
}
body.fairesavie .scroll_btn a{
	font-family: copperplate,serif;
}
body.sabi .scroll_btn a{
	font-family: 'Questrial', sans-serif;
}
body.sabi .c-scrolldown,
body.fairesavie .c-scrolldown {
	width: 1px;
	height: 80px;
	position: absolute;
	bottom: -40px;
	left: 0;
	right: 0;
	z-index: 1;
	margin: 0 auto;
	overflow: hidden;
}
body.sabi .c-scrolldown .c-line,
body.fairesavie .c-scrolldown .c-line {
	width: 100%;
	height: 100%;
	display: block;
	background: linear-gradient(to bottom, white 50%, rgba(255, 255, 255, 0) 50%);
	background-position: 0 -80px;
	background-size: 100% 200%;
	animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
@-webkit-keyframes scrolldown {
	0% { background-position: 0 -80px; }
	75% { background-position: 0 0; }
	100% { background-position: 0 80px; }
}
@keyframes scrolldown {
	0% { background-position: 0 -80px; }
	75% { background-position: 0 0; }
	100% { background-position: 0 80px; }
}







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

	FAIRESAVIE

--------------------------------------- */
.fairesavie.is-on #header{
	opacity: 1;
}
body.fairesavie #gnav.sabi{
	display: none;
}
#fairesavie.index.news .copyright,
#fairesavie.index.blog .copyright,
#fairesavie .copyright{
	display: block;
}
#fairesavie.index .copyright{
	display: none;
}
#fairesavie.index.news #map,
#fairesavie.index.blog #map,
#fairesavie #map{
	display: none;
}
#fairesavie.index #map{
	display: block;
}

#fairesavie .bg1{
	background: url(../../module/img/common/pptn_green.png);
}
#fairesavie .bg2{
	background: url(../../module/img/fairesavie/index/bg2.jpg);
}
#fairesavie .bg3{
	background: url(../../module/img/common/pttn.png);
}

/*#concept*/
#fairesavie #concept{
	padding: 200px 0 130px;
}
#fairesavie #concept .box-img{
	margin-left: -150px;
	width: 920px;
}
#fairesavie #concept .box{
	position: relative;
	margin-bottom: 230px;
}
#fairesavie #concept .title_style1{
	position: absolute;
	z-index: 1;
	top: 50px;
}
#fairesavie #concept .box .box-cnt{
	position: absolute;
	bottom: -180px;
	right: -90px;
}
#fairesavie #concept .box .box-tit{
	color: #fff;
	letter-spacing: 0.15em;
	font-size: 29px;
	margin-bottom: 50px;
}
#fairesavie #concept .box .box-txt{
	color: #fff;
	opacity: 0.6;
	letter-spacing: 0.1em;
	line-height: 2.5;
}
#fairesavie #concept .wide_img{
	overflow: hidden;
	height: 450px;
	position: relative;
}
#fairesavie #concept .wide_img div{
	height: 600px;
	position: relative;
	top: 0;
	background-size: cover!important;
}
@media screen and (max-width: 767px) {
	#fairesavie #concept{
		padding: 80px 0 60px;
	}
	#fairesavie #concept .box-img{
		width: auto;
		margin-left: -3%;
		margin-bottom: 20px;
	}
	#fairesavie #concept .box{
		margin-bottom: 50px;
	}
	#fairesavie #concept .title_style1{
		position: relative;
		top: auto;
		left: 40px;
	}
	#fairesavie #concept .box .box-cnt{
		position: relative;
		bottom: auto;
		right: auto;
		top: -40px;
	}
	#fairesavie #concept .box .box-tit{
		font-size: 18px;
		margin-bottom: 30px;
	}
	#fairesavie #concept .box .box-txt{
		line-height: 2;
	}
	#fairesavie #concept .wide_img{
		height: 300px;
	}
	#fairesavie #concept .wide_img div{
		height: 300px;
		background-position: 80% center!important;
	}

}


/*#works*/
#fairesavie #works{
	padding: 100px 0 280px;
}
#fairesavie #works .slide_box + .slide_box{
	margin-top: 40px;
}
#fairesavie #works .slide_box ul{
	margin-right: -5px;
}
#fairesavie #works .slide-list li{
	float: left;
	max-width: 460px;
	margin-right: 5px;
}
#fairesavie #works .slide-list li a{
	display: block;
	transition: 0.2s;
}
#fairesavie #works .slide-list:hover a{
	opacity: 0.4;
}
#fairesavie #works .slide-list a:hover{
	opacity: 1;
}
#fairesavie #works .slide-tit{
	color: #fff;
	margin-bottom: 20px;
}
#fairesavie #works .slide-tit .tit-in1{
	font-size: 2.1em;
	font-family: Dawning of a New Day, cursive;
}
#fairesavie #works .slide-tit .tit-in2{
	opacity: 0.6;
	font-size: 0.8em;
	margin-left: 20px;
	display: inline-block;
}
#fairesavie #works .more_btn{
	margin-top: 30px;
	text-align: right;
	font-family: copperplate,serif;
}
#fairesavie #works .more_btn a{
	color: #fff;
	text-decoration: none;
	display: inline-block;
	position: relative;
	transition: 0.3s;
	padding-right: 65px;
}
#fairesavie #works .more_btn a:after{
	content: "";
	display: block;
	width: 70px;
	height: 1px;
	position: absolute;
	top: 50%;
	right: -10px;
	background: url(../img/fairesavie/common/title1.png);
}
#fairesavie #works .more_btn a:hover{
	letter-spacing: 5px;
}
@media screen and (max-width: 767px) {
	#fairesavie #works{
		padding: 50px 0 140px;
	}
	#fairesavie #works .slide_box{
		margin-top: 30px;
	}
	#fairesavie #works .slide_box ul{
		margin-right: -35px;
	}
	#fairesavie #works .slide-list li{
		margin-right: 5px;
	}
	#fairesavie #works .slide-tit{
		margin-bottom: 10px;
	}
	#fairesavie #works .slide-tit .tit-in1{
		font-size: 2em;
	}
	#fairesavie #works .slide-tit .tit-in2{
		font-size: 0.8em;
		margin-left: 10px;
	}
	#fairesavie #works .more_btn{
		margin-top: 10px;
	}
	#fairesavie #works .more_btn a{
		font-size: 15px;
		padding-right: 30px;
	}
	#fairesavie #works .more_btn a:after{
		width: 35px;
		right: -15px;
	}
}



/*#flower_school*/
#fairesavie #flower_school{
	padding: 140px 0 40px;
}
#fairesavie #flower_school .box{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#fairesavie #flower_school .box-img{
	width: 730px;
	margin-right: -150px;
}
#fairesavie #flower_school .title_style1{
	margin-bottom: 50px;
}
#fairesavie #flower_school .box .box-tit{
	letter-spacing: 0.15em;
	font-size: 29px;
	margin-bottom: 30px;
}
#fairesavie #flower_school .box .box-txt{
	letter-spacing: 0.1em;
	line-height: 2.5;
	margin-bottom: 100px;
}
#fairesavie #flower_school .box .box-link{
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	#fairesavie #flower_school{
		padding: 70px 0 20px;
	}
	#fairesavie #flower_school .box{
		flex-direction: column;
		align-items: flex-start;
	}
	#fairesavie #flower_school .box-img{
		width: 106%;
		margin: 0 0 20px;
		position: relative;
		right: 0%;
		order: 1;
	}
	#fairesavie #flower_school .box-cnt{
		margin-bottom: 30px;
		order: 2;
	}
	#fairesavie #flower_school .box .box-tit{
		font-size: 20px;
		margin-bottom: 20px;
	}
	#fairesavie #flower_school .box .box-txt{
		margin-bottom: 30px;
		line-height: 2;
	}
	#fairesavie #flower_school .box .box-link a{
		font-size: 1.35em;
	}
}


/*#shop*/
#fairesavie #shop{
	padding: 100px 0 140px;
}
#fairesavie #shop .main_slide-list{
	margin-bottom: 40px;
}
#fairesavie #shop .main_slide-list li{
	margin: 0 15px;
}
#fairesavie #shop .box-cnt{
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}
#fairesavie #shop .box .box-tit{
	letter-spacing: 0.15em;
	font-size: 29px;
	margin-bottom: 30px;
}
#fairesavie #shop .box .box-txt .txt_in{
	margin-bottom: 20px;
	letter-spacing: 0.1em;
	line-height: 2;
}
@media screen and (max-width: 767px) {
	#fairesavie #shop{
		padding: 50px 0 70px;
	}
	#fairesavie #shop .main_slide-list{
		margin-bottom: 30px;
	}
	#fairesavie #shop .main_slide-list li{
		margin: 0 5px;
	}
	#fairesavie #shop .box-cnt{
		display: block;
	}
	#fairesavie #shop .box .box-tit{
		font-size: 20px;
		margin-bottom: 20px;
	}
	#fairesavie #shop .box .box-txt .box-link{
		font-size: 1.35em;
	}
}



/*#news*/
#fairesavie #news{
	padding: 110px 0 130px;
}
#fairesavie #news .news_box:hover dl{
	opacity: 0.4;
}
#fairesavie #news .news_box dl:hover{
	opacity: 1;
}
#fairesavie #news .news_box dl{
	position: relative;
	padding: 30px;
	margin-bottom: 30px;
	transition: 0.2s;
}
#fairesavie #news .news_box dl:before{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/fairesavie/common/title1.png);
}
#fairesavie #news .news_box dl dt{
	font-size: 0.8em;
	float: left;
	padding-top: 8px;
	width: 110px;
}
#fairesavie #news .news_box dl dd{
	padding-left: 110px;
}
#fairesavie #news .news_box dl dd .tit{
	font-size: 1.4em;
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	#fairesavie #news{
		padding: 60px 0 70px;
	}
	#fairesavie #news .news_box dl{
		padding: 10px;
		margin-bottom: 20px;
	}
	#fairesavie #news .news_box dl dt{
		width: 90px;
		/*float: none;*/
		/*width: 100%;*/
	}
	#fairesavie #news .news_box dl dd{
		padding-left: 90px;
	}
	#fairesavie #news .news_box dl dd .tit{
		font-size: 1.3em;
		margin-bottom: 10px;
	}
}


#fairesavie #blog{
	padding-bottom: 160px;
}
#fairesavie #blog .s6_txt1{
	font-size: 1.2em;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	#fairesavie #blog{
		padding-bottom: 80px;
	}
}


/* ---------------------------------
 * #fairesavie.blog.index
---------------------------------- */
#fairesavie.news.index #bottom_sec,
#fairesavie.blog.index #bottom_sec{
	display: none;
}
#fairesavie.blog.index #sec_1{
	padding: 150px 0 150px;
}
#fairesavie.blog.index #sec_1 .s1_txt1{
	font-size: 2.0rem;
	text-align: center;
	margin-bottom: 80px;
}
@media screen and (max-width: 1200px) {
	#fairesavie.blog.index #sec_1{
		padding: 120px 0 120px;
	}
	#fairesavie.blog.index #sec_1 .s1_txt1{
		font-size: 1.8rem;
		margin-bottom: 60px;
	}
}
@media screen and (max-width: 767px) {
	#fairesavie.blog.index #sec_1{
		padding: 50px 0 50px;
	}
	#fairesavie.blog.index #sec_1 .s1_txt1{
		font-size: 1.6rem;
		margin-bottom: 30px;
	}
}



/* ---------------------------------
 * #fairesavie.blog.detail
---------------------------------- */
#fairesavie.blog.detail #bottom_sec{
	display: none;
}
#fairesavie.blog.detail #sec_1{
	padding: 100px 0 100px;
}
#fairesavie.blog.detail .articleTitle{
	font-size: 4.4rem;
}
#fairesavie.blog.detail .articleDate{
	color: #747474;
	font-size: 1.8rem;
	font-weight: bold;
	font-family: copperplate,serif;
	margin-bottom: 50px;
}
#fairesavie.blog.detail .articleContent{
	width: 800px;
	float: left;
}
#fairesavie.blog.detail .articleContent p{
	margin-bottom: 2em;
}
#fairesavie.blog.detail .articleSide{
	width: 275px;
	box-sizing: border-box;
	padding: 10px;
	float: right;
	background: #fff;
}
#fairesavie.blog.detail .articleSide .articleSide_box{
	border-bottom: 1px solid #cacaca;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#fairesavie.blog.detail .articleSide .articleSide_box a{
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	cursor: pointer;
	transition: 0.2s;
}
#fairesavie.blog.detail .articleSide:hover a{
	opacity: 0.4;
}
#fairesavie.blog.detail .articleSide a:hover{
	opacity: 1;
}
#fairesavie.blog.detail .articleSide .box-img{
	width: 80px;
}
#fairesavie.blog.detail .articleSide .box-cnt{
	width: 160px;
}
#fairesavie.blog.detail .articleSide .box-date{
	color: #a9a9a9;
	font-size: 1.0rem;
	line-height: 1;
	font-family: copperplate,serif;
	margin-bottom: 8px;
}
#fairesavie.blog.detail .articleSide .box-tit{
	font-size: 1.5rem;
	line-height: 1.4;
}
#fairesavie.blog.detail .articleSide .back_btn a{
	font-family: copperplate,serif;
	display: block;
	font-size: 1.8rem;
	letter-spacing: 0.15em;
	padding: 35px 0;
	text-align: center;
	text-decoration: none;
	transition: 0.2s;
}
@media screen and (max-width: 1200px) {
	#fairesavie.blog.detail #sec_1{
		padding: 80px 0 80px;
	}
	#fairesavie.blog.detail .articleContent{
		width: calc(100% - 300px);
	}
}
@media screen and (max-width: 999px) {
	#fairesavie.blog.detail #sec_1{
		padding: 60px 0 60px;
	}
	#fairesavie.blog.detail .articleTitle{
		font-size: 4rem;
	}
	#fairesavie.blog.detail .articleDate{
		font-size: 1.4rem;
		margin-bottom: 40px;
	}
	#fairesavie.blog.detail .articleContent{
		width: 100%;
		float: none;
	}
	#fairesavie.blog.detail .articleContent img{
		width: 100%!important;
	}
	#fairesavie.blog.detail .articleContent p{
		margin-bottom: 1em;
	}
	#fairesavie.blog.detail .articleSide{
		width: 100%;
		float: none;
	}
	#fairesavie.blog.detail .articleSide .box-img{
		width: 100px;
	}
	#fairesavie.blog.detail .articleSide .box-cnt{
		width: calc(100% - 115px);
	}
	#fairesavie.blog.detail .articleSide .box-date{
		font-size: 1.2rem;
	}
	#fairesavie.blog.detail .articleSide .box-tit{
		font-size: 1.6rem;
	}
	#fairesavie.blog.detail .articleSide .back_btn a{
		font-size: 1.8rem;
		padding: 25px 0;
	}
}
@media screen and (max-width: 767px) {
	#fairesavie.blog.detail #sec_1{
		padding: 60px 0 60px;
	}
	#fairesavie.blog.detail .articleTitle{
		font-size: 2.8rem;
	}
	#fairesavie.blog.detail .articleDate{
		font-size: 1.2rem;
		margin-bottom: 30px;
	}
	#fairesavie.blog.detail .articleSide{
		margin-top: 50px;
	}
}


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

	SABI

--------------------------------------- */
.sabi.is-on #header{
	opacity: 1;
}
body.sabi{
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, sans-serif;
}
body.sabi #header .gnav ul li a{
	font-family: century gothic, sans-serif;
}
body.sabi #footer{
	background: url(../../module/img/common/pptn_brown.png);
	background-size: cover;
}
body.sabi #footer #contact .contact-tit{
	font-family: century gothic, sans-serif;
}
body.sabi #footer #contact .contact-tel a{
	font-family: century gothic, sans-serif;
}
body.sabi #footer #contact .contact-mail a{
	font-family: century gothic, sans-serif;
}
body.sabi #footer #bottom_sec{
	background: url(../../module/img/common/pptn_brown.png);
}
body.sabi #footer #bottom_sec .btm_box-txt{
	width: 205px;
}
body.sabi #footer #bottom_sec .btm_box a{
	background: url(../../module/img/fairesavie/index/mainv1.jpg);
	background-size: cover;
	background-position: center;
}
body.sabi #footer #bottom_sec .btm_box-txt{
	width: 298px;
}
body.sabi #footer .copyright{
	background: #2a2016;
}
@media screen and (max-width: 767px) {
	body.sabi #header .gnav ul li a{
		font-family: 'Questrial', sans-serif;
		letter-spacing: 4px;
	}
	body.sabi #footer #contact .contact-tit{
		font-family: 'Questrial', sans-serif;
	}
	body.sabi #footer #contact .contact-tel a{
		font-family: 'Questrial', sans-serif;
	}
	body.sabi #footer #contact .contact-mail a{
		font-family: 'Questrial', sans-serif;
	}
	body.sabi #footer #bottom_sec .btm_box-txt{
		width: 188px;
	}
}



body.sabi #gnav.fairesavie{
	display: none;
}

body.sabi .index.works .copyright,
body.sabi  .copyright{
	display: block;
}
body.sabi .index .copyright{
	display: none;
}
body.sabi .index.works #map,
body.sabi  #map{
	display: none;
}
body.sabi .index #map{
	display: block;
}
body.sabi  .bg1{
	background: url(../../module/img/common/pptn_brown.png);
}
body.sabi  .bg2{
	background: #FFFFFF;
}
body.sabi  .bg3{
	background: url(../../module/img/common/pttn.png);
}


/*#concept*/
body.sabi  #concept{
	/*margin-top: 100vh;*/
	padding: 200px 0 130px;
}
body.sabi  #concept .box-img{
	margin-left: -150px;
}
body.sabi  #concept .box{
	position: relative;
	margin-bottom: 230px;
}
body.sabi  #concept .box .box-cnt{
	position: absolute;
	bottom: -200px;
	right: -90px;
}
body.sabi  #concept .box .box-tit{
	color: #fff;
	letter-spacing: 0.15em;
	font-size: 29px;
	margin-bottom: 50px;
}
body.sabi  #concept .box .box-txt{
	color: #fff;
	opacity: 0.6;
	letter-spacing: 0.1em;
	line-height: 2.5;
}
body.sabi  #concept .wide_img{
	overflow: hidden;
	height: 450px;
	position: relative;
}
body.sabi  #concept .wide_img div{
	height: 600px;
	position: relative;
	top: 0;
	background-size: cover!important;
}
@media screen and (max-width: 767px) {
	body.sabi  #concept{
		padding: 80px 0 60px;
	}
	body.sabi  #concept .box-img{
		width: auto;
		margin-left: -3%;
		margin-bottom: 20px;
	}
	body.sabi  #concept .box{
		margin-bottom: 50px;
	}
	body.sabi  #concept .box .box-cnt{
		position: relative;
		bottom: auto;
		right: auto;
		top: auto;
	}
	body.sabi  #concept .box .box-tit{
		font-size: 18px;
		margin-bottom: 30px;
	}
	body.sabi  #concept .box .box-txt{
		line-height: 2;
	}
	body.sabi  #concept .wide_img{
		height: 300px;
	}
	body.sabi  #concept .wide_img div{
		height: 300px;
		background-position: 80% center!important;
	}

}


/*#works*/
body.sabi  #works{
	padding: 100px 0;
}
body.sabi  #works .works_txt1{
	color: #fff;
	margin-bottom: 50px;
}
body.sabi  #works .worksWrap{
	margin-right: -5px;
}
body.sabi  #works .worksWrap:hover a{
	opacity: 0.6;
}
body.sabi  #works .worksWrap a:hover{
	opacity: 1;
}
body.sabi  #works .worksWrap_box{
	float: left;
	width: 379px;
	width: calc(calc(100% / 3) - 5px);
	margin-right: 5px;
	margin-bottom: 5px;
	background: #fff;
}
body.sabi  #works .worksWrap_box a{
	display: block;
	text-decoration: none;
	transition: 0.2s;
}
body.sabi  #works .worksWrap_box_cnt{
	line-height: 1.5;
	text-align: center;
	padding: 10px 8px;
}
body.sabi  #works .worksWrap_box_cnt_tit{
	font-size: 23px;
}
body.sabi  #works .worksWrap_box_cnt_txt{
	color: #aeaeae;
	font-size: 20px;
	margin-top: 10px;
}
body.sabi  #works .worksWrap_box_cnt_txt span{
	display: block;
	font-size: 12px;
}
body.sabi  #works .worksBtn{
	margin-top: 60px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	body.sabi  #works{
		padding: 30px 0;
	}
	body.sabi  #works .works_txt1{
		margin-bottom: 30px;
	}
	body.sabi  #works .worksWrap_box{
		width: calc(50% - 5px);
	}
	body.sabi  #works .worksWrap_box a{
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		position: relative;
	}
	body.sabi  #works .worksWrap_box_img{
		width: 100%;
	}
	body.sabi  #works .worksWrap_box_cnt_tit{
		font-size: 18px;
	}
	body.sabi  #works .worksWrap_box_cnt_txt{
		font-size: 14px;
		position: absolute;
		bottom: 10px;
		left: calc(50% + 10px);
	}
	body.sabi  #works .worksWrap_box_cnt_txt span{
		font-size: 11px;
	}
	body.sabi  #works .worksBtn{
		margin-top: 30px;
	}
}



/*#flow*/
body.sabi  #flow{
	padding: 100px 0 150px;
}
body.sabi  #flow .flow_txt1{
	color: #fff;
	margin-bottom: 50px;
}
body.sabi  #flow .flowWrap{
	padding: 0 130px;
}
body.sabi  #flow .flowWrap_box{
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 50px;
	position: relative;
}
body.sabi  #flow .flowWrap_box_img{
	width: 130px;
	position: relative;
}
body.sabi  #flow .flowWrap_box:after{
	content: "";
	display: block;
	background: url(../img/sabi/common/ico_arw_down.png);
	background-size: 100%;
	width: 42px;
	height: 18px;
	position: absolute;
	bottom: -26px;
	left: 45px;
}
body.sabi  #flow .flowWrap_box:last-child:after{
	display: none;
}
body.sabi  #flow .flowWrap_box_cnt{
	color: #fff;
	width: calc(100% - 160px);
}
body.sabi  #flow .flowWrap_box_cnt_step{
	color: #d7dae5;
	font-size: 23px;
	margin-bottom: 20px;
}
body.sabi  #flow .flowWrap_box_cnt_step span{
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	border: 1px solid #c3b0a0;
}
body.sabi  #flow .flowWrap_box_cnt_tit{
	font-size: 24px;
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	body.sabi  #flow{
		padding: 50px 0 60px;
	}
	body.sabi  #flow .flow_txt1{
		margin-bottom: 40px;
	}
	body.sabi  #flow .flowWrap{
		padding: 0;
	}
	body.sabi  #flow .flowWrap_box{
		margin-bottom: 45px;
		align-items: flex-start;
	}
	body.sabi  #flow .flowWrap_box:after{
		left: calc(50% - 15px);
	}
	body.sabi  #flow .flowWrap_box_img{
		width: 60px;
	}
	body.sabi  #flow .flowWrap_box_cnt{
		width: 100%;
		padding-top: 13px;
		margin-bottom: 20px;
	}
	body.sabi  #flow .flowWrap_box_cnt_step{
		font-size: 12px;
		margin-bottom: 10px;
	}
	body.sabi  #flow .flowWrap_box_cnt_step span{
		width: 60px;
		height: 60px;
	}
	body.sabi  #flow .flowWrap_box_cnt_tit{
		font-size: 20px;
		margin-bottom: 10px;
	}
	body.sabi  #flow .flowWrap_box_cnt{
		width: calc(100% - 80px);
	}
}



/*#about*/
body.sabi  #about{
	padding: 100px 0 140px;
}
body.sabi  #about .main_slide-list{
	margin-bottom: 40px;
}
body.sabi  #about .main_slide-list li{
	margin: 0 15px;
}
body.sabi  #about .box-cnt{
	display: flex;
	align-items: center;
	/*justify-content: space-between;*/
}
body.sabi  #about .box .box-tit{
	letter-spacing: 0.15em;
	font-size: 29px;
	margin-bottom: 30px;
}
body.sabi  #about .box .box-txt .txt_in{
	margin-bottom: 20px;
	letter-spacing: 0.1em;
	line-height: 2;
}
body.sabi  #about .box .txt_in_small{
	font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
	body.sabi  #about{
		padding: 50px 0 70px;
	}
	body.sabi  #about .main_slide-list{
		margin-bottom: 30px;
	}
	body.sabi  #about .main_slide-list li{
		margin: 0 5px;
	}
	body.sabi  #about .box-cnt{
		display: block;
	}
	body.sabi  #about .box .box-tit{
		font-size: 20px;
		margin-bottom: 20px;
	}
}


/*#instagram*/
body.sabi  #instagram{
	padding: 100px 0 140px;
}
body.sabi  #instagram .instagramList{
	position: relative;
}
body.sabi  #instagram .instagramList ul{
	margin-right: -3px;
}
body.sabi  #instagram .instagramList li{
	float: left;
	width: calc(25% - 3px);
	margin-right: 3px;
	margin-bottom: 3px;
}
body.sabi  #instagram .instagramBtn{
	margin-top: 60px;
	text-align: center;
}
body.sabi  #instagram .instagramBtn a{
	position: relative;
	z-index: 10;
}
body.sabi  #instagram .instagramBtn svg{
	width: 32px;
	margin-right: 5px;
	vertical-align: middle;
}
body.sabi  #instagram .instagramBtn a:hover svg path{
	fill: #fff;
}
@media screen and (max-width: 767px) {
	body.sabi  #instagram{
		padding: 50px 0 70px;
	}
	body.sabi  #instagram .instagramList ul{
		margin-right: -2px;
	}
	body.sabi  #instagram .instagramList li{
		width: calc(50% - 2px);
		margin-right: 2px;
		margin-bottom: 2px;
	}
	body.sabi  #instagram .instagramList li:nth-child(5),
	body.sabi  #instagram .instagramList li:nth-child(6),
	body.sabi  #instagram .instagramList li:nth-child(7),
	body.sabi  #instagram .instagramList li:nth-child(8){
		display: none;
	}
	body.sabi  #instagram .instagramBtn{
		width: 92%;
		margin: 30px auto 0;
	}
	body.sabi  #instagram .instagramBtn img{
		width: 30px;
	}
}




/* ---------------------------------
 * body.sabi .works.detail
---------------------------------- */
body.sabi .works.index #bottom_sec,
body.sabi .works.detail #bottom_sec{
	display: none;
}
body.sabi .works.detail #sec_1{
	padding: 100px 0 100px;
}
body.sabi .works.detail .articleTitle{
	font-size: 4.4rem;
}
body.sabi .works.detail .articleDate{
	color: #747474;
	font-size: 1.8rem;
	font-weight: bold;
	font-family: century gothic,sans-serif;
	margin-bottom: 50px;
	transform: scale(1, 0.9);
}
body.sabi .works.detail .articleContent{
	width: 800px;
	float: left;
}
body.sabi .works.detail .articleContent p{
	margin-bottom: 2em;
}
body.sabi .works.detail .worksInfo{
	margin-top: 50px;
}
body.sabi .works.detail .worksInfo_tit{
	padding: 4px 8px;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom: 1px solid;
}
body.sabi .works.detail .worksInfo_detail + .worksInfo_detail{
	margin-top: 20px;
}
body.sabi .works.detail .worksInfo_detail dt{
	font-size: 1.1em;
	font-weight: bold;
}
body.sabi .works.detail .articleSide{
	width: 275px;
	box-sizing: border-box;
	padding: 10px;
	float: right;
	background: #fff;
}
body.sabi .works.detail .articleSide .articleSide_box{
	border-bottom: 1px solid #cacaca;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
body.sabi .works.detail .articleSide .articleSide_box a{
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	cursor: pointer;
	transition: 0.2s;
}
body.sabi .works.detail .articleSide:hover a{
	opacity: 0.4;
}
body.sabi .works.detail .articleSide a:hover{
	opacity: 1;
}
body.sabi .works.detail .articleSide .box-img{
	width: 60px;
}
body.sabi .works.detail .articleSide .box-cnt{
	width: 180px;
}
body.sabi .works.detail .articleSide .box-date{
	color: #a9a9a9;
	font-size: 1.0rem;
	line-height: 1;
	font-family: century gothic,sans-serif;
	margin-bottom: 8px;
}
body.sabi .works.detail .articleSide .box-tit{
	font-size: 1.5rem;
	line-height: 1.4;
}
body.sabi .works.detail .articleSide .back_btn a{
	font-family: century gothic,sans-serif;
	display: block;
	font-size: 1.8rem;
	letter-spacing: 0.15em;
	padding: 35px 0;
	text-align: center;
	text-decoration: none;
	transition: 0.2s;
}
@media screen and (max-width: 1200px) {
	body.sabi .works.detail #sec_1{
		padding: 80px 0 80px;
	}
	body.sabi .works.detail .articleContent{
		width: calc(100% - 300px);
	}
}
@media screen and (max-width: 999px) {
	body.sabi .works.detail #sec_1{
		padding: 60px 0 60px;
	}
	body.sabi .works.detail .articleTitle{
		font-size: 4rem;
	}
	body.sabi .works.detail .articleDate{
		font-size: 1.4rem;
		margin-bottom: 40px;
	}
	body.sabi .works.detail .articleContent{
		width: 100%;
		float: none;
	}
	body.sabi .works.detail .articleContent img{
		width: 100%!important;
	}
	body.sabi .works.detail .articleContent p{
		margin-bottom: 1em;
	}
	body.sabi .works.detail .articleSide{
		width: 100%;
		float: none;
	}
	body.sabi .works.detail .articleSide .box-img{
		width: 70px;
	}
	body.sabi .works.detail .articleSide .box-cnt{
		width: calc(100% - 85px);
	}
	body.sabi .works.detail .articleSide .box-date{
		font-size: 1.2rem;
	}
	body.sabi .works.detail .articleSide .box-tit{
		font-size: 1.55rem;
	}
	body.sabi .works.detail .articleSide .back_btn a{
		font-size: 1.8rem;
		padding: 25px 0;
	}
}
@media screen and (max-width: 767px) {
	body.sabi .works.detail #sec_1{
		padding: 50px 0 50px;
	}
	body.sabi .works.detail .articleTitle{
		font-size: 2.5rem;
		line-height: 1.45;
		margin-bottom: 8px;
	}
	body.sabi .works.detail .articleDate{
		font-size: 1.2rem;
		margin-bottom: 40px!important;
	}
	body.sabi .works.detail .articleSide{
		margin-top: 50px;
	}
}