@charset "UTF-8";
html {
  width: 100%;
  height: 100%;
}
body {
  background:#fff;
  color: #000;
  font-size: 11px;
  line-height: 1.65;
  letter-spacing: 0.01em;
  -webkit-text-size-adjust: 100%;
}
body a {
  color: #000;
  text-decoration: underline;
}
.img {
vertical-align:bottom;
}



header {
  width: 100%;
  height: 30px;
  position: fixed;
  top: 0;
  z-index: 2000;
	text-align:center;
}
header li {
  float: left;
  display: block;
}
header li a {
  display: block;
}
header .animateBD {
  position: absolute;
  top: 0;
  left: 5px;
  display: block;
  background-color: #4b4a48;
  width: 40px;
  height: 2px;
  display: none;
}
header .topSect {
  width: 100%;
  height: 45px;
  background-color: #4b4a48;
}
header .topSect .inner {
  width: 100%;
  margin: 0 auto;
  position: relative;
  text-align:center;
}
@media only screen and (orientation : portrait) { /*縦向きの際に適用*/
header .topSect ul.leftNavi {
  display: block;
  width: 68%;
  text-align:center;
  padding-left:4%;
  float:left;
}
header .topSect ul.leftNavi li img {
  display: block;
  padding: 18px 0 0;
}
header .topSect ul.leftNavi li.nav1 img {
  width: 46px;
}
header .topSect ul.leftNavi li.nav2 img {
  width: 28px;
}
header .topSect ul.leftNavi li.nav3 img {
  width: 50px;
}
header .topSect ul.leftNavi li.nav4 img {
  width: 45px;
}
header .topSect ul.leftNavi li:nth-child(1) {
  margin: 0;
}
header .topSect ul.leftNavi li:nth-child(2) {
  margin: 0 0 0 7%;
}
header .topSect ul.leftNavi li:nth-child(3) {
  margin: 0 0 0 7%;
}
header .topSect ul.leftNavi li:nth-child(4) {
  margin: 0 0 0 7%;
}
header .topSect ul.rightNavi {
  display: block;
  width: 22%;
  float: right;
  padding-right:4%;
}
header .topSect ul.rightNavi li {
  padding: 11px 0 0;
  float:right;
}
header .topSect ul.rightNavi li.roku img {
  width: 24px;
}
header .topSect ul.rightNavi li.booLink img {
  width: 27px;
}
header .topSect ul.rightNavi li:nth-child(1) {
  margin: 0 0 0 14%;
}
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
header .topSect ul.leftNavi {
  display: block;
  width: 68%;
  text-align:center;
  padding-left:4%;
  float:left;
}
header .topSect ul.leftNavi li img {
  display: block;
  padding: 15px 0 0;
}
header .topSect ul li.nav1 img {
  width: 75px;
}
header .topSect ul li.nav2 img {
  width: 48px;
}
header .topSect ul li.nav3 img {
  width: 85px;
}
header .topSect ul li.nav4 img {
  width: 74px;
}
header .topSect ul li:nth-child(1) {
  margin: 0;
}
header .topSect ul li:nth-child(2) {
  margin: 0 0 0 9%;
}
header .topSect ul li:nth-child(3) {
  margin: 0 0 0 9%;
}
header .topSect ul li:nth-child(4) {
  margin: 0 0 0 9%;
}
header .topSect ul.rightNavi {
  display: block;
  width: 19%;
  float: right;
  padding-right:4%;
}
header .topSect ul.rightNavi li {
  padding: 12px 0 0;
  float:right;
}
header .topSect ul.rightNavi li.roku img {
  width: 29px;
}
header .topSect ul.rightNavi li.booLink img {
  width: 33px;
}
header .topSect ul.rightNavi li:nth-child(1) {
  margin: 0 0 0 15%;
}
}


#wrapper {
  position: absolute;
  top: 45px;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
h2 {
	margin-bottom:25px;
}



#mainVisual {
  position: relative;
}
#mainVisual div img {
  width: 100%;
  vertical-align: bottom;
}





#aboutSect {
	width:100%;
	text-align:center;
	padding-top: 60px;
}
#aboutSect .concept img {
	width:80%;
	display:block;
	margin-left:10%;
	margin-right:10%;
}





#looksSect {
	width:96%;
	padding-top: 65px;
	padding-left:2%;
	padding-right:2%;
}
#looksSect h2 img {
	width:27%;
	padding-left:9%;
}
#looksSect .flexslider .look {
	display:block;
	width:82%;
	padding-left:9%;
	padding-right:9%;
}
#looksSect .flexslider .looks_creditBox {
	width:82%;
	padding-left:9%;
	padding-right:9%;
	margin:10px 0;
}
#looksSect .flexslider .looks_creditBox li {
	width:50%;
	float:left;
}
#looksSect .flexslider .looks_creditBox li .botan {
	width:70%;
	margin:3px 0 5px;
}





#ecSect {
	width:96%;
	padding-top: 65px;
	padding-left:2%;
	padding-right:2%;
}
#ecSect h2 img {
	width:44%;
	padding-left:9%;
}

#ecSect .flexslider .slides .look {
	width:82%;
	padding-left:9%;
	padding-right:9%;
}
#ecSect .flexslider .looks_creditBox {
	width:82%;
	padding-left:9%;
	padding-right:9%;
	margin:10px 0;
}
#ecSect .flexslider .looks_creditBox img {
	width:50%;
}
#ecSect .flexslider .looks_creditBox .botan {
	width:37%;
	margin:3px 0 5px;
}






#storeSect {
	padding-top: 65px;
	width:82%;
	padding-left:9%;
	padding-right:9%;
}
#storeSect h2 img {
	width:42%;
}
#storeSect .topSect li {
	margin:0 0 15px 0;
}
#storeSect .topSect li img.store1 {
	width:74%;
}
#storeSect .topSect li img.store2 {
	width:81%;
}
#storeSect .topSect li img.store3 {
	width:83%;
}
#storeSect .topSect li img.store4 {
	width:84%;
}
#storeSect .topSect li img.store5 {
	width:52%;
}
#storeSect .topSect li img.store6 {
	width:73%;
}
#storeSect .topSect li img.store7 {
	width:57%;
}
#storeSect .topSect li img.store8 {
	width:51%;
}
#storeSect .topSect li img.store9 {
	width:55%;
}
#storeSect .topSect li img.store10 {
	width:28%;
}
#storeSect .topSect li img.store11 {
	width:24%;
}
#storeSect .topSect li span.new {
  color:#c70012;
  padding:0 0 0 10px;
  margin-top:-4px;
  font-size:9px;
  }



#newsSect {
	padding-top: 65px;
	width:82%;
	padding-left:9%;
	padding-right:9%;
}
#newsSect h2 img {
	width:56%;
}
#newsSect .topSect li {
	margin:0 0 15px 0;
}
#newsSect .topSect li span.new {
  color:#c70012;
  padding:0 0 0 10px;
  font-size:9px;
  }



footer {
	padding-top: 65px;
	padding-bottom: 30px;
	width:82%;
	padding-left:9%;
	padding-right:9%;
}
footer .copy_r img {
	width:90%;
	display:block;
}


.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */