/* CSS Document */

@import url(navi.css);
@import url(common.css);

body {
margin:0;
padding:0;
color:#333;
line-height:180%;
font-size:1em;
font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
background:url(../img/concept/back.png) no-repeat;
background-attachment:fixed;
overflow:hidden;
}

body::before {
  background:url(../img/concept/back.png) no-repeat left top;
  background-size:cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 108px;
  content: "";
  z-index: -1;
}   

/* --本の背景------------------------------------------------------------- */


#book {
	width:960px;
	height:754px;
	margin:38px auto 22px auto;
	background:url(../img/concept/book.png) no-repeat;
	padding:17px 0 0 0;
}


	#migi {
		width:368px;
		float:right;
		margin:0 84px 0 0;
		text-align:center;
	}
	
	#yaji1 {
		width:51px;
		margin:0 auto;
	}
	
	#yaji {
		width:102px;
		margin:0 auto;
	}
	
	#yaji1 img ,
	#yaji img {margin:3px;}
	
	
	#hidari {
		width:358px;
		float:left;
		margin:0 0 0 84px;
	}
	
	#hidari h1 {
		width:307px;
		height:34px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;	
		margin:0 0 20px 0;
	}
	
	#sp1 {background:url(../img/concept/st1.png) no-repeat;}
	#sp2 {background:url(../img/concept/non/st1.png) no-repeat;}
	#sp3 {background:url(../img/concept/detox/st1.png) no-repeat;}
	#sp4 {background:url(../img/concept/design/st1.png) no-repeat;}
	
	#hidari p {
		margin:0;
		padding:0;
		font-size:0.8em;
	}


/* 商品一覧　---------------------------------------------------------------------------*/


	
	
@media screen and (max-width: 500px) {
	
#book {
	width:100%;
	height:auto;
	margin:0 auto 22px auto;
	background-image:none;
	padding:0;
}


	#migi {
		width:100%;
		float:none;
		clear:both;
		margin:0 auto;
		text-align:center;
			background:url(../img/concept/books.png) no-repeat center top;
	background-size:contain;
	background-position:center top;
	}
	
	#migi img {
		width:80%;
		max-width:368px;
		height:auto;
	}
	
	#yaji1 {
		width:51px;
		margin:0 auto 10px auto;
	}
	
	#yaji {
		width:102px;
		margin:0 auto;
	}
		
	#yaji1 img {margin:3px; background-color:#FFFFFF;}
	#yaji img {margin:3px; background-color:#FFFFFF; width:43%; height:auto;}
	
	
	#hidari {
		width:100%;
		float:none;
		margin:0 auto;
		background:url(../img/concept/black.png) repeat;
		padding:30px 0;
	}
	
	#hidari h1 {
		font-size:1.2em;
		height:auto;
		background-image:none;
		width:90%;
		margin:0 auto 20px auto;
		padding:0;
		text-indent:0;
		font-weight:normal;
		white-space:pre-wrap;
		color:#FFFFFF;
		font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	}
	
	#hidari p {
		width:90%;
		margin:0 auto;
		padding:0;
		font-size:0.8em;
		color:#FFFFFF;
	}



}