@charset "utf-8";

/* ---------------------------------------------

               共通

---------------------------------------------- */

ul#globalUl { text-align:center;}

    ul#globalUl li {
        display:inline-block;
        padding: 0 15px;
    }

/*----------*/

dl.quoteDl {}

    dl.quoteDl dt {
        width:30px;
        float:left;
    }
    
        dl.quoteDl dt img {
            width:100%;
            height:auto;
        }
    
    dl.quoteDl dd {
        padding-left: 60px;
    }



dl.quoteDl02 {}

    dl.quoteDl02 dt {
        width:20px;
        float:left;
        line-height:1;
    }
    
        dl.quoteDl02 dt img { width: 100%; height:auto;}
    
    dl.quoteDl02 dd {
        padding-left: 35px;
    }
    
        dl.quoteDl02 dd p {
            font-size:13px;
            line-height:1.6;
        }
    
/*---section01---*/
ul.box3 { list-style:none;}

    ul.box3 li {
        float:left;
        width:318px;
        margin-left:3px;
    }
    ul.box3 li:first-child { margin-left:0;}
    
/*---section02---*/


/*--pager--*/
UL.pagerUl { list-style:none;}

    UL.pagerUl li {
        float:left;
        width:19.7916666666%;
        margin-left:0.260416666666%;
        margin-bottom:2px;
    }
    UL.pagerUl li:nth-child(5n+1) { margin-left:0;}
    
        UL.pagerUl li a {
            display:block;
            line-height:1;
            text-align:center;
            font-size:13px;
            font-weight:bold;
            line-height:50px;
            background:#f2f2f2;
        }
        
        UL.pagerUl li a:hover,
        UL.pagerUl li a.active {
            background:#523d23;
            color:#fff;
            text-decoration:none;
        }

/*------NEWS-----*/
dl#newsDl { border-top:1px solid #dedede;}

    dl#newsDl dt {
        float: left;
        clear: left;
        width:125px;
        padding: 25px 0;
        font-size:16px;
        font-style:italic;
    }
    
    dl#newsDl dd {
        padding: 25px 0 25px 125px;
        border-bottom:1px solid #dedede;
        font-size:16px;
    }

/*------SPECIAL COLUMS-----*/  
ul.columsUl {
    list-style:none;
}

    ul.columsUl li {
        float:left;
        width:225px;
        margin-left:25px;
    }
    
        ul.columsUl li a { display:block;}
        
        ul.columsUl li a:hover { text-decoration:none;}
    
/*------INSTAGRAM-----*/    
ul#instafeed { list-style:none;}

    ul#instafeed li {
        float:left;
        width:12.5%;
    }    
        ul#instafeed li img { width:100%; height:auto;}

 
/*------SHOP-----*/
ul.shopInfoUl {
    list-style:none;
    padding-bottom:20px;
} 

    ul.shopInfoUl li {
        float: left;
        width:155px;
        margin-left:6px;
        margin-bottom:6px;
    }
    
    ul.shopInfoUl li:nth-child(6n+1) { margin-left:0;}
    
        ul.shopInfoUl li a {
            display:block;
            text-align:center;
            line-height:50px;
            font-size:13px;
            font-weight:bold;
            background:#f2f2f2;
            transition:all 0.3s linear;
            -webkit-transition:all 0.3s linear;
            -moz-transition:all 0.3s linear;
        }
        
        ul.shopInfoUl li a:hover,
        ul.shopInfoUl li.ui-state-active a {
            color:#fff;
            background:#523d23;
        }



/*------footer-----*/        
ul.footerNav {
    text-align:center;
    padding-bottom:13px;
}

    ul.footerNav li {
        display: inline-block;
        line-height:1;
        padding: 0 10px;
        vertical-align:middle;
        color:#fff;
        font-weight:bold
    }
    
    ul.footerNav.footerNav02 li { font-size:12px;}
    
    ul.footerNav li span {
    }
    
        ul.footerNav li a {
            font-weight:bold;
            color:#fff;
        }

/* ---------------------------------------------

               パンくず

---------------------------------------------- */
ul#breadUl { text-align:center;}

    ul#breadUl li {
        display:inline-block;
        font-size:13px;
        line-height: 13px;
    }
    
        ul#breadUl li a {
            display:block;
            background: url(../files/icon/arrow03.png) left center no-repeat;
            padding: 0 20px 0 10px;
        }
        
     ul#breadUl li.last {
        background: url(../files/icon/arrow03.png) left center no-repeat;
        padding: 0 20px 0 10px;
        max-width:50%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
     }




/* ---------------------------------------------

               VOICE

---------------------------------------------- */

dl.voiceDl { padding-bottom:40px;}

    dl.voiceDl dt {
        float:left;
        width:220px;
    }
    
        dl.voiceDl dt img { width:100%; height:auto;}
    
    dl.voiceDl dd {
        padding: 0 0 0 250px;
    }
    
        dl.voiceDl dd h3 {
            font-size:18px;
            font-weight:normal;
            padding-bottom:25px;
            line-height:1;
        }
        
        dl.voiceDl dd p {
            font-size:15px;
            padding-bottom:15px;
        }
        
        dl.voiceDl dd p img {
            display:block;
            max-width:100%;
            height:auto;
            margin-bottom:15px;
        }
/* ---------------------------------------------

               商品詳細

---------------------------------------------- */
ul.subNaviUl {
    list-style:none;
    padding:15px 20px 0;
}

    ul.subNaviUl li {
        display:inline-block;
        margin-right:20px;
    }
    
        ul.subNaviUl li a {
            display:block;
            background:url(../files/icon/arrow03.png) left center no-repeat;
            padding: 5px 5px 5px 20px;
        }
        
ul.recentUl {
    list-style:none;
    padding: 15px 30px 0;
}

    ul.recentUl li {
        background:url(../files/icon/check.png) left center no-repeat;
        padding-left: 20px;
    }
    
/*-----おすすめ-----*/
ul.kanrenUl { list-style:none;}

    ul.kanrenUl li {
        float:left;
        width:234px;
        margin-left: 8px;
    }
        
        ul.kanrenUl li:first-child { margin-left:0;}
        
        ul.kanrenUl li a { display:block;}
        
        ul.kanrenUl li a:hover {
            text-decoration:none;
        }
 
 
/* ---------------------------------------------

               ブランドストーリー
               
---------------------------------------------- */
 ul.pagerUl03 {
     list-style:none;
     position: fixed;
     top:50%;
     right:2%;
     margin-top:-30px;
     z-index:9999;
 }
 
     ul.pagerUl03 li {}
     
        ul.pagerUl03 li a {
            display: inline-block;
        }
        
        ul.pagerUl03 li a:hover {
            text-decoration:none;
            color:#80ceeb;
        }
 
/* ---------------------------------------------

               CONTACT

---------------------------------------------- */
/*----------お問い合わせ---------*/

dl.contactDl {}

	dl.contactDl dt {
	}
	
		dl.contactDl dt.dt01 {
			font-weight: bold;
			font-size:13px;
			width: 200px;
			float: left;
			clear: left;
			line-height:40px;
		}
        
        dl.contactDl dt.dt01:before {
            content:url(../files/icon/arrow03.png);
            margin-right:10px;
        }
		
			dl.contactDl dt.dt01.hissu {
                background:url(../files/contents/contact/hissu.png) 92% center no-repeat;
			}
		
		dl.contactDl dd.dd01 {
			padding: 0 0 15px 200px;
		}

dl.contactDl02 {margin-top: -15px;}
	
		dl.contactDl02 dt {
			font-size: 13px;
			font-weight: bold;
		}
	
			dl.contactDl02 dt.dt02 {
				float: left;
				line-height:40px;
				width: 90px;
				padding-top:15px;
			}
			
			dl.contactDl02 dd.dd02 {
				padding: 15px 0 0 100px;
			}
			
				dl.contactDl02 dt:first-child,
				dl.contactDl02 dd:first-child { padding-top:0;}
			
ul.contactUl { list-style: none;}

	ul.contactUl li { float: left;}
	
		ul.contactUl li.li01 {
			width: 35px;
			line-height:47px;
		}
		
		ul.contactUl li.li02 {
			width: 270px;
		}
		
		ul.contactUl li.li03 {
			width: 200px;
			line-height:47px;
		}
		
			a.zipA {
				color: #dc1e37;
				text-decoration: underline;
			}
			a.zipA:hover { text-decoration: none;}
/*            
span.hissu {
    display:inline-block;
    background:#e34c45;
    color:#fff;
    line-height:20px;
    font-size:12px;
    font-weight:bold;
    padding: 0 10px;
    border-radius:5px;
    text-indent:0;
}*/
 


/* ---------------------------------------------

               articles

---------------------------------------------- */

ul.articlesUl {
    list-style:none;
    padding: 30px 0;
    border-bottom: 1px solid #d0d0d0;
}
 
    ul.articlesUl li {
        float:left;
        line-height:30px;
    }
    
    ul.articlesUl li.cate {
        width:100px;
        text-align:center;
        color:#fff;
        font-size:12px;
        letter-spacing:0;
    }
    
        /*----以下アイコン色の設定になります。カテゴリーのスラッグとクラス名を同一にしてください。----*/
        /*---ブログカテゴリー用カラー設定---*/
        ul.articlesUl li.cate.shop01,
        ul.categoryUl li a.shop01 { background-color:#a27812;}
        ul.articlesUl li.cate.shop02,
        ul.categoryUl li a.shop02 { background-color:#61649a;}
        ul.articlesUl li.cate.shop03,
        ul.categoryUl li a.shop03 { background-color:#98619a;}
        ul.articlesUl li.cate.shop04,
        ul.categoryUl li a.shop04 { background-color:#ebce2b;}
        ul.articlesUl li.cate.shop05,
        ul.categoryUl li a.shop05 { background-color:#8ccdcc;}
        ul.articlesUl li.cate.shop06,
        ul.categoryUl li a.shop06 { background-color:#879a61;}
        ul.articlesUl li.cate.shop07,
        ul.categoryUl li a.shop07 { background-color:#e4a86b;}
        ul.articlesUl li.cate.new-info,
        ul.categoryUl li a.new-info { background-color:#e82f6c;}
        ul.articlesUl li.cate.staff-blog,
        ul.categoryUl li a.staff-blog { background-color:#bbb9ad;}
        ul.articlesUl li.cate.shop-info,
        ul.categoryUl li a.shop-info { background-color:#df8082;}
        /*---追加用---*/
        ul.articlesUl li.cate.blog-cate01,
        ul.categoryUl li a.blog-cate01 { background-color:#99d737;}
        ul.articlesUl li.cate.blog-cate02,
        ul.categoryUl li a.blog-cate02 { background-color:#d7c237;}
        ul.articlesUl li.cate.blog-cate03,
        ul.categoryUl li a.blog-cate03 { background-color:#d73737;}
        ul.articlesUl li.cate.blog-cate04,
        ul.categoryUl li a.blog-cate04 { background-color:#51ce92;}
        ul.articlesUl li.cate.blog-cate05,
        ul.categoryUl li a.blog-cate05 { background-color:#425b52;}
        /*---ニュースカテゴリー用カラー設定---*/
        ul.articlesUl li.cate.cate-news,
        ul.categoryUl li a.cate-news { background-color:#9a9161;}
        ul.articlesUl li.cate.media,
        ul.categoryUl li a.media { background-color:#619a6f;}
        ul.articlesUl li.cate.news-event,
        ul.categoryUl li a.news-event { background-color:#df8082;}
        ul.articlesUl li.cate.news-cate01,
        ul.categoryUl li a.news-cate01 { background-color:#9bbfcc;}
        /*---コラムカテゴリー用カラー設定---*/
        ul.articlesUl li.cate.hiroaki-ikeda,
        ul.categoryUl li a.hiroaki-ikeda { background-color:#96856f;}
        ul.articlesUl li.cate.kasumi-saitoh,
        ul.categoryUl li a.kasumi-saitoh { background-color:#9bbfcc;}
        div.colum-cate01,
        ul.articlesUl li.cate.colum-cate01,
        ul.categoryUl li a.colum-cate01 { background-color:#619a6f;}
        div.colum-cate02,
        ul.articlesUl li.cate.colum-cate02,
        ul.categoryUl li a.colum-cate02 { background-color:#df8082;}
    
    ul.articlesUl li.date {
        font-size:13px;
        width:120px;
        text-align:center;
        background:url(../files/contents/blog/bar.png) right center no-repeat;
    }
    
    ul.articlesUl li.title {
        width: 720px;
        margin-left: 20px;
    }


ul.categoryUl {
    list-style:none;
    text-align:center;
}

    ul.categoryUl li {
        display:inline-block;
        padding: 0 3px;
        margin-bottom:10px;
    }
    
        ul.categoryUl li a {
            display:inline-block;
            padding:10px 15px;
            line-height:1;
            font-size:12px;
            color:#fff;
        }
        
        ul.categoryUl li a:hover {
            text-decoration:none;
        }


/* ---------------------------------------------

               page nation

---------------------------------------------- */        
ul#pagenationUl {
    list-style: none;
    text-align:center;
    position:relative;
}

    ul#pagenationUl li.prevLi {
        float:left;
        width:80px;
        line-height: 50px;
    }
    
    ul#pagenationUl li.backLi {
        position:absolute;
        top:0;
        left: 50%;
        margin-left:-115px;
        display: inline-block;
        text-align: center;
        line-height: 50px;
        width:230px;
    }

    ul#pagenationUl li.nextLi {
        float:right;
        width:80px;
        line-height: 50px;
    }
    
        ul#pagenationUl li.prevLi a,
        ul#pagenationUl li.backLi a.btnBackA,
        ul#pagenationUl li.nextLi a {
            display:block;
            transition: all 0.3s linear;
            -weblit-transition: all 0.3s linear;
            -moz-transition: all 0.3s linear;
        }
            
        ul#pagenationUl li.prevLi a:hover,
        ul#pagenationUl li.backLi a:hover.btnBackA,
        ul#pagenationUl li.nextLi a:hover {
            text-decoration:none;
        }
        ul#pagenationUl li.backLi a.btnBackA {
            line-height:50px;
            text-align:center;
            color:#fff;
            background:url(../files/icon/arrow01.png) 96% center no-repeat #523d23;
            margin: 0 auto;
        }
        
        ul#pagenationUl li.backLi a:hover.btnBackA {
            color:#523d23;
            background:url(../files/icon/arrow02.png) 97% center no-repeat #f7f7f9;
        }
        
        ul#pagenationUl li.prevLi a { background: url(../files/icon/arrow02-2.png) 10px center no-repeat #f7f7f9;}
        ul#pagenationUl li.nextLi a { background:url(../files/icon/arrow02.png) 63px center no-repeat #f7f7f9;}
        
        ul#pagenationUl li.prevLi a:hover {
            color:#fff;
            background:url(../files/icon/arrow01-2.png) 7px center no-repeat #523d23;
        }
        ul#pagenationUl li.nextLi a:hover {
            color:#fff;
            background:url(../files/icon/arrow01.png) 66px center no-repeat #523d23;
        }
     
 
/* ---------------------------------------------

               SITEMAP

---------------------------------------------- */     
ul.sitemapUl { list-style:none;}

    ul.sitemapUl li {
        text-align:center;
        padding: 10px 0;
    }
    
        ul.sitemapUl li a.nabA {
            color:#000;
            margin-left:-15px;
        }
        ul.sitemapUl li a.nabA:after { background:#000!important;}