@charset "utf-8";



*{
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;

}

ul, ol{

    list-style: none;
}

img{
    max-width: 100%;
    vertical-align:middle;
    margin: 0 auto;
/*    text-align: center; */
    border: none;
}





body {

    text-align: center;

}
herder{
  /*  text-align: center; */

}

header img{

        text-align: center;

}

#facebookico{

    float:left;
    background: url(../images/facebook_active.png) no-repeat;

}

#facebookico a{
    display: block;
}

#facebookico a:hover{ background: none;}
#facebookico a:hover img{ visibility: hidden;}

#twitterico{
    float:left;
    background: url(../images/twitter02_active.png) no-repeat;

}

#twitterico a{
    display: block;

}

#twitterico a:hover{ background: none;}
#twitterico a:hover img{ visibility: hidden;}



#satologo{
    margin: 0 auto;
    float:left;



}


#to_pc p{
     display: block;
     margin: auto;
     padding: 1em 1em;
}

#title1 {

    margin-bottom: 0.5em;
/*  border-bottom: 0.2em solid gray; */

}

#title1 img{

    margin: 0 auto;

}

#line{
    width: 100%;
    height: 1em;
    background-image: url('../images/smt_obi_06.png');
    background-repeat: repeat-x;
}


.container{

    width: 90%;
    margin: 0 auto;
    padding-top: 1.5em;

}


/*グローバルナビ*/



#gnavi{
   margin-left: 5px;
    padding-left: 10px;
    margin-bottom: 5px;
}
#gnavi ul li a{
    color:#7A7B7D;
}
/*
#gnavi ul{

    overflow: hidden;
}

#gnavi ul li{

    width: 13.432%;
    float: left;
    margin-bottom: 0.5em;
}

#gnavi ul li a{
   display:block;
    padding: 0.5em 0;
    text-decoration: none;
    color:#7A7B7D;
}

#gnavi ul li a:hover{

    color:#000000;
}

*/



#carousel-example-generic{
    clear:both;
    margin-bottom: 1em;
    padding: 1em 0 5em 0;
    background-color: #cccccc;
/*
    background-image: url(../images/food20150730.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
*/
}

#carousel slide{



}


.carousel-caption{

    margin-bottom: -1em;

}

.carousel-caption h4{
    font-size: 1em;
    font-weight: bold;
    color: #000000;
    text-shadow: 3px 3px 3px rgba(0,0,0,.4);
    background-color: #ffffff;
    opacity: 0.8;
    padding: 0.5em 0;
    width: 70%;
    margin: 0 auto;

/*    margin-left: 10%;
    margin-right: 10%;  */

}

.carousel-caption p{


}

.carousel-indicators {
    bottom: 10px;
}






ul li a{

    text-decoration: none;

}


/*
#contents{

    overflow: hidden;


}   */


.breadcrumb{

    text-align: left;

}


#sidemenu{

    overflow: hidden;
 /* width: 70%;     */
}


#sidemenu ul{
  /*  text-align: left; */

}


#sidemenu ul li{
     /*   float:left;  */
    border-top: dotted #cccccc 0.2em;


}


#wine1 {

}

#wine1 a:hover{ background-color:#F5F5F5;}

#beer a:hover{ background-color:#F5F5F5;}

#delivery a:hover{ background-color:#F5F5F5;}

#delivery2 a:hover{ background-color:#F5F5F5;}

#food a:hover{ background-color:#F5F5F5;}

#map a:hover{ background-color:#F5F5F5;}

#delivery a:hover{ background-color:#F5F5F5;}

#webshop a:hover{ background-color:#F5F5F5;}

#haitatu a:hover{ background-color:#F5F5F5;}

#support a:hover{ background-color:#F5F5F5;}

.last{

    border-bottom: dotted #cccccc 0.2em;
}


#sidemenu ul li a{
    display: block;
    padding:0.5em;
    color:#7A7B7D;
    text-decoration: none;

}

#sidemenu a:hover{
    color: #000000;

}

#news_pdf{
    background-color: #F5F5F5;
    padding: 0.5em 1.5em 3em 1.5em;
}


#news_pdf h4{
    font-size: 0.8em;
    line-height: 2em;
    text-align: center;

}

#news_pdf p{
    font-size: 1em;

}

.new1{

    color: red;

}

.date01{
    font-weight: bold;

}


/*制作中*/

.notopen{
    color: #cccccc;
    font-size: 1em;

}






#main{

}




/*ブログの設定*/
#blog{
/*
background-color: #B0E0E6;
text-align: center;
*/

}

#blog-info{
    display: block;
    overflow: hidden;
    padding: 0 1em 2em 1em;
    text-align: left;
    margin-top: 10px;

}

.feedbox{
    margin-top: 20px;

}

#blog h2{
margin-bottom: 10px;

}

#blog p{}



/* お知らせの設定*/
#news{
    text-align: left;
    border: solid 0.2em #cccccc;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-bottom: 2em;

}

#news img{
padding-top: -1em;

}
#news h2{}

#news p{

line-height: 1.5em;

}

/*佐藤商店のご紹介*/
#shop-now{
 text-align: left;
    color: #8E8787;
    margin-bottom:3em;
}

#shop-now h2{
 font-size: 1.5em;

}

#shop-now h4{
font-size: 1em;


}


#shop-now p{

        font-size: 0.9em;
        line-height: 2em;

}

/*google Mapの設定*/


    .map_wrapper {
    max-width: 640px;
    min-width: 280px;
    margin: 20px auto;
    padding: 4px;
    border: 1px solid #CCC;
    }

    .googlemap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    }
    .googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    }


/*ここまでgoogle Mapの設定*/



/*配達料無料の設定*/

.attention01{
    font-size: 1em;
    line-height: 1.6em;
    padding:0.7em 0.7em 0.7em 0.7em;
    border: solid 0.3em #40AAEF;
    color: #40AAEF;
    text-align: left;




}
.callm1{
font-size: 1.5em;
padding: 0.5em 0.5em 0.5em 0.5em;
background-color: #cccccc;
color: #ffffff;
}

.haitatu li{
line-height: 1.5em;
border-bottom: dotted 0.2em #cccccc;

}

/*ここまで配達料無料の設定*/


/*自然派ワインの設定*/
.wine-h{
    font-size: 1.3em;
    line-height: 2em;
}

.w-lead{
    font-size: 1em;
    line-height: 2em;
    padding: 1em;
}

.w-lead1{
    font-size: 1.2em;
    line-height: 2em;

}



.w-honbun{
    font-size: 1.5em;
    line-height: 2.5em;
}

/*ここまで自然派ワインの設定*/



/*飲食店とのプロジェクト*/

#project{
    padding: 2%;
    border: solid 0.5em #F5F5F5;

}
.title1{
    text-align: left;

}
.honbun1{
    text-align: left;
    line-height: 1.7em;
    font-size: 0.9em;
}

#shop{

padding: 2%;

/*20171003 プロジェクト Flexbox修正 他ページの表示に不具合が出たためFlexbox解除20171014*/

/*display: flex; */


}

#niclas{
 border: solid 0.3em #F5F5F5;

}

#note{
 border: solid 0.3em #F5F5F5;

}

#tomte{
 border: solid 0.3em #F5F5F5;

}

#budounoki{
 border: solid 0.3em #F5F5F5;

}


#tomizou{
 border: solid 0.3em #F5F5F5;

}




#sendaishi{
    float: right;


}


.shop_img1{

  margin-bottom: 15px;
}


/*ここまで飲食店とのプロジェクト*/

footer{
    text-align: left;
    font-size: 0.9em;
    background-color: #cccccc;
    margin-top: 2em;
    padding-top: 2em;
    padding-bottom: 3em;

}

.title2 {
    font-weight: bold;

}

/*配達サービスの情報*/



/*値段表*/
.price01{
    text-align: left;
    line-height: 1.6em;
}

thead{
    text-align: center;


}
td{
padding-left: 10%;
vertical-align: middle;
}

.tdata{
    text-align: center;
    vertical-align: middle;
}


.price02{
    text-align: right;
    vertical-align: middle;

}

/*食品のページ設定*/

.honbun2{
    text-align: right;
    line-height: 1.7em;
    font-size: 0.9em;
}

.title03{
    text-align: right;
    color: burlywood;
        }




#project01{
    padding: 2%;
    border: solid 0.5em #F5F5F5;
    width: auto;
    height: auto;
    background-image: url("../images/bokujyo01.jpg");
    background-repeat: no-repeat;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;

}

/*食のページテーブル設定*/


tr{
    vertical-align: middle;
}

td{
    vertical-align: middle;
}
.th01{
    font-size: 0.9em;
    width: 8em;
    text-align: center;
    vertical-align: middle;
    padding-left: 1em;
    padding-right: 1em;
    background-color: cornsilk;
    }

.th02{
    font-size: 0.9em;
    width: 15em;
    text-align: center;
    vertical-align: middle;
    padding-left: 1em;
    padding-right: 1em;
    background-color: cornsilk;
    }

.th03{
    font-size: 0.9em;
   /* width: 5em; */
    text-align: center;
    vertical-align: middle;
    padding-left: 1em;
    padding-right: 1em;
    background-color: cornsilk;
    }



.catego01{
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: cornsilk;
}


.shop_name{
    font-weight: bold;
    font-size: 1.2em;
    vertical-align: middle;
    }

.sub_name{
    font-size: 0.9em;
}

.point01{
    text-align: left;
    }