@charset "utf-8";



/*=============================================
	
	メインビジュアル
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#main_img {
		width: 100%;
		margin: 0;
		padding: 0;
	}
}

@media print, screen and (min-width: 769px) {
	#main_img {
		width: 100%;
		margin: 0;
		padding: 0;
	}
}

/*=============================================
	
	タイトル枠
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.top_title_wrap {
		padding: 3.2em 0;
		text-align: center;
	}
	.top_title_wrap .name {
		font-size: 2.8em;
		margin: 0 0 0.6em;
		line-height: 1.0em;
	}
	.top_title_wrap h2 {
		font-size: 1.1em;
		margin: 0 0 1.6em;
		line-height: 1.0em;
	}
	.top_title_wrap p.lead {
		font-size: 1.2em;
		margin: 0 0 0;
	}

}

@media print, screen and (min-width: 769px) {
	.top_title_wrap {
		padding: 60px 0;
		text-align: center;
	}
	.top_title_wrap .name {
		font-size: 56px;
		margin: 0 0 30px;
		line-height: 1.0em;
	}
	.top_title_wrap h2 {
		font-size: 16px;
		margin: 0 0 30px;
		line-height: 1.0em;
	}
	.top_title_wrap p.lead {
		font-size: 18px;
		margin: 0 0 0;
	}
}

/*=============================================
	
	1段目 レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#detail01_wrap {
		background: #F7F7F7;
		padding: 3.6em 0;
	}
	#detail01_wrap ul.container {
		width: 90%;
		margin: 0 auto;
	}
	#detail01_wrap ul.container li {
		margin: 0 auto 1.0em;
	}
	#detail01_wrap ul.container li:last-child {
		margin: 0 auto 0;
	}
	#detail01_wrap ul.container li.pic01 {
	}
	#detail01_wrap ul.container li.pic02 {
		width: 90%;
	}
}

@media print, screen and (min-width: 769px) {
	#detail01_wrap {
		background: #F7F7F7;
		padding: 70px 0;
	}
	#detail01_wrap ul.container {
		width: 100%;
		min-height: 400px;
	}
	#detail01_wrap ul.container li {
		position: absolute;
		left: 50%;
	}
	#detail01_wrap ul.container li.pic01 {
		width: 600px;
		top: 0px;
		margin-left: -460px;
	}
	#detail01_wrap ul.container li.pic02 {
		width: 305px;
		top: 0px;
		margin-left: 154px;
	}
}


/*=============================================
	
	2段目 レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#detail02_wrap {
		padding: 3.2em 0;
		background: #FFF;
	}
	#detail02_wrap h3 {
		font-size: 2.4em;
		margin: 0 0 0.3em;
		color: #000;
		text-align: center;
	}
	#detail02_wrap p.sub {
		font-size: 1.0em;
		margin: 0 0 2.0em;
		color: #000;
		text-align: center;
	}
	#detail02_wrap h4 {
		text-align: center;
		font-size: 1.3em;
		line-height: 2.0em;
		margin: 0 auto 1.8em;
		color: #000;
	}
	#detail02_wrap ul.container {
		width: 90%;
		margin: 0 auto;
	}
	#detail02_wrap ul.container li {
		margin: 0 auto 1.0em;
	}
	#detail02_wrap ul.container li.pic01 {
		width: 90%;
	}
	#detail02_wrap ul.container li.pic02 {
		width: 90%;
	}
	#detail02_wrap ul.container li.pic03 {
	}
	#detail02_wrap ul.container li.pic04 {
		float: left;
		width: 49%;
	}
	#detail02_wrap ul.container li.pic05 {
		float: right;
		width: 49%;
	}

}

@media print, screen and (min-width: 769px) {
	#detail02_wrap {
		padding: 60px 0;
		background: #FFF;
	}
	#detail02_wrap h3 {
		font-size: 56px;
		margin: 0 0 10px;
		color: #000;
		text-align: center;
	}
	#detail02_wrap p.sub {
		font-size: 12px;
		margin: 0 0 35px;
		color: #000;
		text-align: center;
	}
	#detail02_wrap h4 {
		text-align: center;
		font-size: 21px;
		line-height: 2.0em;
		margin: 0 0 30px;
		color: #000;
		text-align: center;
	}
	#detail02_wrap ul.container {
		width: 100%;
		min-height: 1179px;
	}
	#detail02_wrap ul.container li {
		position: absolute;
		left: 50%;
	}
	#detail02_wrap ul.container li.pic01 {
		width: 429px;
		top: 0px;
		margin-left: -453px;
	}
	#detail02_wrap ul.container li.pic02 {
		width: 354px;
		top: 0px;
		margin-left: -6px;
	}
	#detail02_wrap ul.container li.pic03 {
		width: 536px;
		top: 478px;
		margin-left: -6px;
	}
	#detail02_wrap ul.container li.pic04 {
		width: 353px;
		top: 590px;
		margin-left: -379px;
	}
	#detail02_wrap ul.container li.pic05 {
		width: 353px;
		top: 717px;
		margin-left: -6px;
	}
}


/*=============================================
	
	3段目 レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#detail03_wrap {
		padding: 3.2em 0;
		background: #F7F7F7;
	}
	#detail03_wrap h3 {
		font-size: 2.4em;
		margin: 0 0 0.3em;
		color: #000;
		text-align: center;
	}
	#detail03_wrap p.sub {
		font-size: 1.0em;
		margin: 0 0 2.0em;
		color: #000;
		text-align: center;
	}
	#detail03_wrap h4 {
		text-align: center;
		font-size: 1.3em;
		line-height: 2.0em;
		margin: 0 auto 1.8em;
		color: #000;
	}
	#detail03_wrap ul.container {
		width: 90%;
		margin: 0 auto;
	}
	#detail03_wrap ul.container li {
		margin: 0 auto 1.0em;
	}
	#detail03_wrap ul.container li.pic01 {
		width: 90%;
	}
	#detail03_wrap ul.container li.pic02 {
		width: 90%;
	}
	#detail03_wrap ul.container li.pic03 {
		float: left;
		width: 49%;
	}
	#detail03_wrap ul.container li.pic04 {
		float: right;
		width: 49%;
	}
	#detail03_wrap ul.container li.pic05 {
		float: left;
		width: 49%;
	}
	#detail03_wrap ul.container li.pic06 {
		float: right;
		width: 49%;
	}
	#detail03_wrap ul.container li.pic07 {
		width: 90%;
	}
	#detail03_wrap ul.container li.pic08 {
		width: 90%;
	}
}

@media print, screen and (min-width: 769px) {
	#detail03_wrap {
		padding: 60px 0;
		background: #F7F7F7;
	}
	#detail03_wrap h3 {
		font-size: 56px;
		margin: 0 0 10px;
		color: #000;
		text-align: center;
	}
	#detail03_wrap p.sub {
		font-size: 12px;
		margin: 0 0 35px;
		color: #000;
		text-align: center;
	}
	#detail03_wrap h4 {
		text-align: center;
		font-size: 21px;
		line-height: 2.0em;
		margin: 0 0 30px;
		color: #000;
		text-align: center;
	}
	#detail03_wrap ul.container {
		width: 100%;
		min-height: 1048px;
	}
	#detail03_wrap ul.container li {
		position: absolute;
		left: 50%;
	}
	#detail03_wrap ul.container li.pic01 {
		width: 429px;
		top: 0px;
		margin-left: -480px;
	}
	#detail03_wrap ul.container li.pic02 {
		width: 354px;
		top: 0px;
		margin-left: -33px;
	}
	#detail03_wrap ul.container li.pic03 {
		width: 171px;
		top: 0px;
		margin-left: 337px;
	}
	#detail03_wrap ul.container li.pic04 {
		width: 171px;
		top: 241px;
		margin-left: 337px;
	}
	#detail03_wrap ul.container li.pic05 {
		width: 171px;
		top: 587px;
		margin-left: -480px;
	}
	#detail03_wrap ul.container li.pic06 {
		width: 171px;
		top: 828px;
		margin-left: -480px;
	}
	#detail03_wrap ul.container li.pic07 {
		width: 353px;
		top: 587px;
		margin-left: -293px;
	}
	#detail03_wrap ul.container li.pic08 {
		width: 429px;
		top: 488px;
		margin-left: 81px;
	}
}


/*=============================================
	
	4段目 レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#detail04_wrap {
		padding: 3.2em 0;
		background: #EEEFE5;
	}
	#detail04_wrap h3 {
		font-size: 2.4em;
		margin: 0 0 0.3em;
		color: #000;
		text-align: center;
	}
	#detail04_wrap p.sub {
		font-size: 1.0em;
		margin: 0 0 2.0em;
		color: #000;
		text-align: center;
	}
	#detail04_wrap h4 {
		text-align: center;
		font-size: 1.3em;
		line-height: 2.0em;
		margin: 0 auto 1.8em;
		color: #000;
	}
	#detail04_wrap ul.container {
		width: 90%;
		margin: 0 auto;
	}
	#detail04_wrap ul.container li {
		margin: 0 auto 1.0em;
	}
	#detail04_wrap ul.container li.pic01 {
		width: 90%;
	}
	#detail04_wrap ul.container li.pic02 {
		width: 90%;
	}
	#detail04_wrap ul.container li.pic03 {
		float: left;
		width: 32%;
		margin: 0 2% 0 0;
	}
	#detail04_wrap ul.container li.pic04 {
		float: left;
		width: 32%;
	}
	#detail04_wrap ul.container li.pic05 {
		float: right;
		width: 32%;
	}
	#detail04_wrap ul.container li.pic06 {
		float: left;
		width: 49%;
	}
	#detail04_wrap ul.container li.pic07 {
		float: right;
		width: 49%;
	}
}

@media print, screen and (min-width: 769px) {
	#detail04_wrap {
		padding: 60px 0;
		background: #EEEFE5;
	}
	#detail04_wrap h3 {
		font-size: 56px;
		margin: 0 0 10px;
		color: #000;
		text-align: center;
	}
	#detail04_wrap p.sub {
		font-size: 12px;
		margin: 0 0 35px;
		color: #000;
		text-align: center;
	}
	#detail04_wrap h4 {
		text-align: center;
		font-size: 21px;
		line-height: 2.0em;
		margin: 0 0 30px;
		color: #000;
		text-align: center;
	}
	#detail04_wrap ul.container {
		width: 100%;
		min-height: 994px;
	}
	#detail04_wrap ul.container li {
		position: absolute;
		left: 50%;
	}
	#detail04_wrap ul.container li.pic01 {
		width: 314px;
		top: 0px;
		margin-left: -480px;
	}
	#detail04_wrap ul.container li.pic02 {
		width: 429px;
		top: 0px;
		margin-left: -143px;
	}
	#detail04_wrap ul.container li.pic03 {
		width: 179px;
		top: 0px;
		margin-left: 303px;
	}
	#detail04_wrap ul.container li.pic04 {
		width: 179px;
		top: 248px;
		margin-left: 303px;
	}
	#detail04_wrap ul.container li.pic05 {
		width: 179px;
		top: 497px;
		margin-left: 303px;
	}
	#detail04_wrap ul.container li.pic06 {
		width: 314px;
		top: 583px;
		margin-left: -31px;
	}
	#detail04_wrap ul.container li.pic07 {
		width: 362px;
		top: 452px;
		margin-left: -434px;
	}
}


/*=============================================
	
	5段目 レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#detail05_wrap {
		padding: 3.2em 0;
		background: #F7F7F7;
	}
	#detail05_wrap h3 {
		font-size: 2.4em;
		margin: 0 0 0.3em;
		color: #000;
		text-align: center;
	}
	#detail05_wrap p.sub {
		font-size: 1.0em;
		margin: 0 0 2.0em;
		color: #000;
		text-align: center;
	}
	#detail05_wrap h4 {
		text-align: center;
		font-size: 1.3em;
		line-height: 2.0em;
		margin: 0 auto 1.8em;
		color: #000;
	}
	#detail05_wrap ul.container {
		width: 90%;
		margin: 0 auto;
	}
	#detail05_wrap ul.container li {
		margin: 0 auto 1.0em;
	}
	#detail05_wrap ul.container li.pic01 {
		width: 90%;
	}
	#detail05_wrap ul.container li.pic02 {
		width: 90%;
	}
	#detail05_wrap ul.container li.pic03 {
		float: left;
		width: 49%;
	}
	#detail05_wrap ul.container li.pic04 {
		float: right;
		width: 49%;
	}
	#detail05_wrap ul.container li.pic05 {
		width: 90%;
	}
	#detail05_wrap ul.container li.pic06 {
		width: 90%;
	}
}

@media print, screen and (min-width: 769px) {
	#detail05_wrap {
		padding: 60px 0;
		background: #F7F7F7;
	}
	#detail05_wrap h3 {
		font-size: 56px;
		margin: 0 0 10px;
		color: #000;
		text-align: center;
	}
	#detail05_wrap p.sub {
		font-size: 12px;
		margin: 0 0 35px;
		color: #000;
		text-align: center;
	}
	#detail05_wrap h4 {
		text-align: center;
		font-size: 21px;
		line-height: 2.0em;
		margin: 0 0 30px;
		color: #000;
		text-align: center;
	}
	#detail05_wrap ul.container {
		width: 100%;
		min-height: 994px;
	}
	#detail05_wrap ul.container li {
		position: absolute;
		left: 50%;
	}
	#detail05_wrap ul.container li.pic01 {
		width: 350px;
		top: 0px;
		margin-left: -480px;
	}
	#detail05_wrap ul.container li.pic02 {
		width: 350px;
		top: 0px;
		margin-left: -98px;
	}
	#detail05_wrap ul.container li.pic03 {
		width: 200px;
		top: 259px;
		margin-left: 279px;
	}
	#detail05_wrap ul.container li.pic04 {
		width: 200px;
		top: 483px;
		margin-left: -480px;
	}
	#detail05_wrap ul.container li.pic05 {
		width: 350px;
		top: 483px;
		margin-left: -248px;
	}
	#detail05_wrap ul.container li.pic06 {
		width: 350px;
		top: 483px;
		margin-left: 128px;
	}
}


/*=============================================
	
	6段目 レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#detail06_wrap {
		padding: 3.2em 0;
		background: #FFF;
	}
	#detail06_wrap h3 {
		font-size: 2.4em;
		margin: 0 0 0.3em;
		color: #000;
		text-align: center;
	}
	#detail06_wrap p.sub {
		font-size: 1.0em;
		margin: 0 0 2.0em;
		color: #000;
		text-align: center;
	}
	
	/** ビードレッセ 紹介内容 **/
	#detail06_wrap .b-dresser {
		text-align: center;
	}
	#detail06_wrap .b-dresser h4 {
		font-size: 1.3em;
		margin: 0 0 1.2em;
	}
	#detail06_wrap .b-dresser .pic {
		margin: 0 0 1.6em;
	}
	#detail06_wrap .b-dresser .address a {
		text-decoration: underline;
	}
	/**
	#detail06_wrap ul.container {
		width: 90%;
		margin: 0 auto;
	}
	#detail06_wrap ul.container li {
		margin: 0 0 2.4em;
	}
	#detail06_wrap ul.container li img {
		margin: 0 0 1.6em;
	}	
	#detail06_wrap ul.container li h4 {
		font-size: 2.0em;
		line-height: 1.0em;
		margin: 0 0 0.6em;
		text-align: center;
	}
	#detail06_wrap ul.container li p.text {
		font-size: 1.0em;
		line-height: 2.0em;
		text-align: left;
	}
	**/
}

@media print, screen and (min-width: 769px) {
	#detail06_wrap {
		padding: 60px 0;
		background: #FFF;
	}
	#detail06_wrap h3 {
		font-size: 56px;
		margin: 0 0 10px;
		color: #000;
		text-align: center;
	}
	#detail06_wrap p.sub {
		font-size: 12px;
		margin: 0 0 35px;
		color: #000;
		text-align: center;
	}
	
	/** ビードレッセ 紹介内容 **/
	#detail06_wrap .b-dresser {
		text-align: center;
	}
	#detail06_wrap .b-dresser h4 {
		font-size: 26px;
		margin: 0 0 25px;
	}
	#detail06_wrap .b-dresser .pic {
		margin: 0 auto 25px;
		width: 70%;
	}
	#detail06_wrap .b-dresser .address a {
		text-decoration: underline;
	}
	
	/**
	#detail06_wrap ul.container {
		width: 960px;
		margin: 0 auto;
		text-align: center;
	}
	#detail06_wrap ul.container li {
		display: inline-block;
		width: 296px;
		margin: 0 10px 0;
	}
	#detail06_wrap ul.container li img {
		margin: 0 0 20px;
	}	
	#detail06_wrap ul.container li h4 {
		font-size: 26px;
		line-height: 1.0em;
		margin: 0 0 16px;
		text-align: center;
	}
	#detail06_wrap ul.container li p.text {
		font-size: 12px;
		line-height: 2.0em;
		text-align: left;
	}
	**/
}


/*=============================================
	
	7段目 レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#detail07_wrap {
		padding: 3.2em 0;
		background: #F7F7F7;
	}
	#detail07_wrap h3 {
		font-size: 2.4em;
		margin: 0 0 0.3em;
		color: #000;
		text-align: center;
	}
	#detail07_wrap p.sub {
		font-size: 1.0em;
		margin: 0 0 2.0em;
		color: #000;
		text-align: center;
	}
	#detail07_wrap h4 {
		text-align: center;
		font-size: 1.3em;
		line-height: 2.0em;
		margin: 0 auto 1.8em;
		color: #000;
	}
	#detail07_wrap ul.container {
		width: 90%;
		margin: 0 auto;
	}
	#detail07_wrap ul.container li {
		margin: 0 auto 1.0em;
	}
	#detail07_wrap ul.container li.pic01 {
		width: 90%;
	}
	#detail07_wrap ul.container li.pic02 {
		width: 90%;
	}
	#detail07_wrap ul.container li.pic03 {
		float: left;
		width: 49%;
	}
	#detail07_wrap ul.container li.pic04 {
		float: right;
		width: 49%;
	}

}

@media print, screen and (min-width: 769px) {
	#detail07_wrap {
		padding: 60px 0;
		background: #F7F7F7;
	}
	#detail07_wrap h3 {
		font-size: 56px;
		margin: 0 0 10px;
		color: #000;
		text-align: center;
	}
	#detail07_wrap p.sub {
		font-size: 12px;
		margin: 0 0 35px;
		color: #000;
		text-align: center;
	}
	#detail07_wrap h4 {
		text-align: center;
		font-size: 21px;
		line-height: 2.0em;
		margin: 0 0 30px;
		color: #000;
		text-align: center;
	}
	#detail07_wrap ul.container {
		width: 100%;
		min-height: 802px;
	}
	#detail07_wrap ul.container li {
		position: absolute;
		left: 50%;
	}
	#detail07_wrap ul.container li.pic01 {
		width: 540px;
		top: 0px;
		margin-left: -480px;
	}
	#detail07_wrap ul.container li.pic02 {
		width: 405px;
		top: 101px;
		margin-left: 75px;
	}
	#detail07_wrap ul.container li.pic03 {
		width: 504px;
		top: 424px;
		margin-left: -480px;
	}
	#detail07_wrap ul.container li.pic04 {
		width: 410px;
		top: 429px;
		margin-left: 45px;
	}
}