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

@media only screen and (max-width:1600px){
    .listAL > div:nth-child(2) > div.text {margin-bottom: 50px;}
}
/*1600px_spc_end*/


@media only screen and (max-width:1400px){
    .top-barC {height: 110px; transition: all 0.25s ease 0s;}
    .logo {width: 87px; transition: all 0.25s ease 0s;}
	.links {top: 15px; transition: all 0.25s ease 0s;}
	.menu {top: 60px; transition: all 0.25s ease 0s;}
	.sjj_nav_ul > li::before {height: 35px; transition: all 0.25s ease 0s;}
    .sjj_nav_ul > li > a {line-height: 30px; transition: all 0.25s ease 0s;}
    .sjj_nav_ul > li > ul {top: 60px; transition: all 0.25s ease 0s;}
	#content {padding: 80px 0 0 0;}
	.ind_A {padding: 75px 0 60px 0;}
	.ind_A > div h1, .ind_A > div h2 {margin-bottom: 22px;}
    .ind_AL > div {letter-spacing: 0.8px; padding: 13px 0 0 0;}
	footer {padding: 40px 0 0 0;}
	.ind_AL {padding: 0 3% 0 0;}
	.ind_AC {padding: 0 3%;}
	.ind_AR {padding: 0 0 0 3%;}
	.footer > ul:nth-child(1) {width: 37.51%; padding: 0 20px 40px 0;}
	.footer > ul:nth-child(2) {width: 27.38%; padding: 0 20px 40px 0;}
	.footer > ul:nth-child(3) {width: 18.4%; padding: 0 20px 40px 0;}
	.footer > ul:nth-child(4) {width: 16.71%; padding: 0 0 40px 0;}
	.mainDiv {padding: 20px 0 90px 0;}
	.visitA, .visitB, .visitC {padding: 35px 35px 10px 70px;}
	.visitA > ul li:nth-child(1), .visitB > ul li:nth-child(1) {width: 265px;}
	.visitA > ul li:nth-child(2), .visitB > ul li:nth-child(2), .visitC > ul li {width: calc(100% - 265px);}
	.visitA > ul li:nth-child(1) > div {margin-right: 30px;}
	.visitB > ul li:nth-child(1) {padding: 0 10px 0 71px !important;}
	.visitDiv h2 {padding: 44px 75px 20px 75px;}
	.btn_a {padding: 15px 0 40px 265px;}
	.loginDiv {padding: 70px 20px 60px 20px;}
	.memberL {padding-bottom: 50px;}
	.reservationDiv {padding: 60px 0 0 0;}
	.reservationA, .reservationB > div {padding: 38px 57px;}
	.openDiv {padding: 55px 45px;}
	.reservationG {margin-bottom: 75px;}
    .listAL > div:nth-child(2) {padding: 0px 6.169%;}
    .listAL > div:nth-child(2) > h2 {margin-bottom: 20px;}
    .listAL > div:nth-child(2) > div.text {margin-bottom: 40px;}
    .listB > div, .listI > div {width: 30%; margin: 0 5% 55px 0;}
    .listB > div > div.photo, .listI > div > div.photo {margin-bottom: 20px;}
    .listB > div > h2, .listI > div > h2 {margin-bottom: 18px;}
    .listF > div, .listG > div {width: 30%; margin: 0 5% 65px 0;}
    .listF > div:nth-child(3n+3), .listG > div:nth-child(3n+3) {margin: 0 0 65px 0;}
    .detailA > div:nth-child(1) {width: 650px;}
    .detailA > div:nth-child(2) {width: calc(100% - 650px); padding: 10px 0 0 50px;}
    .btnA a {width: calc(33.33% - 15px)!important; margin-right: 15px;}
    .listH > div {width: 23%; margin: 0 2.66% 50px 0;}
    .listH > div:nth-child(4n+4) {margin: 0 0 50px 0;}
    .listH > div > div.photo {margin-bottom: 25px;}
    .listH > div > h3 {margin-bottom: 13px;}
}
/*1400px_nb_end*/


@media only screen and (max-width:1200px){
    .top-barC, .frame_1480 {padding: 0 50px;}
    .logo {left: 50px;}
	.ind_A {padding: 60px 0 55px 0;}
	.footer > ul:nth-child(1) {width: 33.51%;}
	.footer > ul:nth-child(2) {width: 28.38%;}
	.footer > ul:nth-child(3) {width: 19.4%;}
	.footer > ul:nth-child(4) {width: 18.71%;}
	.ind_AL {padding: 0 20px 0 0;}
	.ind_AC {padding: 0 20px;}
	.ind_AR {padding: 0 0 0 20px;}
    .ind_AL > div {padding: 5px 0 0 0;}
	.subDiv {padding: 75px 50px 0 50px;}
	.subM {margin-bottom: 35px !important;}
	.mainDiv {padding: 20px 0 80px 0;}
	.aboutA {padding: 45px 0 0 0;}
	.aboutA > div:nth-child(1) > div::before {top: -8%; left: -8%;}
	.aboutA > div:nth-child(1) > div::after {top: -6%; left: -6%;}
	.visitA, .visitB, .visitC {padding: 30px 30px 10px 30px;}
	.visitA > ul li:nth-child(1), .visitB > ul li:nth-child(1) {width: 240px;}
	.visitA > ul li:nth-child(2), .visitB > ul li:nth-child(2) {width: calc(100% - 240px);}
	.visitC > ul li {width: 100%; padding: 0 70px!important;}
	.visitA > ul li:nth-child(1) > div {margin-right: 20px;}
	.visitB > ul li:nth-child(1) {padding: 0 10px 0 61px !important;}
	.visitDiv h2 {padding: 45px 45px 20px 45px;}
	.btn_a {padding: 15px 0 35px 240px;}
	.loginDiv {margin: 15px auto 0 auto; padding: 55px 20px 50px 20px;}
	.loginDivC > div:nth-child(1) {padding: 0 40px 0 0px;}
	.loginDivC > div:nth-child(2) {padding: 0 0px 0 40px;}
	.loginDivC > div:nth-child(1) h2 {margin-bottom: 25px;}
	.memberL {padding-bottom: 45px; max-width: 100%;}
	.memberDiv {padding: 35px 20px 55px 20px;}
	.memberN {margin-bottom: 30px;}
	.reservationDiv {padding: 55px 0 0 0;}
	.reservationA, .reservationB > div {padding: 35px 50px;}
	.openDiv {padding: 50px 40px;}
	.reservationG {margin-bottom: 60px;}
    .listAL > div:nth-child(2) {padding: 0px 5%;}
    .listAL > div:nth-child(2) > h2 {margin-bottom: 15px;}
    .listAL > div:nth-child(2) > div.text {margin-bottom: 30px;}
    .listB > div, .listI > div {width: 31%; margin: 0 3.5% 50px 0;}
    .listB > div:nth-child(3n+3), .listI > div:nth-child(3n+3) {margin: 0 0 50px 0;}
    .listB > div > div.photo, .listB > div > h2, .listI > div > div.photo, .listI > div > h2 {margin-bottom: 15px;}
    .contentA {align-items: flex-start;}
    .listF > div, .listG > div {width: 31%; margin: 0 3.5% 55px 0;}
    .listF > div:nth-child(3n+3), .listG > div:nth-child(3n+3) {margin: 0 0 55px 0;}
    .detailA > div:nth-child(1) {width: 600px;}
    .detailA > div:nth-child(2) {width: calc(100% - 600px); padding: 5px 0 0 30px;}
    .btnA a {width: calc(33.33% - 10px)!important; margin-right: 10px;}
    .cafeA > div:nth-child(2) {padding: 0 0 0 4%;}
    .listH > div {width: 24%; margin: 0 1.33% 45px 0;}
    .listH > div:nth-child(4n+4) {margin: 0 0 45px 0;}
    .listH > div > div.photo {margin-bottom: 20px;}
    .listH > div > h3 {margin-bottom: 10px;}
}
/*1200px_xl_end*/


@media only screen and (max-width:992px){
    .mobile {display:block;} .pc {display:none;}
    .bg_saf {background-attachment: scroll;}
    .bg_bsc {-webkit-background-size: none; -moz-background-size: none; -o-background-size: none; background-size: none;}
    .a_nohover {pointer-events: initial;}
    .rotate_360:hover {text-decoration:none; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}
    .alpha_60:hover {filter:alpha(opacity=100);Opacity:1.0;}
    .scale_3:hover, .scale_05:hover {transform: scale(1.0, 1.0);}
    .translateY_t075:hover {-moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); transition: all 0.5s ease 0s;}
    .flash-line-hover:hover::before {-webkit-animation-name: none!important; animation-name: none!important;}
    #content {padding: 60px 0 0 0;}
	.top-barC, .frame_1480 {padding: 0 20px;}
    .sjj_nav_ul > li > ul {top: auto; transition: all 0s ease 0s;}
	.ind_A {padding: 50px 0;}
	.ind_A > div {flex-direction: column;}
	.ind_A > div h1, .ind_A > div h2 {margin-bottom: 20px;}
	.ind_AL > div {padding: 0px 0 0 0;}
	.ind_AL, .ind_AC, .ind_AR {width: 100%; max-width: 397px; padding: 0; margin: auto;}
	.ind_AL, .ind_AC {padding-bottom: 30px; margin-bottom: 30px;}
	.ind_AC > div, .ind_AR > div {text-align: center;}
	.ind_AL::after, .ind_AC::after {content: ''; width: 100%; height: 2px; right: 0;}
	.footer > ul:nth-child(1) {width: 15%;}
	.footer > ul:nth-child(2) {width: 30%;}
	.footer > ul:nth-child(3) {width: 27%;}
	.footer > ul:nth-child(4) {width: 28%;}
	.subDiv {padding: 60px 20px 0 20px;}
	.subM {margin-bottom: 30px !important;}
	.subM > div {display: block; width: 50px; height: 30px; margin: auto; position: relative; cursor: pointer;}
	.subM > ul {max-height: 0; overflow: hidden; transition: all 0.5s ease 0s;}
    .subM ul li {margin: 10px 14px !important;}
	.subM_se > ul {max-height: 100px; transition: all 2s ease 0s;}
	.mainDiv {padding: 20px 0 70px 0;}
	.aboutA {padding: 40px 0 0 0;}
	.aboutA > div:nth-child(1) > div::before {top: -6%; left: 26%;}
	.aboutA > div:nth-child(1) > div::after {top: -4%; left: 28%;}
	.aboutA > div:nth-child(2) {padding: 10px 0 0 30px;}
	.visitA, .visitB, .visitC {padding: 30px 25px 5px 25px;}
	.visitA > ul li:nth-child(1), .visitB > ul li:nth-child(1) {width: 250px;}
	.visitA > ul li:nth-child(2), .visitB > ul li:nth-child(2) {width: calc(100% - 250px);}
	.visitDiv h2 {padding: 40px 40px 15px 40px;}
	.btn_a {padding: 15px 0 35px 250px;}
	ul.hor_2 > li {width: 33.33%;}
	.loginDiv {margin: 10px auto 0 auto;}
	.loginDivC {max-width: 765px;}
    .loginDivC2 {max-width: 900px;}
	.loginDivC > div:nth-child(1) {padding: 0 30px 0 0px;}
	.loginDivC > div:nth-child(2) {padding: 0 0px 0 30px;}
	.btn_c:link, .btn_c:visited {width: 100%;}
	.memberCL > li {width: 50%;}
	.memberL {padding-bottom: 40px;}
	.memberDiv {padding: 30px 20px 50px 20px;}
	.orderStep > li {width: calc(25% - 15px);}
	.reservationDiv {padding: 50px 0 0 0;}
	.reservationDiv > h2, .reservationB > div > h3 {margin-bottom: 20px;}
	.reservationA, .reservationB > div {padding: 30px 40px;}
	.reservationF {padding: 25px 25px 20px 25px;}
	.reservationFM {height: 90px;}
	.bgStyle_b a::after {left: -28%; width: 160%;}
	.openDiv {padding: 45px 35px 30px 35px;}
	.timeDivL > li, .timeDivL > li:nth-child(4n+4) {width: 32%; margin: 0 2% 20px 0!important; padding-bottom: 17.4% !important;}
	.timeDivL > li:nth-child(3n+3) {margin: 0 0 20px 0!important;}
	.reservationG {margin-bottom: 45px;}
    .listAL > div:nth-child(2) {padding: 0px 4%;}
    .listAL > div:nth-child(2) > h2 {margin-bottom: 10px;}
    .listAL > div:nth-child(2) > div.text {margin-bottom: 20px;}
    .listB > div, .listI > div {width: 32%; margin: 0 2% 45px 0;}
    .listB > div:nth-child(3n+3), .listI > div:nth-child(3n+3) {margin: 0 0 45px 0;}
    .listB > div > div.photo, .listB > div > h2, .listI > div > div.photo, .listI > div > h2 {margin-bottom: 20px;}
    .listF > div, .listG > div {width: 32%; margin: 0 2% 45px 0;}
    .listF > div:nth-child(3n+3), .listG > div:nth-child(3n+3) {margin: 0 0 45px 0;}
    .listF > div > div.photo, .listF > div:hover > h3, .listG > div > div.photo, .listG > div:hover > h3 {margin-bottom: 20px;}
    .detailA > div:nth-child(1) {width: 700px; margin: auto;}
    .detailA > div:nth-child(2) {width: 700px; margin: auto; padding: 20px 0 0 0px;}
    .btnA {justify-content: center;}
    .btnA a {width: calc(33.33% - 20px)!important; margin: 0 10px;}
    .detailA > div:nth-child(2) .share {display: flex; flex-wrap: wrap; justify-content: center; padding: 20px 0 0 0;}
    .cafeA > div:nth-child(1) {width: 100%;}
    .cafeA > div:nth-child(2) {width: 100%; padding: 30px 0 0 0;}
    .listH > div, .listH > div:nth-child(4n+4) {width: 31%; margin: 0 3.5% 45px 0;}
    .listH > div:nth-child(3n+3) {margin: 0 0 45px 0;}
    .listH > div > div.photo {margin-bottom: 15px;}
    .mediaDA > div:nth-child(1) {width: 289px;}
    .mediaDA > div:nth-child(2) {width: calc(100% - 289px); padding: 0 0 0 3%;}
    .mediaDB > div:nth-child(1) {width: 100%; max-width: 590px; margin: auto; padding: 0 0 20px 0;}
    .mediaDB > div:nth-child(2) {width: 100%; max-width: 590px; margin: auto; padding: 0;}
}
/*992px_lg_end*/


@media only screen and (max-width:768px){
	.footer > ul:nth-child(1), .footer > ul:nth-child(3), .footer > ul:nth-child(4) {width: 50%;}
	.footer > ul:nth-child(2) {width: 50%; flex-wrap: wrap; flex-direction: inherit; padding: 0 0 40px 0;}
	.footer > ul:nth-child(2) li {width: 33.33%;}
	.subDiv {padding: 50px 20px 0 20px;}
	.subM {margin-bottom: 25px !important;}
	.subM_se > ul {max-height: 200px;}
	.mainDiv {padding: 20px 0 60px 0;}
	.aboutA {padding: 35px 0 0 0;}
	.aboutA > div:nth-child(1) {width: 100%; padding: 0;}
	.aboutA > div:nth-child(1) > div {margin: auto;}
	.aboutA > div:nth-child(1) > div::before {top: -4%; left: -4%;}
	.aboutA > div:nth-child(1) > div::after {top: -2%; left: -2%;}
	.aboutA > div:nth-child(2) {width: 100%; padding: 40px 0 0 0px;}
	.visitA, .visitB, .visitC {padding: 0px 20px;}
	.visitA > ul, .visitB > ul, .visitC > ul {padding: 20px 0 0 0!important;}
	.visitA > ul li:nth-child(1), .visitB > ul li:nth-child(1) {width: 100%; padding: 0!important;}
	.visitA > ul li:nth-child(2), .visitB > ul li:nth-child(2) {width: 100%; padding: 10px 0 0px 0!important;}
	.visitDiv h2 {padding: 20px 20px 10px 20px;}
	.visitC > ul li {padding: 0 0px !important;}
	.btn_a {padding: 15px 0 35px 0px; flex-wrap: wrap; justify-content: center;}
	.loginDiv {margin: 5px auto 0 auto; padding: 40px 20px;}
	.loginDivC > div:nth-child(1) {width: 100%; padding: 0 0px 0 0px;}
	.loginDivC > div:nth-child(1) h2 {margin-bottom: 20px;}
	.loginDivC > div:nth-child(2) {width: 100%; padding: 40px 0px 0 0px;}
	.loginDivC > div:nth-child(2) h3 {margin-bottom: 10px;}
	.btn_b:link, .btn_b:visited {height: 46px;}
	.memberCL > li {width: 100%; text-align: center;}
	.memberL {padding-bottom: 35px;}
	.memberDiv {padding: 30px 20px 45px 20px;}
	.memberN {margin-bottom: 25px;}
	.orderStep > li {width: calc(50% - 10px);}
	.orderStep > li:nth-child(2n+2) {margin: 0 0 10px 0;}
	.reservationDiv {padding: 45px 0 0 0;}
	.reservationDiv > h2, .reservationB > div > h3 {margin-bottom: 15px;}
	.reservationA, .reservationB > div {padding: 25px 30px;}
	.reservationB > div {width: 100%; margin: 0 0 30px 0;}
	.reservationB > div:nth-child(2n+2) {margin: 0;}
	.reservationDB a {width: calc(50% - 10px)!important; margin: 0 20px 0 0!important; height: auto!important; padding: 20px 0!important;}
	.reservationDB a:nth-child(2n+2) {margin: 0!important;}
	.reservationF {padding: 20px 20px 15px 20px;}
	.reservationFM {height: 70px;}
	.bgStyle_b a::after {top: 48%; height: 3px; left: -30%;}
	.openDiv {padding: 40px 30px 25px 30px;}
	.timeDivL > li, .timeDivL > li:nth-child(4n+4), .timeDivL > li:nth-child(3n+3) {width: 48%; margin: 0 4% 20px 0!important; padding-bottom: 21.4% !important;}
	.timeDivL > li:nth-child(2n+2) {margin: 0 0 20px 0!important;}
	.reservationG {margin-bottom: 30px;}
	.reservationHCB {justify-content: center;}
    .listA {padding: 0 0 20px 0;}
    .listAL > div {width: 100%;}
    .listAL > div:nth-child(1) > div img {width: 100%;}
    .listAL > div:nth-child(1)::after, .listA .listAL:nth-child(2n+2) > div:nth-child(1)::after {border-width: 14px 12px; border-color: transparent transparent #fff transparent; top: auto; left: auto; bottom: 0; right: calc(50% - 12px);}
    .listAL > div:nth-child(2) {padding: 20px 20px 40px 20px;}
    .listA .listAL:nth-child(2n+2) > div:nth-child(1) {order: 1;}
    .listA .listAL:nth-child(2n+2) > div:nth-child(1) > span {right: auto; left: 10px;}
    .listA .listAL:nth-child(2n+2) > div:nth-child(2) {order: 2;}
    .listB > div, .listB > div:nth-child(3n+3), .listI > div, .listI > div:nth-child(3n+3) {width: 48.5%; margin: 0 3% 45px 0;}
    .listB > div:nth-child(2n+2), .listI > div:nth-child(2n+2) {margin: 0 0 45px 0;}
    .listB > div > div.photo, .listB > div > h2, .listI > div > div.photo, .listI > div > h2 {margin-bottom: 15px;}
    .contentA > div:nth-child(1) {width: 100%;}
    .contentA > div:nth-child(2) {width: 100%; padding: 20px 0 0 0;}
    .listF > div, .listF > div:nth-child(3n+3), .listG > div, .listG > div:nth-child(3n+3) {width: 48.5%; margin: 0 3% 45px 0;}
    .listF > div:nth-child(2n+2), .listG > div:nth-child(2n+2) {margin: 0 0 45px 0;}
    .listF > div > div.photo, .listF > div:hover > h3, .listG > div > div.photo, .listG > div:hover > h3 {margin-bottom: 15px;}
    .detailA > div:nth-child(1) {width: 100%;}
    .detailA {margin-bottom: 50px;}
    .detailA > div:nth-child(2) {width: 100%; margin: auto; padding: 20px 0 0 0px;}
    .listH > div, .listH > div:nth-child(4n+4) {width: 32%; margin: 0 2% 40px 0;}
    .listH > div:nth-child(3n+3) {margin: 0 0 40px 0;}
    .mediaDA > div:nth-child(1) {width: 100%; text-align: center;}
    .mediaDA > div:nth-child(2) {width: 100%; padding: 20px 0 0 0;}
}
/*768px_md_end*/


@media only screen and (max-width:576px){
	.ind_A {padding: 40px 0;}
	.footer > ul:nth-child(2) li {width: 50%;}
	.subDiv {padding: 40px 20px 0 20px;}
	.subM {margin-bottom: 20px !important;}
	.subM_se > ul {max-height: 300px;}
	.mainDiv {padding: 15px 0 50px 0;}
	.aboutA {padding: 30px 0 0 0;}
	.aboutA > div:nth-child(1) > div::before {top: -3%; left: -3%;}
	.aboutA > div:nth-child(1) > div::after {top: -1%; left: -1%;}
	.btn_a a:link, .btn_a a:visited {width: 48%;}
	.btn_a a:nth-child(1) {margin-right: 4%;}
	.loginDiv {margin: 0 auto;}
	.loginDivC > div:nth-child(1) h2 {margin-bottom: 15px;}
	.memberL {padding-bottom: 30px;}
	.memberDiv {padding: 30px 20px 40px 20px;}
	.memberN {margin-bottom: 20px;}
	.reservationDiv {padding: 40px 0 0 0;}
	.reservationA, .reservationB > div {padding: 20px;}
	.reservationDC {text-align: center;}
	.reservationF {padding: 15px 15px 10px 15px;}
	.bgStyle_b a::after {top: 49%; height: 2px; left: -29%;}
	.openDiv {padding: 35px 25px 20px 25px;}
	.timeDivL > li, .timeDivL > li:nth-child(4n+4), .timeDivL > li:nth-child(3n+3) {padding-bottom: 29.4% !important;}
	.reservationG {margin-bottom: 20px;}
	.reservationHC {padding: 0;}
    .listAL > div:nth-child(2) {padding: 20px 0px 40px 0px;}
    .listAL > div:nth-child(2) > div.text {margin-bottom: 10px;}
    .mainDivT {flex-direction: column;}
    .mainDivT > div:nth-child(2) {width: 100%; justify-content: center; padding: 20px 0 10px 0;}
    .detailA {margin-bottom: 40px;}
    .btnA a {width: calc(33.33% - 10px)!important; margin: 0 5px;}
    .listH > div, .listH > div:nth-child(4n+4), .listH > div:nth-child(3n+3) {width: 48.5%; margin: 0 3% 40px 0;}
    .listH > div:nth-child(2n+2) {margin: 0 0 40px 0;}
    .item2, .item3, .item4, .item5, .item8 {flex-direction: column;}
    .item2 > div:nth-child(1) {max-width: 77px; min-width: inherit;}
    .item3 > div:nth-child(1) {max-width: 95px; min-width: inherit;}
    .item4 > div:nth-child(1) {max-width: 113px; min-width: inherit;}
    .item5 > div:nth-child(1) {max-width: 131px; min-width: inherit;}
    .item6 > div:nth-child(1) {max-width: 149px; min-width: inherit;}
    .item7 > div:nth-child(1) {max-width: 167px; min-width: inherit;}
    .item8 > div:nth-child(1) {max-width: 187px; min-width: inherit;}
    .item2 > div:nth-child(2),.item3 > div:nth-child(2), .item4 > div:nth-child(2), .item5 > div:nth-child(2), .item6 > div:nth-child(2), .item7 > div:nth-child(2), .item8 > div:nth-child(2) {padding: 0 0 10px 0px;}
    .downloadA a {text-align: center; margin-bottom: 20px;}
    .downloadA a img {display: block; margin: auto;}
}
/*576px_sm_end*/


@media only screen and (max-width:430px){
	/*.links_search {right: 175px;}*/
    .search_input {left: 25px; right: auto;}
    .footer > ul:nth-child(1), .footer > ul:nth-child(2), .footer > ul:nth-child(3), .footer > ul:nth-child(4) {width: 100%; padding: 0 0 30px 0;}
	.footer > ul:nth-child(1) {justify-content: center;}
	.footer > ul:nth-child(2) {justify-content: center;}
	.footer > ul:nth-child(2) li {width: 50%; text-align: center;}
	.footer > ul:nth-child(3) li {text-align: center;}
	.subM_se > ul {max-height: 400px;}
	.mainDiv {padding: 10px 0 40px 0;}
	.aboutA {padding: 20px 0 0 0;}
	.aboutA > div:nth-child(1) > div::before {top: -4%; left: -4%;}
	.aboutA > div:nth-child(1) > div::after {top: -2%; left: -2%;}
	.visitA, .visitB, .visitC {padding: 20px 20px 0px 20px;}
	.visitA > ul, .visitB > ul, .visitC > ul {padding: 0px 0 0 0!important;}
	.btn_a a:link, .btn_a a:visited {width: 100%;}
	.btn_a a:nth-child(1) {margin: 0 0 10px 0;}
	.loginDiv {padding: 20px 10px;}
	.memberDiv {padding: 20px 10px;}
	.reservationDiv {padding: 30px 0 0 0;}
	.reservationDiv > h2, .reservationB > div > h3 {margin-bottom: 10px;}
	.reservationF {padding: 10px 10px 5px 10px;}
	.reservationFM {height: 60px; font-weight: bold;}
	.reservationFW > li, .reservationFD > li {font-size: 120%; font-weight: bold;}
	.reservationE > ul > li {margin: 0 5px;}
	.reservationE > ul > li img {margin-right: 5px;}
	.openDiv {padding: 30px 20px 15px 20px;}
	.timeDivL > li, .timeDivL > li:nth-child(4n+4), .timeDivL > li:nth-child(3n+3) {margin: 0 4% 10px 0!important; padding-bottom: 38.4% !important;}
	.timeDivL > li:nth-child(2n+2) {margin: 0 0 10px 0!important;}
	.timeDivL > li a span {padding: 5px 0;}
	.timeDivL > li a font {font-size: 95%; letter-spacing: 0;}
	.timeDivC > font {display: block;}
	.selectA {width: 100%;}
	.peopleDivB {justify-content: space-between;}
	.peopleDivB a:link, .peopleDivB a:visited {width: 48%; margin: 0!important;}
	.reservationG {margin-bottom: 10px;}
    .listB > div, .listB > div:nth-child(3n+3), .listB > div:nth-child(2n+2), .listI > div, .listI > div:nth-child(3n+3), .listI > div:nth-child(2n+2) {width: 100%; margin: 0 auto 40px auto; max-width: 400px;}
    .listB > div > div.photo, .listI > div > div.photo {margin-bottom: 20px;}
    .listB > div > h2, .listI > div > h2 {margin-bottom: 15px;}
    .prev_b {padding: 0 25px 0 0;}
    .next_b {padding: 0 0 0 25px;}
    .listE > div > div:nth-child(1) {width: 100%;}
    .listE > div > div:nth-child(2) {width: 100%; padding: 0 0 0 0px;}
    .listE > div > div:nth-child(2) h3 {margin-bottom: 10px;}
    .listE > div > div:nth-child(2) div.text {white-space:normal; line-height: 140%;}
    .listF > div, .listF > div:nth-child(3n+3), .listF > div:nth-child(2n+2), .listG > div, .listG > div:nth-child(3n+3), .listG > div:nth-child(2n+2) {width: 100%; margin: 0 auto 40px auto; max-width: 400px;}
    .listF > div > div.photo, .listG > div > div.photo {margin-bottom: 20px;}
    .listF > div:hover > h3, .listG > div:hover > h3 {margin-bottom: 15px;}
    .detailA {margin-bottom: 30px;}
    .btnA a {width: calc(50% - 14px)!important; margin: 0 7px;}
    .listH > div, .listH > div:nth-child(4n+4), .listH > div:nth-child(3n+3), .listH > div:nth-child(2n+2) {width: 100%; margin: 0 auto 40px auto; max-width: 300px;}
}
/*430px_xs_end*/