@charset "utf-8";

@media screen and (max-width: 560px) {
}

body {
	font-size: 12px;
	line-height:1.6;
}

.w1200 {
    width:100%;
    margin: 0 auto;
}


.spV { display:none;}
.pcVi { display: inline;}
.pcVb { display: block;}

img.w100 { width:100%; height:auto;}

p.cc {
    text-align:left;
}

p.imgP { padding-bottom:15px;}

.padB25 { padding-bottom:20px;}
.padT30 { padding-top:20px;}
.padB30 { padding-bottom:20px;}
.padT50 { padding-top:20px;}

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

               ローディング

---------------------------------------------- */
.pace::after {
    content:" ";
    display:block;
    width:100px;
    height:50px;
    margin-top:-25px;
    margin-left:-50px;
    background:url(../../files/index/logo.png) center center no-repeat;;
    background-size:contain;
}

    .pace::after img { width:100%; height:auto;}
/* ---------------------------------------------

               ヘッダー

---------------------------------------------- */
    
    /*---オンラインショップ--*/
    div#shopLink {
        display:none;
    }

    nav#globalNav {
        padding:10px 0;
    }

/*--全画面--*/
div#headerWrapIndex {}


    div#themeTop {
        width:300px;
        position:absolute;
        left:50%;
        top:50%;
        margin-left:-150px;
        margin-top:-150px;
    }
    
    div#scrollBtn {
        width:160px;
        position:absolute;
        bottom:-15px;
        left:50%;
        margin-left:-80px;
    }
    
        div#themeTop img,
        div#scrollBtn img { width:100%; height:auto;}





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

               グローバル

---------------------------------------------- */
/* ナビゲーションアイコン */
#navWrap .navBtn {
    display: block;
}

div#navWrap {
}

/* オーバーレイ */
.overlay {
}
/* ナビゲーション */
#navWrap nav {
}
/* ナビゲーション：アクティブ時 */
#navWrap.navOpen nav {
    opacity: 1;
    right: 0;
    top:5%;
}
    #navWrap nav ul {
        list-style:none;
    }
        #navWrap nav ul li {
            text-align:center;
        }
        
    /*--global--*/    
     #navWrap nav ul.nav { padding-bottom:20px;}
     
        #navWrap nav ul.nav li { padding-bottom:10px;}
        
            #navWrap ul.nav li a {
                font-size:15px;
                color:#fff;
            }
    
    /*--SNS title--*/
    
    div#snsTitle02 {
        border:1px solid #fff;
        width:180px;
        font-size:18px;
        margin: 0 auto;
        line-height:40px;
        text-align:center;
        font-weight:bold;
        color:#fff;
    }
    
    /*--SNS--*/
            
     #navWrap nav ul.nav02 { padding-top:20px;}
     
         #navWrap nav ul.nav02 li { padding-bottom:10px;}
         
            #navWrap nav ul.nav02 li a {color:#fff;}
                        
        a.nabA {
            display:inline-block;
            text-decoration:none;
            margin: 0 auto;
            padding: 5px 0;
            font-weight:bold;
            flex: 1 1 auto;
            text-transform: uppercase;
            position: relative;
            overflow:hidden;
            transition: .3s;
            line-height:1;
        }
          a.nabA:after {
              display:none;}
         a:hover.nabA {
             text-decoration:none;
         }
            a:hover.nabA:after {
              width: 100%;
              left: 0;
            } 


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

              コンテンツ部分

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

div.w960 {
    width:initial;
    margin: 0 auto;
}
div.w1000 {
    width:initial;
    margin: 0 auto;
}
.w600 {
    width:initial;
    margin: 0 auto;
}
.w800 {
    width:initial;
    margin: 0 auto;
}

a.anchorA {
    display:block;
    padding-top:100px;
    margin-top:-100px;
}


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

               メイン

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

/*--section1--*/
div#section01 { padding:50px 20px 30px;}

    a.blockA {}
    a:hover.blockA {}

    div.runkingBox {
        overflow:hidden;
        position:relative;
    }
    
        div.imgDiv {
            width:100%;
            height: auto;
        }
        
            div.imgDiv img {}
            
        div.runkStr {}
        
            div.runkStr p {
                text-align:center;
                font-size:16px;
                line-height:1;
            }
        
            p.runkItem {
                padding:16px 0 10px;
            }
            
        div.iconNew {}
    
/*--section2--*/   
div#section02 {
    padding:50px 0;
    background:#ebebeb;
}

    div.bg_img {
        width:100%;
        margin: 0 auto;
    }
    
    div.cateStrBox {
        padding: 30px 0;
    }
    
        div.cateStrBox p {
            text-align:left;
            line-height:1.4;
            padding: 0 20px;
        } 
        
        div.cateStrBox p.midashiP {
            font-size:15px;
            padding-bottom:15px;
        }
        
        
/*--section3 新商品--*/
div#section03 {
    background-size: cover;
    padding: 46px 0;
}

    div#midSection {}
    
        div.newL {
            float: none;
            width:initial;
            margin: 0 20px;
        }
            
        div.newR {
            float: none;
            width: initial;
            margin: 0 20px;
            padding-top:15px;
        }
        
        
            div.newR p.midashiP {
                font-size:15px;
                padding-bottom:15px;
                line-height:1.4;
            }
            
     div.detailAbox {}
        
        a.detailAb {
            display:block;
            width:230px;
            line-height:50px;
            text-align:center;
            color:#fff;
            margin: 0 auto;
        } 
        
        a.detailAb03 {
            display:block;
            width:300px;
            line-height:50px;
            text-align:center;
            color:#fff;
            margin: 0 auto;
        } 
        
        p.btnP {
            padding-top:20px;
            text-align:center;
        }
        
        a.detailAb02 {
            display:inline-block;
            line-height:50px;
            text-align:center;
            color:#523d23;
            padding: 0 30px;
            margin: 0 auto;
        }
        
        a.detailAw {
            display:block;
            width:230px;
            line-height:50px;
            text-align:center;
            color:#523d23;
            margin: 0 auto;
        }
        
        a.detailAt {
            margin:0 auto;
        }
        
        a.detailAr {
            display:block;
            width:230px;
            line-height:50px;
            text-align:center;
            color:#fff;
            margin: 0 auto;
        }
            
/*--section4--*/
div#section04 {
    padding: 50px 20px 30px;
    background:#ebebeb;
}

    div.runkStr p.bnStr {
        padding-top:17px;
        line-height:1.4;
    }

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

               NEWS

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

div#section05 {
    padding: 50px 20px;
}

div#newsWrap { padding-bottom:40px;}

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

               スタッフブログ

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

div#section06 { padding: 50px 20px;}
    
        div.imgDiv02 {
            text-align:center;
            width:100%;
            height: auto;
            overflow:hidden;
        }
        
            div.imgDiv img { width:100%; height:auto;}

    div.runkStr p.blogStr {
        text-align:left;
        font-size:13px;
        padding-top:15px;
        margin-bottom:15px;
    }
    
    div.detailAbox03 { padding-top:15px;}

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

               SPECIAL COLUMS

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

div#section07 { padding: 40px 0;}

    div.columsWrap { padding-top:30px;}

    div.columsBox { position:relative;}

/* ---------------------------------------------
            
                Instagram

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

div#section08 { padding: 50px 0;}

div#instaWrap {
    overflow:hidden;
    padding-bottom:30px;
}

    a.instA {
        color:#fff;
    }
    a:hover.instA { text-decoration:none;}
    
        a.instA:before {
        }

    div#section08 p { padding: 0 20px;}


/* ---------------------------------------------
            
                SHOP

---------------------------------------------- */
div#section09 { padding: 50px 0 0;}

    div#tabs_container { padding: 20px 20px 40px;}
    
        div.shopInfoBoxL {
            float: none;
            width:initial;
            text-align: left;
            padding: 0;
        }
        
            div.shopInfoBoxL img { width:100%; height:auto;}
    
        div.shopInfoBoxR {
            padding-top:20px;
            float: none;
            width:initial;
        }
        
            div.shopInfoBoxR p { margin-left:0;}
        
            div.shopInfoBoxR p.midashiP {
                font-size:16px;
                text-align:center;
            }
        
            div.shopInfoBoxR p.shopStr {
                padding: 10px 0 20px;
            }
        
            div.shopInfoBoxR p.detailP {
            }

/* ---------------------------------------------
            
                LINK

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

div#section10 { padding: 50px 20px;}
    
        div.imgDiv03 {
            text-align:center;
            width:initial;
            overflow:hidden;
        }
        
            div.imgDiv img { width:100%; height:auto;}

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

              フッター

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

footer {
}

    div#footerWrap { padding: 0 0 20px;}
	
	    div#footerTop {}
        
        div#snsBox { padding: 30px 0 30px;}
        
            div.snsTitle {
            }
	
	div#footerBottom {
	}
	
        address {
            font-size: 11px;
            text-align: center;
            font-style:normal;
            color:#fff;
        }