/*
everyday Aromas
SECOND PAGES
layout2.css



/*-------------------------------------------------------
 ALL CONTENS
---------------------------------------------------------*/

#all{
width: 100%;
text-align:center;
margin-left: auto;
margin-right:auto;  

}


/*----------------------------------------------
 BASE
------------------------------------------------*/

/* ---　base  ------------*/ 
#concept, #product, #about, #qa, #mail{
width: 100%;
margin:120px auto 10px; /* 83px＋ */
padding:0 0 0 0 ;
letter-spacing:0.08em;
text-align:left;
}


.first h2{
margin:0 0 10px 10px;
}


/*  --------------------*/ 
@media (min-width: 768px)and (max-width: 1100px) { 
.first h2{
margin:0 0 10px 0;
}
}

@media (max-width: 767px) {
.first h2{
margin:-20px 0 0 0px;
}
}


/*-------------------------------------------------------
  SECOND PAGES NAVI
----------------------------------------------------------*/ 
/* ＋nav.css */

/* NAVI LINK */
ul#gnav-ul li a:link, a:visited {
color: #666666;
text-decoration: none;
}
ul#gnav-ul li a:hover {
opacity:0.7;  /* 透過度 */ 
text-decoration: none;
}
ul#gnav-ul li a:active {
opacity:0.7;  /* 透過度 */ 
text-decoration: none;
}


/* BA （プルダウン時）*/
@media screen and (max-width: 1090px) {
ul#gnav-ul li a:hover {
opacity:0.7;  /* 透過度 */ 
text-decoration: none;
}

ul#gnav-ul li a:active {
opacity:0.7;  /* 透過度 */ 
text-decoration: none;
}
}


/* PAGE LINK ズレ修正*/
@media screen and (max-width: 1090px) {
a.fixes{
  height: 1px;
  display: block;
  margin-top: -80px;
  padding-top: 80px;
 }
}




/*-------------------------------------------------------
　CONCEPT
---------------------------------------------------------*/

.concept-copy{
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
margin: 40px auto 60px ;
letter-spacing: 0.06em;
line-height:240%;
text-align:left;
}



/*-------------------------------------------------------
　PRODUCT
---------------------------------------------------------*/

#product p{
line-height:180%;
}


.proright{
padding-right: 20px;
}
.proleft{
padding-left: 20px;
}


@media (max-width: 767px) {
.proright{
padding-right: 0px;
}
.proleft{
padding-left: 0px;
}
}

.space-arenge{
margin: 15px auto 30px ;
}


@media (max-width: 767px) {
.daily{
margin-top: 20px ;
}
.space-arenge{
margin: -5px auto 30px ;
}
}

.follow{
max-width:560px;
margin: 40px auto 20px ;
padding: 0 10px;
font-size: 110%;
letter-spacing: 0.06em;
line-height:200%;
text-align:center;
}

@media (max-width: 767px) {
.follow{
font-size: 100%;
margin: 40px auto 30px ;
}
}

/*-------------------------------------------------------
　ABOUT
---------------------------------------------------------*/

.about-copy{
margin: 20px auto 40px ;
letter-spacing: 0.06em;
line-height:240%;
text-align:left;
}

.about-copy p{
margin-bottom:20px;
}

.about-prof{
margin: 50px 40px 0px 0;
letter-spacing: 0.06em;
text-align:left;
}

.about-prof p{
margin-bottom:20px;
line-height:200%;
}



.about-table{
margin: 60px 20px 70px 0;
}

@media (max-width: 767px) {
.about-prof{
margin: 5px 0px 30px 0;
}

.profphoto{
max-width: 70%;
margin: 20px auto 40px;
}

.about-table{
margin: 60px 0 70px 0;
}
.about-table td{
font-size:98% !important;
}
}


/*-------------------------------------------------------
   Q&A
---------------------------------------------------------*/

.faq-space{
margin: 60px auto 50px;
text-align:left;
}

.faq-f{
margin: 10px 5px 10px 0px;
padding:7px 12px;
border:#666666 1px solid;
line-height:160%;
}

.faq-a{
margin: 15px 5px 20px 10px ;
text-align:left;
}

.faq-photo{
margin: 0px 20px 20px 0px ;
}

@media (max-width: 767px) {
.faq-photo{
margin: 0 0 -25px;
}
}