@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif');
@import url('https://fonts.googleapis.com/css?family=Lato:400,900');
@import url('https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy');

@media screen and (min-width:768px) {
    .sp {
        display: none
    }

    #google_translate {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 9999
    }

    .wrapper {
        width: 980px;
        margin: 0 auto
    }

    .persist-header {
        background: rgba(0, 0, 0, .9)
    }

    header {
        background: url(../img/bg_ptn1.jpg);
        background-size: 256px
    }

    header .inner {
        width: 980px;
        margin: 0 auto;
        position: relative;
        padding: 18px 0;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    header h1 img {
        width: 94px;
        height: auto
    }

    header p.tel {
        position: absolute;
        top: 16px;
        right: 190px;
        font-size: 22px;
        line-height: 1
    }

    header p.tel span {
        font-size: 10px;
        vertical-align: 4px;
        margin-right: 6px
    }

    header p.reserve {
        background: #a10d00;
        width: 170px;
        text-align: center;
        font-size: 16px;
        line-height: 1;
        position: absolute;
        right: 0;
        top: 0
    }

    header p.reserve a {
        display: block;
        padding: 17px 0 19px 0
    }

    ul.gnav {
        margin-top: 44px;
        display: flex
    }

    ul.gnav li {
        margin-left: 35px;
        font-size: 16px;
        font-weight: 700
    }

    ul.gnav a {
        display: inline-block;
        position: relative;
        text-decoration: none
    }

    ul.gnav a::after {
        position: absolute;
        background: #fff;
        bottom: -4px;
        content: '';
        height: 1px;
        left: 0;
        transform: scale(0, 1);
        transform-origin: center top;
        transition: transform .3s;
        width: 100%
    }

    ul.gnav a:hover::after {
        transform: scale(1, 1)
    }

    ul.gnav a:hover {
        opacity: 1
    }

    .kv_second {
        background: url(../img/bg_kv1.jpg) no-repeat center;
        background-size: cover
    }

    .kv_second div {
        background: rgba(0, 0, 0, .7)
    }

    .kv_second h2 {
        color: #fff;
        font-size: 40px;
        letter-spacing: .1em;
        text-align: center;
        line-height: 1;
        padding: 60px 0
    }

    #main {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 640px
    }

    .intro {
        width: 980px;
        margin: 50px auto;
        background: url(../img/bg_ptn1.jpg);
        background-size: 256px;
        padding: 10px;
        color: #000
    }

    .intro .inner {
        background: url(../img/bg1.png) no-repeat center right, url(../img/bg_ptn2.jpg);
        background-size: auto 440px, 150px;
        padding: 50px 430px 45px 60px
    }

    .intro h2 {
        color: #5b0101;
        font-size: 26px;
        margin-bottom: 20px;
        line-height: 1.5
    }

    .movie {
        background: url(../img/bg2.jpg) no-repeat center;
        background-size: cover;
        padding: 100px 0
    }

    .movie .inner {
        width: 560px;
        margin: 0 auto 40px auto
    }

    .movie .btn {
        margin: 0 auto
    }

    .btn {
        width: 280px;
        border: solid 2px #000;
        text-align: center;
        background: url(../img/bg_ptn1.jpg);
        background-size: 256px;
        line-height: 1;
        font-weight: 700
    }

    .btn a {
        display: block;
        padding: 20px 0
    }

    .menu {
        margin: 100px auto 30px auto;
        width: 980px
    }

    .menu img {
        width: 100%;
        height: auto
    }

    .menu .inner1 {
        display: flex;
        justify-content: space-between
    }

    .menu .inner2 {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        margin: 70px 0
    }

    .menu figure {
        width: 480px
    }

    .menu .inner-box {
        width: 440px
    }

    .menu h2 {
        font-size: 18px;
        margin-bottom: 20px;
        line-height: 1.5
    }

    .menu p {
        color: #999;
        margin-bottom: 30px
    }

    #loopslider {
        margin: 0 auto;
        width: 100%;
        height: 360px;
        text-align: left;
        position: relative;
        overflow: hidden
    }

    #loopslider ul {
        width: 100%;
        height: 360px;
        float: left;
        display: inline;
        overflow: hidden
    }

    #loopslider ul li {
        width: 360px;
        height: 360px;
        float: left;
        display: inline;
        overflow: hidden
    }

    #loopslider ul:after {
        content: ".";
        height: 0;
        clear: both;
        display: block;
        visibility: hidden
    }

    #loopslider ul {
        display: inline-block;
        overflow: hidden
    }

    #loopslider img {
        width: 100%;
        height: auto
    }

    .news {
        margin: 100px auto;
        width: 980px;
        display: flex;
        justify-content: space-between
    }

    .news div {
        width: 460px;
        background: #222
    }

    .news dl {
        padding: 30px
    }

    .news dl dt {
        padding: 20px 10px 5px 10px
    }

    .news dl dd {
        border-bottom: solid 1px rgba(255, 255, 255, .2);
        padding: 0 10px 20px 10px
    }

    #social_share {
        margin: 15px auto 0 auto
    }

    ul.lcmenu {
        display: flex;
        justify-content: center;
        margin-bottom: 40px
    }

    ul.lcmenu li {
        font-size: 17px;
        padding: 0 20px
    }

    ul.lcmenu li i {
        font-size: 12px;
        margin-right: 5px;
        vertical-align: 2px
    }

    .course dl {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 25px;
        padding-bottom: 20px;
        width: 100%
    }

    .course dl dt {
        width: 120px
    }

    .course dl dd {
        width: calc(100% - 120px)
    }

    .course dl dt.price {
        margin-top: 3px
    }

    .course dl dt.price + dd span:nth-child(1) {
        font-family: Lato, sans-serif;
        font-size: 20px;
        font-weight: 900
    }

    .course dl dt.price + dd span:nth-child(2) {
        font-size: 10px;
        margin-left: 2px;
        vertical-align: 1px
    }

    .course-list {
        display: flex;
        flex-wrap: wrap;
        padding: 15px 20px
    }

    .course-list li {
        margin-left: 15px;
        margin-right: 20px;
        font-size: 12px;
        list-style: disc
    }

    dl.menu-list {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 60px
    }

    dl.menu-list dt {
        font-weight: 700;
        padding: 11px 0 10px 1.5%;
        width: 73.5%
    }

    dl.menu-list dt span {
        display: block;
        font-size: 11px;
        line-height: 1.6;
        margin-top: 4px;
        opacity: .5
    }

    dl.menu-list dd {
        padding: 10px 1%;
        text-align: right;
        width: 23%
    }

    dl.menu-list dd span:nth-child(1) {
        font-family: Lato, sans-serif;
        font-size: 16px;
        font-weight: 900
    }

    dl.menu-list dd span:nth-child(2) {
        font-size: 10px;
        margin-left: 2px;
        vertical-align: 1px
    }

    dl.menu-list dt.multi {
        font-weight: 700;
        padding: 11px 0 10px 1.5%;
        width: 68.5%
    }

    dl.menu-list dd.multi {
        padding: 10px 1%;
        text-align: right;
        width: 28%
    }

    dl.menu-list dd.multi dl {
        display: flex;
        flex-wrap: wrap;
        margin: 0
    }

    dl.menu-list dd.multi dl dt {
        border-bottom: none;
        border-top: none;
        font-size: 11px;
        font-weight: 400;
        text-align: right;
        padding: 5px 0 0 0;
        width: 72%
    }

    dl.menu-list dd.multi dl dd {
        border-bottom: none;
        border-top: none;
        padding: 0;
        text-align: right;
        width: 28%
    }

    .note {
        font-size: 12px;
        opacity: .7
    }

    .access dl {
        font-size: 13px
    }

    .access dl a {
        text-decoration: none !important
    }

    .gallery-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        justify-content: center;
        width: 980px;
        margin: 50px auto 70px auto
    }

    .gallery-list li {
        list-style: none;
        margin: 0 10px 20px 10px
    }

    .gallery-list img {
        border-radius: 50%;
        height: 160px;
        width: 160px;
        object-fit: cover
    }

    .gallery-list span {
        display: block;
        font-size: 12px;
        line-height: 1.7;
        margin: 12px 0 0 0;
        text-align: center;
        width: 160px
    }

    .second {
        margin: 50px auto 70px auto;
        width: 980px
    }

    .second-nrw {
        margin: 50px auto 70px auto;
        width: 800px
    }

    .second div.inner,
    .second-nrw div.inner {
        display: flex;
        margin-bottom: 60px
    }

    .second div.inner figure img,
    .second-nrw div.inner figure img {
        height: auto;
        margin-bottom: 0 !important;
        margin-right: 35px;
        width: 300px
    }

    .second figure,
    .second-nrw figure {
        text-align: center
    }

    .second figure img,
    .second-nrw figure img {
        height: auto;
        margin-bottom: 25px;
        width: 640px
    }

    .second p,
    .second-nrw p {
        margin-bottom: 60px
    }

    a[href^="tel:"] {
        pointer-events: none
    }

    a {
        text-decoration: none;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    a:hover {
        opacity: .4
    }

    .persist-header {
        color: #fff;
        font-size: 13px;
        left: 0;
        line-height: 64px;
        position: fixed;
        top: -64px;
        width: 100%;
        z-index: 9999
    }

    .persist-header ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        justify-content: center
    }

    .persist-header ul li {
        letter-spacing: .08em;
        margin: 0 25px
    }

    .persist-header ul li:last-child {
        background: #a10d00;
        padding: 0 25px
    }

    .persist-header a {
        color: #fff
    }

    .persist-header a {
        display: inline-block;
        position: relative;
        text-decoration: none
    }

    .persist-header a::after {
        position: absolute;
        background: #fff;
        bottom: 15px;
        content: '';
        height: 1px;
        left: 0;
        transform: scale(0, 1);
        transform-origin: center top;
        transition: transform .3s;
        width: 100%
    }

    .persist-header a:hover::after {
        transform: scale(1, 1)
    }

    .persist-header a:hover {
        opacity: 1
    }

    dl.shop-info dt {
        clear: both;
        float: left;
        font-weight: 700;
        padding: 12px 0 12px 1.2%;
        width: 23.8%;
        white-space: nowrap
    }

    dl.shop-info dd {
        padding: 12px 0 12px 27%
    }

    dl.shop-info dd:last-child {
        border-bottom: none
    }

    dl.shop-info a {
        font-family: Lato, sans-serif;
        text-decoration: underline
    }

    footer {
        padding-top: 38px
    }

    footer div.inner {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        width: 980px
    }

    footer p.tel {
        font-family: Lato, sans-serif;
        font-size: 36px;
        font-weight: 900;
        line-height: 1;
        text-align: center
    }

    footer p.tel i {
        display: inline-block;
        font-size: 20px;
        margin-right: 2px;
        vertical-align: 6px
    }

    footer dl {
        font-size: 12px;
        margin: 20px auto 20px auto;
        width: 980px;
        text-align: center
    }

    footer dl a {
        text-decoration: none !important
    }

    footer dl dt {
        font-weight: 700
    }

    footer dl dd {
        padding-bottom: 15px
    }

    footer small {
        color: #fff;
        display: block;
        font-family: Lato, sans-serif;
        font-size: 11px;
        letter-spacing: .08em;
        opacity: .7;
        padding-bottom: 18px;
        text-align: center
    }

    #page-top {
        bottom: 20px;
        right: 15px;
        font-size: 48px;
        line-height: 1;
        position: fixed;
        z-index: 9999
    }
}

@media screen and (max-width:767px) {
    .pc {
        display: none
    }

    .drawer-hamburger-icon,
    .drawer-hamburger-icon:after,
    .drawer-hamburger-icon:before {
        background-color: #fff
    }

    .drawer-nav {
        background-color: #000
    }

    .drawer-hamburger {
        background: #000 !important
    }

    #google_translate {
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 9999
    }

    button {
        margin: 0
    }

    button span {
        color: #fff
    }

    header {
        background: url(../img/bg_ptn1.jpg);
        background-size: 256px
    }

    header h1 {
        padding: 10px 0;
        text-align: center
    }

    header h1 img {
        height: 40px;
        width: auto
    }

    .kv_second {
        background: url(../img/bg_kv1.jpg) no-repeat center;
        background-size: cover
    }

    .kv_second div {
        background: rgba(0, 0, 0, .5)
    }

    .kv_second h2 {
        color: #fff;
        font-size: 36px;
        letter-spacing: .1em;
        line-height: 1;
        text-align: center;
        padding: 35px 0
    }

    #main {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 480px
    }

    .intro {
        margin: 30px 20px;
        background: url(../img/bg_ptn1.jpg);
        background-size: 256px;
        padding: 10px;
        color: #000
    }

    .intro img {
        width: 100%;
        height: auto;
        margin-bottom: 15px
    }

    .intro .inner {
        background: url(../img/bg_ptn2.jpg);
        background-size: 150px
    }

    .intro h2 {
        color: #5b0101;
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 1.5;
        padding: 0 25px
    }

    .intro p {
        padding: 0 25px 20px 25px
    }

    .movie {
        background: url(../img/bg2.jpg) no-repeat center;
        background-size: cover;
        padding: 40px 20px
    }

    .movie .inner {
        width: 280px;
        margin: 0 auto 20px auto
    }

    .btn {
        border: solid 2px #000;
        text-align: center;
        background: url(../img/bg_ptn1.jpg);
        background-size: 256px;
        line-height: 1;
        font-weight: 700
    }

    .btn a {
        display: block;
        padding: 20px 0
    }

    .menu {
        margin: 40px 20px 0 20px
    }

    .menu img {
        width: 100%;
        height: auto;
        margin-bottom: 20px
    }

    .menu .inner2 {
        margin: 40px 0
    }

    .menu h2 {
        font-size: 16px;
        margin-bottom: 15px;
        line-height: 1.5
    }

    .menu p {
        color: #999;
        margin-bottom: 15px
    }

    #loopslider {
        margin: 0 auto;
        width: 100%;
        height: 180px;
        text-align: left;
        position: relative;
        overflow: hidden
    }

    #loopslider ul {
        height: 180px;
        float: left;
        display: inline;
        overflow: hidden
    }

    #loopslider ul li {
        width: 180px;
        height: 180px;
        float: left;
        display: inline;
        overflow: hidden
    }

    #loopslider ul:after {
        content: ".";
        height: 0;
        clear: both;
        display: block;
        visibility: hidden
    }

    #loopslider ul {
        display: inline-block;
        overflow: hidden
    }

    #loopslider img {
        width: 100%;
        height: auto
    }

    .news {
        margin: 40px 20px
    }

    .news div {
        background: #222
    }

    .news div.fb {
        width: 280px;
        margin: 30px auto 0 auto
    }

    .news dl {
        padding: 20px
    }

    .news dl dt {
        padding: 20px 10px 5px 10px
    }

    .news dl dd {
        border-bottom: solid 1px rgba(255, 255, 255, .2);
        padding: 0 10px 20px 10px
    }

    .news dl dd:last-child {
        border-bottom: none
    }

    ul.lcmenu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 30px
    }

    ul.lcmenu li {
        font-size: 15px;
        padding: 0 10px 5px 10px;
        margin-bottom: 3px
    }

    ul.lcmenu li i {
        font-size: 12px;
        margin-right: 3px;
        vertical-align: 1px
    }

    .course dl {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 20px;
        padding-bottom: 15px;
        width: 100%
    }

    .course dl dt {
        width: 120px
    }

    .course dl dd {
        width: calc(100% - 120px)
    }

    .course dl dt.price {
        margin-top: 3px
    }

    .course dl dt.price + dd span:nth-child(1) {
        font-family: Lato, sans-serif;
        font-size: 20px;
        font-weight: 900
    }

    .course dl dt.price + dd span:nth-child(2) {
        font-size: 10px;
        margin-left: 2px;
        vertical-align: 1px
    }

    .course-list {
        display: flex;
        flex-wrap: wrap;
        padding: 15px 20px;
        font-size: 13px
    }

    .course-list li {
        margin-left: 10px;
        margin-right: 20px;
        list-style: disc
    }

    dl.menu-list {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 40px
    }

    dl.menu-list dt {
        width: 68%;
        padding: 11px 0 10px 2%;
        font-weight: 700;
        font-size: 13px
    }

    dl.menu-list dt span {
        display: block;
        font-size: 10px;
        line-height: 1.6;
        margin-top: 4px;
        opacity: .5
    }

    dl.menu-list dd {
        width: 28%;
        padding: 10px 2% 10px 0;
        font-weight: 700;
        font-size: 13px;
        text-align: right
    }

    dl.menu-list dd span:nth-child(1) {
        font-family: Lato, sans-serif;
        font-weight: 900;
        font-size: 14px
    }

    dl.menu-list dd span:nth-child(2) {
        font-size: 10px;
        font-weight: 400;
        vertical-align: 1px;
        margin-left: 2px
    }

    dl.menu-list dt.multi {
        font-weight: 700;
        padding: 11px 0 10px 2%;
        width: 33%
    }

    dl.menu-list dd.multi {
        padding: 10px 2% 10px 0;
        text-align: right;
        width: 63%
    }

    dl.menu-list dd.multi dl {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 0
    }

    dl.menu-list dd.multi dl dt {
        border-bottom: none !important;
        border-top: none;
        font-size: 10px;
        font-weight: 400;
        line-height: 1.5;
        text-align: right;
        padding: 2px 0 0 0;
        width: calc(100% - 74px)
    }

    dl.menu-list dd.multi dl dd {
        border-bottom: none !important;
        border-top: none;
        padding: 0;
        text-align: right;
        width: 74px
    }

    .note {
        font-size: 12px;
        opacity: .7
    }

    .gallery-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        justify-content: center;
        margin: 30px 0 40px 0
    }

    .gallery-list li {
        list-style: none;
        margin: 5px 5px 15px 5px
    }

    .gallery-list img {
        border-radius: 50%;
        width: 110px;
        height: 110px;
        object-fit: cover
    }

    .gallery-list span {
        display: block;
        font-size: 10px;
        line-height: 1.6;
        margin: 10px auto 0 auto;
        text-align: center;
        width: 110px
    }

    .second,
    .second-nrw {
        margin: 30px 20px 40px 20px
    }

    .second figure img,
    .second-nrw figure img {
        height: auto;
        width: 100%;
        margin-bottom: 18px
    }

    .second p,
    .second-nrw p {
        margin-bottom: 40px
    }

    .drawer-nav {
        color: #fff;
        z-index: 9999
    }

    .drawer-nav ul li {
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }

    .drawer-nav ul li:last-child a:before {
        content: ""
    }

    .drawer-nav ul li a {
        color: #fff;
        display: block;
        padding: 17px 15px
    }

    .drawer-nav ul li:last-child {
        border-bottom: none;
        font-family: Lato, sans-serif;
        font-size: 24px;
        font-weight: 900;
        line-height: .4;
        padding-top: 30px;
        padding-bottom: 40px;
        text-align: center
    }

    .drawer-nav ul li:last-child span {
        display: block;
        font-size: 11px !important;
        font-weight: 400;
        margin-left: 17px;
        letter-spacing: .1em
    }

    .drawer-nav ul li:last-child i {
        font-size: 15px;
        margin-right: 1px;
        vertical-align: 3px
    }

    .reserve {
        background: #a10d00
    }

    dl.shop-info dt {
        clear: both;
        font-weight: 700;
        padding-top: 11px;
        padding-right: 10px;
        padding-bottom: 0;
        padding-left: 10px
    }

    dl.shop-info dd {
        font-size: .9em;
        line-height: 1.6;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 10px
    }

    dl.shop-info dd:last-child {
        border-bottom: none !important
    }

    dl.shop-info a {
        text-decoration: underline;
        font-family: Lato, sans-serif;
        font-weight: 400
    }

    footer {
        font-size: 13px;
        padding-top: 26px;
        padding-bottom: 30px
    }

    footer p.tel {
        font-size: 32px;
        font-family: Lato, sans-serif;
        font-weight: 900;
        line-height: 1;
        margin-bottom: 10px;
        text-align: center
    }

    footer p.tel i {
        font-size: 18px;
        margin-right: 1px;
        vertical-align: 5px
    }

    footer dl {
        margin-top: 15px;
        margin-bottom: 10px;
        text-align: center
    }

    footer dl dt {
        font-weight: 700
    }

    footer dl dd {
        padding-bottom: 15px
    }

    footer small {
        color: #fff;
        display: block;
        font-family: Lato, sans-serif;
        font-size: 11px;
        letter-spacing: .08em;
        opacity: .7;
        padding-bottom: 15px;
        text-align: center
    }

    #social_share {
        margin: 0 auto 5px auto !important
    }

    a {
        text-decoration: none
    }

    #page-top {
        display: block;
        font-size: 40px;
        line-height: 1;
        position: fixed;
        bottom: 15px;
        right: 10px;
        z-index: 1
    }

    .fit {
        height: auto;
        width: 100%
    }
}

.detailmain {
    text-align: center;
}

@media screen and (min-width: 767px) {
    .detail1 {
        font-size: 40px;
        padding-top: 20px;
        margin-bottom: 80px;
        display: inline-block;
        border-bottom: solid 5px rgb(160 14 1);
    }
}

@media screen and (max-width: 767px) {
    .detail1 {
        font-size: 30px;
        padding-top: 20px;
        margin-bottom: 80px;
        display: inline-block;
        border-bottom: solid 5px rgb(160 14 1);
    }
}
.CMS-COURSE-MENU,.CMS-LUNCH-MENU,.CMS-DRINK-MENU,.CMS-MENU{pointer-events: none!important;}
.second .CMS-COURSE-MENU p,.second .CMS-LUNCH-MENU p,.second .CMS-DRINK-MENU p,.second .CMS-MENU p,
.second-nrw .CMS-COURSE-MENU p,.second-nrw .CMS-LUNCH-MENU p,.second-nrw .CMS-DRINK-MENU p,.second-nrw .CMS-MENU p{
    margin-bottom: unset;
}
.rstdtl-course-list__inner{
    display: flex;
    margin-bottom: 80px;
    width: 100%;
}
.rstdtl-menu-lst__contents{
    display: flex;
    margin-bottom: 10px;
    width: 100%;
}
p.rstdtl-course-list__img,.rstdtl-menu-lst__img{
max-width: 300px;
    padding-right: 20px;
    box-sizing: border-box;
}
p.rstdtl-course-list__img img,p.rstdtl-menu-lst__img img{
    width: 100%;
    height: auto;
}
.rstdtl-course-list__data{}
.rstdtl-course-list__course-title,.rstdtl-menu-lst__heading{
border-bottom: solid 1px rgba(255, 255, 255, .35);
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 30px;
    padding: 10px 0 13px 0;
    }
.rstdtl-course-list__subinfo,.rstdtl-menu-lst__price{
    text-align: right;
}
.rstdtl-course-list__subinfo em{
    font-size: 20px;
    color: red;
}
.rstdtl-course-list__action-btn{
    display: none;
}
.rstdtl-menu-lst__info{
	border-bottom: 1px dashed #2e2e2e;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;

}

.rstdtl-menu-lst__info-inner{
    display: flex;
    justify-content: space-between;
    font-size: 125%;
    padding-bottom: 10px;
}
.rstdtl-menu-lst__ex{
	    padding: 0 10px;
}
@media screen and (max-width: 767px) {    
.rstdtl-course-list__inner,
    .rstdtl-menu-lst__contents{
        flex-wrap: wrap;
    }
p.rstdtl-course-list__img,.rstdtl-menu-lst__img{

    }
}