/* style */
*{
  margin:0;
  padding:0;
}

html,body {
  /*height: 100%;*/
  background: #fff;
  color: #000;
  font-size: 14px;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  line-height: 24px;
  letter-spacing: 1.6px;
}
a{
    color:#000;
    font-style:normal;
    text-decoration:none;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
a:link {
    color:#000;
    font-style:normal;
    text-decoration:none;
}
a:visited {
    color:#000;
    text-decoration:none;
}
a:hover {
    color:#aea783;
    font-style:normal;
    text-decoration:none;
}
a:active {
    text-decoration:none;
}
.clear {
  clear:both; /*floatの解除、ここがポイント*/
}

#top{
  position: fixed;
  width: 100%;
  height: 100%;
  margin-top: 30px;
  z-index: 1030;
}
/* top image */
  .lead{
    position: absolute;
    width: 196px;
    height: 18px;
    top: 50%;
    left: 50%;
    margin:-20px 0 0 -98px;
  }

#wrap {
  /*min-height: 100%;*/
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto ;
}

#wrap > #container {
  position: relative;
  width:  1112px;
  height: 640px;
  margin: 0 auto;
  padding-top: 44px;
  top : 0;
  background-color: #fff;
  z-index: 99;
  }
  .top_bg {
  position: relative;
  width:  1112px;
  height: 640px;
  background: url(../img/img_top_bg/1.png) center no-repeat;
  background-size: 100%;
  background-color: #fff;
  z-index: 100;
  }

.top_logo {
  position: relative;
  width:286px;
  height: 286px;
  margin: 180px auto 0;
}
.top_scroll {
  position: relative;
  width:48px;
  height: 20px;
  margin: 100px auto 0;
  z-index: 1000;
}


/* menu */
nav{
  position: fixed;
  width: 70px;
  height: 100%;
  max-height: 768px;
  left: 0;
  z-index: 100;
}
#menu{
  width: 26px;
  height: 500px;
  max-height: 500px;
  padding: 40px 0 0 40px;
}
#toggle{ 
  display: block;
 }

#menu .m_logo{
  width: 26px;
  height: 26px;
}
#menu .m_top{
  width: 26px;
  height: 35px;
  padding-top: 16px;
}
#menu .m_concept{
  width: 26px;
  height: 66px;
}
#menu .m_product{
  width: 26px;
  height: 65px;
}
#menu .m_about{
  width: 26px;
  height: 58px;
}
#menu .m_fb.m_inst{
  padding-top: 16px;
  width: 26px;
  height: 22px;
  opacity: 1.0;
}
#menu li a img{
 opacity: 0.4;
 border-style:none;
}
#menu li a:hover img{
 opacity: 1.0;
 border-style:none;
}
#menu li a.current img{
 opacity: 1.0;
 border-style:none;
}

/* concept */
#wrap > #concept {
  position: relative;
  width:  950px;
  margin: 100px auto 0;
  padding-top: 50px;
  text-align: left;
  background-color: #fff;
  letter-spacing : 2.5px;
  
  }

#concept2 {
  position: relative;
  width:  950px;
  margin: 74px auto 0;
  text-align: left;
  background-color: #fff;
  letter-spacing : 2.5px;
  
  }

#concept3 {
  position: relative;
  width:  950px;
  margin: 74px auto 0;
  text-align: left;
  background-color: #fff;
  letter-spacing : 2.5px;
  
  }
.concept_title {
  position: relative;
  margin: 0;
  width: 410px;
  float: left;
}
.concept_txt {
  position: relative;
  margin: 126px 0 74px 50px;
  width: 490px;
  height: auto;
  float: right;
}
p.concept_txt1 {
  position: relative;
  font-size: 15px;
  letter-spacing : 1px;
  line-height: 24px;
  
}
p.concept_txt2 {
  position: relative;
  margin: 54px auto 0;
  font-size: 12px;
  letter-spacing : 1px;
  line-height: 18px;
  
}
p.concept_txt3 {
  position: relative;
  padding-top: 80px;
  font-size: 15px;
  letter-spacing : 1px;
  line-height: 24px;
  
}
p.concept_txt4 {
  position: relative;
  padding-top: 0px;
  font-size: 15px;
  letter-spacing : 1px;
  line-height: 24px;
  
}
.clear {
  clear:both; /*floatの解除、ここがポイント*/
}


/* concept product photo */
.concept_product {
  position: relative;
  width:  1112px;
  height: 556px;
  margin: 0 auto;
  background: url(../img/img_concept_product.jpg) center no-repeat;
  background-size: 100% auto ;
  background-color: #fff;
  z-index: 10;
}

.concept_product_rootsorganic {
  position: relative;
  width:  1112px;
  height: 556px;
  margin: 0 auto;
  background: url(../img/img_concept_organic.jpg) center no-repeat;
  background-size: 100% auto ;
  background-color: #fff;
  z-index: 10;
}

.concept_product_nature {
  position: relative;
  width:  1112px;
  height: 556px;
  margin: 0 auto;
  background: url(../img/img_concept_nature.jpg) center no-repeat;
  background-size: 100% auto ;
  background-color: #fff;
  z-index: 10;
}


/* product */
#wrap > #product {
  position: relative;
  width:  940px;
  height: auto;
  margin: 140px auto 0;
  padding-top: 40px;
  text-align: left;
  background-color: #fff;
  font-size: 12px;
  letter-spacing : 0px;
  }
/* product_nature old */
/*
.product_lineup_nature{
  position: relative;
  margin: 0;
  width: 970px;
  height: 286px;
}
.product_lineup_nature_logo{
  position: relative;
  margin: 0;
  width: 206px;
  height: 270px;
  float: left;
}
.product_lineup_nature_products{
  position: relative;
  margin: 0 0 0 40px;
  width: 630px;
  height: 262px;
  float: left;
}
.product_lineup_nature_products img:hover{
  opacity: 0.4 ;
  border-style:none;
}
*/

/* product lineup */
.product_lineup_nature, .product_lineup_modern, .product_lineup_classic, .product_lineup_premium{
  position: relative;
  margin: 66px 0 0 ;
  width: 940px;
}
.product_lineup_nature_logo, .product_lineup_modern_logo, .product_lineup_classic_logo, .product_lineup_premium_logo{
  position: relative;
  margin: 0;
  width: 206px;
  height: 240px;
  float: left;
}
.product{
  position: relative;
  margin: 0;
  width: 758px;
  height: 240px;
  float: right;
}

.product_lineup_nature_products, .product_lineup_modern_products, .product_lineup_classic_products, .product_lineup_premium_products{
  position: relative;
  margin: 0 0 0 40px;
  width: 690px;
  float: left;
}
.product_lineup_nature_products img, .product_lineup_modern_products img, .product_lineup_classic_products img, .product_lineup_premium_products img {
  margin-left: -2px;
  border-style:none;
}
.product_lineup_nature_products img:hover, .product_lineup_modern_products img:hover, .product_lineup_classic_products img:hover, .product_lineup_premium_products img:hover{
  opacity: 0.4 ;
  border-style:none;
}

.mfp-img img{
  height: 612px;
  width: 764px;
  border-style:none;
}


/* about */
#about {
  position: relative;
  width: 1112px;
  margin: 140px auto 72px;
  background-color: #eeefef;
}
.about_main {
  position: relative;
  width: 850px;
  margin:  0 auto;
}
.about_logo {
  position: relative;
  width:  544px;
  height: 173px;
  margin: 0 auto 0;
  padding-top: 140px;
  float: left;
}
.about_txt {
  position: relative;
  margin: 0 auto;
  padding: 190px 0 0 0;
  width: 250px;
  font-size: 12px;
  letter-spacing : 0px;
  line-height: 20px;
  color: #000;
  
  float: right;
}


#about_company {
  position: relative;
  width: 420px;
  height: 400px;
  margin: 0 auto;
  background-color: #eeefef;
  padding: 140px 0 100px 0;
}

.company_jp{
  float: left;
  width: 180px;
  height: 180px;
  padding : 0;
}

.company_en{
  float: left;
  width: 180px;
  height: 180px;
}

p.company_title{
  padding: 10px 0 0 0;
  font-size: 12px;
  letter-spacing : 2px;
  line-height: 16px;  
  
}
p.company_address{
  padding: 10px 0 0 0;
  font-size: 12px;
  letter-spacing : 2px;
  line-height: 16px;  
  
}
p.company_title_en{
  padding: 10px 0 0 0;
  font-size: 12px;
  letter-spacing : 0px;
  line-height: 16px;  
  
}


/*------------------*/
/*.hidden_box {
    margin: 2em 0;
    padding: 0;
}
*/

/*ボタン装飾*/
.hidden_box label {
    cursor :pointer;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding:  0;
    height: auto;
    opacity: 1;
}



/* popup */

.gallery-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
  background-color: #fff;
  display: block;
  width: 30px;
  height: 63px;
  border-radius: 15px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.gallery-arrow-left{
  left: 100px;
}
.gallery-arrow-left:before{
  content:url("../img/product/images/img_product_arrow_left.png");
}
.gallery-arrow-right{
  right: 100px;
}
.gallery-arrow-right:before{
  content:url("../img/product/images/img_product_arrow_right.png");
  color: #000;
}


/* 特約店一覧 */

a.linkurl{
	display: block;
	overflow: hidden;
	margin: 170px auto 250px;
	width: 100%;
	max-width: 1112px;
	text-align: center;
	font-size: 150%;
	padding: 37px 0;
	background-color: #ededed;
}

a.linkurl:hover, a.linkurl:active {
	background-color: #a4a4a4;
		color: #ffffff;
}