@media screen and (max-width:767px) {

html,body {font-size:15px;	margin:0; padding:0;}


/*========= header ===========*/

#header { padding:1rem 0;}
#header h1 .logo {height:2.4rem; }

#nav {display: none;}

.btn_nav {display: flex; width:30px;}
.btn_hbg {height:15px;}


#sitemap > nav { width:90%; padding:40px;}
#sitemap > nav a {margin:20px 0; font-size:1.2rem;}
#sitemap .btn_simap_close { right:15px; top:15px; font-size:1.7rem; }

    /*========= table ===========*/
.tbl th,
.tbl td {padding:10px; line-height:1.2; }

/*========= visual ===== ======*/
.visual h2 { font-size:1.7rem;}
.visual a {transform:scale(0.9)}


/*========= main title ===========*/
.main_title {font-size:1.4rem;}


/*========= btn_comm ===== ======*/
.btn_more {  padding:0 0.8rem; font-size: 0.75rem;}

/*========= main ===========*/


.main1 .reservation {display:block; }
.main1 .reservation h3 {font-size: 1.1rem;}
.main1 .reservation .slt {width:100%; margin-bottom:30px;}

.main1 .set_btn {display:flex; align-items: center; justify-content: center; width:100%; margin-top:20px;}
.main1 .set_btn .btn_resv {display:inline-flex; height:3.2rem; margin-top:0; padding:0 2.5rem; font-size: 1.05rem;}


.main1 .result {display:block; padding:30px 20px;}
.main1 .result h3 { width:100%; font-size: 1.1rem; margin-bottom:10px;}
.main1 .result h3::after {display: none;}
.main1 .result h3 i {margin-right:5px; }
    .main1 .result dl {padding:20px 0 15px 0; border-bottom:1px solid #444; width:100%;}


.main2 {padding:3rem}
.main2 .main_title {margin-bottom:1rem ; font-size: 1.2rem;}
.main2 fieldset {width:100%; max-width:320px;}
.main2 fieldset button {background-color: var(--color-1); color: #222;}


.main3 .faq dt {font-size: 1rem; }


.main4 h3 {font-size: 1.1rem; }
.main4 ul {display: block;}
.main4 ul li {display:flex; align-items: center; justify-content: flex-start; width:100%; padding:15px 0; border-right:0; border-bottom:0.0625rem solid #eee; font-size: 0.95rem; }
.main4 ul li:first-child {border-bottom:0.0625rem solid #eee;}
.main4 ul li:last-child {border-right:0;}
.main4 ul li figure {margin-bottom:0; margin-right:15px;}
.main4 ul li figure img {margin:0; width:30px; height:auto;}

.main5 .swiper-slide {font-size: 0.9rem; }

/*========= footer ===========*/
#footer .copyright {line-height:1.8}



/*========= quick ===========*/
#quick {right:5px;  bottom:5px; }

#quick a figure { font-size: 1.2rem;}
#quick .set_tel {padding:15px 10px; }
#quick .set_tel h2 {display: none;}
#quick .set_tel dt {font-size:0.7rem;}

#quick .set_btn { padding:15px 10px; margin-top:5px; }
#quick .set_btn a span {font-size:0.7rem; }

/*========= ready ===========*/
.ready img {width: 100%; height: auto;}



/*========= sub menu ===========*/
#sub_menu {}
#sub_menu .center li a {padding:1rem 0.5rem; font-size: 0.85rem; }



/*========= sub_visual ===========*/


.sub_visual .center {height:10rem;}



/*sub0102*/
.sub0102 .tbl th{width: 80px; }


/*========= sub0301 ===========*/
.sub0301 .tbl .btn_comm {flex-direction: column; height:auto; padding:12px 0; line-height:1.3; font-size: 0.85rem;}
.sub0301 .tbl .btn_comm span {margin-right:0.3125rem;  color:var(--color-1)}



/*========= sub0401 ===========*/
.write_reserv th label { font-weight:500;}
.write_reserv td label {display: inline-block; padding:10px 0;font-weight: 700;}
.write_reserv .ip_comm {width:100%; min-width:300px;}
.write_reserv .ip_comm.tel {width:30%; min-width:100px;}
.write_reserv .ip_comm.date {width:12.5rem; margin-left:0; margin-right:0.3125rem;}
.write_reserv .ip_comm.time {width:6.25rem; margin-left:0; margin-right:0.3125rem;}
.write_reserv .set_date {display:flex; align-items: center; justify-content: space-between;}
.write_reserv .set_date .ip_comm {width:32%; min-width:100px;}
.write_reserv .total .ip_comm {margin:2px 0; margin-right:5px;}



/*========= sub0401 ===========*/
.sub0402 .sch fieldset {width:100%; max-width:500px;}
.sub0402 .sch .ip_comm {}
.sub0402 .sch .btn_sch {background-color:var(--color-1); color: #222;}


.sub0402 .wrap_btn {display:flex; align-items: center; justify-content: center; margin-top:2.5rem;}
.sub0402 .wrap_btn .btn_comm {width: 8.75rem; height: 3.75rem; margin:0 0.3125rem; background-color: #eee; border-radius:0; font-size: 1.0625rem; font-weight: 600; color: #888;}
.sub0402 .wrap_btn .btn_comm.btn_sm {background-color: var(--color-1); color: #fff;}
.sub0402 .tbl .state {display:inline-block; padding:0.3125rem 0.5rem;  background-color: #aaa; font-weight: 400; color: #fff;}
.sub0402 .tbl .state.done {background-color: var(--color-1);}












 .sub_list li {width:calc((100% - 10px) / 2); margin-bottom:30px; }
 .sub_list li:nth-of-type(3n) {margin-right:10px; }
 .sub_list li:nth-of-type(2n) {margin-right:0px; }



}