@charset "UTF-8"; /* CSS Document */ /* 中身======================================================================================================== */ .bxslider li img{ max-height: 58vw; } .reserve_btn{ text-align: center; } .reserve_btn a{ display: block; text-decoration: none; padding: 10px 60px 10px 40px; border: solid 1px #333; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .reserve_btn a::before{ right: 13px; } /* スマホのみ======================================================================================================== */ @media print and (max-width: 750px), screen and (max-width: 750px){ .bx-wrapper .bx-pager.bx-default-pager a{ margin: 0 2px; } } /* PCのみ======================================================================================================== */ @media print and (min-width: 671px), screen and (min-width: 671px){ .bxslider li img{ max-height: 480px; } .thm_photo .bx-pager{ display: flex; flex-wrap: wrap; justify-content: flex-start; } .thm_photo .bx-pager a{ margin: 3px; border: solid 2px #FFF; } .thm_photo .bx-pager a.active{ border-color: #111; } .reserve_btn a{ width: 400px; box-sizing: border-box; margin-right: auto; margin-left: auto; } .reserve_btn a:hover{ border-color: #803A4A; background-color: #803A4A; color: #FFF; } .reserve_btn a:hover::before{ border-color: #FFF; } }