@charset "UTF-8";
/*
Template: arkhe
Theme Name: Arkhe Child
Theme URI: https://arkhe-theme.com/ja/
Description: Arkhe用子テーマ
Version: 1.0.0
Text Domain: arkhe
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/
body {
overflow-x: hidden;
font-family: "Zen Kaku Gothic New", sans-serif;
}
:root {
--ark-padding--container: min(24px, 2vw);
--ark-font_size: min(16px, 5vw);
}
:is(.wp-block-details,
.wp-block-accordion-panel,
.wp-block-quote,.wp-block-column,
.wp-block-media-text__content,
.wp-block-cover__inner-container,
.wp-block-group__inner-container:where(:not(.is-layout-grid)))>:not(:first-child) {
margin-top: unset;
}
:where(figure) {
margin: 0;
}
.c-postContent>* {
margin-top: 0;
}
h1,h2,h3,h4 {
font-family: "Zen Maru Gothic";
}
h1 {font-size: 2.25rem;}
h2 {font-size: 2rem;}
h3 {font-size: 1.5rem;}
h4 {font-size: 1.25rem;}
a {text-decoration: none;}
.icon {
width: 64px;
height: 64px;
}
.imgbr24 img {
border-radius: 24px;
}
.pb120 {
padding-bottom: 120px;
}
.cp329 {
font-family: "Zen Maru Gothic";
font-size: 32px;
font-weight: 900;
line-height: 40px;
}
.cp145 {
text-align: center;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.cp205 {
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.ark-block-button__link {
padding-right: 2em;
padding-left: 2em;
font-family: "Zen Maru Gothic";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 32px;
}
.ark-block-section {
--arkb-padding: 0;
}
.ark-keep-mt--s>:not(:first-child) {
--ark-mt--inner: 0;
}
[class*=ark-keep-mt]>:first-child {
margin-top: revert-rule;
}
dt.ark-block-dl__dt {
font-family: "Zen Maru Gothic";
line-height: 28px;
}
header#header {
}
.l-header {
background: unset;
}
.l-header__body.l-container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
gap: 24px;
align-self: stretch;
border-radius: 0 0 32px 32px;
border-right: 1.6px solid rgba(17, 17, 17, 0.00);
border-bottom: 1.6px solid rgba(17, 17, 17, 0.00);
border-left: 1.6px solid rgba(17, 17, 17, 0.00);
background: #FFF;
}
@media screen and (min-width: 1000px) {
.l-header__body.is-scrolled {
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
transition: box-shadow 0.3s ease;
}
body:not(.home) .l-wrapper {
position: relative;
}
body:not(.home) .l-header {
position: fixed;
}
br.spbr {
display: none;
}
.pccent {
text-align:center;
}
.privacy-policy .l-content {
padding-top: 200px;
}
}
.l-header__left {
display: none;
}
.l-header__center {
grid-area: center;
padding: 0;
}
.c-gnav, .c-gnav__li, .c-gnav__li>.c-gnav__a {
height: auto;
}
.c-gnav__a {
font-size: 1rem;
}
.c-gnav__li.-current,
.c-gnav__li.focus, .c-gnav__li:hover {
color: #E34444;
}
.c-gnav__li.menu-item-2701 {
flex-shrink: 0;
margin-left: 12px;
}
.c-gnav__li.menu-item-2701 > .c-gnav__a {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
padding: 12px 32px;
background: #c1dd5c;
border: 1.6px solid #111;
border-radius: 60px;
font-weight: 500;
transition:
background-color 0.2s ease,
transform 0.2s ease;
}
.c-gnav__li.menu-item-2701 > .c-gnav__a::after {
content: "";
display: block;
flex: 0 0 12px;
width: 12px;
height: 24px;
background-image: url("/cms/wp-content/themes/arkhe_child/images/arrow-outlined.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 12px 24px;
}
.c-gnav__li.menu-item-2701 .__mainText {
display: block;
margin: 0;
padding: 0;
color: #111;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 32px;
}
@media (hover: hover) {
.g-footer_btn a:hover,
.c-gnav__li.menu-item-2701 > .c-gnav__a:hover {
background: #d2e987;
transform: translateY(-1px);
}
}
a:hover,
a img:hover {
opacity: 60%;
}
.l-container {
padding-left: 0;
padding-right: 0;
}
footer#footer {
padding-top: 120px;
}
.l-footer__widgets {
padding: 0;
}
.l-footer__widgets>.l-container {
display: block;
}
.l-footer__widgets.has-columns {
font-size: 1rem;
}
.w-footer.-widget1 {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: none;
}
.arkp-gnSec12 .splide__list,
.arkp-gnSec12 .swiper-wrapper {
transition-timing-function: linear !important;
}
.w-footer.-widget2 {
padding: 80px 0 40px 0;
display: flex;
align-items: normal;
gap: 64px;
}
.w-footer.-widget2 .c-widget+.c-widget {
margin-top: 0;
}
.c-copyright {
padding-bottom: 0;
}
#footer.l-footer::after {
content: "";
display: block;
width: 100%;
/* 1440 : 300 と同じ比率 */
aspect-ratio: 24 / 5;
background-image:
url("https://www.tuyazaki-seiai.com/cms/wp-content/uploads/2026/08/bg_l-footer-scaled.webp");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.wp-block-group.g-footer_btn>div {
display: flex;
justify-content: normal;
align-items: center;
gap: 24px;
}
.footer_colum_right>div {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 40px;
}
.wp-block-group.g-footer_btn a {
display: flex;
width: 240px;
padding: 12px 32px;
justify-content: center;
align-items: center;
gap: 16px;
border: 1.6px solid #111;
box-shadow: unset;
}
.g-footer_menu>div {
display: flex;
align-items: flex-start;
gap: 8px;
}
.l-footer ul {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.l-footer li {
list-style: none;
position: relative;
padding-left: 1.5em;
}
.l-footer li a {
display: flex;
width: 200px;
align-items: center;
gap: 8px;
text-decoration: unset;
}
.l-footer li a::before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%); /* 上下中央揃え */
width: 16px;
height: 16px;
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
}
.p-drawer {
background: #C1DD5C;
color: #111;
padding: 0;
}
.p-drawer__body a.c-headLogo {
width: 222px;
padding-bottom: 24px;
}
.c-drawerNav {
border-bottom: none;
border-top: none;
}
.c-drawerNav .menu-item {
border-bottom: 1px solid #FFFDED;
}
.c-drawerNav .menu-item.menu-item-2544,
.c-drawerNav .menu-item.menu-item-2545,
.c-drawerNav .menu-item.menu-item-2113,
.c-drawerNav .menu-item.menu-item-2878,
.c-drawerNav .menu-item.menu-item-2879{
border:unset;
}
a.c-drawerNav__a {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 28px;
}
li#\32 113, li#\32 878 {
display: inline-block;
}
.c-drawerNav .menu-item.menu-item-2544 {
padding-top:40px;
padding-bottom:24px;
}
.c-drawerNav .menu-item.menu-item-2545 {
padding-bottom:40px;
}
.c-drawerNav .menu-item.menu-item-2544,
.c-drawerNav .menu-item.menu-item-2545 {
display: flex;
flex-direction: column;
align-items: center;
}
li.menu-item-2544 a,
li.menu-item-2545 a{
display: flex;
width: 240px;
padding: 12px 32px;
justify-content: center;
align-items: center;
gap: 16px;
border-radius: 60px;
border: 1.6px solid #111;
background: #FFFDED;
}
li.menu-item-2544 a:visited,
li.menu-item-2544 a:hover,
li.menu-item-2544 a:active,
li.menu-item-2545 a:visited,
li.menu-item-2545 a:hover,
li.menu-item-2545 a:active {
background: #FFFDED;
opacity: .6;
}
.menu-item-2544 .c-drawerNav__a,
.menu-item-2545 .c-drawerNav__a {
display: inline-flex;
align-items: center;
gap: 16px;
}
.menu-item-2544 .c-drawerNav__a::before,
.menu-item-2545 .c-drawerNav__a::before {
content: "";
display: inline-block;
width: 1.2em;
height: 1.2em;
background-color: currentColor;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
flex-shrink: 0;
}
.menu-item-2544 .c-drawerNav__a::before {
-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,');
mask-image: url('data:image/svg+xml;charset=UTF-8,');
}
.menu-item-2545 .c-drawerNav__a::before {
-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,');
mask-image: url('data:image/svg+xml;charset=UTF-8,');
}
.menu-item-2113 .c-drawerNav__a,
.menu-item-2878 .c-drawerNav__a,
.menu-item-2879 .c-drawerNav__a {
display: inline-flex;
align-items: center;
gap: 8px;
color: #FFF;
font-weight: 500;
line-height: 28px;
text-decoration: none;
padding: 0;
}
li#\32 113, li#\32 878 {
display: inline-block;
}
li#\32 113 {
padding: 0 16px 8px 0;
}
.menu-item-2113 .c-drawerNav__a::before,
.menu-item-2878 .c-drawerNav__a::before,
.menu-item-2879 .c-drawerNav__a::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('/cms/wp-content/uploads/2026/08/icon_arrow_w.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
flex-shrink: 0;
}
button.p-drawer__close {
display: none;
}
div#breadcrumb {
display: none;
}
.p-breadcrumb {
max-width: 1000px;
}
.p-topArea {
align-items: end;
padding: 0;
text-align: left;
}
h1.c-pageTitle__main {
display: inline-block;
padding: 16px 72px 0 72px;
border-radius: 24px 24px 0 0;
background: #FFF;
color: #111;
font-size: 36px;
text-shadow: none;
}
h1.c-pageTitle__main::before {
color: #E34444;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 20px;
display: block;
}
.l-content__body {
margin: 0 auto;
}
#top_title_area {
height: 400px;
margin-bottom: 120px;
}
.privacy-policy #top_title_area {
display: none;
}
.privacy-policy h3 {
display: flex;
padding: 0 4px 8px 4px;
justify-content: flex-start;
align-items: center;
gap: 10px;
width: fit-content;
border-bottom: 2px dashed #E34444;
margin-bottom: 16px;
}
.privacy-policy p {
padding-bottom: 1.5rem;
}
h2.wp-block-heading {
display: flex;
width: fit-content; /* 中身の幅に合わせる */
margin-left: auto; /* 中央寄せ */
margin-right: auto; /* 中央寄せ */
margin-bottom: 64px;
padding: 0 0 15px 0;
justify-content: center;
align-items: flex-end;
gap: 10px;
position: relative;
}
h2.wp-block-heading::before {
content: "";
display: inline-block;
width: 42px;
height: 58px;
background-image: url('/cms/wp-content/uploads/2026/08/icon_title-star.webp');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
flex-shrink: 0;
}
h2.wp-block-heading::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-bottom: 2px dashed #E34444;
}
.g-classhensei-title h2.wp-block-heading {
margin-bottom: 24px;
}
.g-classhensei-title {
text-align: center;
margin-bottom: 64px;
}
p {
padding-bottom: 1rem;
}
.ark-block-dl__div p {
padding-bottom: 0;
}
.mt120a80 {
margin: 120px auto 80px;
}
.mb120 {
margin-bottom: 120px;
}
.ark-block-tab>.arkb-tabList {
display: flex;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
button.arkb-tabList__button {
font-family: "Zen Maru Gothic";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
}
.ark-block-tab.is-style-box>.arkb-tabList .arkb-tabList__button {
border-radius: 24px 24px 0 0;
background-color: #EDEDED;
color:#111;
}
.ark-block-tab.is-style-box>.arkb-tabList .arkb-tabList__button[aria-selected=true] {
background: #C1DD5C;
color:#111;
}
.arkb-tabBody {
border-radius: 0 0 24px 24px;
border: 1.6px solid #C1DD5C;
padding: 8px 32px;
}
.arkb-tabBody .ark-block-dl__div {
border-bottom: 1px solid #C1DD5C;
border-top: unset;
}
.arkb-tabBody .ark-block-dl__div:last-child {
border-bottom:unset;
}
.wp-block-tab-list.is-layout-flex.wp-block-tab-list-is-layout-flex {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
:where(.wp-block-tab-list button),
button#tab__tabs {
background: none;
border: none;
border-bottom: 2px solid #0000;
box-sizing: border-box;
text-align: center;
display: block;
height: 100%;
line-height: 1;
padding: 1em;
position: relative;
transition: background-color .25s, color .25s;
width: 100%;
border-radius: 24px 24px 0 0;
background-color: #EDEDED;
color: #111;
}
:where(.wp-block-tab-list button)[aria-selected=true] {
background-color: #c1dd5c;
}
:where(.wp-block-tab-list button)[aria-selected=true]:before {
border-bottom: unset;
}
.wp-block-tab-panels {
display: flex;
padding: 8px 24px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
border-radius: 0 0 24px 24px;
border: 1.6px solid #C1DD5C;
background: #FFF;
}
table {
border-right: none;
border-top: none;
}
.wp-block-table :is(td,th) {
border-bottom: none;
border-left: none;
}
.error404 .l-content {
margin-top: 88px;
padding-top: 80px;
}
.g-notfound404,
.g-notfound404 * {
box-sizing: border-box;
}
.g-notfound404 {
width: 100%;
}
.g-notfound404 > .wp-block-group__inner-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 64px;
width: 100%;
max-width: 768px !important;
margin-inline: auto !important;
padding-inline: 40px;
}
.g-notfound404 p,
.g-notfound404 .wp-block-group {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.g-notfound404 .g-notfound1 {
width: 100%;
}
.g-notfound404 .g-notfound1 > .wp-block-group__inner-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
width: 100%;
max-width: none !important;
margin: 0 !important;
}
.g-notfound404 .g-notfound1 .title {
margin: 0 !important;
color: #E34444;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 64px;
font-weight: 900;
line-height: 72px;
letter-spacing: 0;
text-align: center;
white-space: nowrap;
}
.g-notfound404 .g-notfound1 .notfound {
margin: 0 !important;
color: #E34444;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 24px;
font-weight: 900;
line-height: 32px;
letter-spacing: 0;
text-align: center;
white-space: nowrap;
}
.g-notfound404 .g-notfound2 {
width: 100%;
}
.g-notfound404 .g-notfound2 > .wp-block-group__inner-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 0;
width: 100%;
max-width: none !important;
margin: 0 !important;
}
.g-notfound404 .g-notfound2 p {
width: 100%;
margin: 0 !important;
color: #111;
font-family: "Zen Kaku Gothic New", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0;
text-align: center;
padding-bottom: 0;
}
.g-notfound404 .back-top {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 0 !important;
}
.g-notfound404 .back-top a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 16px;
width: 204px;
height: 56px;
margin: 0;
padding: 12px 32px;
background: #C1DD5C;
color: #111;
border: 1.6px solid #111;
border-radius: 60px;
box-shadow: none;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 32px;
letter-spacing: 0;
text-decoration: none;
white-space: nowrap;
transition: background-color .2s ease, transform .2s ease;
}
.g-notfound404 .back-top a::after {
content: "";
display: block;
flex: 0 0 auto;
width: 12px;
height: 24px;
background-color: #111;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2.45199 6.57999L3.51299 5.51999L9.29199 11.297C9.38514 11.3896 9.45907 11.4996 9.50952 11.6209C9.55997 11.7421 9.58594 11.8722 9.58594 12.0035C9.58594 12.1348 9.55997 12.2648 9.50952 12.3861C9.45907 12.5073 9.38514 12.6174 9.29199 12.71L3.51299 18.49L2.45299 17.43L7.87699 12.005L2.45199 6.57999Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2.45199 6.57999L3.51299 5.51999L9.29199 11.297C9.38514 11.3896 9.45907 11.4996 9.50952 11.6209C9.55997 11.7421 9.58594 11.8722 9.58594 12.0035C9.58594 12.1348 9.55997 12.2648 9.50952 12.3861C9.45907 12.5073 9.38514 12.6174 9.29199 12.71L3.51299 18.49L2.45299 17.43L7.87699 12.005L2.45199 6.57999Z'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 12px 24px;
mask-size: 12px 24px;
}
@media (hover: hover) {
.g-notfound404 .back-top a:hover {
background: #FFFDED;
transform: translateY(-1px);
}
}
.g-notfound404 .back-top a:focus-visible {
outline: 3px solid #E34444;
outline-offset: 4px;
}
.floating-buttons {
display: none;
}
@media screen and (max-width: 999px) {
.icon {
width: 56px;
height: 56px;
}
.pb120 {
padding-bottom: 88px;
}
.l-header__body.l-container {
flex-direction: row-reverse;
padding: 8px 16px;
}
.l-header__logo {
justify-content: unset;
}
.has-image>.c-headLogo {
width: 175px;
}
.l-header__drawerBtn {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 50px;
border: 1.6px solid #000;
background: #C1DD5C;
width: 72px;
height: 72px;
position: fixed;
top: 8px;
right: 8px;
}
h1.c-pageTitle__main {
padding: 8px 24px 0 24px;
border-radius: 0 24px 0 0;
font-size: 28px;
}
#top_title_area {
margin-bottom: 88px;
height: 240px;
min-height: auto;
}
h2.wp-block-heading {
margin-bottom: 40px;
}
h2.wp-block-heading::before {
width: 29px;
height: 43px;
}
.c-postContent.p-page__content {
padding: 0 40px;
}
.c-iconBtn__icon {
height: 28px;
width: 28px;
}
[data-drawer-move=fade][data-drawer=opened] .l-header__drawerBtn {
color: #000000;
background: #FFFDED;
}
[data-drawer=opened] .c-iconBtn__icon .__open svg:not([fill]) {
fill: #000000;
}
.footer-logo img {
width: 195px !important;
}
#footer .g-footer_btn .ark-block-button__text {
display: none !important;
}
#footer .g-footer_btn .ark-block-button__icon {
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 24px !important;
height: 24px !important;
margin: 0 !important;
transform: translate(-50%, -50%) !important;
}
#footer .g-footer_btn > .wp-block-group__inner-container {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
#footer .g-footer_btn .ark-block-buttons {
flex: 0 0 48px;
width: 48px;
height: 48px;
margin: 0;
}
#footer .g-footer_btn .ark-block-button {
width: 48px;
height: 48px;
}
#footer .g-footer_btn .ark-block-button__link {
width: 48px ;
height: 48px ;
padding: 0;
box-shadow: unset;
border: 1.6px solid #111;
}
#footer .g-footer_btn .ark-block-button__icon {
width: 24px;
height: 24px;
flex-basis: 24px;
}
#footer .g-footer_btn .ark-block-button__text {
display: none !important;
}
#footer .g-footer_menu {
display: none !important;
}
.l-footer__widgets .swiper-wrapper .swiper-slide {
margin-right: 0 !important;
}
.l-footer__inner .ark-block-slider .swiper {
width: auto;
}
.l-footer__widgets .swiper-wrapper {
transition-timing-function:linear !important;
}
.l-footer__widgets .w-footer+.w-footer.-widget2 {
display: block !important;
width: 100% !important;
max-width: none;
padding: 40px 40px 8px;
margin: 0 !important;
}
.mt120a80 {
margin: 88px auto 64px;
}
.mb120 {
margin-bottom: 88px;
}
.wp-block-columns.is-layout-flex {
flex-direction: column;
}
.error404 .l-content {
margin-top: 0;
}
.privacy-policy .l-content {
padding-top: 88px;
}
}
@media screen and (max-width: 768px) {
h1 {font-size: 1.75rem;}
h2 {font-size: 1.5rem;}
h3 {font-size: 1.25rem;}
h4 {font-size: 1.125rem;}
#footer.l-footer::after {
aspect-ratio: 375 / 210.375;
background-image:
url("https://www.tuyazaki-seiai.com/cms/wp-content/uploads/2026/08/sp_footer-1.webp");
background-position: center center;
background-size: cover;
}
}
@media screen and (max-width: 599px) {
.c-postContent.p-page__content {
padding: 0 24px;
}
.l-footer__widgets .w-footer+.w-footer.-widget2 {
padding: 40px 24px 8px;
}
.floating-buttons {
box-sizing: border-box;
display: block;
position: fixed;
left: 50%;
bottom: calc(16px + env(safe-area-inset-bottom));
transform: translateX(-50%);
z-index: 1000;
width: calc(100% - 32px);
max-width: 343px;
height: 65px;
margin: 0;
padding: 8px 0;
background: #fff;
border-radius: 6px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
overflow: hidden;
/* 初期状態は非表示 */
opacity: 0;
visibility: hidden;
pointer-events: none;
transition:
opacity 0.3s ease,
visibility 0.3s ease;
}
/* JSから is-visible が付いた場合 */
.floating-buttons.is-visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
/* ----------------------------------------------
WordPressメニュー UL
---------------------------------------------- */
.floating-buttons .floating-buttons__inner {
box-sizing: border-box;
display: flex;
align-items: center;
width: 100%;
height: 49px;
margin: 0;
padding: 0;
gap: 1px;
background: #c1dd5c;
list-style: none;
}
/* ----------------------------------------------
各メニュー LI
---------------------------------------------- */
.floating-buttons .floating-buttons__inner > li {
box-sizing: border-box;
flex: 1 1 0;
width: 50%;
min-width: 0;
height: 49px;
margin: 0;
padding: 0;
border: 0;
list-style: none;
}
/* テーマ側の ::before などを念のため解除 */
.floating-buttons .floating-buttons__inner > li::before,
.floating-buttons .floating-buttons__inner > li::after {
content: none;
}
/* ----------------------------------------------
リンク
---------------------------------------------- */
.floating-buttons .floating-buttons__inner > li > a {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
height: 49px;
margin: 0;
padding: 4px 12px;
background: #fff;
border: 0;
color: #111;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 28px;
text-align: center;
text-decoration: none;
white-space: nowrap;
box-shadow: none;
}
/* ----------------------------------------------
共通アイコン
---------------------------------------------- */
.floating-buttons .floating-buttons__inner > li > a::before {
content: "";
display: block;
flex: 0 0 24px;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
}
/* ----------------------------------------------
1番目：園見学申込み
メールアイコン
---------------------------------------------- */
.floating-buttons .floating-buttons__inner > li:nth-child(1) > a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 7C3 6.46957 3.21071 5.96086 3.58579 5.58579C3.96086 5.21071 4.46957 5 5 5H19C19.5304 5 20.0391 5.21071 20.4142 5.58579C20.7893 5.96086 21 6.46957 21 7V17C21 17.5304 20.7893 18.0391 20.4142 18.4142C20.0391 18.7893 19.5304 19 19 19H5C4.46957 19 3.96086 18.7893 3.58579 18.4142C3.21071 18.0391 3 17.5304 3 17V7Z' stroke='%23E34444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 7L12 13L21 7' stroke='%23E34444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* ----------------------------------------------
2番目：Instagram
Instagramアイコン
---------------------------------------------- */
.floating-buttons .floating-buttons__inner > li:nth-child(2) > a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.8 2H16.2C19.4 2 22 4.6 22 7.8V16.2C22 17.7383 21.3889 19.2135 20.3012 20.3012C19.2135 21.3889 17.7383 22 16.2 22H7.8C4.6 22 2 19.4 2 16.2V7.8C2 6.26174 2.61107 4.78649 3.69878 3.69878C4.78649 2.61107 6.26174 2 7.8 2ZM7.6 4C6.64522 4 5.72955 4.37928 5.05442 5.05442C4.37928 5.72955 4 6.64522 4 7.6V16.4C4 18.39 5.61 20 7.6 20H16.4C17.3548 20 18.2705 19.6207 18.9456 18.9456C19.6207 18.2705 20 17.3548 20 16.4V7.6C20 5.61 18.39 4 16.4 4H7.6ZM17.25 5.5C17.5815 5.5 17.8995 5.6317 18.1339 5.86612C18.3683 6.10054 18.5 6.41848 18.5 6.75C18.5 7.08152 18.3683 7.39946 18.1339 7.63388C17.8995 7.8683 17.5815 8 17.25 8C16.9185 8 16.6005 7.8683 16.3661 7.63388C16.1317 7.39946 16 7.08152 16 6.75C16 6.41848 16.1317 6.10054 16.3661 5.86612C16.6005 5.6317 16.9185 5.5 17.25 5.5ZM12 7C13.3261 7 14.5979 7.52678 15.5355 8.46447C16.4732 9.40215 17 10.6739 17 12C17 13.3261 16.4732 14.5979 15.5355 15.5355C14.5979 16.4732 13.3261 17 12 17C10.6739 17 9.40215 16.4732 8.46447 15.5355C7.52678 14.5979 7 13.3261 7 12C7 10.6739 7.52678 9.40215 8.46447 8.46447C9.40215 7.52678 10.6739 7 12 7ZM12 9C11.2044 9 10.4413 9.31607 9.87868 9.87868C9.31607 10.4413 9 11.2044 9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9Z' fill='%23E34444'/%3E%3C/svg%3E");
}
}
@media (max-width: 599px) and (hover: hover) {
.floating-buttons .floating-buttons__inner > li > a {
transition: opacity 0.2s ease;
}
.floating-buttons .floating-buttons__inner > li > a:hover {
opacity: 0.7;
}
}