@charset "UTF-8";

/* ###################
Slider
################### */

.flex-control-nav.flex-control-paging{
	display: none;
}
.spSlider{
	display: block;
}
.pcSlider,
#boxFB{
	display: none;
}

#boxInfo{
	margin:0 8px;
}

/* 20240227追加分 */
.snsBannerArea{
	margin: 5% auto 0;
	/* padding: 8px; */
	width: 100%;
	/* 20240306追記分 */
	box-sizing: border-box;
	/* 20240306追記分ここまで */
}
.snsBannerArea img{
	max-width: 100%;
	height: auto;
}
.snsBannerArea .fontSerif{
	font-weight: normal;
}

.snsBannerAreaIg,.snsBannerAreaHpb{
	width: 100%;
	/* min-height: 118px; */
	/* margin: 0 auto; */
	/* padding: 0 5%; */
	box-sizing: border-box;
	transition: opacity .3s;
}
.snsBannerAreaIg:hover,
.snsBannerAreaHpb:hover{
	opacity: .8;
}

.snsBannerAreaIg{
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
}
.snsBannerArea__text{
	display: block;
	color: #fff;
	font-size: 25px;
	line-height: 1.1;
	margin-left: 2.5%;
}

.snsBannerAreaIg__logo{
	max-width: 40px;
	max-height: 40px;
}

.snsBannerAreaHpb{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	background: #fff;
	margin-bottom: 5%;
	/* border: 5px solid #9f1547; */
}
.snsBannerAreaHpb .snsBannerArea__text{
	color: #000;
}
.snsBannerAreaHpb__logo{
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 80px;
	height: auto;
	margin-bottom: 2.5%;
}
/* 20240227追加分ここまで */

.hpbLogoArea{
	margin-bottom: 16px;
}/* ↑20240329追記 */
.hpbLogoArea a{
	display: block;
}/* ↑20240329追記 */
.hpbLogoArea img{
	width: 100%;
}/* ↑20240329追記 */

#contents #main-images{
	margin-top: 86px auto 0;
	}

#contents #main-images .flexslider.spSlider{
	background: url(../images/pc_head_sdw.png) repeat-x 0 0;
}


/* -- Media Queries による切り替え -- */
@media only screen and (min-width: 961px) {

	#contents #main-images {
	 margin: 86px auto 0;
	}
	.spSlider{
		display: none;
	}
	.pcSlider{
		display: block;
	}

	#boxInfo{
		/* clear: both; */
		/* 20240227追記分 */
		display: flex;
		justify-content: space-between;
		/* 20240227追記分ここまで */
		width: 960px;
		margin: 0 auto;
	}

	/* 20240227追加分 */
	.snsBannerArea{
		display: flex;
		flex-flow: column;
		justify-content: center;
		/* width: 45%; */
		/* 20240306追記分 */
		width: 100%;
		max-width: 460px;
		/* 20240306追記分ここまで */
		margin: 0;
		padding: 0 8px 8px;
	}

	/* .snsBannerAreaHpb,
	.snsBannerAreaIg{
		min-height: 185.5px;
	} */

	.snsBannerAreaHpb{
		flex-flow: row;
		/* max-width: 280px; */
		max-width: 263px;
	}
	.snsBannerAreaHpb__logo{
		margin-bottom: 0;
	}
	/* 20240227追加分ここまで */

	/* -- Inquiry -- */
	#inquiry{
		width: 460px;
		/*height: 346px;*/
		height: 375px;
		float: left;
	}
	#inquiry > .inner{
		/*padding: 24px 32px 24px;*/
		padding: 24px;
	    /*height: 246px;*/
		height: 275px;
	}
	#boxInfo #inquiry h2{
		background: url(../images/pc_inq_deco.png) no-repeat 216px 0;
	}
	#inquiry > .inner .tellNum{
		text-align: center;
	}
	#inquiry > .inner .tellNum img{
		margin: 0 0 0 -20px;
		width: 65%;
	}
	.hpbLogoArea{
		width: 100%;
    max-width: 400px;
		text-align: center;
		margin: -30px auto 15px;
		/* margin-top: -30px;
		margin-bottom: 15px; */
	}/* ↑20240329追記 */
	

	/* -- Facebook -- */
	#boxFB{	
		display: block;
	}
	#boxFB{
		float: right;
		background: rgba(121,69,32,0.7);
		border: 1px solid #fff;
		margin: 0;
		padding: 8px;
		/* width: 460px; */
		/* 20230306追記分 */
		width: 100%;
		/* 20230306追記分ここまで */
	    /*height: 346px;*/
		height: 375px;
	}

	/* 20240306追記分 */
	#boxFB.boxFB_flCtrl{
		float: unset;
	}
	/* 20240306追記分ここまで */

	#boxFB > .fb-feed > .inner{
		background: #fff;
		width: 100%;
	    /*height: 293px;*/
		height: 323px;
		overflow-x: hidden;
		overflow-y: scroll;
	}
	
		/*20211222追加*/
	
	

	/*-- IE11 --*/
	@media all and (-ms-high-contrast:none){
		*::-ms-backdrop, #inquiry{ height: 300px;}
		*::-ms-backdrop, #boxFB{ height: 300px;}
		*::-ms-backdrop, #inquiry > .inner{ height: 188px;}
	}
	/*-- IE9 & 10 --*/
	:root #inquiry{ height: 300px \0/;}
	:root #boxFB{ height: 300px \0/;}
	:root #inquiry > .inner{ height: 188px \0/;}

}