@charset "utf-8";

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

               共通

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

/*--背景色--*/
.bgG { background:#f2f2f2;}
.bgBB,
.kasumi-saitoh { background:#9bbfcc;}
.bgBR { background:#523d23;}
.bgBR02,
.hiroaki-ikeda { background:#96856f;}
.bgBY { background:#f2eee9;}


.pcV { display: none;}

p.clearP { clear:both;}



.shadowText {
        text-shadow: 0px 3px 3px rgba(0,0,0,0.5);
        -webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.5);
        -moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.5);
}
/* ---------------------------------------------

               テーマ

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

div.theme {
    height:350px;
}

div#themeConcept { background:url(../files/contents/concept/theme.jpg) center center no-repeat; background-size:cover;}
div#themeStory { background:#ded7cb;}
div#themeProducts { background:url(../files/contents/products/theme.jpg) center center no-repeat; background-size:cover;}
div#themeShop { background:url(../files/contents/shop/theme.jpg) center center no-repeat; background-size:cover;}
div#themeBlog { background:url(../files/contents/blog/theme.jpg) center center no-repeat; background-size:cover;}
div#themeNews{ background:url(../files/contents/news/theme.jpg) center center no-repeat; background-size:cover;}
div#themeContact{ background:url(../files/contents/contact/theme.jpg) center center no-repeat; background-size:cover;}


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

               コンテナ

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

div#containerWrap {
    padding: 20px 0 70px;
    border-bottom:1px solid #ccbe9b;
}

div#container {
    width:960px;
    margin: 0 auto;
}


    div.contentsSec {}




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

               こだわり

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

div.contentsBox50 {
    float:left;
    width:470px;
    margin-left:20px;
    margin-bottom:40px;
}

div.contentsBox50:nth-child(odd) { margin-left:0}

    div.contentsBox50 a { display:block;}
    div.contentsBox50 a:hover { text-decoration:none;}
    
    
    div.contentsBox50 div.imgBox {
        height:313px;
        overflow:hidden;
    }
    
        div.imgBox img { width:100%; height:auto;}

    div.strBox {}
    
        div.strBox h2,
        div.strBox02 h2 {
            text-align:center;
            font-weight:normal;
            font-size:18px;
            padding: 25px 0;
            line-height:1.4;
        }
        div.strBox h2.bb { color:#80ceeb;}
        
        div.strBox p.str {
            font-size:15px;
            padding: 0 10px;
        }

/*-----下層用-----*/

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

    div.strBox02 p { padding-bottom:30px;}
    
div.imgDiv05 { width:100%;}

    div.imgDiv05 img { width:100%; height:auto;}
    
    
/* ---------------------------------------------

               商品案内

---------------------------------------------- */
div#subNavBox {
    padding-top:40px;
}

    div#subNavBox h2 {
        font-size:20px;
        text-align:center;
        line-height:1;
        color:#c2c2c2;
        padding-bottom:20px;
        letter-spacing:0.3em;
    }
    
    div.strBox p.priceP {
        line-height:1;
        font-size:13px;
        text-align:center;
        padding-bottom:25px;
    }

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

               商品詳細

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

div#subNavBox03 {
    background:#f2f2f2;
    padding:10px;
    margin-top:20px;
}
div#subNavBox03Inner {
    padding:20px;
    background:#fff;
}

    div#subNavBox03 h2 {
        font-size:18px;
        text-align:center;
        line-height:1;
        padding-bottom:15px;
        border-bottom:1px solid #523d23;
    }
    
div.itemPhoto {
    max-width:800px;
    margin-bottom:30px
}
    
    div.itemPhoto img { width:100%; height:auto;}
    
div.itemDesc { padding: 10px 0 40px;}

div.recentBox {
    background:#f2f2f2;
    padding: 20px 30px 30px;
    margin-top:40px;
}

    div.recentBox h3 {
        font-size:25px;
        text-align:center;
    }
    
/*-----おすすめ-----*/

div.kanrenSec {
    margin-top:80px;
    padding-top:40px;
    border-top: 1px solid #523d23;
}

    div.kanrenSec h3 {
        padding-bottom:30px;
        text-align:center;
        font-size:24px;
    }

    div.kannrennBox {}
    
        div.kanrenImg {}
        
            div.kanrenImg img { width:100%; height:auto;}
            
        div.kanrenStr {
            text-align:center;
            font-size:17px;
            color:#80ceeb;
            padding:10px 0;
        }


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

           ブランドストーリー

---------------------------------------------- */
#story01 {
    background:url(../files/contents/story/back01.jpg) center center no-repeat;
    background-size:cover;
}

    div.sectionInner {
        width:960px;
        margin:0 auto;
        padding: 200px 0 160px;
    }
    
        div.sectionInner h3 {
            font-size:28px;
            color:#fff;
            text-align:center;
            padding-bottom:40px;
        }
        
        div.sectionInner p {
            text-align:center;
            color:#fff;
            font-size:18px;
        }

#story02 {
    background:url(../files/contents/story/back02.jpg) center center no-repeat;
    background-size:cover;
}
#story03 {
    background:url(../files/contents/story/back03.jpg) center center no-repeat;
    background-size:cover;
}

    div.imgLogo {
        text-align:center;
        padding: 50px 0 80px;
    }
    
    div.sectionInner h3.bl,
    div.sectionInner p.bl {
        color:#523d23;
    }


    div.arrowU {
        width:960px;
        margin: 0 auto;
        text-align:center;
        padding: 10px 0;
    }


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

               店舗紹介

---------------------------------------------- */
div#subNavBox02 {
    padding-bottom:40px;
}

    div.shopInfoBox {
        padding-top:10px;
    }
        
        div.shopInfoBox p.midashiP {
            font-size:20px;
        }
    
        div.shopInfoBox p.shopStr {
            padding: 10px 0 20px;
        }
    
        div.shopInfoBox p.detailP {
        }
#shopListWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


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

               店舗紹介-詳細

---------------------------------------------- */
div#subNavBox04 {
    padding:40px 0 30px;
}

div#left,
div#left02 {
    float:left;
    width:460px;
}

    .bx-pager02 {
    }
    
    .pagerUl2 { list-style:none;}
    
        .pagerUl2 li {
            float:left;
            width:24%;
            margin-left:1.33333%;
        }
        
        .pagerUl2 li:first-child { margin-left:0;}
        
        .bx-pager02 a {
            display:inline-block;
        }
            .bx-pager02 a img { width:100%; height:auto;}

div#right,
div#right02 {
    float:right;
    width:460px;
}

    div#right H3,
    div#right02 H3 {
        font-size:20px;
        line-height:1.5;
        padding-bottom:20px;
    }
    
    div#right p,
    div#right02 p {
        padding-bottom:20px;
    }


div.mapBox {
    position:relative;
    width:100%;
    padding-top:40%;
    overflow:hidden;
    margin-top:50px;
}

    div.mapBox iframe,
    div.mapBox object,
    div.mapBox embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }

div.recentSec {
    padding:40px 0;
}

    div.recentSec h3 {
        padding-bottom:30px;
        text-align:center;
        font-size:24px;
    }

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

               バケットの作り方

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

section.section01 {
    padding: 40px 0;
}
section.section01:first-child { padding-top:0;}

    section.section01 h3 {
        text-align:center;
        font-size:28px;
        font-weight:normal;
        padding-bottom:15px;
        line-height:1.5;
    }
    
    div.arrow {
        text-align:center;
        padding-top:50px;
    }
    
    div.imgDiv04 {
        max-width:600px;
        margin: 0 auto;
    }
    
        div.imgDiv04 img { width:100%; height:auto;}

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

               CONTACT

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

div#contactWrap {
    padding:70px 0 90px;
}

    p.contactP {
        font-size:15px;
        text-align:center;
        padding-bottom:30px;
    }


    div.attention {
        background:#f1f1f1;
        padding: 20px 0 25px;
    }
    
        div.attention p { text-align:center;}
        
        div.attention p.p01 {}
    
        
        div.attention p.tel { padding: 10px 0;}
        
            div.attention p.tel a {
                font-size:30px;
            }
            div.attention p.tel a:hover,
            div.attention p.p03 a:hover { text-decoration:none;}
        
        div.attention p.p02 {}
        
            div.attention p.p02 span {
                display:inline-block;
                background:#523d23;
                color:#fff;
                padding:5px 20px;
            }
        
        div.attention p.time {
            font-size:13px;
            padding:10px 0
        }
        
        div.attention p.p03 {}
        
            div.attention p.p03 a {
                font-size:13px;
                display:inline-block;
                background:#523d23;
                color:#fff;
                padding:5px 20px;
            }
        
        
div.btnBack {
    text-align:center;
    padding-top:30px;
}


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

               プラポリ

---------------------------------------------- */
section.contentsSec h5 {
    font-size:15px;
    padding-bottom:20px;
}

section.contentsSec ul,
section.contentsSec ol {
    padding-left:20px;
}
    section.contentsSec ul li,
    section.contentsSec ol li {
        color:#000;
    }
/* ---------------------------------------------

               コンテンツ

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

section.contentsSec {
    margin: 0 auto;
    padding:15px 0;
}

    section.contentsSec p {
    }
/* ---------------------------------------------

               PRODUCTS

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

               articles

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

div#articleWrap { padding:40px 0;}

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

               ページナビ

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

div#page_navi {
    padding: 30px 0 0;
}

.wp-pagenavi {
	clear: both;
    text-align:center;
}

    .wp-pagenavi a,
    .wp-pagenavi span {
        text-decoration: none;
        padding: 10px 15px;
        margin: 2px;
        color:#000;
        background:#e5e5e5;
    }
        /*--現ページ・次へ・戻るボタンを非表示--*/
        .wp-pagenavi span.pages,
        .wp-pagenavi a.previouspostslink,
        .wp-pagenavi a.nextpostslink {display:none;}
        
    
    .wp-pagenavi a:hover,
    .wp-pagenavi span.current {
        color:#fff;
        background:#523d23;
    }
    
    .wp-pagenavi span.current {
        color:#fff;
        background:#523d230;
    }
  
 
/* ---------------------------------------------

               single

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

div#singleWrap { padding:10px 0 30px}

    div#singleWrap P {
        padding-bottom:20px;
    }
        
     div#singleWrap img {
         display:block;
         max-width:800px;
         height:auto;
         margin: 0 auto;
     }
     
     
        div#singleWrap a:link { color:#cc1824;}
        div#singleWrap a:hover { color:#cc1824;}
        div#singleWrap a:active { color:#cc1824;}
        div#singleWrap a:visited { color:#cc1824;}
        
/*---Page Nation---*/
div#pagenation {
    margin:0 auto;
    padding: 30px 0 0;
}

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

               404 error

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

a.backHome{
    display:block;
    padding: 13px 0;
    width:180px;
    margin: 0 auto;
    line-height:1;
    text-align:center;
    font-weight:bold;
    background:#cc1824;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    color:#fff;
}

a:hover.backHome {
    text-decoration:none;
}