@charset "utf-8";


/*  SP用  */

/*---base---*/
html{color:#000;background:#000}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}
#yui3-css-stamp.cssreset{display:none}

body {
    height:100%;
    background: url("../img/zwartevilt.jpg");
    background-repeat: repeat;
    position: relative;

    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;

}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


*{
  -webkit-font-smoothing: antialiased ;
  -moz-osx-font-smoothing: grayscale ;
  font-family: 'Noto Serif JP', serif;
  box-sizing: border-box ;
}

img {
    max-width:100%;
    height:auto;
    vertical-align: bottom;
}

body {
    font-family: 'Noto Serif JP', serif;
    /*background: black;*/
    color: azure;
    line-height:1.5;
    /*background-size: cover;
    background-image: url("../img/black_pattern01.jpg");
    background-repeat: repeat-y;*/
}

a {
    text-decoration: none;
    color:inherit;
    transition: .3s;
}

a:hover {
    opacity: .7;
    transition: .3s;
}



/*  module  */

.m-ttl {
    margin-top: 50px;
    font-size: 1.4em;
    text-align:center;
}


/*  utility  */

.u-wrap{
    width: 90%;
    margin: 0 auto;
}
.u-mt-l {
    margin-top: 80px;
}
.u-mt-m {
    margin-top: 100px;
}
.u-ptb-s{
    padding: 40px 0;
}
.u-ptb-m{
    padding: 20px 0;
}
.u-p-m{
    padding: 20px 20px;
}
.u-pt-m{
    padding-top: 20px;
}
.u-pb-m{
    padding-bottom: 20px;
}
.u-pr-m{
    padding-right: 20px;
}
.u-pl-m{
    padding-left: 20px;
}
.u-drink-cat {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 1.3em;
    padding:3px 0;
    text-align: center;
    background: #A70007;
}
.u-btn {
    display: block;
    text-align: center;
    margin: 50px auto 30px;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 700;
    padding:5px 10px;
    border: 0.5px solid white;
    border-radius:5px;
    width:300px;
}

#page-top {
    width:40px;
    object-fit: contain;
    z-index: 1001;
    background-color: rgba(255, 0, 0, 0.3);
    padding:5px;

    position: fixed;
    right:20px;
    bottom:50px;
    display:block;
}
.text-noto {
    text-align: center;
    font-size:.8em;
    font-family: 'Noto Sans Japanese',   sans-serif;
    font-weight: 300;

}




.top-header {
    width:100%;
    height:150px;
    margin:0 auto; 
}
.top-header-logo {
    width:20%;
    height:100%;
    margin:0 auto;
    text-align: center;
    /*background: lightgreen;*/
    background-image: url("../img/head_ichiryu.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
}

.top-kodawari {
    text-align: center;
}

.top-kodawari-copy {
    font-size:25px;
    font-weight:bold;
    text-align:center;
}

.top-kodawari-txt {
    margin-top:10px;
    line-height:2;
    text-align:left;
}

.top-menu-ttl {
    text-align:center;
}

.top-menu-list {
    width:90%;
    margin: 20px auto 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;

}

.top-menu-item {
    width:100%;
    display:inline-block;
}
.top-menu-item:nth-child(2) {
    margin-top:50px;
}
.top-menu-item:nth-child(3) {
    margin-top:50px;
}

.top-menu-photo { /* 画像をマスク */
    overflow: hidden;
}
.top-menu-photo img { /* マウスオーバーで拡大の戻り */
transition-duration:0.5s
}
.top-menu-photo img:hover{ /* マウスオーバーで拡大 */
    transform: scale(1.2,1.2);
    transition-duration: 0.3s;
}
.top-menu-txt {
    margin-top:15px;
    font-size:20px;
    text-align:center;
}

.top-access {
    background: red;
    margin-top: 100px;
}

.top-access-list {
    margin-top:20px;
    display:flex;
    justify-content:space-around ;
}
.top-access-items_01 {
    width:53%;
}
.top-access-items_02 {
    width:30%;
}
.top-access-items_03 {
    display: none;
}
.top-access-items_04 {
    display: none;
}
.m-page-kv {
    width:100%;
    height:200px;
    display:flex;
    justify-content:center;
    align-items: center;
    background-size: cover ;
    background-repeat: no-repeat ;
}

.m-page-kv::before {
    /* 透過した黒を上から重ねるイメージ */
    background-color: rgba(0, 0, 0, 0.1);
    /* 自由に位置指定 */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
}
.osusume-kv {background-image: url(../img/a5ichiryu_fire.jpg) ;position:relative;}
.set-kv {background-image: url(../img/a5ichiryu_kiwami.jpg) ;position:relative;}
.tanpin-kv {background-image: url(../img/a5ichiryu_a5karubi.jpg) ;position:relative;}
.side-kv {background-image: url(../img/a5ichiryu_tamagokake.jpg) ;position:relative; }
.drink-kv {background-image: url(../img/a5ichiryu_drink.jpg) ;position:relative;}
.omotikaeri-kv {background-image: url(../img/a5ichiryu_a5karubi.jpg) ;position:relative;}
.obento-kv {background-image: url(../img/a5ichiryu_obento.jpg) ;position:relative;}
.utiniku-kv {background-image: url(../img/a5ichiryu_a5.jpg) ;position:relative;}

.osusume-kv, .set-kv, .tanpin-kv, .side-kv, .drink-kv, .omotikaeri-kv, .obento-kv {background-position: center;}




.m-page-kv-inner {/* 透過した黒からテキストに影響を与えない */
    position:absolute;
    width:100%;
    text-align:center;
    font-size:1.3em;
    font-weight:900;
    letter-spacing: .2em;
    top:50%;
    left:50%;
    transform:translateY(-50%)translateX(-50%);
    margin:auto;
}


.inmenu-nav-s {
    position:relative;
}

.inmenu-nav-s a{
font-family: 'Noto Sans Japanese',   sans-serif;
font-weight: 700;
}


.kv-ttl {
    font-size:1.5em;
    text-align:center;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.8));
}

.inmenu-gallery {
    width:100%;
    margin:0 auto;
    overflow: hidden;
}
.inmenu-gallery img{
    width:100%;
    height:350px;
    object-fit: cover;
}





.inmenu-list {
    width:95%;
    margin: 20px auto 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: flex-start;
    /*background: blue;*/
    position: relative;
}
.inmenu-item_1 {
    width: 32%;
}



.inmenu-item_2 {
    width:100%;
    margin: 50px 0;
    display:inline-block;
}
.inmenu-item_3, .inmenu-item_4 {
    width:49%;
    margin: 50px 0;
    display:inline-block;
}
.inmenu-item_3.inmanu-name, .inmenu-item_4.inmanu-name {
    font-size: .8em;
}
.inmenu-item_3 .inmenu-set-name-price{
    display: block;
}
.inmenu-photo { /* 画像をマスク */
    overflow: hidden;
}
.top-menu-photo img { /* マウスオーバーで拡大の戻り */
transition-duration:0.5s
}
.top-menu-photo img:hover{ /* マウスオーバーで拡大 */
    transform: scale(1.1,1.1);
    transition-duration: 0.3s;
}
.inmenu-info {
    font-family: "Noto Sans Japanese", sans-serif;
    padding:10px 5px;
}
.inmenu-cat {
    font-size:1.2em;
    margin-top: 8px;
}
.inmenu-copy {
    font-size:.9em;
    margin-top: 8px;
}
.inmenu-set-name-price {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    border-bottom: 1px solid rgb(90, 90, 90);
}
.inmenu-set-name-price_block {
    margin-top: 15px;
    border-bottom: 1px solid rgb(90, 90, 90);
}
.drink .inmenu-set-name-price {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    border-bottom: 1px solid rgb(90, 90, 90);
}
.osusume-mark {color:red;}
.inmenu-name {
    font-family: "Noto Sans Japanese", sans-serif;
    font-weight:100;
    color:orange;
    font-size: .8em;
    padding-left:5px;
}
.inmenu-set-price {
    white-space: nowrap;
    display: flex;
    align-items: flex-end;
}
.inmenu-pre-price {
    display: inline-block;
    font-size: .7em;
    margin-right: 10px;
    padding-left:5px;
    
}
.inmenu-price {
    display: inline-block;
    font-size: .8em;
    
}
.inmenu-yen {
    display: inline-block;
    font-size: .7em;
    padding-right:5px;
}
.inmenu-note {
    margin-top: 10px;
    font-size:.75em;
    padding: 0 5px 5px;
    font-family: "Noto Sans Japanese", sans-serif;
    font-weight: 100;
}
.primary{
    color:#A70007;
    font-size:1em;
    font-family: "Noto Sans Japanese", sans-serif;
    font-weight: 800;
}


.recept {
    position: fixed;
    bottom:50px;
    left:20px;
    background-color: rgba(255, 0, 0, 0.8);
    padding: 0px 10px;
    z-index: 1001;
}
.recept-tel a{
    font-family: "Noto Sans Japanese", sans-serif;
    font-weight: 600;
}
.recept-txt {
    font-family: "Noto Sans Japanese", sans-serif;
    font-weight: 100;
    font-size: .7em;
}
.access-info-name {
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 1.3em;
    font-weight: 100;
}
.access-info {
    background-color: #A70007;
    font-size: 1em;
    padding:20px 20px;

}
.access-info-tel a {
    font-family: "Noto Sans Japanese", sans-serif;
    font-weight: 600;
    font-size: 1.2em;

}
.access-info-ttl {
    font-family: "Noto Sans Japanese", sans-serif;
    font-weight: 100;
    font-size: .8em;
    margin-top:20px;
}
.access-info-txt {
    font-family: "Noto Sans Japanese", sans-serif;
    font-weight: 100;
    font-size: .9em;
}
.opening-time {
    width:90%;
    display: flex;
    justify-content: space-between;
}
.opening-time-time {
    text-align:right;
}
.ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    }
     
    .ggmap iframe,
    .ggmap object,
    .ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }


.footer {
    background-image: url("../img/footer_ichiryu.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #A70007;
    width: 100%;
    margin-top: 100px;
    font-size: 15px;
}
.top-footer-list {
    display: flex;
    flex-flow: column wrap;
}
.top-footer-item {
    background:rgba(0,0,0,0.2);
    width:100%;
    padding:10px;
}
.top-footer-item:nth-child(n+2){
    margin-top:20px;
}
.top-footer-ttl {
    font-family: "Noto Sans Japanese", sans-serif;
    font-weight: 600;
    border-bottom: 1px solid rgb(218, 0, 11);
    margin-bottom: 10px;
}
.top-footer-txt {
    font-family: "Noto Sans Japanese", sans-serif;
    font-weight: 100;
    font-size: 1em;
    line-height: 1.8;
}
.top-footer-txt a{
    font-family: "Noto Sans Japanese", sans-serif;
    font-weight: 100;
    font-size: 1em;
    line-height: 1.8;
}
.access {
    height:50%;
}
.access-list {
    margin-top:20px;
    display:flex;
    justify-content:space-between ;
}
.access-items {
    margin-right: 10px;
}
.access-items:first {
    width: 50%;
}





.copyright {
    margin: 0 auto;
    padding:20px 0;
    font-size: 14px;
    text-align: center;
    background: black;
    font-family: "Noto Sans Japanese", sans-serif;
    font-weight: 800;
    letter-spacing: 0.5em;

}
















/*タブレット用　560px以上 */

@media screen and (min-width: 559px) {
    .top-header {
        width: 100%;
        /*background:green;*/
    }
    
    .inmenu-gallery img{
        height:500px;
    }
    .top-menu-item {
        width:48%;
        display:inline-block;
    }

    .top-menu-item:nth-child(2) {
        margin-top:0px;
    }
    
    .inmenu-item_3, .inmenu-item_4 {
        width:48%;
    }
    .inmenu-item_2 .inmenu-set-name-price{
        display: block;
    }
    .u-wrap{
        width: 80%;
        margin: 0 auto;
    }
    .u-mt-l {
        margin-top: 88px;
    }
    .u-mt-m {
        margin-top: 100px;
    }
    .u-inmenu-font-s {
        font-size: .7em;
    }
    .inmenu-name {
        font-size: 1em;
        padding-left:5px;
    }
    .inmenu-pre-price {
        font-family: "Noto Sans Japanese", sans-serif;
        display: inline-block;
        font-size: .8em;
        margin-right: 10px;
    }
    .top-footer-list {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
    }
    .top-footer-item:nth-child(n+2){
        margin-top:20px;
    }







.inmenu-set-name-price {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    border-bottom: 1px solid rgb(90, 90, 90);
}
.drink .inmenu-set-name-price {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    border-bottom: 1px solid rgb(90, 90, 90);
}
.osusume-mark {color:red;}
.inmenu-name {
    font-family: "Noto Sans Japanese", sans-serif;
    font-weight:100;
    color:orange;
    font-size: .8em;
    padding-left:5px;
}
.inmenu-set-price {
    white-space: nowrap;
    display: flex;
    align-items: flex-end;
}
.inmenu-pre-price {
    display: inline-block;
    font-size: .7em;
    margin-right: 10px;
    padding-left:5px;
    
}
.inmenu-price {
    display: inline-block;
    font-size: 1em;
    
}
.inmenu-yen {
    display: inline-block;
    font-size: .8em;
    padding-right:5px;
}
.inmenu-note {
    margin-top: 10px;
    font-size:.8em;
    padding: 0 5px 5px;
    font-family: "Noto Sans Japanese", sans-serif;
    font-weight: 100;
}




}




















/*PC用960px以上 */

@media screen and (min-width: 959px) {
    /*  module  */

    .m-ttl {
        font-size: 25px;
        text-align:center;
    }


    /*  utility  */

    .u-wrap{
        width: 1080px;
        margin: 0 auto;
        margin-top:100px;
    }
    .u-ptb-s{
        padding: 40px 0;
    }
    .u-ptb-m{
        padding: 85px 0;
    }
    .u-p-m{
        padding: 85px 85px;
    }
    .u-pt-m{
        padding-top: 20px;
    }
    .u-pb-m{
        padding-bottom: 85px;
    }
    .u-pr-m{
        padding-right: 85px;
    }
    .u-pl-m{
        padding-left: 85px;
    }



    body{
        /*background: #000000;*/
        min-width:1250px;

        
    }
    #page-top {
        right:80px;
        bottom:150px;
    }
    .top-header {
        min-height:200px;
    }
    
    .inmenu-gallery img{
        height:600px;
    }
    .top-kodawari {
        padding:50px 250px;
    }
    
    .top-kodawari-copy {
        font-size:30px;
        font-weight:bold;
        text-align:center;
    }
    
    .top-kodawari-txt {
        margin-top:10px;
        line-height:2;
    }
    
    .top-menu-ttl {
        text-align:center;
    }
    
    .top-menu-list {
        width:80%;
        margin: 20px auto 0;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    
    }
    
    .top-menu-item {
        width:31%;
        display:inline-block;
    }

    .top-menu-item:nth-child(2) {
        margin-top:0px;
    }
    .top-menu-item:nth-child(3) {
        margin-top:0px;
    }
    
    .top-menu-photo { /* 画像をマスク */
        overflow: hidden;
    }
    .top-menu-photo img { /* マウスオーバーで拡大の戻り */
    transition-duration:0.5s
    }
    .top-menu-photo img:hover{ /* マウスオーバーで拡大 */
        transform: scale(1.2,1.2);
        transition-duration: 0.3s;
    }
    .top-menu-txt {
        margin-top:15px;
        font-size:20px;
        text-align:center;
    }
    
    .w100_red {
        background:red;
    }

    .top-access-list {
        margin-top:20px;
        display:flex;
        justify-content:space-around ;
    }
    .top-access-items_01 {
        width:350px;
    }
    .top-access-items_02 {
        width:200px;
    }
    .top-access-items_03 {
        display: block;
        width:200px;
    }
    .top-access-items_04 {
        display: block;
        width:200px;
    }

    .inmenu-ttl {
        text-align:center;
    }
    
    .inmenu-list {
        width:80%;
        margin: 20px auto 0;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    
    }
    .inmenu-item_2 {
        width:49%;
    }
    
    .inmenu-item_3, .inmenu-item_4 {
        width:32%;
    }
    
    .inmenu-photo { /* 画像をマスク */
        overflow: hidden;
    }
    .top-menu-photo img { /* マウスオーバーで拡大の戻り */
    transition-duration:0.5s
    }
    .top-menu-photo img:hover { /* マウスオーバーで拡大 */
        transform: scale(1.2,1.2);
        transition-duration: 0.3s;
    }
    .inmenu-info {
        padding:10px;
    }
    .inmenu-name {
        font-size: 1em;
        padding-left:5px;
    }
    .inmenu-pre-price {
        display: inline-block;
        font-size: .9em;
        
    }


    .top-footer-list {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
    }
    .top-footer-item {
        background:rgba(0,0,0,0.2);
        width:33%;
        padding:10px;
    }
    .top-footer-item:nth-child(n+2){
        margin-top:0px;
    }
}