@charset "utf-8";

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

  first view area

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

/**********　slide show　**********/

.bxslider {
	z-index: 0;
}
.bxslider, .bx-viewport {
	-webkit-transform: translate3d(0, 0, 0) !important;
}
ul.bxslider li{
	padding-left: 0;
	text-indent: 0;
}
.bx-wrapper {
  margin: 0 auto !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
}
#index_h1_wrap_pc {
	position: absolute;
	top: 0;
}
#index_h1_wrap_pc img {
	margin-right: 3px;
}
#index_h1 {
	color: #ffffff;
	font-size: 12px;
	font-weight: 400;
	display: block;
	margin: 3px 0 12px;
	text-shadow: 2px 2px 6px #111111;
}
img.index_tel_open {
	filter:drop-shadow(2px 2px 6px #111111);
}
.index_tel_open {
	vertical-align: middle;
	margin-right: 12px;
	text-shadow: 2px 2px 6px #111111;
}
img#index_bxslider_logo {
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	filter: drop-shadow(2px 2px 6px #111111);
}


/* bgswicher */
/*
.bg-slider {
	width: 100%;
	height: 630px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
 	background-size: cover;
}
*/


/* section_2 素材を活かした、居心地の良い空間 */
#index_section_2 {
	width: 100%;
	height: auto;
	text-align: center;
	background: #ffffff;
}

/* section_4 感性を刺激するトリートメント */
#index_section_4 {
	width: 100%;
	height: auto;
	background: #ffffff;
}
#index_section_4_bg {
	background: url(../img/index/index_section4_img.jpg) no-repeat;
	background-position: right 40px;
}
#index_section_4_bg .text_box_1{
	margin-right: 45%;
}
#index_section_4_h2 {
	margin-left: 0;
}

/* section_5 News */
#index_section_5 {
	width: 100%;
	height: auto;
	background: #4d4d4d;
}
#index_section_5_bg {
	background: url(../img/index/news_bg.jpg) no-repeat;
	background-position: right center;
	background-size: auto 450px;

}
#index_news {
	height: 270px;
	overflow-y: scroll;
  overflow-x: hidden;
}
a.index_news_a {
	color: #ffffff;
}
a.index_news_a dl {
	padding: 18px;
}
a.index_news_a dl dd.date,
a.index_news_a dl dt.txt {
	display: inline-block;
	vertical-align: top;
	line-height: 24px;
}
a.index_news_a dl dd.date {
	width: 18%;
	margin-right: 2%;
	text-align: center;
	font-size: 13px;
	font-weight: bolder;
	padding: 2px;
	border: 1px solid #ffffff;
}
a.index_news_a dl dd.date .index_news_i {
	margin-right: 9px;
}
a.index_news_a dl dt.txt {
	width: 78%;
}
a.index_news_a:hover {
	opacity: 1;
}
a.index_news_a dl:hover {
	background: rgba(106, 106, 106, 0.6);
	transition: 0.3s linear;
}

/* section_6 Root blog */
#index_section_6 {
	width: 100%;
	height: auto;
	background: url(../img/index/blog_bg.jpg) no-repeat;
	background-position: top center;
	background-size: auto;
}
#index_blog {
	width: 900px;
	margin: 0 auto;
}
a.index_blog_a dl {
	display: inline-block;
	width: 30%;
	margin: 0 1%;
	border: 1px dotted #111111;
	padding: 18px;
	line-height: 24px;
	vertical-align: top;
}
a.index_blog_a dl img {
	display: inline-block;
	margin-right: 3px;
}
.index_blog_date_title {
	display: inline-block;
  vertical-align: top;
	width: 72%;
}
.index_blog_date_title .date {
	font-size: 12px;
	margin-bottom: 6px;
}
.index_blog_date_title .date span {
	margin-right: 6px;
}
.index_blog_date_title .title {
	font-size: 18px;
	font-weight: bolder;
}
a.index_blog_a dl .txt {
	margin-top: 18px;
	border-top: 1px dotted #111111;
	padding-top: 15px;
}
.index_blog_readmore {
	font-size: 12px;
	font-weight: bolder;
	float: right;
}
a.index_blog_a:hover {
	opacity: 1;
}
a.index_blog_a dl:hover {
	background: rgba(204, 204, 204, 0.6);
	transition: 0.3s linear;
}
.index_blog_readmore:hover {
	opacity: 0.3;
	transition: 0.3s linear;
}













/*** media queries ***/

@media screen and (min-width: 751px) {

/*　Slide show　*/
#bxslider_sp {
	display: none
}


/*　section_1 Consept　*/
#index_section_1_sp, #index_section_3_sp {
	display: none;
}
#index_section_1_pc .text_box_1 {
	margin-right: 63%;
}

/*　section_2 素材を活かした、居心地の良い空間　*/
#index_section2_img_sp {
	display: none;
}
#index_section2_img_pc img {
	display: inline-block;
	width: 30%;
	margin: 0 0.1%;
}
#index_section2_img_pc_1 {
	padding-bottom: 100px;
}
#index_section2_img_pc_2 {
	padding-bottom: 50px;
}

/*　section_3 ひとりひとりの毛質に合わせたナチュラルスタイル　*/
#index_section_3_sp {
	display: none;
}

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

img#index_bxslider_logo {
	top: 27% !important;
}
/*　Section_6 Rootblog　*/	
#index_section_6 {
	background-size: auto 100%;
}
#index_blog {
	width: 700px;
}
.index_blog_date_title {
	width: 63%;
}

}


@media screen and (max-width: 750px) {
#bxslider_pc {
	display: none;
}
#bxslider_sp {
	border-bottom: 15px solid #111111;
}
#index_h1_wrap_sp {
	position: absolute;
	top: 0;
	margin: 63px 0 0 18px;
}
#index_h1_wrap_sp img {
	width: 45px;
}
#index_h1_sp {
	color: #ffffff;
	font-size: 11px;
	font-weight: 400;
	display: block;
	margin: 6px 0;
	line-height: 18px;
	text-shadow: 2px 2px 6px #111111;
}

	
/* bgswicher */
/*
.bg-slider {
	border-bottom: 9px solid #111111;
}
*/


/* sec_1, sec_3 pc版 非表示 */
#index_section_1_pc, #index_section_3_pc {
	display: none;
}
/* sec_1 */
#index_section_1_sp {
	background: url(../img/index/index_section1_sp_bg.jpg) no-repeat;
	background-position: center center;
}
#index_section_1_sp .text_box_1 {
	margin: 63% 18% 2% 0;
	padding: 3% 6% 6% 6%;
}

/* section_2 素材を活かした、居心地の良い空間 */
#index_section2_img_pc {
	display: none;
}
#index_section2_img_sp img {
	margin-top: 0.1%;
	margin-bottom: 0.1%;
	width: 81%;
}
#index_section2_img_sp_1 {
	margin-right: 18%;
}
#index_section2_img_sp_3 {
	margin-left: 18%;
}


/* sp版 sec_3 */
#index_section_3_sp {
	background: url(../img/index/index_section3_sp_bg.jpg) no-repeat;
	background-position: right center;
	background-size: auto 100%;
}
#index_section_3_sp .text_box_2 {
	margin: 63% 18% 2% 0;
	padding: 3% 6% 6% 6%;
}



#index_section_4_bg {
	background: url(../img/index/index_section4_img.jpg) no-repeat;
	background-position: center 40px;
}
#index_section_4_bg .text_box_1{
	margin: 63% 0 0 0;
}
#index_section_4_h2 {
	margin: 0 auto;
}


#index_section_5_bg {
	height: 450px;
	background-position: left center;
	background-size: auto 450px;
}
a.index_news_a dl dd.date,
a.index_news_a dl dt.txt {
	display: block;
}
a.index_news_a dl dd.date {
	width: 180px;
	margin-bottom:6px;
}
a.index_news_a dl dt.txt {
	width: auto;
}


#index_section_6 {
	background: url(../img/index/blog_sp_bg.jpg) repeat-y;
	background-size: 100%;
}

#index_blog {
	width: auto;
	padding: 0 36px;
}
a.index_blog_a dl {
	display: block;
	width: auto;
	margin-bottom: 18px;
  padding: 18px 18px 30px 18px;
}
.index_blog_readmore {
	font-size: 12px;
	font-weight: bolder;
	float: right;
	margin-bottom: 18px;
}











}

@media screen and (max-width: 450px) {
	
.bxslider img{
	width: 120%;
}	

/* sp版 450px以下 スライダー */
.bg-slider {
	width: 100%;
	height: 450px;
}

#index_section_1_sp .text_box_1 {
	width: 100%;
	margin: 100% 0 0 0;
	padding: 3% 6% 12% 6%;
}



#index_section_3_sp .text_box_2 {
	width: 100%;
	margin: 100% 0 0 0 !important;
	padding: 3% 6% 6% 6%;
}


#index_section_4_bg {
	background-size: 360px;
}
#index_section_4_bg .text_box_1{
	width: 100%;
	margin: 81% 0 0 0;
	padding: 3% 6% 12% 6%;
}






#index_blog {
	padding: 0 18px;
}




}
@media screen and (max-width: 360px) {
#index_h1_sp {
	font-size: 9px;
}