@charset "UTF-8";

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

               全体

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

div#wrapper {
	min-width: 320px;
	width: expression(document.body.clientWidth < 320? "320px" : "auto");
}

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

               ローディング

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

#fade { display:none;}


.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: #fff;

  overflow: hidden;
}

.pace::after {
    content:url(../files/index/logo.png);
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-55px;
    margin-left:-125px;
    z-index:2001;
}

.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  max-width: 100%;
  max-height:1px;
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  top: 55%;
  right: 100%;
  height: 100%;
  width: 100%;
  background: #6caec7;
}
.pace.pace-inactive {
  display: none;
}

/*-------シャドウ-------*/
.shadow3 {
	box-shadow: 0 0 5px #bbb;
	-moz-box-shadow: 0 0 5px #bbb;
	-webkit-box-: 0 0 5px #bbb;
}
.shadow3-rad5 {
	box-shadow: 0 0 3px #ccc;
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-: 0 0 3px #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-border-radius: 5px;
}
.rad3 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-border-radius: 3px;
}
.rad5 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-border-radius: 5px;
}

.shadow4 {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.3) inset;
  -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.3) inset;
  -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.3) inset;
}

.shadow5 {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.1) inset;
  -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.1) inset;
  -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.1) inset;
}


.pcVi { display:none;}
.pcVb { display:none;}

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

               ヘッダー

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

header {
    position:fixed;
    width:100%;
    top:0;
    z-index:1;
    background:url(../files/index/header_back.png);
}

    nav#globalNav {
        padding:18px 0;
    }
    
    /*---オンラインショップ--*/
    div#shopLink {
        position:fixed;
        top:10px;
        left:0;
    }
        

/*--全画面--*/
div#headerWrapIndex {
    background:url(../files/index/pic_mv.jpg) center center no-repeat;
    background-size: cover;
    position: relative;
}


    div#themeTop {
        position:absolute;
        left:50%;
        top:50%;
        margin-left:-200px;
        margin-top:-175px;
    }
    
    div#scrollBtn {
        position:absolute;
        bottom:-30px;
        left:50%;
        margin-left:-130px;
    }
    
    
    
    div#wrapTopSP,    
    div#wrapBottomSP { display:none;}



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

               テーマ

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


div#navWrap {
    position: relative;
    width:100%;
}

/* オーバーレイ */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
    z-index: 999;
}
/* ナビゲーション */
#navWrap nav {
    overflow:auto;
    position: fixed;
    top: 0;
    right: -100%;
    height: 100%;
    opacity: 0;
    z-index:999;
    width:100%;
}
/* ナビゲーション：アクティブ時 */
#navWrap.navOpen nav {
    opacity: 1;
    right: 0;
    top:15%;
}
    #navWrap nav ul {
        list-style:none;
    }
        #navWrap nav ul li {
            text-align:center;
        }
        
    /*--global--*/    
     #navWrap nav ul.nav { padding-bottom:40px;}
     
        #navWrap nav ul.nav li { padding-bottom:20px;}
        
            #navWrap ul.nav li a {font-size:20px;}
    
    /*--SNS title--*/
    
    div#snsTitle02 {
        border:1px solid #fff;
        width:180px;
        font-size:20px;
        margin: 0 auto;
        line-height:40px;
        text-align:center;
        font-weight:bold;
    }
    
    /*--SNS--*/
            
     #navWrap nav ul.nav02 { padding-top:30px;}
     
         #navWrap nav ul.nav02 li { padding-bottom:15px;}
         
            #navWrap nav ul.nav02 li a {}
                        
        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 {
            position: absolute;
            transition: .3s;
            content: '';
            width: 0;
            left: 50%;
            bottom: 0;
            height: 1px;
            background: #f7f7f7;
          }
         a:hover.nabA {
             text-decoration:none;
         }
            a:hover.nabA:after {
              width: 100%;
              left: 0;
            }        
 
/* ナビゲーションアイコン */
#navWrap .navBtn {
        /*display: block;*/
        display:none;
        width: 30px;
        position: fixed;
        top: 24px;
        right: 15px;
        cursor: pointer;
        z-index:2000;
}
    #navWrap .navBtn span {
            display: block;
            height: 4px;
            width: 100%;
            background: #523d23;
            border-radius: 2px;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
    }
        #navWrap .navBtn span:nth-of-type(2),
        #navWrap .navBtn span:nth-of-type(3) {
                margin-top: 5px;
        }
        
/* ナビゲーションアイコン：アクティブ */
#navWrap.navOpen .navBtn span:nth-of-type(1) {
        -webkit-transform: translateY(9px) translateX(0) rotate(45deg);
        -ms-transform: translateY(9px) translateX(0) rotate(45deg);
        transform: translateY(9px) translateX(0) rotate(45deg);
            background: #fff;
}
#navWrap.navOpen .navBtn span:nth-of-type(2) {
        margin-top: 5px;
        opacity: 0;
        -webkit-transform: translateY(9px);
        -ms-transform: translateY(9px);
        transform: translateY(9px);
}
#navWrap.navOpen .navBtn span:nth-of-type(3) {
        -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
        -ms-transform: translateY(-9px) translateX(0) rotate(-45deg);
        transform: translateY(-9px) translateX(0) rotate(-45deg);
            background: #fff;
}


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

              コンテンツ部分

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

div.w960 {
    width:960px;
    margin: 0 auto;
}
div.w1000 {
    width:1000px;
    margin: 0 auto;
}
.w600 {
    width:600px;
    margin: 0 auto;
}
.w800 {
    width:800px;
    margin: 0 auto;
}

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


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

               メイン

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

/*--section1--*/
div#section01 { padding-top:80px;}

    a.blockA { display:block;}
    a:hover.blockA { text-decoration:none;}

    div.runkingBox {
        overflow:hidden;
        position:relative;
    }
    
        div.imgDiv {
            text-align:center;
            width:318px;
            height:214px;
            background:#CCC;
            overflow:hidden;
        }
        
            div.imgDiv img { width:100%; height:auto;}
            
        div.runkStr {}
        
            div.runkStr p {
                text-align:center;
                font-size:18px;
                line-height:1;
            }
        
            p.runkItem {
                padding:16px 0 10px;
            }
            
        @import url(https://fonts.googleapis.com/css?family=Goudy+Bookletter+1911);
        div.runkNom {
            font-family: 'Goudy Bookletter 1911', serif;
            font-size:70px;
            font-style:italic;
            position:absolute;
            top:5px;
            right:15px;
            line-height:1;
        }
            
        div.iconNew {
            position:absolute;
            top:5px;
            left:5px;
            line-height:1;
        }
    
/*--section2--*/   
div#section02 { padding:90px 0;}

    div.bg_img {
        width:820px;
        margin: 64px auto 0;
    }
    
    div.cateStrBox {
        padding: 30px 0;
    }
    
        div.cateStrBox p { text-align:center;} 
        
        div.cateStrBox p.midashiP {
            font-size:20px;
            padding-bottom:10px;
        }
        
        
/*--section3 新商品--*/
div#section03 {
    background:url(../files/index/new_back.jpg) center center no-repeat;
    background-size: cover;
    padding: 46px 0;
}

    div#midSection {}
    
        div.newL {
            float:left;
            width:380px;
        }
        
            div.newL img { width:100%; height:auto;}
            
        div.newR {
            float:right;
            width:500px;
        }
        
            div.newR p.midashiP {
                font-size:20px;
                padding-bottom:15px;
            }
            
     div.detailAbox {}
        
        a.detailAb {
            display:block;
            width:230px;
            line-height:50px;
            text-align:center;
            color:#fff;
            background:url(../files/icon/arrow01.png) 96% center no-repeat #523d23;
            margin: 0 auto;
        } 
        
        a.detailAb03 {
            display:block;
            width:400px;
            line-height:50px;
            text-align:center;
            color:#fff;
            background:url(../files/icon/arrow01.png) 96% center no-repeat #9bbfcc;
            margin: 0 auto;
        } 
        
        p.btnP {
            padding-top:20px;
            text-align:center;
        }
        
        a.detailAb02 {
            display:inline-block;
            line-height:50px;
            text-align:center;
            color:#523d23;
            background:url(../files/icon/arrow02.png) 96% center no-repeat #fff;
            padding: 0 30px;
            margin: 0 auto;
        }
        
        a.detailAw {
            display:block;
            width:230px;
            line-height:50px;
            text-align:center;
            color:#523d23;
            background:url(../files/icon/arrow02.png) 96% center no-repeat #fff;
            margin: 0 auto;
        }
        
        a.detailAt {
            display:block;
            width:230px;
            line-height:40px;
            text-align:center;
            color:#523d23;
            background:url(../files/icon/arrow02.png) 96% center no-repeat;
            border: 1px solid #523d23;
            font-size:13px;
            font-weight:bold;
        }
        
        a.detailAr {
            display:block;
            width:230px;
            line-height:50px;
            text-align:center;
            color:#fff;
            background:url(../files/icon/arrow01.png) 96% center no-repeat #e81730;
            margin: 0 auto;
        }
        
        a:hover.detailAb,
        a:hover.detailAb02,
        a:hover.detailAw,
        a:hover.detailAt,
        a:hover.detailAr {
            text-decoration:none;
        }
            
/*--section4--*/
div#section04 {
    padding: 66px 0 50px;
}

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

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

               NEWS

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

div#section05 {
    padding: 40px 0 90px;
}

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

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

               スタッフブログ

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

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

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

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

               SPECIAL COLUMS

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

div#section07 { padding: 60px 0;}

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

    div.columsBox { position:relative;}
    
        div.columsImg {
            overflow:hidden;
            width:214px;
            height:214px;
            border-radius:107px;
            margin-left:8px
        }
        
            div.columsImg img {
                height:214px;
                width:auto!important;
            }
        
        div.nameBox {
            width:156px;
            line-height:40px;
            text-align: center;
            position:absolute;
            top: 60%;
        }
        
        p.titleP {
            padding: 10px 0 0;
            text-decoration:underline;
        }

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

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

div#section08 { padding: 60px 0;}

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

    a.instA {
        color:#fff;
    }
    a:hover.instA { text-decoration:none;}
    
        a.instA:before {
            content:url(../files/icon/icon_inst.png);
            margin-right:20px;
            vertical-align:-3px;
        }

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

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

div#section08 { padding: 60px 0;}

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

    a.instA {
        color:#fff;
    }
    a:hover.instA { text-decoration:none;}
    
        a.instA:before {
            content:url(../files/icon/icon_inst.png);
            margin-right:20px;
            vertical-align:-3px;
        }

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

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

    div#tabs_container { padding: 40px 0;}
    
        div.shopInfoBoxL {
            float: left;
            width:460px;
            text-align: right
        }
    
        div.shopInfoBoxR {
            float: right;
            width:500px;
        }
        
            div.shopInfoBoxR p { margin-left:40px;}
        
            div.shopInfoBoxR p.midashiP {
                font-size:20px;
            }
        
            div.shopInfoBoxR p.shopStr {
                padding: 20px 0;
            }
        
            div.shopInfoBoxR p.detailP {
            }

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

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

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

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

              フッター

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

footer {
}

    div#footerWrap { padding: 55px 0;}
	
	    div#footerTop {}
        
        div#snsBox { padding: 40px 0 16px;}
        
            div.snsTitle {
                border:1px solid #fff;
                padding: 13px 0;
                width:180px;
                margin: 0 auto;
                line-height:1;
                text-align:center;
                font-weight:bold;
                margin-bottom:26px;
                color:#fff;
            }
	
	div#footerBottom {
	}
	
        address {
            font-size: 11px;
            text-align: center;
            font-style:normal;
            color:#fff;
        }