@charset "UTF-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
object,
iframe,
pre,
code,
p,
blockquote,
form,
fieldset,
legend,
table,
th,
td,
caption,
tbody,
tfoot,
thead,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
audio,
video,
canvas {
    margin: 0;
    padding: 0
}

article,
aside,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

html {
    -webkit-text-size-adjust: none
}

body {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', ArialMT, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 auto;
    width: 100%
}

a {
    -webkit-tap-highlight-color: rgba(00, 33, 99, 0.3)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

li {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%
}

caption,
th,
td {
    text-align: left;
    vertical-align: top;
    font-weight: normal
}

fieldset {
    border: 0
}

input,
textarea,
select,
label {
    font-size: 100%;
    vertical-align: middle
}

textarea {
    overflow: auto
}

img {
    border: 0;
    vertical-align: middle
}

em,
strong {
    font-weight: bold;
    font-style: normal
}

mark {
    font-weight: bold
}

object {
    vertical-align: middle;
    outline: 0
}

blockquote,
q {
    quotes: none
}

q:before,
q:after {
    content: ''
}

code {
    font-family: monospace
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #333;
    cursor: help
}

address,
caption,
cite,
code,
dfn,
var {
    font-weight: normal;
    font-style: normal
}

hr {
    display: none
}

pre {
    font-family: monospace
}

body {
    margin: 0;
    padding: 0
}

body > header {
    margin: 0 auto;
    width: 100%
}

body > header h1 {
    font-size: 20px
}

body > header #header_logo {
    text-align: right
}

#content {
    margin: 0 auto
}

footer {
    border-top: 1px #ccc solid;
    margin: 0 auto;
    float: left;
    background: url(https://sp.able.co.jp/sp/common/img/footer.jpg) repeat-x bottom left #FFF;
    width: 100%;
    height: 62px;
    padding-bottom: 30px;
    font-size: 10px
}

footer#pcbuttonfooter {
    border-top: 1px #ccc solid;
    margin: 0 auto;
    float: left;
    background: url(https://sp.able.co.jp/sp/common/img/footer.jpg) repeat-x bottom left #FFF;
    width: 100%;
    height: 92px;
    padding-bottom: 30px;
    font-size: 10px
}

footer nav {
    margin: 0 auto;
    background-color: #FFF
}

footer nav ul li a {
    color: #009260;
    font-weight: bold;
    font-size: 9px
}

footer nav {
    margin-top: 5px;
    margin-bottom: 35px
}

footer nav:after {
    content: '';
    display: block;
    clear: both
}

footer nav ul {
    margin: 0 auto;
    width: 310px
}

footer nav li:nth-child(1) {
    width: 70px;
    float: left
}

footer nav li:nth-child(2) {
    width: 140px;
    float: left
}

footer nav li:nth-child(3) {
    float: left
}

footer nav a {
    padding-left: 10px;
    background: url(https://sp.able.co.jp/sp/common/img/footer_ico.gif) no-repeat center left;
    display: block;
    height: 30px;
    line-height: 30px;
    text-decoration: none
}

footer nav a.PL10 {
    padding-left: 10px
}

footer .copyright {
    font-size: 6px;
    color: #cce9df;
    text-align: center
}

footer #pcsitebutton {
    padding-top: 15px;
    padding-bottom: 5px;
    text-align: center
}

input[type="text"],
input[type="password"],
input[type="email"] {
    margin-bottom: 5px;
    padding: 10px 5px
}

input[type="password"] {
    width: 50%
}

.MB5 {
    margin-bottom: 5px
}

.MB10 {
    margin-bottom: 10px
}

.MB15 {
    margin-bottom: 15px
}

.MB20 {
    margin-bottom: 20px
}

.MB30 {
    margin-bottom: 30px
}

.MB40 {
    margin-bottom: 40px
}

.MB50 {
    margin-bottom: 50px
}

.hidden {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0
}

p#msgNoscript {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    padding: 5px 0;
    border-top: 1px solid #f00;
    border-bottom: 1px solid #f00;
    background: #fcc;
    color: #f00;
    line-height: 1.2;
    text-align: center;
    opacity: .7
}

#shop_info ul.contact_button,
#other_info ul.contact_button,
#reserve_box ul.contact_button {
    margin: 13px 5px 10px !important
}

#shop_info .contact_button li,
#other_info .contact_button li,
#reserve_box .contact_button li {
    padding: 0;
    margin-right: 6px;
    margin-left: 2px;
    width: 100%;
    border-radius: 5px;
    box-shadow: 1px 1px 2px 1px #999
}

#shop_info .contact_button li:last-child,
#other_info .contact_button li:last-child,
#reserve_box .contact_button li:last-child {
    margin: 0
}

#shop_info .contact_button li a,
#other_info .contact_button li a,
#reserve_box .contact_button li a {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 22px;
    margin: 0;
    padding-top: 17px;
    padding-left: 31px;
    padding-right: 19px;
    padding-bottom: 0;
    font-weight: bold;
    height: 60px;
    line-height: 21px
}

.contact_button li.contact_phone a {
    color: #FFF !important;
    background-image: url(https://sp.able.co.jp/sp/img/icons/icon_contact_tel.png);
    background-color: #f27d00;
    background-position: 7px center;
    background-repeat: no-repeat;
    background-size: 21px;
    border-bottom: 3px solid #9d5303
}

.contact_button li.contact_mail a {
    background-image: url(https://sp.able.co.jp/sp/img/icons/icon_contact_mail.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 22px;
    background-color: #097fff;
    border-bottom: 3px solid #2252b2
}

.contact_button li.contact_visit a {
    background-image: url(https://sp.able.co.jp/sp/img/icons/icon_contact_visit.png);
    background-color: #f27935;
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 34px
}

.contact_button li.detail_contact_phone a {
    font-size: 22px !important;
    margin-top: 19px;
    padding-top: 16px !important;
    height: 60px !important;
    line-height: 20px !important
}

.contact_button li.shop_contact_phone a {
    font-size: 20px !important;
    color: #F00 !important;
    text-decoration: underline !important;
    font-weight: bold !important
}

.size12 {
    font-size: 12px
}

.mb10 {
    margin-bottom: 10px !important
}

.group:after {
    content: '';
    display: block;
    clear: both
}

span.tenpo {
    font-size: 12px;
    margin-top: -4px;
    display: block;
    color: #fff
}

span.raitencomment {
    font-size: 14px;
    margin-top: 4px;
    display: block
}

.contact_button li.contact_raiten a {
    background-image: url(https://sp.able.co.jp/sp/img/icons/icon_contact_omise.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 22px;
    background-color: #30ad82;
    border-bottom: 3px solid #00764e
}

li.contact_raiten {
    margin-bottom: 11px
}

.footer_pr_link {
    background: #009260;
    font-size: 12px;
    line-height: 120%;
    padding: 10px;
    text-align: center;
    font-size: 10px
}

.footer_pr_link p a {
    color: #fff;
    text-decoration: none
}