@charset "utf-8";



/*　nofes　*/
section.cat-color-nofes { border-bottom: solid 1px #ccc;}



/*　メニュー　*/

.area-concept {
    background-color: #fff2ce;
	text-align: center;
	padding: 20px 2.5% 5px;
	}
.area-concept img {
    display: block;
	width: 400px;
	margin: 0 auto 15px;
	}
.area-concept p {
    color: #957c32;
    margin-bottom: 0;
	}

.nofes-category {
    background-color: #fff2ce;
	padding: 2.5% 2.5%;
	margin-bottom: 20px;
	}
.nofes-category .cat-grid2 {
	background-image: url(../img/category/nofes/frame_bg.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
	padding: 0;
	margin-bottom: 0;
	}
.nofes-category .cat-grid2 .text-area {
	padding: 6%;
	margin-bottom: 20px;
	/*background-color: rgba(0,0,0,0.2);*/
	}
.nofes-category img.logo {
    display: block;
	width: 300px;
	margin: 20px auto;
	}
.nofes-category .cat-grid2 .text-area p {
    color: #957c32;
	text-align: left;
	padding: 0 10%;
	margin-bottom: 0;
	}
img.frame-bottom {display: block;}

 
.guide-text {
    position: absolute;
	right: 13.5%;
	bottom: 0;
	color: #a18b4c;
	line-height: 40px;
    font-size: 14px;
	background-image: url(../img/common/arrow_black.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20px;
	padding: 0 20px 0 0;
	margin: 0 0 15px;
	}
 

/******　ブランドページ　******/


.item-detail img {
    display: block;
	margin: 40px auto;
	}

/*　トップライナー　*/

p.photo-title {
    background-color: #009844;
	padding: 5px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	margin: 0;
	}

.topliner-voice {margin-top: 20px;}
.topliner-voice .cat-grid2 {
    padding-bottom: 0px;
	margin-bottom: 10px;
	}




/*****************************************************************************/

@media only screen and (max-width: 1118px) {


/*　メニュー　*/

.area-concept img {width: 44%;}


/******　ブランドページ　******/




}



/*****************************************************************************/

@media only screen and (max-width: 980px) {


.nofes-category .cat-grid2 .text-area {margin-bottom: 0;}


}



/*****************************************************************************/

@media only screen and (max-width: 768px) {


/*　メニュー　*/

.area-concept img {width: 54%;}

.nofes-category img.logo {
	width: 80%;
	margin: 15px auto 10px;
	}
.nofes-category .cat-grid2 .text-area p {padding: 0 2%;}


/******　ブランドページ　******/




}



/*****************************************************************************/

@media only screen and (max-width: 600px) {


/*　メニュー　*/

.area-concept img {width: 68%;}

.nofes-category img.logo {width: 90%;}
.nofes-category .cat-grid2 .text-area p {
    line-height: 160%;
    padding: 0;
	}


/******　ブランドページ　******/




}



/*****************************************************************************/

@media only screen and (max-width: 479px) {



/*　メニュー　*/

.area-concept img {width: 80%; margin-bottom: 0;}
.area-concept.bottom {
    background-image: url(../img/category/nofes/concept_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 60%;
    padding: 5px 2.5% 20px;
	margin-bottom: 20px;
	}
.area-concept.bottom p {
    font-size: 14px;
	line-height: 150%;
	}

.nofes-category {margin-bottom: -5px}
.nofes-category .cat-grid2 .text-area {padding: 6%;}
.nofes-category img.logo {width: 90%; margin: 5px 0;}
.nofes-category .cat-grid2 .text-area p {font-size: 14px;}


/*****　カテゴリーページ　*****/

.lineup-list li {
    /*float: left;*/
	font-size: 15px;
	display: inline-block;
	}
.lineup-list li:after {
    content:none;
	padding: 0;
	}
.lineup-list li a {
    display: block;
	background-color: #eee;
	padding: 10px 25px;
	margin: 0 5px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

/******　ブランドページ　******/


/*　トップライナー　*/


.topliner-voice .cat-grid2 { margin-bottom: 0;}


}



/*****************************************************************************/

@media only screen and (max-width: 380px) {


/*　メニュー　*/

.area-concept img {width: 90%;}

.nofes-category .cat-grid2 .text-area {padding: 5%;}
.nofes-category img.logo {width: 100%;}


}



/*****************************************************************************/

@media only screen and (max-width: 320px) {

}