/*
everyday Aromas
layout.css
color:#333333

/*----------------------------------------------
 TOP LAYOUT
------------------------------------------------*/

/* 　  ---------------------------*/ 
@media screen and (max-width: 1100px){
.pconly{
display:none;
}
}

/*   ------------------------------*/ 
@media screen and (max-width: 767px){
.exceptsma{
display:none;
}
}

/*  --------------------*/ 
@media (min-width: 768px)and (max-width: 1100px) { 
.tab{
}
}

/*  --------------------*/ 
@media (min-width: 1100px){ 
.mobile{
display:none;
}
}


/*   ----------------------------*/ 
@media (min-width: 767px) { 
.smaonly{
display:none;
}
}




/* ---　base  ------------*/ 
body{
margin:0;
padding:0 0 0 0;
color:#333333;
letter-spacing:0.08em;
}

@media screen and (max-width: 767px) {
body{
margin:0 5px;
}
}

/* ---　link img  ---------*/ 
a:active img ,
a:hover img {
outline: 0;
opacity: 0.6;
}


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

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


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

#gnav-ul li a:active {
opacity:0.7;
text-decoration: none;
}
}


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


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

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

/* MAIN IMAGE
----------------------------------------------------*/ 

.swiper-container{
position:relative;
margin-top:0px;
background-color:#FFFFFF;
}
.swiper-wrapper{
width:100%;
height:auto !important; /* イメージの高さ550px*/
box-sizing:border-box;
background-color:#FFFFFF;
margin-bottom:-5px !important;
}


/* MOBILE */
@media screen and (max-width: 767px) {
.swiper-container2{
position:relative;
margin-top:0px;
background-color:#FFFFFF;
}
.swiper-wrapper{
width:100%;
height:auto !important; /* イメージの高さ550px*/
box-sizing:border-box;
background-color:#FFFFFF;
margin-top:50px; /* 上部スペース*/
margin-bottom:-5px !important;
}
}


/*-------------------------------------------------------
　NEWS
---------------------------------------------------------*/

#news{
margin: 0;
padding: 40px 0 50px;
width: 100%;
text-align:left;
}

.news-space{
margin: 20px 0 10px;
padding:8px 40px;
width: 94%;
height:auto;
text-align:left;
border:#DBDBDB 1px solid;
}

.news-space #feed{
line-height:160% !important;
}

.news-space dt{
float:left;
font-size: 1.0em;
}  
.news-space dd{
margin-left:150px;
font-size: 1.0em;
text-align:left;
}
/*.news-space dd.descrip{
font-size: 1.0em;
color:#5E3E0E;
margin: 5px 0 0 0px;
padding-bottom:5px;
line-height: 120%;
text-align:left; */



   
.news-space dd a:link {
  color: #333333 !important;
}  
.news-space dd a:visited {
  color: #333333 !important;
 }    
.news-space dd a:hover  {
  color: #A5A5A5 !important;
 } 
 

.news-space dd.descrip a:link{
color:#A5A5A5;   
}
.news-space dd.descrip a:visited{
color:#5E3E0E;   
}


@media screen and (max-width: 767px) {
#news h2{
margin-bottom:-10px;
}
}


@media screen and (max-width: 767px) {
.news-space{
margin: 20px 0 10px;
padding:8px 16px;
width: 98%;
height:auto;
text-align:left;
line-height:120%;
border:#DBDBDB 1px solid;
}
	
.news-space #feed{
line-height:140% !important;
}

.news-space dt{
float:left;
font-size: 1.0em;
}  
.news-space dd{
margin-left:140px;
font-size: 1.0em;
text-align:left;
}
}


@media screen and (max-width: 567px) {
.news-space{
margin: 20px 0 10px;
padding:8px 14px;
width: 99%;
height:auto;
text-align:left;
line-height:120%;
border:#DBDBDB 1px solid;
}

.news-space #feed{
line-height:140% !important;
}
.news-space dt{
float:left;
font-size: 0.9em;
}  
.news-space dd{
margin-left:100px;
font-size: 1.0em;
text-align:left;
}
}


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

#top-concept{
margin: 5px auto 70px !important;
width: 100%;
text-align:left;
}

#top-concept p{
margin: 10px 20px 20px 0px;
line-height:190% !important;
}





/*-------------------------------------------------------
　TOP-PRODUCTS
---------------------------------------------------------*/

#top-products{
margin: 0 auto 70px !important;
width: 100%;
text-align:left;
}

#top-products p{
margin: 10px 5px;
line-height:190% !important;
}



/*-------------------------------------------------------
  OTHER-CONTENTS
---------------------------------------------------------*/

#other-contents{
margin: 0 auto 80px !important;
width: 100%;
text-align:left;
}

.greyback{
background:#DBDBDB;
}




/* MOBILE */
@media (max-width: 767px) {
.qaspace{
padding:0 20px 10px;
margin:0px 20px 30px;
}
}



/*-------------------------------------------------------
 FOOTER
---------------------------------------------------------*/
#footer{
width:100%;
height:auto;
text-align:left;
padding:25px 0 10px;
border-top:#DBDBDB 1px solid;
}

#footer p{
margin-top:-8px;
font-size:1.6rem;
letter-spacing: 0.08em;
}

#footer .btn-flat:link{
padding: 0.8em 1.4em !important;
}

#footer p a:link, a:visited {
color:#fff;
}


#bottom-icon ul {
list-style:none;
margin-top:-8px;
margin-right:-10px;
}
#bottom-icon ul li {
float: right;
padding:0 0 0 13px;
}
#bottom-icon ul li a {
padding: 0;
position: relative;
display: inline-block;
}


/*---- MOBILE ------*/
@media (max-width: 767px){
.address{
margin-top:10px;
}
}


.copyright{
font-size:0.8em !important;
letter-spacing: 0.1em !important;
}



/* PAGE	TOP
----------------------------------------------------*/ 
#pagetop {
width:100%;
z-index:10000;
}
#pagetop a:hover {
text-decoration: none;
opacity: 0.8;
}

#pagetop a {
display: block;
position:fixed;
bottom:10px;
right:10px;
}