@charset "UTF-8";
a:hover {
    text-decoration: none;
}
body {
    padding-top: 120px;
    max-width: 1900px;
    margin: 0 auto;
}
/*header*/
.header_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 100;
}
.is-shadow {
    box-shadow: 0px 0px 30px 0px rgba(95, 95, 95, 0.1);
    transition: box-shadow 0.5s;
}
.is-noshadow {
    box-shadow: none;
    transition: box-shadow 0.5s;
}
.header_in {
    display: table;
    width: 90%;
    margin: 0 6% 0 4%;
}
.headerlogo_wrap {
    display: table-cell;
    padding: 20px 0;
    float: left;
}
.menuber_wrap {
    display: table-cell;
    vertical-align: middle;
}
.menupc_wrap {
    display: flex;
    float: right;
}
.menupc_wrap li {
    margin-left: 30px;
}
.menupc_wrap li:first-child {
    margin-left: 0;
}
.menubersp_wrap {
    display: none;
}
/*main*/
.granMain_wrap {
}
.granHome_wrap {
    display: table;
    width: 100%;
    margin: 0 0 70px 0;
}
.homeDrink_wrap {
    display: table-cell;
    padding: 0 14px 0 0;
}
.homeDrink_wrap img {
    width: 100%;
}
.homeSalon_wrap {
    display: table-cell;
    padding: 0 0 0 14px;
}
.homeSalon_wrap img {
    width: 100%;
}
@media (min-width: 896px){
    .homeDrink_wrap a:hover,
    .homeSalon_wrap a:hover,
    .photo_wrap a:hover {
        opacity: 0.8;
        transition: 1s;
    }
    .menupc_wrap li a:hover {
        opacity: 0.6;
        transition: 0.5s;
    }
}
.granNews_wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.photo_wrap {
    width: 100%;
    padding: 0 14px 0 0;
}
.photo_wrap a {
    display: block;
}
.photo_wrap img {
    width: 100%;
}
.photoPc_wrap {
    position: relative;
    height: 690px;
    background: url("../img/grannest_img05_2.jpg") no-repeat center center;
}
.photoPc_wrap img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.sns_wrap {
    width: 100%;
    margin: 0 0 0 14px;
    background-color: #c7c7c7;
}
.snsPc_wrap {
    max-width: 500px;
    margin: 0 auto;
}
.granMenu_wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 70px 0;
}
.menuMenu_wrap {
    width: 100%;
    padding: 0 14px 0 0;
}
.menuMenu_in {
    min-height: 910px;
    background: url("../img/grannest_img03.jpg") no-repeat center top/cover;
}
.menuMenu-img {
    padding: 33px 0 28px 0;
}
.menuMenu-img img {
    width: 48%;
    margin: 0 26%;
}
.menuMenu-txt {
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 2em;
    padding: 0 20px 30px 20px;
    font-weight: bold;
}
.menuMenu-txt.is-border {
    border-top: 1px solid #fff;
    padding: 30px 0;
    margin: 0 30px;
}
.menuMenu-txt span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}
.menuWine_wrap {
    width: 100%;
    padding: 0 0 0 14px;
}
.menuWine_in {
    min-height: 910px;
    background: url("../img/grannest_img04.jpg") no-repeat center top / cover;
}
.menuWine-img {
    padding: 34px 0 29px 0;
}
.menuWine-img img {
    width: 78%;
    margin: 0 11%;
}
.granimage_wrap {
    text-align: right;
    padding: 0 6.42105% 0 20.47368%;
    background-color: #000;
}
.granAbout_wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 70px 0;
    background-color: #000;
}
.aboutmap_wrap {
    width: 50%;
}
.aboutmap_wrap img {
    width: 100%;
}
.aboutposi_wrap {
    width: 50%;
    padding: 1.92753% 0 0 0;
    background-color: #000;
    box-sizing: border-box;
}
.aboutposi_wrap p {
    text-align: right;
    font-family: "游明朝";
    line-height: 1.8;
    font-size: 15px;
    color: #fff;
    padding: 20px 6.42105% 0 0;
}
.aboutposi_wrap p a {
    color: #fff;
    pointer-events: none;
}
.granimage-img {
    width: 100%;
}
.gransns-box {
    display: block;
    width: 500px;
    margin: 0 auto;
}
.sp-br {
    display: none;
}

/*footer*/
.footer_wrap {
    padding: 70px 0;
}
.footer_wrap p {
    line-height: 1;
}
.pop_wrap {
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 9999;
    margin: -262.5px 0 0 0;
    width: 100%;
    height: 525px;
    /*
    overflow: hidden;
    */
    display: none;
}
.pop_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}
.pop_in {
    padding: 0 0 0 312px;
    position: relative;
}
.pop_in ul li {
    margin: 0 30px 0 0;
}
.pop-close {
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 9999;
    width: 21px;
    height: 21px;
}
.pop-close a {
    display: block;
    width: 100%;
    height: 21px;
    background: url(../img/icn_close_wh.png) no-repeat center center;
}
@media (min-width: 767px) {
.pop-close a:hover {
    opacity: 0.7;
}
}
@media (max-width: 896px) {
    body {
        padding: 60px 0 0 0;
    }
    /*header*/
    .header_in {
        width: 100%;
        margin: 0;
    }
    .is-shadow {
        box-shadow: none;
    }
    .headmenu_wrap.is-active {
        background-color: #000;
    }
    .menubtn_wrap {
        display: table-cell;
        vertical-align: middle;
    }
    .headmenu_wrap {
        display: flex;
        float: right;
        height: 60px;
        width: 50px;
        justify-content: center;
        align-items: center;
    }
    .headmenu_in,
    .headmenu_in::before,
    .headmenu_in::after {
        display: block;
        height: 2px;
        width: 20px;
        background-color: #000;
    }
    .is-active .headmenu_in,
    .is-active .headmenu_in::before,
    .is-active .headmenu_in::after {
        background-color: #fff;
    }
    .headmenu_in {
        position: relative;
    }
    .headmenu_in::before,
    .headmenu_in::after {
        content: "";
        position: absolute;
    }
    .headmenu_in::before {
        top: -8px;
    }
    .headmenu_in::after {
        top: 8px;
    }
    .headerlogo_wrap {
        float: none;
        padding: 10px 0 10px 15px;
        text-align: left;
    }
    .headerlogo_wrap img {
        width: 55px;
    }
    .menusp_wrap li {
        border-top: 1px solid #bababa;
        box-sizing: border-box;
    }
    .menusp_wrap li a {
        display: block;
        font-size: 16px;
        line-height: 1;
        padding: 19px 0;
    }
    /*main*/
    .granMain_wrap {
        width: 100%;
    }
    .granHome_wrap {
        display: block;
        margin: 0;
    }
    .homeDrink_wrap {
        display: block;
        margin: 0 0 15px 0;
        padding: 0;
    }
    .homeSalon_wrap {
        display: block;
        padding: 0;
        margin: 0 0 15px 0;
    }
    .granNews_wrap {
        display: block;
        margin: 0 0 15px 0;
    }
    .photo_wrap {
        padding: 0;
        margin: 0 0 15px 0;
    }
    .sns_wrap {
        margin: 0;
        background-color: #fff;
    }
    .photoPc_wrap {
        display: none;
    }
    /*
    .menuMenu-txt span {
        font-weight: 300;
    }
    */
    .granMenu_wrap {
        display: block;
        margin: 0 0 15px 0;
    }
    .menuMenu-txt {
        font-size: 12px;
        padding: 0;
        margin: 0 0 15px 0;
    }
    .menuMenu-txt.is-m_b {
        margin: 0;
    }
    .menuMenu-txt.is-border {
        padding: 15px 0 0 0;
        margin: 0;
    }
    .menuMenu_wrap {
        display: block;
        height: auto;
        margin: 0 0 15px 0;
        padding: 0;
    }
    .menuMenu_in {
        padding: 0 10px 20px 10px;
        box-sizing: border-box;
        min-height: auto;
        background-size: cover;
    }
    .menuMenu-img {
        width: 100%;
        padding: 15px 0;
        text-align: center;
    }
    .menuMenu-img img {
        width: 60%;
        margin: 0 20%;
    }
    .menuWine_wrap {
        display: block;
        height: auto;
        margin: 0 0 15px 0;
        padding: 0;
    }
    .menuWine_in {
        padding: 0 10px 20px 10px;
        min-height: auto;
        background-size: cover;
    }
    .menuWine-img {
        width: 100%;
        padding: 15px 0;
        text-align: center;
    }
    .menuWine-img img {
        width: 82%;
        margin: 0 9%;
    }
    .granAbout_wrap {
        display: block;
        margin: 0 0 15px 0;
    }
    .granimage_wrap {
        padding: 0;
    }
    .granimage-img {
        width: 100%;
    }
    .aboutposi_wrap {
        padding: 0;
        width: 100%;
    }
    .aboutposi_wrap p {
        text-align: left;
        font-size: 14px;
        line-height: 1.8em;
        padding: 10px 20px 10px 20px;
    }
    .aboutposi_wrap p a {
        pointer-events: inherit;
    }
    .aboutmap_wrap {
        border-top: 1px solid #bababa;
        width: 100%;
    }
    .gransns-box {
        width: 300px;
    }

    /*footer*/
    .footer_wrap {
        padding: 30px 0;
    }
    .pop_wrap {
        top: 0;
        margin: 0 0 0 0;
        height: 100vh;
    }
    .pop_in {
        padding: 80px 0 0 0;
    }
    .pop_in ul li {
        margin: 0 0 0 0;
        text-align: center;
        width: 100vw;
    }
    .pop-close {
        position: fixed;
        top: 30px;
        right: 30px;
        z-index: 9999;
        width: 21px;
        height: 21px;
    }
    .pop-close a {
        display: block;
        width: 100%;
        height: 21px;
        background: url(../img/icn_close_wh.png) no-repeat center center;
    }
}
@media (max-width: 374px) {
}
@media (max-width: 1220px){
    .sp-br {
        display: block;
    }
}