@charset "UTF-8";
    html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-y: scroll; -webkit-text-size-adjust: 100%; }
*,
::before,
::after {
background-repeat: no-repeat; -webkit-box-sizing: inherit;
box-sizing: inherit;
}
::before,
::after {
text-decoration: inherit; vertical-align: inherit;
}
* {
padding: 0; margin: 0;
}  audio:not([controls]) {
display: none;
height: 0;
}
hr {
overflow: visible; } article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
summary {
display: list-item; }
small {
font-size: 80%; }
[hidden],
template {
display: none; }
abbr[title] {
border-bottom: 1px dotted; text-decoration: none; }
a {
background-color: transparent; -webkit-text-decoration-skip: objects; }
a:active,
a:hover {
outline-width: 0; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace; }
b,
strong {
font-weight: bolder; }
dfn {
font-style: italic; } mark {
background-color: #ff0;
color: #000;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} input {
border-radius: 0;
} button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
cursor: pointer;
} [disabled] {
cursor: default;
}
[type=number] {
width: auto; }
[type=search] {
-webkit-appearance: textfield; }
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none; }
textarea {
overflow: auto; resize: vertical; }
button,
input,
optgroup,
select,
textarea {
font: inherit; }
optgroup {
font-weight: bold; }
button {
overflow: visible; } button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: 0;
padding: 0;
} button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
outline: 1px dotted ButtonText;
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button; }
button,
select {
text-transform: none; } button,
input,
select,
textarea {
background-color: transparent;
border-style: none;
color: inherit;
} select {
-moz-appearance: none; -webkit-appearance: none; }
select::-ms-expand {
display: none; }
select::-ms-value {
color: currentColor; }
legend {
border: 0; color: inherit; display: table; max-width: 100%; white-space: normal; }
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
[type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } img {
border-style: none; } progress {
vertical-align: baseline;
}
svg:not(:root) {
overflow: hidden; }
audio,
canvas,
progress,
video {
display: inline-block; }  @media screen {
[hidden~=screen] {
display: inherit;
}
[hidden~=screen]:not(:active):not(:focus):not(:target) {
position: absolute !important;
clip: rect(0 0 0 0) !important;
}
} [aria-busy=true] {
cursor: progress;
} [aria-controls] {
cursor: pointer;
} [aria-disabled] {
cursor: default;
}  ::-moz-selection {
background-color: #b3d4fc; color: #000;
text-shadow: none;
}
::selection {
background-color: #b3d4fc; color: #000;
text-shadow: none;
}   a {
cursor: pointer !important;
}
a:link {
color: #222;
} a:visited {
color: #222;
} a:hover {
color: #222;
} a:active {
color: #222;
} a:focus {
outline: none;
} ul, ol {
list-style: none;
}
img {
vertical-align: middle;
width: 100%;
height: auto;
} br.m-pc-none {
display: block;
line-height: 0;
}
@media screen and (min-width: 768px) {
br.m-pc-none {
display: none;
}
}
br.m-sp-none {
display: none;
}
@media screen and (min-width: 768px) {
br.m-sp-none {
display: block;
line-height: 0;
}
} .tel-link a {
text-decoration: none;
}
.m-bg-enji {
background-color: #fff4f1 !important;
}
.m-bg-beige {
background-color: #fdf0e2 !important;
}
.m-bg-brown {
background-color: #3c2109 !important;
}
.m-lower-beige-01 {
border: 1px solid #f9e7d3;
border-radius: 3px;
background-color: #fdf0e2;
}
.m-lower-enji-01 {
border: 1px solid #f7e2dd;
border-radius: 3px;
background-color: #fff4f1;
}
.m-lower-white-01 {
border: 1px solid #eee;
border-radius: 3px;
background-color: #fff;
}
.m-spacing-50 {
letter-spacing: -0.05em !important;
}
.m-spacing-100 {
letter-spacing: -0.1em !important;
}
.m-color-orange {
color: #b8000e;
}
.m-color-black {
color: #222;
}
.m-color-glay {
color: #666;
}
.m-color-enji {
color: #610f16;
}
.m-font-bold {
font-weight: 700;
}
.m-weight-normal {
font-weight: 500;
}
.m-font-11 {
font-size: 1.1rem !important;
}
.m-font-12 {
font-size: 1.2rem !important;
}
.m-font-13 {
font-size: 1.3rem !important;
}
.m-font-14 {
font-size: 1.4rem !important;
}
.m-align-center {
text-align: center;
}
.m-ml-10 {
margin-left: 10px !important;
}
.m-mr-10 {
margin-right: 10px !important;
}
.m-mb-0 {
margin-bottom: 0 !important;
}
.m-mb-30 {
margin-bottom: 30px !important;
}
.m-mb-40 {
margin-bottom: 40px !important;
}
.m-mb-50 {
margin-bottom: 50px !important;
} .m-btn-01 {
margin-top: 30px;
text-align: center;
}
@media screen and (min-width: 768px) {
.m-btn-01 {
margin-top: 40px;
}
}
.m-btn-01 a {
display: inline-block;
min-width: 300px;
font-size: 1.6rem;
font-weight: 700;
color: #fff;
text-decoration: none;
padding: 10px 20px;
border-radius: 3px;
background: #751b22;
background: -webkit-gradient(linear, left top, left bottom, from(#751b22), color-stop(50%, #610f16), to(#7c2f35));
background: -o-linear-gradient(top, #751b22 0%, #610f16 50%, #7c2f35 100%);
background: linear-gradient(to bottom, #751b22 0%, #610f16 50%, #7c2f35 100%);
}
@media screen and (min-width: 768px) {
.m-btn-01 a {
font-weight: 400;
padding: 6px 20px;
}
}
.m-btn-01 a span {
padding-left: 20px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_brown.png);
background-repeat: no-repeat;
background-size: 12px;
background-position: left center;
}
.m-btn-desc-01 {
font-size: 1.6rem;
max-width: 500px;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: -10px;
}
@media screen and (min-width: 768px) {
.m-btn-desc-01 {
text-align: center;
margin-top: 20px;
margin-bottom: -20px;
}
}
@media screen and (min-width: 1000px) {
.m-btn-desc-01 {
margin-top: 0;
}
}
.m-btn-desc-02 {
font-size: 1.6rem;
max-width: 500px;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: -10px;
}
@media screen and (min-width: 768px) {
.m-btn-desc-02 {
text-align: center;
margin-top: 30px;
margin-bottom: -20px;
}
}
.m-btn-desc-03 {
font-size: 1.6rem;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}
@media screen and (min-width: 768px) {
.m-btn-desc-03 {
text-align: center;
margin-top: 20px;
}
}
@media screen and (min-width: 1000px) {
.m-btn-desc-03 {
margin-top: 0;
}
}
.m-btn-desc-03-sub {
font-size: 1.4rem;
color: #666;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: -10px;
}
@media screen and (min-width: 768px) {
.m-btn-desc-03-sub {
text-align: center;
margin-bottom: -20px;
}
}
.m-btn-02 {
text-align: center;
}
.m-btn-02 a {
display: inline-block;
font-size: 1.4rem;
color: #fff;
text-decoration: none;
padding: 3px 20px;
border-radius: 3px;
background: #751b22;
background: -webkit-gradient(linear, left top, left bottom, from(#751b22), color-stop(50%, #610f16), to(#7c2f35));
background: -o-linear-gradient(top, #751b22 0%, #610f16 50%, #7c2f35 100%);
background: linear-gradient(to bottom, #751b22 0%, #610f16 50%, #7c2f35 100%);
}
@media screen and (min-width: 480px) {
.m-btn-02 a {
min-width: 200px;
}
}
.m-btn-02 a span {
padding-left: 20px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_brown.png);
background-repeat: no-repeat;
background-size: 12px;
background-position: left center;
}
.m-btn-03 {
text-align: center;
}
.m-btn-03 a {
display: inline-block;
width: 100%;
font-size: 1.2rem;
color: #fff;
text-decoration: none;
padding-top: 3px;
padding-bottom: 3px;
border-radius: 3px;
background: #751b22;
background: -webkit-gradient(linear, left top, left bottom, from(#751b22), color-stop(50%, #610f16), to(#7c2f35));
background: -o-linear-gradient(top, #751b22 0%, #610f16 50%, #7c2f35 100%);
background: linear-gradient(to bottom, #751b22 0%, #610f16 50%, #7c2f35 100%);
}
.m-btn-03 a span {
padding-left: 20px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_brown.png);
background-repeat: no-repeat;
background-size: 12px;
background-position: left center;
}
.m-btn-04 {
text-align: center;
}
.m-btn-04 a {
display: inline-block;
width: 170px;
font-size: 1.3rem;
color: #ffe400;
text-decoration: none;
padding-top: 4px;
padding-bottom: 4px;
margin-left: auto;
margin-right: auto;
border-radius: 3px;
}
.m-btn-04 a span {
padding-left: 15px;
background-repeat: no-repeat;
background-size: 12px;
background-position: left center;
}
.m-call-now a {
background: #b73029;
background: -webkit-gradient(linear, left top, left bottom, from(#b73029), color-stop(50%, #9f1a13), to(#b73029));
background: -o-linear-gradient(top, #b73029 0%, #9f1a13 50%, #b73029 100%);
background: linear-gradient(to bottom, #b73029 0%, #9f1a13 50%, #b73029 100%);
}
.m-call-now a span {
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_red.png);
}
.m-consultation a {
background: #3073a2;
background: -webkit-gradient(linear, left top, left bottom, from(#3073a2), color-stop(50%, #205f8b), to(#3073a2));
background: -o-linear-gradient(top, #3073a2 0%, #205f8b 50%, #3073a2 100%);
background: linear-gradient(to bottom, #3073a2 0%, #205f8b 50%, #3073a2 100%);
}
.m-consultation a span {
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_green.png);
}
.m-members a {
background: #2e4b92;
background: -webkit-gradient(linear, left top, left bottom, from(#2e4b92), color-stop(50%, #1e3a81), to(#2e4b92));
background: -o-linear-gradient(top, #2e4b92 0%, #1e3a81 50%, #2e4b92 100%);
background: linear-gradient(to bottom, #2e4b92 0%, #1e3a81 50%, #2e4b92 100%);
}
.m-members a span {
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_blue.png);
}
.m-contact a {
background: #f76042;
background: -webkit-gradient(linear, left top, left bottom, from(#f76042), color-stop(50%, #e73714), to(#f76042));
background: -o-linear-gradient(top, #f76042 0%, #e73714 50%, #f76042 100%);
background: linear-gradient(to bottom, #f76042 0%, #e73714 50%, #f76042 100%);
}
.m-contact a span {
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_orange.png);
}
.m-btn-cmn {
text-align: center;
}
.m-btn-cmn a {
display: inline-block;
width: 100%;
font-size: 1.6rem;
font-weight: 700;
color: #fff;
text-decoration: none;
padding: 10px 20px;
border-radius: 3px;
background: #751b22;
background: -webkit-gradient(linear, left top, left bottom, from(#751b22), color-stop(50%, #610f16), to(#7c2f35));
background: -o-linear-gradient(top, #751b22 0%, #610f16 50%, #7c2f35 100%);
background: linear-gradient(to bottom, #751b22 0%, #610f16 50%, #7c2f35 100%);
}
@media screen and (min-width: 768px) {
.m-btn-cmn a {
font-weight: 400;
padding: 6px 20px;
}
}
.m-btn-cmn a span {
padding-left: 20px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_brown.png);
background-repeat: no-repeat;
background-size: 12px;
background-position: left center;
}
.m-btn-05 {
text-align: center;
}
.m-btn-05 a {
display: inline-block;
width: calc(100% - 4px);
font-size: 1.2rem;
font-weight: 700;
color: #fff;
letter-spacing: 0;
text-decoration: none;
padding-top: 0;
padding-bottom: 0;
margin-left: 2px;
margin-right: 2px;
border-radius: 3px;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #ddd), to(#fff));
background: -o-linear-gradient(top, #fff 0%, #ddd 50%, #fff 100%);
background: linear-gradient(to bottom, #fff 0%, #ddd 50%, #fff 100%);
}
.m-btn-05 a span {
padding-left: 15px;
background-repeat: no-repeat;
background-size: 12px;
background-position: left center;
}
.l-lower-other-plan-01 .m-btn-05 a {
color: #3c2109;
}
.l-lower-other-plan-02 .m-btn-05 a {
color: #3c2109;
}
.l-lower-other-plan-03 .m-btn-05 a {
color: #610f16;
}
.l-lower-other-plan-01 .m-btn-05 a span {
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_plan_brown.png);
}
.l-lower-other-plan-02 .m-btn-05 a span {
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_plan_brown.png);
}
.l-lower-other-plan-03 .m-btn-05 a span {
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_plan_enji.png);
}
.m-btn-plan {
text-align: center;
}
.m-btn-plan a {
display: inline-block;
width: 100%;
font-size: 1.4rem;
font-weight: 700;
color: #fff;
letter-spacing: 0;
text-decoration: none;
padding-top: 6px;
padding-bottom: 6px;
margin-left: 2px;
margin-right: 2px;
border-radius: 3px;
}
@media screen and (min-width: 480px) {
.m-btn-plan a {
padding-top: 3px;
padding-bottom: 3px;
}
}
.m-btn-plan a span {
padding-left: 18px;
background-repeat: no-repeat;
background-size: 12px;
background-position: left center;
}
.m-btn-plan.m-btn-family a {
background: #610f16;
background: -webkit-gradient(linear, left top, left bottom, from(#7f222a), color-stop(50%, #610f16), to(#7f222a));
background: -o-linear-gradient(top, #7f222a 0%, #610f16 50%, #7f222a 100%);
background: linear-gradient(to bottom, #7f222a 0%, #610f16 50%, #7f222a 100%);
}
.m-btn-plan.m-btn-general a {
background: #3c2109;
background: -webkit-gradient(linear, left top, left bottom, from(#563416), color-stop(50%, #3c2109), to(#563416));
background: -o-linear-gradient(top, #563416 0%, #3c2109 50%, #563416 100%);
background: linear-gradient(to bottom, #563416 0%, #3c2109 50%, #563416 100%);
}
.m-btn-plan.m-btn-direct a {
background: #583516;
background: -webkit-gradient(linear, left top, left bottom, from(#2b1705), color-stop(50%, #583516), to(#2b1705));
background: -o-linear-gradient(top, #2b1705 0%, #583516 50%, #2b1705 100%);
background: linear-gradient(to bottom, #2b1705 0%, #583516 50%, #2b1705 100%);
}
.m-btn-plan.m-btn-one-day a {
background: #714419;
background: -webkit-gradient(linear, left top, left bottom, from(#562c0c), color-stop(50%, #714419), to(#562c0c));
background: -o-linear-gradient(top, #562c0c 0%, #714419 50%, #562c0c 100%);
background: linear-gradient(to bottom, #562c0c 0%, #714419 50%, #562c0c 100%);
}
.m-btn-plan.m-btn-family a span {
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_plan_enji_02.png);
}
.m-btn-plan.m-btn-general a span {
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_plan_brown_02.png);
}
.m-btn-plan.m-btn-direct a span {
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/lower/prices/cmn_icon_arrow_plan_01.png);
}
.m-btn-plan.m-btn-one-day a span {
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/lower/prices/cmn_icon_arrow_plan_02.png);
}
.m-btn-free {
text-align: center;
}
.m-btn-free a {
display: inline-block;
width: 100%;
font-size: 1.4rem;
font-weight: 700;
color: #fff;
text-decoration: none;
letter-spacing: 0;
padding: 5px 10px;
border-radius: 3px;
background: #36539e;
background: -webkit-gradient(linear, left top, left bottom, from(#36539e), color-stop(50%, #1e3a81), to(#36539e));
background: -o-linear-gradient(top, #36539e 0%, #1e3a81 50%, #36539e 100%);
background: linear-gradient(to bottom, #36539e 0%, #1e3a81 50%, #36539e 100%);
}
@media screen and (min-width: 768px) {
.m-btn-free a {
font-weight: 400;
}
}
@media screen and (min-width: 1000px) {
.m-btn-free a {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1200px) {
.m-btn-free a {
font-size: 1.4rem;
}
}
.m-btn-free a span {
padding-left: 15px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_blue.png);
background-repeat: no-repeat;
background-size: 12px;
background-position: left center;
}
.m-btn-consultation {
text-align: center;
}
.m-btn-consultation a {
display: inline-block;
width: 250px;
font-size: 1.6rem;
color: #fff;
text-decoration: none;
padding-top: 6px;
padding-bottom: 6px;
margin-left: auto;
margin-right: auto;
border-radius: 3px;
background: #3073a2;
background: -webkit-gradient(linear, left top, left bottom, from(#3073a2), color-stop(50%, #205f8b), to(#3073a2));
background: -o-linear-gradient(top, #3073a2 0%, #205f8b 50%, #3073a2 100%);
background: linear-gradient(to bottom, #3073a2 0%, #205f8b 50%, #3073a2 100%);
}
.m-btn-consultation a span {
padding-left: 15px;
background-repeat: no-repeat;
background-size: 12px;
background-position: left center;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_green.png);
}
.m-btn-members {
text-align: center;
}
.m-btn-members a {
display: inline-block;
width: 250px;
font-size: 1.6rem;
color: #fff;
text-decoration: none;
padding-top: 6px;
padding-bottom: 6px;
margin-left: auto;
margin-right: auto;
border-radius: 3px;
background: #35529d;
background: -webkit-gradient(linear, left top, left bottom, from(#35529d), color-stop(50%, #1e3a81), to(#35529d));
background: -o-linear-gradient(top, #35529d 0%, #1e3a81 50%, #35529d 100%);
background: linear-gradient(to bottom, #35529d 0%, #1e3a81 50%, #35529d 100%);
}
.m-btn-members a span {
padding-left: 15px;
background-repeat: no-repeat;
background-size: 12px;
background-position: left center;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_blue.png);
}
.m-btn-mv {
text-align: center;
margin-bottom: 10px;
}
.m-btn-mv a {
display: inline-block;
min-width: 300px;
font-size: 1.6rem;
font-weight: 700;
color: #fff;
text-decoration: none;
padding: 10px 15px;
border-radius: 30px;
background: #751b22;
background: -webkit-gradient(linear, left top, left bottom, from(#751b22), color-stop(50%, #610f16), to(#7c2f35));
background: -o-linear-gradient(top, #751b22 0%, #610f16 50%, #7c2f35 100%);
background: linear-gradient(to bottom, #751b22 0%, #610f16 50%, #7c2f35 100%);
}
@media screen and (min-width: 768px) {
.m-btn-mv a {
font-size: 2rem;
font-weight: 700;
padding: 10px 30px;
}
}
.m-btn-mv a > span {
padding-left: 20px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_brown.png);
background-repeat: no-repeat;
background-size: 12px;
background-position: left center;
}
.m-btn-mv a > span span {
color: #ffcc5f;
}
.m-btn-bnr-01 {
text-align: center;
}
.m-btn-bnr-01 a {
display: inline-block;
min-width: 180px;
font-size: 1.5rem;
font-weight: 700;
color: #fff;
text-decoration: none;
padding: 10px 15px;
border-radius: 30px;
background: #1e3a81;
background: -webkit-gradient(linear, left top, left bottom, from(#1e3a81), color-stop(50%, #4b6bbe), to(#1e3a81));
background: -o-linear-gradient(top, #1e3a81 0%, #4b6bbe 50%, #1e3a81 100%);
background: linear-gradient(to bottom, #1e3a81 0%, #4b6bbe 50%, #1e3a81 100%);
}
@media screen and (min-width: 768px) {
.m-btn-bnr-01 a {
font-size: 1.5rem;
font-weight: 700;
padding: 10px 10px;
}
}
.m-btn-bnr-01 a > span {
padding-left: 20px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/index/mv_2005_bnr_icon.png);
background-repeat: no-repeat;
background-size: 12px;
background-position: left center;
}
.area-btn-cmn {
text-align: center;
}
.area-btn-cmn a {
display: inline-block;
width: 100%;
font-size: 1.9rem;
font-weight: 700;
color: #fff;
text-decoration: none;
padding: 8% 1%;
border-radius: 3px;
background: #751b22;
background: -webkit-gradient(linear, left top, left bottom, from(#751b22), color-stop(50%, #610f16), to(#7c2f35));
background: -o-linear-gradient(top, #751b22 0%, #610f16 50%, #7c2f35 100%);
background: linear-gradient(to bottom, #751b22 0%, #610f16 50%, #7c2f35 100%);
}
@media screen and (min-width: 768px) {
.area-btn-cmn a {
font-weight: 400;
padding: 8% 1%;
}
}
.area-btn-cmn a span {
padding-left: 30px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_brown.png);
background-repeat: no-repeat;
background-size: 20px;
background-position: left center;
}
.area-tel-btn {
display: flex;
align-items: center;
background-color: #fcefeb;
border-radius: 99px;
padding: 10px 20px;
font-family: sans-serif;
max-width: 500px;
margin-bottom: 10px;
}
.tel-icon {
width: 20%;
height: auto;
margin-right: 15px;
}
.tel-text {
display: flex;
flex-direction: column;
}
.tel-text a{
text-decoration: none;
}
.area-tel-btn:hover{
background-color: #f0d2ca;
}
.tel-caption {
margin: 0!important;
font-size: 20px;
font-weight: bold;
color: #7a1d1d;
}
.tel-number {
font-size: 40px;
font-weight: bold;
color: #7a1d1d!important;
margin-bottom:0!important;
}
.pc-none{
display: none;
}
@media screen and (max-width: 768px) {
.pc-none{
display: block;
}
.area-btn-cmn a {
font-size: 1.6rem;
padding: 3% 1%;
}
.tel-caption {
font-size: 1.5rem;
}
.tel-number {
font-size: 2.7rem;
}
}  html {
font-family: "Noto Sans JP", sans-serif;
font-size: 62.5%;
font-size: 10px;
line-height: 1.8;
overflow-y: scroll;
} body {
margin: 0;
padding: 0;
font-size: 1.6rem;
color: #222;
letter-spacing: 0.05em;
margin-bottom: 70px;
}
@media screen and (min-width: 480px) {
body {
margin-bottom: 83px;
}
} .video-box-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
background-color: rgba(0, 0, 0, 0.8);
}
.video-box {
padding: 40px;
position: relative;
}
.video-box video {
max-width: 1400px;
width: 100%;
}
.video-muted {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 80px;
height: 80px;
font-size: 1.6rem;
font-weight: 700;
border-radius: 50px;
background-color: #fff;
position: absolute;
bottom: 0;
left: 0;
cursor: pointer;
}
@media screen and (min-width: 1200px) {
.video-muted {
width: 100px;
height: 100px;
font-size: 1.8rem;
bottom: -10px;
left: -10px;
}
}
.video-hide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 80px;
height: 80px;
font-size: 1.6rem;
font-weight: 700;
line-height: 0.8;
border-radius: 50px;
background-color: #fff;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
@media screen and (min-width: 1200px) {
.video-hide {
width: 100px;
height: 100px;
font-size: 1.8rem;
top: -10px;
right: -10px;
}
}
.video-hide span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 0.8;
}
.video-hide span i {
height: 24px;
font-size: 3rem;
line-height: 0.8;
} .l-header-logo-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 130px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
height: 54px;
}
@media screen and (max-width: 999px) {
.l-header-logo-box {
background: #fff;
}
}
@media screen and (min-width: 768px) {
.l-header-logo-box {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 1000px) {
.l-header-logo-box {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
height: auto;
}
}
.l-header-logo {
display: block;
max-width: 260px;
margin-top: 10px;
margin-bottom: 32px;
}
@media screen and (min-width: 768px) {
.l-header-logo {
max-width: 230px;
}
}
@media screen and (min-width: 1000px) {
.l-header-logo {
max-width: 265px;
}
}
.l-header-tel-box {
display: none;
}
@media screen and (min-width: 1000px) {
.l-header-tel-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; margin-right: 0;
margin-left: 10px;
}
}
@media(max-width:1000px){
.l-header-logo{
margin-bottom: 10px;
}
.l-header-logo a{
display: flex;
align-items: center;
}
}
.l-header-tel-message {
max-width: 164px;
}
.l-header-tel-text {
max-width: 326px;
margin-left: -15px;
}
.l-header-tel-number {
max-width: 320px;
margin-bottom: 10px;
} .l-header-tel-number strong{
color: #84464c;
text-decoration: none;
font-size: 34px;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"Noto Sans JP",
Meiryo,
sans-serif;
font-weight: 900;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/header_tel-icon.png);
background-repeat: no-repeat;
background-size: 40px;
background-position: left center;
padding-left: 50px;
line-height: 1;
} .l-header-tel-number strong span{
font-size: 36px;
}
.l-header-tel-number-side {
max-width: 320px;
margin-bottom: 10px;
text-align: center;
}
.l-header-tel-number-side a{
color: #84464c;
text-decoration: none;
font-size: 21px;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"Noto Sans JP",
Meiryo,
sans-serif;
font-weight: 900;
}
.l-header-tel-number-side a span{
font-size: 23px;
}
.l-header-tel-number2 {
max-width: 320px;
margin-bottom: 10px;
text-align: center;
}
.l-header-tel-number2 a{
color: #84464c;
text-decoration: none;
font-size: 30px;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"Noto Sans JP",
Meiryo,
sans-serif;
font-weight: 900;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/header_tel-icon.png);
background-repeat: no-repeat;
background-size: 40px;
background-position: left center;
padding-left: 50px;
line-height: 1;
}
.l-header-tel-number2 a span{
font-size: 32px;
}
.l-header-tel-number3 {
max-width: 320px;
margin-bottom: 10px;
text-align: center;
}
.l-header-tel-number3 a{
color: #84464c;
text-decoration: none;
font-size: 34px;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"Noto Sans JP",
Meiryo,
sans-serif;
font-weight: 900;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/header_tel-icon.png);
background-repeat: no-repeat;
background-size: 40px;
background-position: left center;
padding-left: 50px;
line-height: 1;
}
.l-header-tel-number3 a span{
font-size: 35px;
}
.l-header-tel-number4 {
max-width: 320px;
margin-bottom: 10px;
}
.l-header-tel-number4 a{
color: #84464c;
text-decoration: none;
font-size: 26px;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"Noto Sans JP",
Meiryo,
sans-serif;
font-weight: 900;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/header_tel-icon.png);
background-repeat: no-repeat;
background-size: 40px;
background-position: left center;
padding-left: 50px;
line-height: 1;
}
.l-header-tel-number4 a span{
font-size: 28px;
}
.l-header-tel-number5 {
max-width: 320px;
margin-bottom: 10px;
text-align: center;
margin-top: -20px;
}
.l-header-tel-number5 a{
color: #84464c;
text-decoration: none;
font-size: 16px;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"Noto Sans JP",
Meiryo,
sans-serif;
font-weight: 900;
}
.l-header-tel-number5 a span{
font-size: 18px;
}
.l-header-btn-box {
display: none;
}
@media screen and (min-width: 1000px) {
.l-header-btn-box {
display: block;
margin-bottom: 13px;
}
}
.l-header-btn-text {
text-align: center;
}
.l-header-btn-text img {
max-width: 164px;
}
.l-header-btn {
max-width: 200px;
} .l-hidden {
visibility: hidden;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
body.opacity .l-hidden {
position: fixed;
z-index: 12;
width: 100vw;
height: 100vh;
opacity: 0.8;
visibility: visible;
background-color: #000;
}
.nav-box {
position: relative;
z-index: 12;
}
.gnav-wrap {
background-color: #6b3035;
}
@media screen and (max-width: 999px) {
.gnav-wrap {
position: fixed;
height: 100%;
top: 0;
right: 0;
z-index: 10;
background-color: #fff4f1;
}
}
@media screen and (max-width: 999px) {
.openNav .gnav-wrap {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
}
@media screen and (max-width: 999px) {
#gnav {
width: 280px;
margin-right: -280px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
}
@media screen and (max-width: 999px) {
.openNav #gnav {
margin-right: 0;
}
} #gnav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
@media screen and (max-width: 999px) {
#gnav > ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
}
}
#gnav > ul > li {
width: 100%;
position: relative;
font-size: 1.5rem;
font-weight: 600;
line-height: 1;
}
@media screen and (max-width: 999px) {
#gnav > ul > li {
width: 100%;
text-align: left;
border-bottom: 1px solid #f9e7e3;
}
}
.openNav #gnav > ul > li {
margin-left: 0;
}
#gnav ul > li > a,
#gnav ul > li > span {
width: 100%;
display: inline-block;
color: #fff;
text-decoration: none;
text-align: center;
padding-top: 27.5px;
padding-bottom: 27.5px;
cursor: pointer;
}
@media screen and (max-width: 999px) {
#gnav ul > li > a,
#gnav ul > li > span {
display: block;
color: #610f16;
text-align: left;
padding: 20px 20px;
}
} .gnav-switch-01 .gnav-item-01,
.gnav-switch-02 .gnav-item-02,
.gnav-switch-03 .gnav-item-03 {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width: 999px) {
.gnav-switch-01 .gnav-item-01,
.gnav-switch-02 .gnav-item-02,
.gnav-switch-03 .gnav-item-03 {
visibility: visible;
opacity: 1;
}
}
.gnav-switch-01:hover .gnav-item-01 {
visibility: visible;
opacity: 1;
}
.gnav-switch-02:hover .gnav-item-02 {
visibility: visible;
opacity: 1;
}
.gnav-switch-03:hover .gnav-item-03 {
visibility: visible;
opacity: 1;
}
#gnav > ul > li > ul {
position: absolute;
padding-left: 0;
margin-bottom: 0;
background-color: #fff;
border: 1px solid #d7eadf;
border-top: none;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
@media screen and (max-width: 999px) {
#gnav > ul > li > ul {
position: relative;
top: inherit;
width: 100%;
background-color: #fff4f1;
border: none;
border-top: 1px dotted #f9e7e3;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
.gnav-item-01,
.gnav-item-02,
.gnav-item-03 {
width: 100%;
}
.gnav-item-01 a span {
font-size: 1.2rem;
}
#gnav > ul > li > ul > li {
font-size: 1.3rem;
font-weight: 500;
}
#gnav > ul > li > ul > li > a {
display: block;
color: #444;
text-decoration: none;
padding: 13px 0;
border-bottom: 1px solid #eee;
}
@media screen and (max-width: 999px) {
#gnav > ul > li > ul > li > a {
padding: 15px 0 15px 35px;
border-bottom: 1px dotted #f9e7e3;
}
}
#gnav > ul > li > ul > li:last-child > a {
border-bottom: none;
} .gnav-pc-only {
display: block;
}
@media screen and (max-width: 999px) {
.gnav-pc-only {
display: none;
}
} #gnav > ul > li.gnav-sp-only {
display: none;
}
@media screen and (max-width: 999px) {
#gnav > ul > li.gnav-sp-only {
display: block;
}
}
#gnav > ul > li.gnav-sp-only a {
color: #fff;
font-weight: 500;
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding: 20px 20px 0 0;
}
#gnav > ul > li.gnav-sp-only .gnav-img {
width: 60px;
margin-right: 5%;
}
#gnav > ul > li.gnav-sp-only-01 { background-color: #9f1a13;
border-bottom: 1px solid #bd342d;
}
#gnav > ul > li.gnav-sp-only-02 { background-color: #205f8b;
border-bottom: 1px solid #3173a1;
}
#gnav > ul > li.gnav-sp-only-03 { background-color: #1e3a81;
border-bottom: none;
}
#gnav > ul > li.gnav-sp-only-03 .gnav-img {
width: 70px;
margin-right: 3%;
}
.gnav-sp-only-sub-title {
display: block;
font-size: 1.2rem;
padding-top: 10px;
margin-bottom: 7px;
}
.gnav-sp-only-sub-title-01 {
color: #f3c1bf;
}
.gnav-sp-only-sub-title-02 {
color: #c0e2f9;
}
.gnav-sp-only-sub-title-03 {
color: #cad8fb;
}
.gnav-sp-only-sub-title span {
color: #ffe400;
}
.gnav-sp-only-title {
display: block;
font-size: 1.6rem;
font-weight: 600;
} .header-nav-tel-button{
display: none;
}
@media screen and (max-width: 999px) {
.header-nav-tel-button{
display: block;
position: fixed;
right: 54px;
top: 0;
width: 54px;
height: 54px;
background: #F5A800;
}
.header-nav-tel-button a{
display: block;
width: 54px;
height: 54px;
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/lp/img/common/icon-phone.svg) no-repeat center center / 24px auto;
}
} #navToggle {
display: none;
}
@media screen and (max-width: 999px) {
#navToggle {
position: fixed;
right: 0;
top: 0;
width: 54px;
height: 54px;
padding: 15px;
background-color: #600D18;
cursor: pointer;
z-index: 11;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
}
#navToggle div {
position: relative;
}
#navToggle span {
display: block;
position: absolute;
width: 100%;
border-bottom: solid 2px #fff;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#navToggle span:nth-child(1) {
top: 2px;
}
#navToggle span:nth-child(2) {
top: 11px;
}
#navToggle span:nth-child(3) {
top: 20px;
}
@media screen and (max-width: 999px) {
#navToggle {
display: block;
}
}
.openNav #navToggle span:nth-child(1) {
top: 12px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom: solid 2px #fff;
}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
top: 12px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-bottom: solid 2px #fff;
} .l-wrapper {
background-color: #fdf0e2;
}  .l-side {
display: none;
width: 200px;
}
@media screen and (min-width: 1000px) {
.l-side {
display: block;
}
}
.l-side-wrap {
margin-bottom: 10px;
border-radius: 3px;
}
.l-side-wrap h4 {
font-size: 1.5rem;
font-weight: 500;
color: #fff;
text-align: center;
padding-top: 5px;
padding-bottom: 8px;
}
.l-side-call-now {
border: 3px solid #9f1a13;
background-color: #9f1a13;
}
.l-side-consultation {
border: 3px solid #205f8b;
background-color: #205f8b;
}
.l-side-members {
border: 3px solid #1e3a81;
background-color: #1e3a81;
}
.l-side-contact {
border: 3px solid #e73714;
background-color: #e73714;
}
.l-side-menu {
border: 3px solid #6b3035;
background-color: #6b3035;
}
.l-side-inner {
padding-top: 10px;
}
.l-side-call-now .l-side-inner {
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(60%, #fff), to(#771820));
background: -o-linear-gradient(top, #fff 0%, #fff 60%, #771820 100%);
background: linear-gradient(to bottom, #fff 0%, #fff 60%, #771820 100%);
}
.l-side-consultation .l-side-inner {
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(60%, #fff), to(#205f8b));
background: -o-linear-gradient(top, #fff 0%, #fff 60%, #205f8b 100%);
background: linear-gradient(to bottom, #fff 0%, #fff 60%, #205f8b 100%);
}
.l-side-members .l-side-inner {
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(60%, #fff), to(#203465));
background: -o-linear-gradient(top, #fff 0%, #fff 60%, #203465 100%);
background: linear-gradient(to bottom, #fff 0%, #fff 60%, #203465 100%);
}
.l-side-contact .l-side-inner {
background: #fff;
}
.l-side-inner-top {
font-size: 1.2rem;
letter-spacing: 0;
line-height: 1.4;
margin-left: 10px;
margin-right: 10px;
}
.l-header-tel-number-side {
font-size: 1.2rem;
letter-spacing: 0;
line-height: 1.4;
margin-left: 10px;
margin-right: 10px;
}
.l-side-contact .l-side-inner-top {
margin-bottom: 15px;
}
.l-side-inner-top span {
color: #ff2a00;
}
.l-side-members .l-side-inner-top {
padding-left: 50px;
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/side_img02.png) no-repeat 0 0;
background-size: 47px auto;
}
.l-header-tel-number-side  {
border-bottom: 1px dotted #e2b5b3;
}
.l-side-consultation .l-side-inner-top .l-header-tel-number-side{
border-bottom: 1px dotted #8fb8d4;
}
.l-side-members .l-side-inner-top {
border-bottom: 1px dotted #a1b2df;
}
.l-side-inner-bottom {
position: relative;
}
.l-side-inner-bottom-btn {
position: absolute;
left: 0;
right: 0;
bottom: 15px;
}
.l-side-contact .l-side-inner-bottom-btn {
position: relative;
}
.l-side-inner-bottom-btn .m-members:first-of-type {
margin-bottom: 3px;
}
.l-side-call-now .l-side-inner-bottom {
height: 137px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/side_bg01.png);
background-repeat: no-repeat;
background-position: bottom right;
background-size: 182px auto;
}
.l-side-consultation .l-side-inner-bottom {
height: 137px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/side_bg02.png);
background-repeat: no-repeat;
background-position: bottom center;
background-size: 164px auto;
}
.l-side-members .l-side-inner-bottom {
height: 168px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/side_bg03.png);
background-repeat: no-repeat;
background-position: bottom right 5px;
background-size:183px auto;
}
.l-side-menu-item {
padding-left: 7px;
padding-right: 7px;
background-color: #fff;
}
.l-side-menu-item li {
font-size: 1.3rem;
letter-spacing: 0;
border-bottom: 1px dotted #d4b6b9;
}
.l-side-menu-item li:last-of-type {
border-bottom: none;
}
.l-side-menu-item li a {
display: inline-block;
color: #6b3035;
text-decoration: none;
padding: 12px 5px 12px 25px;
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_brown.png) no-repeat 5px center;
background-size: 12px auto;
}
.l-side-bnr {
position: relative;
margin-bottom: 10px;
border-radius: 3px;
border: 3px solid #6b3035;
background-color: #6b3035;
}
.l-side-bnr-brown {
border: 3px solid #3c2109;
background-color: #3c2109;
}
.l-side-bnr h4 {
font-size: 1.5rem;
font-weight: 500;
color: #fff;
text-align: center;
padding-top: 5px;
padding-bottom: 8px;
}
.l-side-bnr h4 span {
padding-left: 20px;
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_brown.png) no-repeat 0 center;
background-size: 12px auto;
}
.l-side-bnr a {
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 100%;
width: 100%;
}  .l-float {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 11;
padding: 10px 20px;
background-color: rgba(96,13,24,0.8);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width: 450px) {
.l-float {
padding: 10px;
}
}
@media screen and (min-width: 768px) {
.l-float {
background-color: #65252a;
padding: 0 20px;
}
}
.l-float.show {
visibility: visible;
opacity: 1;
}
.l-float-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 1040px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 768px) {
.l-float-inner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.l-float-tel-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
display: none;
}
.l-float-tel-box a { }
@media screen and (min-width: 768px) {
.l-float-tel-box{
display: flex;
}
.l-float-tel-box a { }
}
.l-float-tel-box-text {
max-width: 100px;
margin-top: -5px;
}
@media screen and (min-width: 768px) {
.l-float-tel-box-text {
max-width: 164px;
margin-top: -5px;
}
}
@media screen and (min-width: 1000px) {
.l-float-tel-box-text {
margin-top: -7px;
}
}
@media screen and (max-width: 768px) {
.l-float-tel-box-text {
max-width: 130px;
margin-top: 20px;
margin-left: -10px;
margin-right: -10px;
}
}
@media screen and (max-width: 380px) {
.l-float-tel-box-text {
max-width: 100px;
}
}
.l-float-tel-box-inner {
margin-top: 7px;
margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
.l-float-tel-box-inner {
margin-top: 10px;
margin-bottom: 10px;
}
}
.l-float-tel-box-inner-text {
max-width: 314px;
margin-left: 0;
margin-bottom: -5px;
}
@media screen and (min-width: 768px) {
.l-float-tel-box-inner-text {
margin-left: -13px;
margin-bottom: -3px;
}
}
.l-float-tel-box-inner-tel {
max-width: 287px;
margin-left: 15px;
}
.l-float-tel-box-inner-tel a{
color: #ffe400;
text-decoration: none;
font-size: 26px;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"Noto Sans JP",
Meiryo,
sans-serif;
font-weight: 900;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/footer_contact_tel-icon.png);
background-repeat: no-repeat;
background-size: 30px;
background-position: left center;
padding-left: 40px;
line-height: 1;
}
.l-float-tel-box-inner-tel a span{
font-size: 28px;
}
@media screen and (max-width: 768px) {
.l-float-tel-box-inner-tel {
color: #ffe400;
text-decoration: none;
font-size: 28px;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"Noto Sans JP",
Meiryo,
sans-serif;
font-weight: 900; line-height: 1;
}
.l-float-tel-box-inner-tel span{
font-size: 28px;
}
}
.l-float-btn-box {
display: none;
}
.l-float-btn-box-sp{
display: block;
}
.l-float-btn-box-sp-list{
display: flex;
gap: 0 10px
}
.l-float-btn-box-sp-list .l-float-btn-box-sp-list__item{
width: calc(100% / 2 - 5px);
}
.l-float-btn-box-sp-list .l-float-btn-box-sp-list__item a{
display: flex;
height: 70px;
align-items: center;
border-radius: 8px;
padding: 10px 7.5%;
box-sizing: border-box;
}
.l-float-btn-box-sp-list .l-float-btn-box-sp-list__item--beige a{
background: #FDEBD7;
}
.l-float-btn-box-sp-list .l-float-btn-box-sp-list__item--red a{
background: #AD0612;
}
@media screen and (max-width: 450px) {
.l-float-btn-box-sp-list{
gap: 0 6px;
}
.l-float-btn-box-sp-list .l-float-btn-box-sp-list__item{
width: calc(100% / 2 - 3px);
}
.l-float-btn-box-sp-list .l-float-btn-box-sp-list__item a{
padding: 5px 10px;
height: 60px;
}
}
@media screen and (min-width: 768px) {
.l-float-btn-box {
display: block;
margin-top: 10px;
margin-left: 20px;
margin-bottom: 10px;
}
.l-float-btn-box-sp{
display: none;
}
}
.l-float-btn-box-text {
text-align: center;
line-height: 1;
margin-bottom: 4px;
}
.l-float-btn-box-text img {
max-width: 369px;
}
.l-float-btn-box-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
}
.l-float-btn-box-item li:nth-child(1) { max-width: 110px;
}
.l-float-btn-box-item li:nth-child(2) {
max-width: 110px;
max-width: 176px;
margin-left: 5px; position: relative;
}
.l-float-btn-box-item li:nth-child(3) {
max-width: 176px;
position: relative;
}
.l-float-btn-box-item-btn-03 {
position: absolute;
}
@media screen and (min-width: 768px) {
.l-float-btn-box-item-btn-03 {
max-width: 30px;
top: -5px;
right: -15px;
}
}
@media screen and (min-width: 1000px) {
.l-float-btn-box-item-btn-03 {
max-width: 35px;
top: -15px;
right: -15px;
}
}
@media screen and (min-width: 1200px) {
.l-float-btn-box-item-btn-03 {
max-width: 46px;
top: -25px;
right: -25px;
}
} .l-float-bnr {
display: none;
}
@media screen and (min-width: 768px) {
.l-float-bnr {
display: block;
max-width: 63px;
position: fixed;
right: 0;
top: 50%;
z-index: 2;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
}
.l-float-bnr.show {
visibility: visible;
opacity: 1;
}  .l-footer-contact {
padding-top: 10px;
padding-right: 4px;
padding-bottom: 10px;
padding-left: 4px;
background-color: #610f16;
}
@media screen and (min-width: 768px) {
.l-footer-contact {
font-size: 2.8rem;
padding-top: 40px;
padding-bottom: 40px;
}
}
.l-footer-contact-title {
font-size: 2.4rem;
color: #fff;
text-align: center;
margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
.l-footer-contact-title {
font-size: 2.8rem;
margin: 0 0 1.0em;
}
}
.l-footer-contact-text {
font-size: 1.5rem;
color: #e0b1b5;
line-height: 1.4;
text-align: center;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
@media screen and (min-width: 480px) {
.l-footer-contact-text {
font-size: 1.6rem;
}
}
@media screen and (min-width: 768px) {
.l-footer-contact-text {
margin-bottom: 30px;
}
}
.l-footer-contact-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
flex-wrap: wrap;
max-width: 900px;
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto;
background: #fff;
padding: 20px 15px 30px;
}
@media screen and (min-width: 768px) {
.l-footer-contact-box {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; padding: 40px;
}
}
.l-footer-contact-tel-box {
min-height: 0%;
max-width: 409px;
padding-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px; width: 100%;
}
@media screen and (min-width: 768px) {
.l-footer-contact-tel-box {  margin-left: 0;
margin-right: 0;
margin-bottom: 30px; border-bottom: none;
}
}
@media screen and (min-width: 1000px) { .l-footer-contact-box {
padding-left: 40px;
padding-right: 40px;
border-radius: 10px;
}
}
.l-footer-contact-tel a{
color: #ffe400;
text-decoration: none;
font-size: 38px;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"Noto Sans JP",
Meiryo,
sans-serif;
font-weight: 900;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/footer_contact_tel-icon.png);
background-repeat: no-repeat;
background-size: 40px;
background-position: left center;
padding-left: 50px;
}
.l-footer-contact-tel a span{
font-size: 43px;
}
@media screen and (max-width: 768px) {
.l-footer-contact-tel a{
font-size: 30px;
}
.l-footer-contact-tel a span{
font-size: 34px;
}
}
.l-footer-contact-btn-box {
min-height: 0%; margin-left: auto;
margin-right: auto;
width: 100%;
}
.l-footer-contact-btn-box-list{
display: flex;
flex-wrap: wrap;
gap: 20px 0;
}
.l-footer-contact-btn-box-list__item{
width: 100%;
}
.l-footer-contact-btn-box-list__item a{
width: 100%;
height: 100%;
padding: 10px 15px;
box-sizing: border-box;
border-radius: 10px;
transition: 0.3s;
position: relative;
}
.l-footer-contact-btn-box-list__item a::after{
position: absolute;
right: 10px;
top: 0;
content: '';
width: 12px;
height: 100%;
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/lp/img/common/icon-arrow-white.svg) no-repeat center center / 100% auto;
}
.l-footer-contact-btn-box-list__item--beige a::after{
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/lp/img/common/icon-arrow-brown.svg) no-repeat center center / 100% auto;
}
.l-footer-contact-btn-box-list__item--red a{
background: #C74231;
box-shadow: 0 8px 0 0 #872113;
}
.l-footer-contact-btn-box-list__item--blue a{
background: #205F8B;
box-shadow: 0 8px 0 0 #0E3957;
}
.l-footer-contact-btn-box-list__item--brown a{
background: #6B3036;
box-shadow: 0 8px 0 0 #4E2226;
}
.l-footer-contact-btn-box-list__item--beige a{
background: #FDEBD7;
box-shadow: 0 8px 0 0 #DEC6AB;
}
.l-footer-contact-btn-box-list__item .flex{
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
}
.l-footer-contact-btn-box-list__item .flex .flex__img{
width:70px;
}
.l-footer-contact-btn-box-list__item .flex .flex__text{
padding: 0 20px 0 30px;
box-sizing: border-box;
text-align: center;
max-width: 315px;
width: 100%;
}
.l-footer-contact-btn-box-list__item .flex .flex__text-catch{
font-size: 1.6rem;
font-weight: bold;
}
.l-footer-contact-btn-box-list__item .flex .flex__text-catch span{
color: #fff;
position: relative;
}
.l-footer-contact-btn-box-list__item .flex .flex__text-catch span::before{
position: absolute;
left: -20px;
bottom: 10px;
content: '';
width: 20px;
height: 2px;
background: #fff;
transform: rotate(60deg);
}
.l-footer-contact-btn-box-list__item--beige .flex .flex__text-catch span::before{
background: #600C19;
}
.l-footer-contact-btn-box-list__item .flex .flex__text-catch span::after{
position: absolute;
right: -20px;
bottom: 10px;
content: '';
width: 20px;
height: 2px;
background: #fff;
transform: rotate(-60deg);
}
.l-footer-contact-btn-box-list__item--beige .flex .flex__text-catch span::after{
background: #600C19;
}
.l-footer-contact-btn-box-list__item .flex .flex__text-catch span b{
color: #F5A800;
}
.l-footer-contact-btn-box-list__item .flex .flex__text-title{ font-size: min(6.0vw ,2.7rem);
font-weight: 800;
line-height: 1.3;
color: #fff;
}
.l-footer-contact-btn-box-list__item--brown .flex .flex__text-title{
font-size: min(5.25vw ,2.7rem);
}
.l-footer-contact-btn-box-list__item--beige .flex .flex__text-title{
color: #600C19;
}
@media (max-width:480px){
.l-footer-contact-btn-box-list__item .flex .flex__text{
padding: 0 20px;
max-width: 100%;
width: calc(100% - 70px);
}
}
@media (max-width:420px){
.l-footer-contact-btn-box-list__item a::after{
right: 10px;
width: 8px;
}
.l-footer-contact-btn-box-list__item .flex .flex__text{
width: calc(100% - 70px);
padding: 0 10px;
}
.l-footer-contact-btn-box-list__item .flex .flex__text-catch{
font-size: min(3.75vw, 1.5rem);
}
.l-footer-contact-btn-box-list__item .flex .flex__text-catch span::before{
left: -12px;
bottom: 5px;
width: 12px;
}
.l-footer-contact-btn-box-list__item .flex .flex__text-catch span::after{
right: -12px;
bottom: 5px;
width: 12px;
}
}
@media screen and (min-width: 768px) {
.l-footer-contact-btn-box { margin-left: 0;
margin-right: 0;
}
.l-footer-contact-btn-box-list{
gap: 30px 10px;
}
.l-footer-contact-btn-box-list__item{
width: calc(100% / 2 - 5px);
}
.l-footer-contact-btn-box-list__item .flex{
justify-content: flex-start;
}
.l-footer-contact-btn-box-list__item a:hover{
opacity: .8;
transform: translateY(8px);
box-shadow: 0 0 0 0 transparent;
}
.l-footer-contact-btn-box-list__item a::after{
right: 10px;
width: 10px;
}
.l-footer-contact-btn-box-list__item .flex .flex__img{
width:100px;
}
.l-footer-contact-btn-box-list__item .flex .flex__text{
width: calc(100% - 100px);
padding: 0 0 0 10px;
}
.l-footer-contact-btn-box-list__item .flex .flex__text-catch{
font-size: 1.4rem;
}
.l-footer-contact-btn-box-list__item .flex .flex__text-title{
font-size: 2.4rem;
}
.l-footer-contact-btn-box-list__item--brown .flex .flex__text-title{
font-size: 2.2rem;
}
}
@media screen and (min-width: 1000px) { .l-footer-contact-btn-box-list{
gap: 30px 20px;
justify-content: center;
}
.l-footer-contact-btn-box-list__item{
width: calc(100% / 2 - 10px);
}
.l-footer-contact-btn-box-list__item .flex .flex__text-catch{
font-size: 1.6rem;
}
}
.l-footer-contact-btn-box-01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 5px;
}
@media screen and (min-width: 480px) {
.l-footer-contact-btn-box-01 {
margin-bottom: 10px;
}
}
.l-footer-contact-btn-box-01 p {
max-width: 195px;
}
.l-footer-contact-btn-box-01 p:first-of-type {
margin-right: 5px;
}
@media screen and (min-width: 480px) {
.l-footer-contact-btn-box-01 p:first-of-type {
margin-right: 10px;
}
}
.l-footer-contact-btn-box-02 p {
position: relative;
}
.l-footer-contact-btn-box-02 span {
width: 40px;
position: absolute;
top: -7px;
left: 70%;
}
@media screen and (min-width: 768px) {
.l-footer-contact-btn-box-02 span {
width: 46px;
top: -9px;
}
}
.l-footer-contact-tel-text__box{
display: block;
padding-left:80px;
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/lp/img/common/text-tel.svg) no-repeat center left / 75px;
line-height: 1.4;
text-align: center;
}
.l-footer-contact-tel-text__box .p-tel-number__number{
display: inline-block;
line-height: 0;
font-family: "Noto Sans JP", sans-serif;
font-size: 4.6rem;
font-weight: 800;
color: #B8000E;
margin-bottom: 0;
}
.l-footer-contact-tel-text__box .p-tel-number__number span{
line-height: 0;
}
.l-footer-contact-tel-text__box .p-tel-number__number a{
display: inline-block;
line-height: 1;
font-family: "Noto Sans JP", sans-serif;
font-size:5.3rem;
font-weight: 500;
color: var(--main-color);
text-decoration: none;
pointer-events: none;
}
.l-footer-contact-tel-text__box .p-tel-number__info{
line-height: 1.2;
font-size: 1.6rem;
font-weight: bold;
color: var(--main-color);
text-align: center;
position: relative;
display: inline-block;
margin: 0 0 10px;
}
.l-footer-contact-tel-text__box .p-tel-number__info::before{
position: absolute;
left: -15px;
bottom: 5px;
content: '';
width: 12px;
height: 2px;
background: #600C19;
transform: rotate(60deg);
}
.l-footer-contact-tel-text__box .p-tel-number__info::after{
position: absolute;
right: -15px;
bottom: 5px;
content: '';
width: 12px;
height: 2px;
background: #600C19;
transform: rotate(-60deg);
}
.l-footer-contact-tel-text__box .p-tel-number__info--number{
line-height: 1;
font-family: "Noto Sans JP", sans-serif;
font-size: 2.2rem;
color: var(--accent-color);
}
@media(max-width:768px){
.l-footer-contact-tel-text__box{
line-height: 2.5;
margin: 0 0 5px;
padding-left: 68px;
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/lp/img/common/text-tel.svg) no-repeat center left / 60px;
}
.l-footer-contact-tel-text__box .p-tel-number__number{
font-size: 4.6rem;
margin-bottom: 1px;
}
.l-footer-contact-tel-text__box .p-tel-number__info{
font-size: 1.4rem;
margin: 0 0 15px;
}
.l-footer-contact-tel-text__box .p-tel-number__info--number{
font-size:1.8rem;
}
}
@media(max-width:455px){
.l-footer-contact-tel-text__box .p-tel-number__number{
font-size: min(9.5vw, 4.6rem);
}
}
@media(max-width:400px){
.l-footer-contact-tel-text__box .p-tel-number__number{
font-size: min(9.3vw, 4.6rem);
}
.l-footer-contact-tel-text__box .p-tel-number__info{
margin: 0 0 10px;
}
}
@media(max-width:380px){
.l-footer-contact-tel-text__box .p-tel-number__number{
font-size: min(9.0vw, 4.6rem);
}
.l-footer-contact-tel-text__box .p-tel-number__info{
margin: 0 0 5px;
}
} .l-footer-bnr-wrap {
padding-left: 0;
padding-right: 0;
background-color: #fff4f1;
}
@media screen and (min-width: 480px) {
.l-footer-bnr-wrap {
padding-left: 15px;
padding-right: 15px;
}
}
.l-footer-bnr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 600px;
padding-top: 40px;
padding-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
.l-footer-bnr li {
width: 45%;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
border-radius: 3px;
position: relative;
background-color: #610f16;
}
@media screen and (min-width: 480px) {
.l-footer-bnr li {
width: 200px;
}
}
.cell.is-empty {
height: 0;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
.l-footer-bnr h3 {
font-size: 1.3rem;
color: #fff;
text-align: center;
padding-top: 5px;
padding-bottom: 2px;
}
@media screen and (min-width: 480px) {
.l-footer-bnr h3 {
font-size: 1.5rem;
}
}
@media screen and (min-width: 400px) {
.l-footer-bnr h3 span {
padding-left: 20px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_brown.png);
background-repeat: no-repeat;
background-size: 12px;
background-position: left center;
}
}
.l-footer-bnr p {
padding: 3px;
}
.l-footer-bnr a {
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 100%;
width: 100%;
} .l-footer-access {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 20px;
background-color: #f6e3e4;
}
@media screen and (min-width: 1000px) {
.l-footer-access {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.l-footer-access-logo {
min-height: 0%;
max-width: 265px;
margin-bottom: 20px;
}
@media screen and (min-width: 1000px) {
.l-footer-access-logo {
margin-bottom: 0;
}
}
.l-footer-access-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 0%;
}
@media screen and (min-width: 768px) {
.l-footer-access-inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.l-footer-access-address {
min-width: 265px;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.l-footer-access-address {
min-width: inherit;
margin-right: 30px;
margin-bottom: 0;
}
}
@media screen and (min-width: 1000px) {
.l-footer-access-address {
margin-left: 50px;
margin-right: 50px;
}
}
.l-footer-access-address h3 {
font-size: 1.3rem;
font-weight: 500;
color: #610f16;
margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
.l-footer-access-address h3 {
font-size: 1.4rem;
}
}
.l-footer-access-address h3 span {
padding: 0 10px;
border-radius: 3px;
background-color: #fff;
}
.l-footer-access-address p {
font-size: 1.5rem;
color: #610f16;
line-height: 1.4;
}
.l-footer-access-tel {
min-height: 0%;
max-width: 280px;
}
@media screen and (min-width: 480px) {
.l-footer-access-tel {
max-width: 327px;
}
}
.l-footer-access-tel a {
color: #84464c;
text-decoration: none;
font-size: 28px;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"Noto Sans JP",
Meiryo,
sans-serif;
font-weight: 900;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/header_tel-icon.png);
background-repeat: no-repeat;
background-size: 40px;
background-position: left center;
padding-left: 50px;
}
.l-footer-access-tel a span{
font-size: 30px;
} .l-footer-sitemap {
padding: 15px 20px 40px;
background-color: #610f16;
}
@media screen and (min-width: 480px) {
.l-footer-sitemap {
padding: 80px 20px 60px;
}
}
.l-footer-sitemap-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1260px;
margin-left: auto;
margin-right: auto;
}
.l-footer-sitemap a {
display: inline-block;
font-size: 1.6rem;
color: #cf9ca1;
line-height: 1.2;
text-decoration: none;
padding: 8px 0 8px 15px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/footer_icon.png);
background-repeat: no-repeat;
background-size: 8px;
background-position: left top 12px;
}
@media screen and (min-width: 480px) {
.l-footer-sitemap a {
font-size: 1.3rem;
}
}
.l-footer-sitemap li {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #54090f;
}
@media screen and (min-width: 480px) {
.l-footer-sitemap li {
padding-bottom: 0;
border-bottom: none;
}
}
.l-footer-sitemap-inner > ul {
width: 100%;
}
@media screen and (min-width: 480px) {
.l-footer-sitemap-inner > ul {
width: 210px;
padding-left: 12px;
padding-right: 12px;
margin-bottom: 40px;
margin-right: -1px;
border-left: 1px solid #54090f;
border-right: 1px solid #54090f;
}
}
.l-footer-sitemap ul .l-footer-item-inner {
padding-bottom: 0;
border-bottom: none;
}
.l-footer-sitemap ul > li > ul {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #54090f;
}
@media screen and (min-width: 480px) {
.l-footer-sitemap ul > li > ul {
margin-top: 0;
border-top: none;
}
}
.l-footer-sitemap ul > li > ul > li {
padding-left: 13px;
} .l-footer-copy {
font-size: 1.3rem;
line-height: 1.4;
color: #73353e;
text-align: center;
padding: 30px 10px;
background-color: #4f0b10;
}
.l-footer-sitemap .title {
display: inline-block;
font-size: 1.3rem;
color: #cf9ca1;
line-height: 1.2;
text-decoration: none;
padding: 8px 0 8px 15px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/footer_icon.png);
background-repeat: no-repeat;
background-size: 8px;
background-position: left top 12px;
}
.disp_sp{
display: block;
}
.disp_pc{
display: none;
}
@media screen and (min-width: 768px) {
.disp_sp{
display: none;
}
.disp_pc{
display: block;
}
} @media screen and (min-width: 768px) {
.js-modal-open{
pointer-events: none;
}
}
.l-modal__item {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
width: 100%;
height: 100%;
cursor: pointer;
}
.l-modal-overlay {
display: none;
background-color: rgba(0,0,0,0.6);
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.l-modal__item .l-modal-bg{
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); max-width: 400px;
width: calc(100% - 30px);
padding: 0;
background: #fff;
border: 3px solid #600C19;
border-radius: 10px;
}
.l-modal-close {
display: block;
cursor: pointer;
text-align: center;
position: absolute;
right: -15px;
top: -15px;
}
.l-modal-close span{
font-size: 1.125rem;
font-weight: bold;
color: #fff;
display: block;
position: relative;
background: #600C19;
border-radius: 50%;
width: 30px;
height: 30px;
}
.l-modal-close span::before{
content: '';
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 8px;
margin-top: -1px;
background: #fff;
border-radius: 5px;
margin-top: -6px;
}
.l-modal-close span::after{
content: '';
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 8px;
margin-top: -1px;
background: #fff;
border-radius: 5px;
margin-top: -6px;
}
.l-modal-close span:before,
.l-modal-close span:after{
width: 50%;
margin-top: 0;
}
.l-modal-close span:before {
transform: rotate(45deg)
}
.l-modal-close span:after {
transform: rotate(-45deg)
}
.l-modal-cont__title{
text-align: center;
background: #FDE67C;
padding: 5px;
border-radius: 10px 10px 0 0;
font-weight: bold;
font-size: min(4.0vw, 1.8rem);
}
.l-modal-cont__img{
padding: 15px 0 10px;
}
.l-modal-cont__catch{
text-align: center;
font-size: 1.8rem;
font-weight: bold;
color: #600C19;
}
.l-modal-cont__catch b{
font-size: 2.4rem;
color: #F5A800;
}
.l-modal-cont__catch span{
position: relative;
}
.l-modal-cont__catch span::before{
position: absolute;
left: -20px;
bottom: 10px;
content: '';
width: 15px;
height: 2px;
background: #600C19;
transform: rotate(60deg);
}
.l-modal-cont__catch span::after{
position: absolute;
right: -20px;
bottom: 10px;
content: '';
width: 15px;
height: 2px;
background: #600C19;
transform: rotate(-60deg);
}
.l-modal-cont__btn{
width: 85%;
margin: 0 auto;
padding: 5px 0 25px;
}
.l-modal-cont__btn a{
display: block;
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/lp/img/common/icon-arrow-white.svg) no-repeat right 15px center / 10px auto, #AD0612;
padding: 10px;
font-size: min(6.5vw, 2.4rem);
font-weight: bold;
color: #fff;
border-radius: 10px;
text-align: center;
text-decoration: none;
box-shadow: 0 5px 0 0 #800A12;
}
.l-modal-cont__btn a span{
position: relative;
}
.l-modal-cont__btn a span::before{
position: absolute;
left: -30px;
top: 0;
content: '';
width: 22px;
height: 100%;
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/lp/img/common/icon-phone.svg) no-repeat center center / 100% auto;
}