@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica&family=Josefin+Sans:wght@500&family=Montserrat&family=Poppins:wght@500;700&display=swap');
@import url("jquery.fatNav.css");
*{margin:0;padding:0;min-height: 0;min-width: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {height:100%;}
ul li {list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
p{margin: 0;}
a:focus, *:focus{ outline:none; }
article, header, footer, aside, figure, figcaption, nav, section,main{ 
display:block;
}
body{
font-family: 'Montserrat',Avenir, 'Helvetica neue', Helvetica,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight:500;
width:100%;
color: #151515;
position:relative;
}
.mincho{
font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.josefinsans{
font-family: 'Josefin Sans', sans-serif;
}
.montserrat{
font-family: 'Montserrat', sans-serif;
}
.imfelldwpica{
font-family: 'IM Fell DW Pica', serif;
}
.poppins{
font-family: 'Poppins', sans-serif;
}
.amanova-cate {
display:flex;
max-width: 1200px;
margin: 0 auto;
}
.amanova-cate li {
padding:0.5em;
width:50%;
}
.amanova-cate-sub {
    display:flex;
}
.amanova-cate-sub li {
    padding:1em;
    width:50%;
}
.amanova-cate-txt {
height:140px;
}
/* .amanova-kitchen-page{
color: #56554F;
background-color: #FBFBF4;
} */
a{
text-decoration: none;
outline: none;
color: #151515;
}
a img,a{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all  0.5s;
}
img{
height: auto;
max-width: 100%;
box-sizing: unset;
vertical-align: bottom;
}
.imgauto{
height: auto;
width: 100%;
box-sizing: unset;
line-height: 1rem;
display: block;
vertical-align: bottom;
}
.inner, .sp-inner{
margin-left: auto;
margin-right: auto;
}
.amanova-fv {
max-width: 1200px;
margin: auto;
}
/* .slider{
opacity: 0;
transition: opacity .3s linear;
max-width: 1200px;
margin: auto;
}
.slider.slick-initialized{
opacity: 1;
} */
@media screen and (min-width: 768px){
body{
font-size: 16px;
line-height: 1.7;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
a:hover{
opacity: 0.7;
}
a:hover img{
opacity:0.75 !important;
filter:alpha(opacity=75);
-ms-filter: “alpha( opacity=75 )”;
}
a[href^="tel:"] {
pointer-events: none;
}
.sp{
display: none !important;
}
.inner{
width: 90%;
max-width: 1060px;
}
.section-mg{
margin-bottom: 80px;
}
.display_pc {
display: block;
}
.display_sp {
display: none;
}
}
@media screen and (max-width: 767px){
body{
font-size: 16px!important;
line-height: 1.6;
}
.pc{
display: none !important;
}
.inner{
width: 90%;
}
.display_sp {
display: block;
}
.display_pc {
display: none;
}
}
/* --------------------header------------------- */
.header-common-nav{
/* background: #f1f1f1; */
border-top:5px solid #412804;
}
.header-common-list{
display: flex;
justify-content: flex-end;
max-width: 1250px;
width: 90%;
margin: 0 auto;
}
.header-common-list li{
padding: 3px 15px;
font-size: 13px;
}
.header-area{
max-width: 1160px;
width: 90%;
margin: 0 auto;
position: relative;
padding: 30px 0;
display: flex;
justify-content: space-between;
}
.header-logo{
width: 220px;
}
.header-icon-list{
display: flex;
}
.header-icon-list li{
padding: 3px 15px;
}
header nav .gnav li {
    padding: 0 1em 1em;
    font-size: 13px;
}
.amanova-head {
background-position-y: 146px;

display: block;
}

@media screen and (max-width: 767px) {
.amanova-head {
background: url(https://luxcolle.com/images/amanova/bg-amanova-sp.png) repeat-x;
background-position-y: 0;
}

}

/* サブナビゲーションメニュー */
.sub-nav{
border-top:1px solid #e3e3e3;
background-color: #fbfbf4;
}
.sub-nav .gnav{
width: 70%;
margin: 0 auto;
justify-content: center;
padding: 2em 0;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
letter-spacing: 1px;
display: flex;
}
header nav {
border-top:none;
background-color: #fff;
}
@media screen and (max-width:1000px){
.sub-nav .gnav{
width: 100%;
}
}
.sub-nav .gnav li{
padding: 0 30px 12px;
font-size: 13px;
}
.sub-nav .gnav li a{
color:#000000;
}

header nav .gnav li a:hover{
color:#717171;
}
.sub-nav .gnav li.menu__mega{
position: static;
position: relative;
}
.sub-nav .gnav li a span{
position: relative;
}
.sub-nav .gnav li a span::after{
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -30px;
width: 0;
height: 1px;
background-color: #1c1c1c;
transition: .3s;
}
header.fixed .sub-nav .gnav li a span::after{
left: -30px;
}
header.fixed .headrightnav li:nth-last-child(-n+2){
display: none;
}
@media screen and (max-width:1000px) {
.sub-nav .gnav li a::after{content:none;}
}
.sub-nav .gnav li.menu__mega  a::after{
content: none;
}
@media screen and (max-width:815px) {
.sub-nav .gnav li{padding:0 10px 12px;}
.sub-nav .gnav li a::after{left:10px;}
}
.sub-nav .gnav li a span:hover::after {
width: 25px;
}


/* サブナビゲーションメニュー終わり */


#amanova-page {
background-color: #fff;
color: #555533;
max-width:1000px;
margin:auto;
}
#amanova-page #category {
display: flex;
}
#amanova-page #category li {
width: 49%;
padding: 1em;
margin: auto;
}

.morerlink{
width:auto;
margin:30px auto 20px;
text-align:center;
letter-spacing: 2px;
font-size: 0.8em;
}
.morerlink-series{
width:100%;
}
.morerlink a{
display:block;
background:#000;
border:1px solid #858585;
padding:1em 0;
color:#fff;
}
.morerlink a::after {
content: "";
background: url(images/common/arrow.svg) no-repeat;
width: 28px;
height: 5px;
background-size: contain;
vertical-align: middle;
display: inline-block;
position: absolute;
top: 17px;
right: 30px;
}
.morerlink a:hover::after {
content: "";
background: url(images/common/arrow-white.svg) no-repeat;
width: 28px;
height: 5px;
background-size: contain;
vertical-align: middle;
display: inline-block;
position: absolute;
top: 19px;
right: 30px;
}
.amanova-cate-sub .btn-text{
padding: 10px;
}
.hoveranime{
position:relative;
overflow:hidden;
cursor:pointer;
}
.hoveranime:hover .btn-text{
transition:all 0.5s;
}
.hoveranime .btn-child{
position:absolute;
top:0;
left:0;
width:0%;
height:100%;
transition:all 0.5s;
}
.hoveranime:hover .btn-child{
width:100%;
transition:all 0.5s;
}
.b-w_hover:hover .btn-text{
color:#000;
}
.b-w_hover .btn-child{
background-color:#fff;
border-radius:3px;
}
.morerlink a.w-b_hover{
background:#fff;
color:#3f3f3f;
}
.w-b_hover:hover .btn-text{
color:#fff;
}
.w-b_hover .btn-child{
background-color:#000;
}

/* メインコンテンツ　PC */
#amanova-about {
    max-width:900px;
    width: 90%;
    margin: auto;
}
#amanova-about h2 {
    font-size:1.3em;
    font-weight:bold;
}
.amanova-flavor{
    display:grid;
    grid-template-columns: repeat(3, 33%);

}
.amanova-flavor li {
    padding:1.5em;
}
.amanova-cate li h3 {
    font-size:1.5em;
    font-weight:bold;
}
/* お客様の声　レビュー */
.review-areabox {
max-width:1200px;
}
.review-ttl {
width:600px;
margin:0 auto 30px;
}
.review-list {
display:flex;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
}
.review-list li {
width: 46%;
height:1050px;
box-shadow: 2px 2px 2px #ebebeb;
position: relative;
z-index: 2;
background: #fff;
margin: 1em;
padding: 1em;
}
.review-point {
color: #c94747;
font-weight: bold;
font-size: 18px;
}

.review-point:before {
margin-right: 5px;
content: "";
border-bottom: 1px solid #c94747;
width: 15px;
height: 15px;
display: inline-block;
}
.review-box {
background: #fff;
padding: 0;
position: relative;
}
.review-box h4 {
margin-top: 10px;
font-size: 23px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.review-areabox {
width:98%;
}
.review-ttl {
width:80%;
margin:0 auto;
}
.review-list {
display:block;
}
.review-box {
padding:0.5em;
}
.review-list li {
width: 95%;
height: auto;
margin: auto auto 30px;
}
}
/* お客様の声　レビュー　おわり */

/* よくある質問 */
.qa-8 dt {
margin-bottom: 1em;
color: #151515;
font-weight: 600;
}

.qa-8 dt::before,
.qa-8 dd::before {
margin-right: .4em;
}

.qa-8 dt::before {
content: "Q.";
}

.qa-8 dd {
margin: 0 0 2.5em;
padding: 1em 1.5em;
background-color: #f4e4d7;
color: #151515;
}

.qa-8 dd::before {
content: "A.";
}
/* よくある質問終わり */

@media screen and (max-width: 767px) {
header nav .gnav li {
padding: 0 0.2em 12px;
}
#amanova-page #category {
display: block;
}
#amanova-page #category li {
width: 90%;
padding: 1em;
margin: auto;
}

#amanova-page .more-btn a {
font-size: 12px;
}
#amanova-page {
width:100%;
margin:auto;
}
.amanova-about {
width:98%;
margin:auto;
}
.amanova-flavor{
    display:grid;
    grid-template-columns: repeat(2,48%);
}
.amanova-flavor li {
padding:0.5em;

}

.slidemenu {
width: 300px;
position: absolute;
transform: translateX(-50px);
-ms-transform: translateX(-50px);
-webkit-transform: translateX(-50px);
background: #fff;
border: 1px solid #ccc;
z-index: 2;
padding: 10px 15px 8px;
margin-left:-190px;
top:40px;
display: none;
}
.slidemenu form {
display: flex;
}
.searchbox{
flex:1;
margin-right: 10px;
}
.submit01{
width:67px;
background: #000;
border: none;
color: #fff;
padding: 4px 0 3px;
font-size: 13px;
cursor: pointer;
}

@media screen and (max-width: 767px) {
.header-logo{
width: 150px;
margin: 0 auto;
}
.amanova-cate {
display:block;
width:100%;
}
.amanova-cate li {
padding:1em 0.2em;
width:100%;
}
.amanova-cate-txt {
height:auto;
}
.morerlink {
width:100%;
letter-spacing: 0px;
}
.morerlink a {
padding	:1em 0em;
margin:1em 0em;
}
.amanova-cate-sub .btn-text{
    padding: 10px 0px;
    }
}
/* --------------------footer------------------- */
footer{
background-color: #fff;
padding-top: 40px;
}
.footer-logo{
width: 200px;
margin: 0 auto;
}
.footer-nav ul{
margin-top: 60px;
display: flex;
justify-content: center;
gap: 30px;
}
.footer-pravercy{
margin-top: 20px;
display: flex;
display: flex;
justify-content: center;
gap: 30px;
}
.copylight{
display: block;
background-color: #FBFBF4;
font-size: 12px;
padding: 4px 0 3px;
text-align: center;
letter-spacing: 1px;
margin-top: 50px;
}
@media screen and (min-width: 768px) {
footer{
padding-top: 60px;
}
.footer-list{
column-gap: 30px;
width: fit-content;
}
}
@media screen and (max-width: 767px) {

header nav {
display:none;
}
/* -----------------アコーディオン----------------- */
.fnavtop ul{
font-size:15px;
margin-top:30px;
font-family: 'Montserrat', sans-serif;
font-weight:500;
letter-spacing:1px;
}
.fnavtoplist > li{
border-bottom: 1px solid rgba(200, 200, 200, 0.7);
padding-bottom: 8px;
margin-bottom: 8px;
}
.search-menu-list > li:not(:last-child){
border-bottom: 1px dashed rgba(200, 200, 200, 0.7);
padding-bottom: 8px;
margin-bottom: 8px;
}
#sidearea{
letter-spacing:1px;
}
.searchform {
position: relative;
margin-bottom:15px;
}
.sbox {
height: 33px;
padding: 3px 10px 2px;
outline: 0;
font-size: 15px;
width: 100%;
box-sizing: border-box;
border: solid 1px #959595;
}
.sbtn {
position: absolute;
right: 13px;
top: 4px;
background: none;
color: #666;
border: none;
font-size: 16px;
color:#000;
}
.bnlist{
display	:flex;
flex-wrap:wrap;
}
.bnlist li{
margin-bottom:3.5%;
width:48%;
margin-right: 4%;
}
.bnlist li:nth-child(2n){
margin-right:0;
}
.bnlist li img{
width:100%;
}
/* -----------------アコーディオン おわり----------------- */

footer{
padding-top: 40px;
}
.footer-logo{
width: 150px;
}
.footer-nav ul{
flex-wrap: wrap;
gap: 10px;
padding: 0 10px;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.footer-nav li{
font-size: 13px;
}
.footer-nav li a::after{
content: '\25B6\0FE0E';
}
.footer-pravercy{
font-size: 13px;
}

#wp-news{
max-width: 90%;
width: fit-content;
margin: 0 auto;
padding-top: 20px;
}
.newslist li .day{
display: block;
}
}

@media screen and (min-width: 768px) {
.concept-text{
text-align: center;
font-weight: bold;
line-height: 2.2;
font-size: 18px;
}
.series-list li{
display: flex;
justify-content: space-between;
gap: 40px;
}
.series-img{
flex: 1;
}
.series-list-box{
flex: 1;
display: flex;
flex-direction: column;
}
.series-list li:nth-child(even){
flex-direction: row-reverse;
}
.series-list-box h3{
width: 94%;
margin: 0 auto;
}
#wp-news{
max-width: 500px;
width: fit-content;
margin: 0 auto;
padding-top: 40px;
}
.newslist li .day{
display: inline-block;
margin-right: 40px;
}
}