.shopname { display: flex; align-items: center; justify-content: center; height: 2.6em; line-height: 1.3; } @media screen and (max-width: 767px) { #section1 { background-color: #ffffff; } #section1 .pc-obj { display: none; } #section1 .header { padding-top: 5.833%; padding-bottom: 9.067%; background-color: #F1F1F1; } #section1 h2 { display: block; font-size: 20px; font-size: 8.8vw; color: #373737; line-height: 1.1; text-align: center; } #section1 .article { padding: 0 5%; background-color: #fff; font-size: 16px; } #section1 .item { padding-bottom: 12.333%; } #section1 .item h3 { padding-top: 8.533%; font-size: 33px; font-size: 8.8vw; text-align: center; } #section1 .article h3 { font-size: 40px; color: #373737; line-height: 1.1; text-align: center; margin-bottom: 30px; } #section1 .article dl { font-size: 16px; } #section1 .article dl dt { margin-top: 8%; } #section1 .article dl dd { margin-top: 8px; } #section1 .required-sp { background-color: #A40001; padding: 0px 10px 5px 10px; margin: 0 5px 0 5px; line-height: 1.5; font-size: 13px; color: #ffffff; } #section1 .required-message-sp { background-color: #A40001; padding: 0px 10px 5px 10px; margin: 0 5px 0 5px; margin-bottom: 50px; line-height: 1.5; font-size: 13px; color: #ffffff; float: left; } #section1 .required, #section1 .required-message { display: none; }   .menu-navi { width: 100%; margin: 20px 0 20px 0; } .menu-navi .store-btns { display: flex; flex-wrap: wrap; width: 100%; } .menu-navi label { display: flex; align-items: center; position: relative; width: 50%; height: 100px; text-align: center; color: #eff; background-color: #757374; float: left; overflow: hidden; } .menu-navi label:hover { background-color: #000000; } .menu-navi [type=radio] { -webkit-appearance: none; -moz-appearance: none; position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; } .menu-navi :checked + .button { background-color: #000000; } .button { display: block; padding: 1em 1em; cursor: pointer; text-align: center; width: 100%; height: 100%; } } @media screen and (min-width: 768px) { #section1 { background-color: #ffffff; } #section1 .sp-obj { display: none; } #section1 .header { margin: 0 auto; background-color: #F1F1F1; } #section1 h2 { padding-top: 6.818%; padding-bottom: 4.818%; font-size: 40px; color: #373737; line-height: 1.1; text-align: center; } #section1 .article { max-width: 100%; margin: 0 auto; padding: 4% 12%; font-size: 16px; } #section1 p { text-align: center; line-height: 3; } #section1 .article h3 { font-size: 40px; color: #373737; line-height: 1.1; text-align: center; margin-bottom: 20px; } #section1 .article dl { padding: 3% 0 3% 5%; font-size: 16px; } #section1 .article dl dt { float: left; clear: left; width: 200px; padding: 0 15px; } #section1 .article dl dd { float: left; padding: 0 15px; width: 60%; } #section1 .article dl dd + dt { margin-top: 5%; } #section1 .article dl dd + dt + dd { margin-top: 5%; } #section1 .wpcf7-list-item { float: left; } #section1 .required { background-color: #A40001; padding: 0px 10px 5px 10px; margin: 0 5px 0 5px; line-height: 1.5; font-size: 13px; color: #ffffff; } #section1 .required-message { background-color: #A40001; padding: 0px 10px 5px 10px; margin: 0 5px 0 5px; margin-bottom: 50px; line-height: 1.5; font-size: 13px; color: #ffffff; float: left; } #section1 .required-sp, #section1 .required-message-sp { display: none; }  .menu-navi { width: 100%; margin: 20px 0  20px 0; } .menu-navi .store-btns { display: flex; width: 100%; height: 100px; } .menu-navi label { display: flex; align-items: center; position: relative; width: 100%; height: 100%; text-align: center; color: #eff; background-color: #757374; float: left; font-size: 84%; overflow: hidden; } .menu-navi label:hover { background-color: #000000; } .menu-navi [type=radio] { -webkit-appearance: none; -moz-appearance: none; position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; } .menu-navi :checked + .button { background-color: #000000; } .button { display: inline-block; align-items: center; padding: 1.66em 1em; height: 100%; cursor: pointer; text-align: center; width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #section1 .article dl { padding: 3% 0 3% 8%; } #section1 .article dl dt { float: none; } #section1 .article dl dd { float: none; margin-top: 5px; } #section1 .article dl dd + dt + dd { margin-top: 5px; } #section1 .article h3 { margin-bottom: 20px; } }  @media screen and (max-width: 767px) { #access { margin-bottom: 12%; background-color: #ffffff; } #access .header { padding-top: 9.333%; padding-bottom: 12.8%; } #access .header h2 { padding-top: 4.267%; font-size: 33px; font-size: 8.8vw; color: #373737; line-height: 1.1; text-align: center; } #access .article { position: relative; padding-top: 85.333%; background-color: #ccc; }  #access_gmap { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } } @media screen and (min-width: 768px) { #access { position: relative; padding: 0 12% 8% 12%; background-color: #ffffff; } #access .header { position: relative; max-width: 1320px; margin: 0 auto; } #access .header h2 { padding-bottom: 3%; font-size: 40px; color: #373737; line-height: 1.1; } #access .article { position: relative; padding-top: 34.722%; background-color: #ccc; }  #access_gmap { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } }  @media screen and (max-width: 767px) { #map { background-color: #f1f1f1; } #map .header { padding-top: 13.333%; padding-bottom: 12.8%; } #map .header h2 { font-size: 33px; font-size: 8.8vw; color: #373737; line-height: 1.1; text-align: center; } #map .header p { padding-top: 4.267%; font-size: 14px; font-size: 3.733vw; color: #2d2d2d; line-height: 1.1; text-align: center; } #map .article { position: relative; padding-top: 85.333%; background-color: #ccc; }  #gmap { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } #map .footer { padding: 8.533% 10%; } #map .footer a { display: block; width: 45%; margin: 0 auto; border: 0.99px solid #a7a7a7; text-decoration: none; } #map .footer span { display: block; padding: 10% 0; font-size: 13px; font-size: 3.467vw; color: #373737; line-height: 1.1; white-space: nowrap; text-align: center; } #map .footer span em { padding-right: 16%; background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/arrow_s_black.png); background-repeat: no-repeat; background-position: right; background-size: auto 60%; } } @media screen and (min-width: 768px) { #map { position: relative; background-color: #f1f1f1; } #map .header { position: relative; max-width: 1320px; margin: 0 auto; } #map .header h2 { padding-top: 4.4%; font-size: 40px; color: #373737; line-height: 1.1; text-align: center; } #map .header p { padding-top: 1.6%; padding-bottom: 4.848%; font-size: 16px; color: #2d2d2d; line-height: 1.1; text-align: center; } #map .article { position: relative; padding-top: 34.722%; background-color: #ccc; }  #gmap { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } #map .footer { position: absolute; left: 0; top: 0; width: 100%; } #map .footer > .wrap { position: relative; width: 100%; max-width: 1320px; margin: 0 auto; } #map .footer a { position: absolute; right: 4.545%; top: 0; display: table; height: 46px; margin-top: 6.4%; border: 1px solid #a7a7a7; text-decoration: none; } #map .footer span { display: table-cell; padding: 0 18px; font-size: 13px; color: #373737; line-height: 1.1; vertical-align: middle; white-space: nowrap; } #map .footer span em { padding-right: 20px; background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/arrow_s_black.png); background-repeat: no-repeat; background-position: right; background-size: auto 10px; } }
.sbm_btn { width: 200px; font-size: 16px; font-weight: bold; text-decoration: none; text-align: center; padding: 8px 0 10px; color: #666666; border: 1px solid #666666; margin: 10px; }
.submit_reserve { text-align: center; margin: 30px; }
.height0 { height: 0px !important; font-size: 0px !important; border: 0px none transparent; }