@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
.nengaBnrP{ width: 95%; margin: -3% auto 7%;}

/*--- mainView ---*/
#mainView{max-width: 100%;margin: 0 auto 2em;/* overflow: hidden; */}
/* #mainView::before {
    content: '';
    position: absolute;
    top: 0;
    background: url(../../images/ptn_haikei_washi.jpg);
    width: 100%;
    height: 5em;
    z-index: -1;
    opacity: 0.7;
} */
/*#mainView .mainViewInner{ width: 90%; margin:2em auto 0;}*/
#mainView *{min-height: inherit;height: 37vw;object-fit: cover;}
#mainView #slideBox{max-width: 1280px;/* min-height: 710px; */margin: 0 auto;}
#mainView #slideBox img{width: 100%; height: 100%; object-fit: cover;}
#mainView #slideBox .slick-list{}
#mainView .slick-initialized .slick-slide
{
    outline: none;
}
/* Dots */
#mainView .slick-dotted.slick-slider
{
    margin-bottom: 0;
}
#mainView .slick-dots *{min-height: initial;}
#mainView .slick-dots
{
    position: absolute;
    bottom: -2em;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    text-align: center;
    min-height: initial;
}
#mainView .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 15px;
    padding: 0;
    cursor: pointer;
}
#mainView .slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #b3b3b3;
    border-radius: 50%;
}
#mainView .slick-dots li button:hover,
#mainView .slick-dots li button:focus
{
    outline: none;
}
#mainView .slick-dots li button:hover:before,
#mainView .slick-dots li button:focus:before
{
    opacity: 1;
}
#mainView .slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: none;
}
#mainView .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
#mainView .slick-dots li.slick-active button
{
    background: #666666;
}
#mainView h1{ width: 35%; height: 120px;padding: 4%;}
#mainView h1 img{ }

.navi {width: 95%;}

/*--- noticeBox ---*/
.noticeBoxInner {text-align: center; margin: 0 auto; padding: 1em; width: 90%; border: 1px solid #ccc;}

.noticeBox{width: 100%;margin-top: 3em;}
/*.noticeBoxInner{max-width: 840px;margin: 0 auto;padding:0.8em 0;text-align: center;border: 1px solid #040000;}*/
.noticeBoxInner h2{text-align: center;font-size: 16px;}
.noticeBoxInner p{text-align: center;}
.noticeBoxInner a{color: #040000;}
.noticeBoxInner a:hover{color: #040000;}


/*--- gentenSec ---*/
#gentenSec{}
#gentenSec .sectionInner {
    max-width: 960px;
    margin: 0 auto;
    padding: 1em 2em 3em;
}
#gentenSec .titleBox{margin:0;font-size: 2.7vw;}
#gentenSec .titleBox h2{min-width:40px;}
#gentenSec .txtBox {max-width: none;width: 100%;font-size: 100%;}
#gentenSec .txtDescription{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;height: 64vw;}
#gentenSec .txtDescription p{ margin: 0 1.2em 0 0; line-height: calc(2em - 0.1vw); font-size: 100%;}
#gentenSec .txtDescription p strong{ font-size: 120%;}
#gentenSec .aboutImg{margin: 0 auto;}
#gentenSec .aboutImg img{display: block;width: 60%;margin: 0 auto;}


/*#gentenSec{}
#gentenSec .titleBox{margin:0;font-size: calc(10px + 1.5vw);}
#gentenSec .titleBox h2{min-width:50px;}
#gentenSec .txtBox {max-width: none;width: 100%;font-size: 100%;}
#gentenSec .txtDescription{-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;line-height: calc(2em - 0.1vw);font-size: 100%;height: 13em; min-width: 16em;}
#gentenSec .txtDescription{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
#gentenSec .txtDescription p{ margin: 0 1em 0 0; line-height: calc(2em - 0.1vw); font-size: 100%;}
#gentenSec .txtDescription p strong{ font-size: 120%;}
*/
/*--- kouchinSec ---*/
#kouchinSec{}
#kouchinSec .txtBox{max-width:480px;width: 100%;margin: 0 0em 2em 0em;}
#kouchinSec .txtDescription{font-size: calc(10px + 0.9vw);}
#kouchinSec .imgBox{-webkit-box-flex:1;-ms-flex:auto;flex:auto; padding:0 1.5em;}
/*#kouchinSec::before{ background:url(../../images/ptn_haikei01.jpg) no-repeat; background-position:bottom left; background-size: contain;}*/
#kouchinSec .imgBox{flex:auto; padding:0 1.5em; text-align:center;}
#kouchinSec .imgBox img{ width: 80%;}

/*--- wineSec ---*/
#wineSec{}
#wineSec .txtBox{max-width:480px;width: 100%;margin: 0 0em 2em 0em;}
#wineSec .txtDescription{font-size: calc(10px + 0.9vw);}
#wineSec .imgBox{-webkit-box-flex:1;-ms-flex:auto;flex:auto; padding:0 1.5em;}
#wineSec .imgBox{flex:auto; padding:0 1.5em; text-align:center;}
#wineSec .imgBox img{ width: 80%;}

/*--- courseSec ---*/
#courseSec{ position: relative; z-index: 0;}
#courseSec .sectionInner{
    border-top: 1px dashed #ddd;
    padding: 3em 0em 2em;
    margin: 0 2em;
}
#courseSec h2{font-size: 0.85em;line-height: 1.3;margin-bottom: 0.3em;font-weight: bold;}
#courseSec h2 .txt_tax{font-size:0.6em;}
#courseSec .courseBoxStyle{width: 100%;margin: 0 0% 3% 0;display: flex;flex-direction: row-reverse;align-items: flex-start;}
#courseSec .courseBoxStyle:last-child{margin-bottom:0}
#courseSec .txtBox{
    width: calc(100% - 9em);
    flex: 1;
    padding: 0 0 0 1em;
}
#courseSec .imgBox{
    display: inline-block;
    width: 33%;
    height: auto;
    margin: 0;
}
#courseSec .imgBox img{display: block;object-fit: cover;width:100%;height: 100%;object-position: center;}
#courseSec  .txtBox * { }
#courseSec .txtBox .txtDescription{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 0.8em;
}
#courseSec .txtBox .txtDescription li{width: calc(100% / 3);min-width: 6em;color: #666;}
#courseSec .btnBox{ margin:3em 0 0;width: 100%;}

/*--- lunchcourseSec ---*/
#lunchcourseSec{}
#lunchcourseSec .txtBox{max-width:480px;width: 100%;margin: 0 0em 2em 0em;}
#lunchcourseSec .txtDescription{font-size: calc(10px + 0.9vw);}
#lunchcourseSec .imgBox{-webkit-box-flex:1;-ms-flex:auto;flex:auto; padding:0 1.5em;}
#lunchcourseSec .imgBox{flex:auto; padding:0 1.5em; text-align:center;}
#lunchcourseSec .imgBox img{ width: 80%;}

/*--- gamagoriTanoshimuSec ---*/
#gamagoriTanoshimuSec{}
#gamagoriTanoshimuSec .txtBox{max-width:480px;;width: 100%;margin: 0 0em 2em 0em;}
#gamagoriTanoshimuSec .txtDescription{font-size: calc(10px + 0.9vw);}
#gamagoriTanoshimuSec .imgBox{-webkit-box-flex:1;-ms-flex:auto;flex:auto; padding:0 1.5em;}

/*--- sakanaTanoshimuSec ---*/
#sakanaTanoshimuSec{}
#sakanaTanoshimuSec .txtBox{max-width:480px;;width: 100%;margin: 0 0em 2em 0em;}
#sakanaTanoshimuSec .txtDescription{font-size: calc(10px + 0.9vw);}
#sakanaTanoshimuSec .imgBox{-webkit-box-flex:1;-ms-flex:auto;flex:auto; padding:0 1.5em;}
/*#sakanaTanoshimuSec::before{ background:url(../../images/ptn_haikei01.jpg) no-repeat; background-position:bottom left; background-size: contain;}*/
#sakanaTanoshimuSec .imgBox{flex:auto; padding:0 1.5em; text-align:center;}
#sakanaTanoshimuSec .imgBox img{ width: 80%;}


/*--- sakanaTanoshimuSec ---*/
#ryoriSec{background: #d4d4d4;}
#ryoriSec .sectionInner{max-width:100%;padding: 5em 0em 1em;}
#ryoriSec .ryoriList{margin-bottom:3em;}
#ryoriSec .slick-initialized.slick-slider{overflow:hidden;}
#ryoriSec .slick-track{left: calc(50% - (260px / 2));}
#ryoriSec .slick-slide{padding:0 1em;}
#ryoriSec .slick-slide > dl{width: 260px;height: 100%;margin: 0 0em;background: #fff;-webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.6);box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.6);}
#ryoriSec .slick-slide > dl dt{text-align:center;padding:1em 0;font-size: 16px;}
#ryoriSec .slick-slide > dl .txtBox{padding: 0em 1.6em 2em;font-size: 12px;min-height: 13em;}
#ryoriSec .slick-list{overflow:visible;padding: 0em 0em 2em 0em;margin: 0 0 0 0;font-size: 100%;}
#ryoriSec .slick-initialized .slick-slide{outline: none;}

/*--- menuSec ---*/
#menuSec{background: #d4d4d4;/* width: 80%; */}
#menuSec .menuList {width: 100%;margin: 0 auto;/* display: table-footer-group; */}
#menuSec .menuList ul {/* display: flex; */justify-content: space-between;margin: 0 auto;padding: 7px;display: block;/* width: 95%; *//* text-align: center; */}
#menuSec .menuList .tac {text-align: center;width: 70%;}
#menuSec .menuList .tac1 {text-align: center;width: 70%;}


#menuSec .menuList .tac a {
    background: #FFF;
    padding: 0.7em 0;
    color: #040000;
    /* width: 222%; */
    display: block;
    text-align: center;
    text-decoration: none;
    border:1px solid #040000;
    transition: 0.5s;
    margin-bottom: 1.5em;
}

#menuSec .menuList .tac a:hover{ 
    color: #FFF;
    background: #040000;
    border:1px solid #FFF;
}

#menuSec .menuList .tac1 a{
    background: #040000;
    padding: 0.7em 0;
    color: #FFF;
    /*width: 330px;*/
    display: block;
    text-align: center;
    text-decoration: none;
    border:1px solid #FFF;
    transition: 0.5s;
	margin-bottom: 1.5em;
}
#menuSec .menuList .tac1 a:hover{ 
    color: #040000;
    background: #FFF;
    border:1px solid #040000;
}

/*--- tenpoSec ---*/
#tenpoSec{}
#tenpoSec .sectionInner{padding: 5em 2em 5em;}
#tenpoSec .tenpoBox {margin-top:2em;  /*  padding-top:4em;border-top: 1px dashed #3e3d3d;*/}
#tenpoSec .shopIchinomiya{margin-top:4em; padding-top:4em;}
#tenpoSec .addressBox {margin-bottom: 1em;}
#tenpoSec .addressBox .txtBox {max-width: 100%;width: 100%; margin:0;}
#tenpoSec .addressBox .txtBox *{border:none;}
#tenpoSec .addressBox .txtBox table{width:100%;}
#tenpoSec .addressBox .txtBox table tr:not(:last-child){border-bottom:1px dashed #3e3d3d;}
#tenpoSec .addressBox .txtBox th{padding: 0.5em 0 0em 0;width: 25%;text-align:left;vertical-align: top;font-size: calc(10px + 1.5vw);line-height: 1.4;}
#tenpoSec .addressBox .txtBox td{padding: 0.7em 0 0.5em 0;width: 70%;text-align:left;vertical-align: top;font-size: calc(10px + 1vw);line-height: 1.4;}
#tenpoSec .addressBox .mapBox {max-width: 100%;padding:0;}
#tenpoSec .addressBox .mapBox iframe{width:100%;height: 60vw;min-height: 250px;max-height: 445px;}
#tenpoSec .reserveBtn {
    margin: 5% auto;
    width: 70%;
    padding:0.7em 0;

}