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

html{
    font-size: 62.5%;/*16px x 62.5%=10px 必須*/
}
body{
    color: #333;/*文字色*/
    font-family: 'Noto Serif JP', sans-serif;
    font-size: 1.4rem;/*font-sizeの1.4倍　10px x 1.4=14px*/
    -webkit-font-feature-settings:"palt";/*google choromeの文字詰め設定*/
    font-feature-settings:"palt";/*文字詰め設定*/
    letter-spacing: 0.025em;/*文字の間隔を詰める　font-feature-settingで詰まりすぎた文字間を開ける*/
    background-image: url(../image/common/back-ground.jpg);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/**********************************お知らせモーダル**********************************/

.announce_title{
    font-size: 2.4rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    color:#a5282d;
}

.announce_text{
    line-height: 1.3;
}

.announce_text span{
    font-size: 1.6rem;
    font-weight: bold;
}
/**********************************お知らせモーダル**********************************/


/**********************************modal時の背面固定**********************************/

body.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
}

/**********************************modal時の背面固定**********************************/

/**********************************common**********************************/

a{
    color: #fff;/*色*/
}

a:hover{/*カーソルを合わせたときのアニメーション*/
    color:#a5282d;
}

.text-center{
    text-align: center;/*中央揃え*/
    width: 100%;
}

.mgr-10{
    margin-right: 10px;
}

.br-sp{
    display: none;
}

.nav-pc__black{
    color: #333;
}

/**********************************common**********************************/

/**********************************home-header**********************************/

.header-container{
    min-width: 1146px;
}

.header_logo{
    position: fixed;
    top:60px;
    left:60px;
    z-index: 4;/*対象の重ね順。数字が大きいほど全面*/
}

.header_logo img{
    width: 50%;
}

.navigation{
    position: fixed;
    top:60px;
    right:60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 3;
}

.nav-item{
    padding: 0 10px 10px 42px;
    font-size: 18px;
    font-weight: 500;/*文字の太さ*/
    letter-spacing: 0.4em;/*文字間*/
    list-style-type: none;/*リストの頭の中黒等の設定*/
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;/* IE独自仕様 */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;/*縦書き*/
}

.black{
    color: #333;
}

nav li a.current{
    color: #a5282d;
}

.sp-nav{
    display: none;
}

.gradation{
    position: relative;/*配置位置相対位置*/
}

.gradation:after{
    position: absolute;
    content:"";
    top:0;
    left:0;
    width: 100%;
    height:100%;
    /* 塗りつぶす */
    background: -webkit-linear-gradient(270deg, #000 5%, rgba(255, 255, 255, 0) 50%); 
    z-index: 2;
}

.hero-image{
    position: relative;
    width: 100%;
    min-width: 1146px;
    height: 950px;
    -o-object-fit: cover;
    object-fit: cover;
}

.hero-image__sp{
    display: none;
}

.hero-image_text01{
    position: absolute;/*配置位置絶対位置*/
    top:415px;
    left: 105px;
    z-index: 2;
    color: #F4F5F7;
    font-weight: 500;
    font-size: 1.9rem;
    line-height: 1.5em;/*行間*/
    text-shadow: 1px 1px 2px #000;/*topから1px leftから1px ぼかしの半径 ぼかしの色*/
}

/********************hero-image_animation_zoomUp_fadeinout********************/

@-webkit-keyframes zoomUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.13);
        transform: scale(1.13);
    }
}

@keyframes zoomUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: bottom center;
        transform-origin: 889px center;
    }
    100% {
        -webkit-transform: scale(1.13);
        transform: scale(1.13);
        -webkit-transform-origin: bottom center;
        transform-origin: 889px center;
    }
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
    -webkit-animation: zoomUp 10s linear 0s infinite normal both;
    animation: zoomUp 10s linear 0s infinite normal both;  
}

/********************hero-image_animation_zoomUp_fadeinout********************/

/**********************************home-header**********************************/




/**********************************info-header**********************************/

.hero-image__info{
    position: relative;
    width: 100%;
    height: 890px;
    -o-object-fit: cover;
    object-fit: cover;
}

/**********************************info-header**********************************/

/**********************************header**********************************/



/**********************************section**********************************/

.container{
    width: 1146px;
    margin: 0 auto;
    overflow: hidden;
}

.section:first-of-type{
    margin-bottom: 50px;/*飲み物メニューボタンの余白*/
}

.section{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 100px 0;
}

.reverse{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}


.section-text{
    margin-top: 50px;
    width: 420px;
    color: #F4F5F7;
}

.section-text div{
    text-align: center;/*各ボタン*/
}

.section-title{
    font-weight: 200;
    font-size: 2.4rem;
    line-height: 1.5em;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #a5282d;
}

.section-content{
    width: 100%;
    font-weight: 200;
    font-size: 1.4rem;
    line-height: 1.7em;
    padding-bottom: 20px;
}

.section_btn{
    display: inline-block;
    position: relative;
    z-index: 2;
    background-color: transparent;
    width: 264px;
    line-height: 2.8em;
    border: 2px solid #F4F5F7;
    font-size: 2rem;
    letter-spacing: 0.2em;
    color: #F4F5F7;
    font-family: 'Noto Serif JP', sans-serif;
    overflow: hidden;
    cursor:pointer;
}

.section-image{
    width: 588px;
    height: 417px;
    -o-object-fit: cover;
    object-fit: cover;
    padding-right: 78px;
}

.section-image_right{
    padding-right: 0;
    padding-left: 78px;
}

.section-image_right__tate{
    width: 588px;
    height: 829px;
    -o-object-fit: cover;
    object-fit: cover;
    padding-right: 0;
    padding-left: 78px;
}

.section-image_top02__sp{
    display: none;
}

/**********************************section**********************************/

/*******************************home-parallax*******************************/

.search{
    position: relative;
    min-width: 1146px;
    cursor: pointer;
}

.search-text{
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.search-parallax-window {
    min-height: 700px;
    background: transparent;
}
/*******************************home-parallax*******************************/


/**********************************sub-nav（footer）**********************************/

.sub-nav{
    min-width: 1146px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 60px 0;
    border-top: solid 1px #a5282d;
    margin: 0 auto;
}

.sub-nav .section_btn{
    margin-left: 64px;
}
.sub-nav .section_btn:first-of-type{
    margin: 0px;
}

/**********************************sub-nav（footer）**********************************/

/**********************************sub-nav（footer）_info**********************************/

.border-hidden{
    border: none;
}

/**********************************sub-nav（footer）_info**********************************/


/**********************************menu**********************************/

.section-image_menu01__sp{
    display: none;
}
/**********************************menu**********************************/


/**********************************toggle**********************************/

.toggle-container{
    min-width: 1146px;
}

.toggle-switch-menu{
    position: relative;
    cursor:pointer;
    background-color: #a5282d;
    width: 310px;
    height: 50px;
    color:#F4F5F7;
    font-size: 2rem;
    line-height: 2.5em;
    letter-spacing: 0.3em;
    margin: 0 auto 40px;
}


.toggle-contents{
    display: none;
    min-width: 1146px;
}

/**********************************toggle**********************************/


/**********************************accordion-drink**********************************/


/**********************************accordion-drink_search**********************************/

.search-wrapper_bg{
    background-color: #333;
}

.search-wrapper{
    width: 1146px;
    margin: 0 auto;
}

.search-container{
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.searchBox{
    width: 20%;
    border-right: solid 1px #fff;
    height: 1000px;
}

.searchBox h2{
    color: #fff;
    font-size:2.3rem;
    border-bottom: solid 1px #a5282d;
    margin: 80px 0 0px;
    padding-bottom: 15px;
    
}

.searchBox p{
    display: block;
    color:#fff;
    width: 90%;
    text-align: left;
    margin:auto;
    font-size: 1.6rem;
}

.searchBox select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 90%;
    padding: 5px 10px;
    border: solid 1px #fff;
    color:#333;
    font-size:1.7rem;
    border-radius: 0;
    background: url(../image/menu/search-box_arrow.jpg) right no-repeat #fff;
    
}

.searchBox hr{
    border: solid 1px #fff;
    width: 90%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sake-type{
    margin-top: 20px;
    margin-bottom: 14px;
}

.sake-country{
    margin-top: 10px;
    margin-bottom: 10px;
}

.sake-kouji{
    margin-bottom: 10px;
}

.sake-genryo{
    margin-bottom: 10px;
}

/**********************************accordion-drink_search**********************************/

/**********************************accordion-drink_modal**********************************/

.other-drink{
    margin: 0 auto;
    padding: 20px;
    font-size: 2rem;
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 5;
}
.modal__bg{
    background: rgba(0,0,0,0.5);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 0 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 70%;
    height: 100%;
    font-size: 2rem;
    overflow-x: scroll;
}

.modal-close{
    display: block;
    color: #333;
    margin-bottom: 15px;
}

.drink-menu-flex{
    margin: 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.drink-category{
    font-weight: 500;
    font-size: 2.6rem;
    margin-top: 10px;
    margin-bottom: 5px;
}

.drink-menu-flex .tax{
    color: #333;
    text-align: center;
    padding-bottom: 5px;

}

/**********************************accordion-drink_modal**********************************/



/**********************************accordion-drink_list**********************************/

.list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align:start;
    -ms-flex-align:start;
    -ms-flex-line-pack:start;
    align-content:flex-start;/*リストが2行のとき均等配置になるのを防ぐ*/
    width: 80%;
    height: 1000px;
    overflow-x: scroll;
}

.list-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 290px;
    margin: 20px 0 20px 10px;
}

.sakabin img{
    margin-left: 5px;
    width: 138px;
    height: 195px;
    -o-object-fit: cover;
    object-fit: cover;
}

.sake_des{
    margin:5px 0 0 10px;
    color:#fff;
}

.sake_des .country{
    font-size: 1.5rem;
    line-height: 0.2em;
    padding-bottom: 10px;
}

.sake-name{
    font-size:1.8rem;
    line-height: 1.2em;
    font-weight: 500;
    margin: 15px 0;
}

.sake_des .sake_des_text01{
    font-size: 1.5rem;
}

.sake_des .sake_des_text02{
    font-size: 1.4rem;
    margin-bottom: 10px;
    line-height: 1.2em;
    width: 137px;
    height: 35px;
}


.sake_des .sake_des_text03{
    font-size: 1.7rem;
}

.sake_des_price{
    font-size: 2rem;
    line-height: 1.5em;
}

.shotyu-list{
    color: #fff;
    font-size: 3rem;
    width: 1144px;
    height: 35px;
}

.nihonshu-tyuushaku{
    font-size: 2rem;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.nihonshu-tyuushaku .sake_des{
    margin:20px 0 0 10px;
}

.none{
    display: none;
}

/**********************************accordion-drink**********************************/

/**********************************accordion-food**********************************/

.bg-food{
    background-color: #f5f5f5;
    height: 770px;
}

.menu-text p{
    font-size: 1.3rem;
}

.food-menu-flex{
    margin: 0 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.name-price{
    width: 355px;
    margin: 20px auto 0;
    font-size: 1.7rem;
    line-height: 1.6em;
}

.name-price dt{
    float: left;
}

.name-price dd{
    padding-left: 25%;
    text-align: right;
    font-size: 1.5rem;
    border-bottom: solid 1px #333;
    margin-bottom: 20px
}

.food-menu-flex p{
    display: block;
}

.tax{
    line-height: 1.6em;
}


/**********************************accordion-food**********************************/

/**********************************info**********************************/

.maps-outer{
    position: relative;
    padding-top: 56.25%;
}

.maps{
    position: absolute;
    top:0;
    bottom: 0;
    width: 100%;
    min-width: 1146px;
    height: 100%;
}

iframe{
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

iframe:hover{
    -webkit-transition: -webkit-filter 0.8s ease;
    transition: -webkit-filter 0.8s ease;
    transition: filter 0.8s ease;
    transition: filter 0.8s ease, -webkit-filter 0.8s ease;
    -webkit-filter:grayscale(0);
    filter:grayscale(0);
}

.infomation{
    color: #F4F5F7;
    width: 70%;
    width: 810px;
    height: 600px;
    margin: 60px auto 100px;
    border-collapse:collapse;
}

.info-title{
    font-size: 3rem;
    color: #bc9d51;
}

th{
    width: 25%;
    text-align: left;
    
}

td{
    width: 75%;
}

th,td{
    font-size: 1.8rem;
    padding: 0px 10px;
    border-bottom: 1px;
    border-color: #F4F5F7;
    border-style: solid;
    vertical-align:middle;
}

/**********************************info**********************************/

/**********************************footer**********************************/
.footer-container{
    min-width:1146px;
    height: 388px;
    background-image:url(../image/common/aryu_footer_back.jpg);
    background-repeat: repeat;
    margin: 0 0 50px;
}
.footer-box{
    margin: 0 auto;
}

.footer-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 388px;
}
.footer_logo{
    width: 81px;
    margin-right: 39px;
}
.footer-tel{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 444px;
    margin-right: 55px
}

.footer-tel_text{
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.6em;
    margin-top: 65px
}

.footer-tel_text_02{
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6em;
    margin-top: 10px
}

.underline{
    -webkit-text-decoration: underline #a5282d;
    text-decoration: underline #a5282d;
}

.footer-tel_number{
    display: block;
    text-align: center;
    font-family: yu-mincho-pr6, sans-serif;
    font-size: 4.5rem;
    color: #333;
}

.footer-info{
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.5em;
}

/**********************************footer**********************************/




/**********************************hero-text_animation**********************************/

.fadeInUp {
    opacity : 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: 2s;
    transition: 2s;
}


.fadeInUp-herotext {
    opacity : 0;
    -webkit-transition: 2s;
    transition: 2s;
}

/**********************************hero-text_animation**********************************/



/**********************************about/menu/info/header**********************************/

.hero-image_text02{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate( -100%, -50%);
    transform: translate( -100%, -50%);
    z-index: 2;
    color: #F4F5F7;
    font-weight: 200;
    font-size: 4rem;
    letter-spacing: 0.3em;
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;/* IE独自仕様 */
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
}

/**********************************about/menu/info/header**********************************/

/**********************************Parallax**********************************/

.hero-parallax-window {
    min-height: 890px;
    background: transparent;
}

.parallax-slider {
    top: 0;
    left: 0;
}

.slider-container{
    margin-bottom: 50px;
}

.slider-for{
    width: 1010px;
    height: auto;
    margin: 0 auto 30px;
}
.slider-for img{
    width: 1010px;
    height: auto;;
}


.slider-item{
    position: relative;
}

.slider-for p{
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 2em;
    color:#fff;
    margin-right: 10px;
    text-align: right;
}

.slider-for p span{
    font-size: 1.8rem;
    margin-left: 15px
}

.slider-nav{
    margin: 0 auto;
}

.slider-nav img{
    width: 90%;
    height: auto;
    margin: 0 auto;
}

/**********************************Parallax**********************************/




/**********************************SP**********************************/
/**********************************SP**********************************/

@media screen and (min-width: 768px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
    
    .section_btn:hover{
        color: #a5282d;
    }

    .section_btn::after{
        position: absolute;
        z-index: -1;
        display: block;
        content: '';
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        -webkit-transition: all .40s;
        transition: all .40s;
    }

    .section_btn:hover::after{
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        left: 0;
        background-color: #F4F5F7;
    }
}

@media screen and (max-width:767px){
    
    .br-pc{
        display: none;
    }
    
    .br-sp{
        display: block;
    }
    
    
    /********************************header********************************/
    
    .header-container{
        min-width: auto;
    }
    
    .hero-image{
        min-width: 100%;
    }
    
    .slide-img img{
        width: 100%;
        height: 800px;
    }
    
    .header_logo{
        position: fixed;
        width: 90px;
        top:20px;
        left:20px;
        z-index: 4;
    }
    
    .hero-image__sp{
        display: block;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 45% 100%;
        object-position: 45% 100%;
    }
    
    .slide-img img:first-child{
        display: none;
    }
    
    .hero-image_text01{
        position: absolute;
        font-size:1.4rem;
        width: 300px;
        text-align: center;
        top:50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    
    /********************************header********************************/
    
    
    /********************************nav********************************/
    
    .pc-nav{
        display: none;
    }
    
    .sp-nav{
        display: block;
    }
    
    .nav-btn{
        position: fixed;
        top:20px;
        right: 20px;
        width: 41px;
        height: 41px;
        z-index: 4;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        background-color: rgba(255,255,255,0.7);
    }
    .nav-btn span {
        display: block;
        position: absolute;
        width: 24px;
        left: 8px;
        height: 3px;
        background: #333;
        border-radius: 10px;
        -webkit-transition: all 350ms;
        -webkit-transition: all 3500ms;
        transition: all 350ms;
    }

    .nav-btn span:nth-child(1) {
        top: 7px;
    }

    .nav-btn span:nth-child(2) {
        top: 19px
    }

    .nav-btn span:nth-child(3) {
        top: 31px
    }
    
    .nav-btn.active span:nth-child(1){
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top:19px;
    }
    
    .nav-btn.active span:nth-child(2){
        display: none;
    }
    
    .nav-btn.active span:nth-child(3){
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top:19px;
    }
    
    .sp-navigation{
        position: fixed;
        top: 0;
        right: 0;
        z-index: 3;
        width: 100vw;
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: rgba(50,50,50,0.8);
    }
    .sp-nav-item{
        height: 100px;
        text-align: top;
        margin: 200px 20px 0 20px;
        font-size: 1.6rem;
        color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: tb-rl;/* IE独自仕様 */
        writing-mode: vertical-rl;
        -moz-writing-mode: vertical-rl;
        -o-writing-mode: vertical-rl;
        -webkit-writing-mode: vertical-rl;
    }
    
    /* アニメーション前のメニューの状態 */
    .sp-navigation{
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
    }
    /* アニメーション後のメニューの状態 */
    .sp-navigation.is-active{
        visibility: visible;
        opacity: 1;
    }
    
    
    
    /********************************nav********************************/
    
    /********************************sub-nav********************************/


    .sub-nav{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px 0;
        min-width: auto;
    }

    .sub-nav .section_btn:first-of-type{
        margin: 0 auto 30px;
    }

    .sub-nav .section_btn{
        margin: 0 auto;
    }

    /********************************sub-nav********************************/

    
    /********************************section********************************/
   
    .container{
        width: 100%;
    }
    
    .section{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 70px;
    }
    
    .section-title{
        font-size: 1.8rem;
        line-height: 1.8em;
        padding-bottom: 10px;
        margin-bottom: 15px;
        width: 335px;
        margin: 0 auto 10px;
    }
    
    .section-image{
        width: 100%;
        padding-right: 0;
    }
    
    .section-image_right{
        width: 100%;
        padding-left: 0;
    }
    
    .photo-pc{
        display: none;
    }
    
    .section-image_top02__sp{
        display: block;
        width: 100%;
        padding-right: 0;
    }
    
    .section-text{
        text-align: center;
        width: auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 30px;
        margin-left: 0;
    }
    
    .section_btn{
        margin-left: 0;
    }
    
    .section-content{
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
    }
    
    .search{
        min-width: auto;
    }
    
    .search-text{
        width: 60%;
    }
    
    .search-parallax-window {
        min-height: 350px;
    }
    
    
    
    /********************************section********************************/
    
    /********************************about-sp********************************/
    
    .hero-image_text02{
        font-size: 3rem;
    }
    
    /********************************about-sp********************************/
    
    /**********************************menu-sp**********************************/

    .section-image_menu01__sp{
        display: block;
        width: 100%;
        padding-right: 0;
    }
    
    /**********************************menu-sp**********************************/
    
    /**********************************model-sp**********************************/

    .modal__content{
        background: #fff;
        left: 50%;
        padding: 0 40px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 70%;
        height: 920px;
        font-size: 2rem;
        overflow-x: scroll;
    }

    .modal-close{
        display: block;
        color: #333;
        margin-bottom: 15px;
    }

    .drink-menu-flex{
        margin: 0 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }


    .drink-category{
        font-weight: 500;
        font-size: 2.6rem;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    
    .modal__content{
        left: 50%;
        padding: 10px;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 80%;
        height: 480px;
        font-size: 2rem;
        overflow-x: scroll;
    }

    .drink-menu-flex{
        margin: 0 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    
    .drink-category{
        font-weight: 500;
        font-size: 2rem;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    
    .drink-menu-flex .tax{
        font-size: 0.9rem;

    }
    
    
    
    /**********************************model-sp**********************************/
    
    
    
    /**********************************toggle-sp**********************************/
    
    .search-wrapper{
        width: 90%;
        min-width: auto;
    }
    
    .search-container{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .searchBox{
        width: 100%;
        height: 400px;
        border-right: none;
        border-bottom: solid 1px #fff;

    }
    
    .searchBox h2{
        margin: 30px 0 0px;
        padding-bottom: 15px;

    }
    
    .searchBox p{
        width: 60%;
    }

    .searchBox select {
        width: 60%;
    }

    .searchBox hr{
        width: 60%;
    }
    
    .list{
        width: 100%;
        height: 1000px;
        -ms-flex-pack: distribute;
        -webkit-box-pack: justify;
        justify-content: space-around;
    }
    
    .list-box{
        display: block;
        width: 100%;
        margin: 20px 10px;
    }
    
    .empty{
        height: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        width: 150px;
    }
    
    .sakabin img{
        width: 120px;
        height: auto;
        margin-left: 5px;
    }
    
    .sake-name{
        font-size: 1.6rem;
        line-height: 1.2em;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    
    .nihonshu-tyuushaku .sake_des{
        width: 90%;
        font-size: 1.4rem;
    }
    
    .country{
        display: none;
    }
    
    .sake_des{
        width: 120px;
        margin-top:10px;
    }
    
    .sake_des_text01{
        display: none;
    }
    
    .sake_des_text02{
        display: none;
    }
    
    .sake_des_text03{
        display: none;
    }
    
    .sake_des_price{
        font-size: 1.4rem;
    }
    
    .other-drink{
        margin: 0 auto;
        padding-bottom: 25px;
    }
    
    
    .toggle-container{
        min-width: auto;
    }
    
    .toggle-contents{
        min-width: auto;
    }
    
    .food-menu-flex{
        margin: 0 20px;
        height: 580px;
        overflow: scroll;
    }
    
    .bg-food{
        height: 585px;
    }
    
    .name-price{
        width: 175px;
        margin: 20px auto 0;
        font-size: 1rem;
        line-height: 1.6em;
    }
    
    .name-price dd{
        font-size: 0.9rem;
    }

    .food-menu-flex p{
        display: block;
    }

    .tax{
        line-height: 1.5em;
        font-size: 0.9rem;
    }

    
    /**********************************toggle-sp**********************************/
    
    
    /**********************************slider-sp**********************************/
    
    .slider-for{
        width: 90%;
    }
    
    .slider-for img{
        width: 100%;
    }
    
    .slider-for p{
        font-size: 2.1rem;
    }
    
    /**********************************slider-sp**********************************/
    

    /********************************info-sp********************************/
    
    .maps{
        min-width: auto;
    }
    
    .infomation{
        width: 80%;
        min-width: auto;
        height: 600px;
        margin: 20px auto 50px;
        border-collapse:collapse;
    }

    .info-title{
        font-size: 2.6rem;
    }

    th{
        width: 35%;

    }

    td{
        width: 65%;
    }

    th,td{
        font-size: 1.6rem;
    }

    
    /********************************info-sp********************************/
    
    
    /********************************footer-sp********************************/
    .footer-container{
        min-width:100%;
        height: 500px;
    }
    
    .footer-box{
        width: 100%;
    }
    
    .footer-item{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
    }
    .footer_logo{
        width: 55px;
        margin: 30px 0 0;
    }
    .footer-tel{
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .footer-item div{
        margin: 0 auto;
    }

    .footer-tel_text{
        font-size: 2.1rem;
        margin-top: 30px
    }

    .footer-tel_number{
        display: block;
        font-size: 4rem;
        color: #333;
    }

    .footer-info{
        margin-top: 30px;
        font-size: 1.5rem;
        line-height: 1.4;
        text-align: center;
    }
    
    /********************************footer-sp********************************/
    /**********************************zoomUp_fadeinout**********************************/

    @-webkit-keyframes zoomUp {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        100% {
            -webkit-transform: scale(1.13);
            transform: scale(1.13);
        }
    }

    @keyframes zoomUp {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
        }
        100% {
            -webkit-transform: scale(1.13);
            transform: scale(1.13);
            -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
        }
    }

    .swiper-slide-active .slide-img,
    .swiper-slide-duplicate-active .slide-img,
    .swiper-slide-prev .slide-img{
        -webkit-animation: zoomUp 10s linear 0s infinite normal both;
        animation: zoomUp 10s linear 0s infinite normal both;  
    }

    /**********************************zoomUp_fadeinout**********************************/
    
    
    
    
    
    
    
    
    
    
    
    
}