@charset "UTF-8";
/* ----------------------------------- RESET  ----------------------------------- */
html, body, div, header, footer, iframe, h1, h2, h3, h4, p, blockquote, strong, small, em, span, ul, ol, li, dl, dt, dd, input, a, img, i, table, tr, th, td, form, label, section, figure { margin: 0; padding: 0; border: 0; }

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

ul, ol { list-style: none; }

input[type=submit], input[type=button] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; -moz-appearance: button; appearance: button; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

input[type=submit]::-webkit-search-decoration, input[type=button]::-webkit-search-decoration { display: none; }

input[type=submit]:focus, input[type=button]:focus { outline-offset: -2px; }

/*
10px = 72%
11px = 79%
12px = 86%
13px = 93%
14px = 100%
15px = 108%
16px = 115%
17px = 122%
18px = 129%
19px = 136%
20px = 143%
21px = 150%
22px = 158%
23px = 165%
24px = 172%
25px = 179%
26px = 186%
*/
a { text-decoration: none; }

img { vertical-align: bottom; max-width: 100%; height: auto; }

table { border-collapse: collapse; border-spacing: 0; }

/*------------------------------------ float-clearfix ------------------------------------*/
.clearfix::after { content: ""; display: block; clear: both; }

.float-l { float: left; }

.float-l::after { content: ""; display: block; clear: both; }

.float-r { float: right; }

.float-r::after { content: ""; display: block; clear: both; }

/*------------------------------------ display: flex ------------------------------------*/
.flex { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-justify { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

body { font-size: 14px; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", sans-serif; color: #151515; font-weight: 400; letter-spacing: 0.06em; }

#container { position: relative; background-color: #fff; overflow: hidden; }

.inner { width: 1000px; margin: 0 auto; padding: 80px 0; }

@media only screen and (max-width: 1324px) { .inner { width: 90%; max-width: 1000px; padding: 60px 0; } }

.inner-wide { width: 1324px; margin: 0 auto; padding: 80px 0; }

@media only screen and (max-width: 1324px) { .inner-wide { width: 100%; padding: 60px 0; } }

.main-title { margin-bottom: 30px; font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: 500; text-align: center; letter-spacing: 0.14em; }

@media only screen and (max-width: 760px) { .main-title { font-size: 28px; } }

.main-title .subtitle { display: block; color: #69AEB6; font-size: 14px; font-family: "ヒラギノ角ゴ ProN W3", sans-serif; font-weight: 400; }

@media only screen and (max-width: 760px) { .main-title .subtitle { font-size: 13px; } }

.title-line { position: relative; }

.title-line::before { position: absolute; content: ""; left: 50%; top: -40px; width: 1px; height: 80px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #69AEB6; }

a { color: inherit; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; }

a:hover { opacity: .8; }

@media (min-width: 760px) { a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; } }

.link-btn { position: relative; display: block; width: 220px; margin: 0 auto; padding: 14px 5px; font-family: 'Poppins', sans-serif; font-weight: 500; text-align: center; letter-spacing: 0.08em; border: solid 2px #69AEB6; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.link-btn i { position: absolute; top: 18px; right: 15px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.link-btn-w { position: relative; display: block; width: 436px; margin: 0 auto; padding: 24px 5px; font-family: 'Poppins', sans-serif; font-weight: 500; text-align: center; letter-spacing: 0.08em; border: solid 2px #69AEB6; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 760px) { .link-btn-w { width: 100%; } }

.link-btn-w i { position: absolute; top: 28px; right: 30px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

@media only screen and (max-width: 760px) { .pc { display: none; } }

.sp { display: none; }

@media only screen and (max-width: 760px) { .sp { display: block; } }

/*---- topに戻るボタン ----*/
.pagetop { display: none; position: fixed; right: 40px; bottom: 100px; color: #69AEB6; font-family: 'Poppins', sans-serif; font-weight: 400; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; cursor: pointer; z-index: 10; }

.pagetop:hover { opacity: .8; }

.pagetop::before { display: inline-block; content: ""; width: 1px; height: 56px; margin-bottom: 16px; background-color: #69AEB6; }

@media only screen and (max-width: 760px) { .pagetop::before { display: none; } }

@media only screen and (max-width: 760px) { .pagetop { right: 5%; bottom: 30px; } }

/*---- メニュークリック時に全体を暗くする ----*/
#mask { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 50; }

.tx-center { text-align: center; }

#img-url { display: none; }

/*---- reCAPTCHA v3 バッジ非表示 ----*/
.grecaptcha-badge { visibility: hidden; }

/*------------------------------------ ヘッダー ------------------------------------*/
header { position: relative; width: 100%; padding-top: 5px; }

@media only screen and (max-width: 1324px) { header { padding: 0; } }

header .head-inner { border-top: solid 2px #151515; /*----　ナビゲーションの開閉ボタン　----*/ /*---- ナビゲーション ----*/ }

@media only screen and (max-width: 1324px) { header .head-inner { border-top: none; border-bottom: solid 1px #ccc; } }

header .head-inner .head-banner { position: relative; width: 1324px; margin: 0 auto; padding: 25px 0 26px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 1364px) { header .head-inner .head-banner { width: 90%; padding: 15px 0; } }

header .head-inner .head-banner .head-sns { margin-right: 44px; }

@media only screen and (max-width: 1324px) { header .head-inner .head-banner .head-sns { display: none; } }

header .head-inner .head-banner .head-sns a { display: inline-block; }

header .head-inner .head-banner .head-sns a:first-child { width: 22px; margin-right: 22px; }

header .head-inner .head-banner .head-sns a:last-child { width: 24px; }

header .head-inner .head-logo { position: absolute; left: 0; bottom: 16px; }

header .head-inner .head-logo img { width: 80px; }

header .head-inner .navigation { margin-right: 24px; }

@media only screen and (max-width: 1324px) { header .head-inner .navigation { margin-right: 14px; } }

@media only screen and (max-width: 1170px) { header .head-inner .navigation { display: none; } }

header .head-inner .navigation .nav-list li { margin: 0 30px; font-size: 15px; font-family: 'Poppins', sans-serif; font-weight: 500; }

header .head-inner .nav-btn { display: block; position: relative; width: 30px; height: 28px; cursor: pointer; text-align: center; z-index: 150; }

header .head-inner .nav-btn:hover span { opacity: .8; }

header .head-inner .nav-btn span { display: block; position: absolute; width: 30px; left: 0; border-bottom: solid 3px #69AEB6; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; -o-transition: .35s ease-in-out; transition: .35s ease-in-out; }

header .head-inner .nav-btn span:nth-child(1) { top: 0; }

header .head-inner .nav-btn span:nth-child(2) { top: 12px; }

header .head-inner .nav-btn span:nth-child(3) { top: 25px; }

header .head-inner .nav-btn.active span { border-color: #fff; }

header .head-inner .nav-btn.active span:nth-child(1) { top: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

header .head-inner .nav-btn.active span:nth-child(2), header .head-inner .nav-btn.active span:nth-child(3) { top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

header .head-inner .nav-menu { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 744px; color: #fff; background-color: rgba(26, 32, 39, 0.9); z-index: 100; }

@media only screen and (max-width: 760px) { header .head-inner .nav-menu { height: auto; } }

header .head-inner .nav-menu .nav-menu-inner { position: relative; width: 1216px; height: 100%; margin: 0 auto; padding: 67px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 1324px) { header .head-inner .nav-menu .nav-menu-inner { width: 90%; padding-bottom: 50px; } }

header .head-inner .nav-menu .nav-logo { width: 100%; margin-bottom: 60px; text-align: center; }

@media only screen and (max-width: 760px) { header .head-inner .nav-menu .nav-logo { display: none; } }

header .head-inner .nav-menu .nav-logo img { width: 100px; }

header .head-inner .nav-menu .nav-menu-ul { width: 60%; height: 500px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: justify; align-content: space-between; }

@media only screen and (max-width: 1324px) { header .head-inner .nav-menu .nav-menu-ul { width: 80%; } }

@media only screen and (max-width: 760px) { header .head-inner .nav-menu .nav-menu-ul { height: auto; } }

header .head-inner .nav-menu .nav-menu-ul .menu-list { margin-bottom: 40px; font-size: 32px; font-family: 'Poppins', sans-serif; font-weight: 400; letter-spacing: 0.1em; }

@media only screen and (max-width: 1324px) { header .head-inner .nav-menu .nav-menu-ul .menu-list { font-size: 28px; } }

@media only screen and (max-width: 760px) { header .head-inner .nav-menu .nav-menu-ul .menu-list { margin-bottom: 30px; font-size: 18px; } }

header .head-inner .nav-menu .nav-menu-ul .menu-list::before { display: inline-block; content: ''; width: 12px; height: 2px; margin-right: 10px; margin-bottom: 6px; border-top: solid 2px #69AEB6; }

header .head-inner .nav-menu .nav-menu-ul .menu-list span { display: block; margin-left: 22px; font-size: 13px; font-family: "ヒラギノ角ゴ ProN W3", sans-serif; font-weight: 400; letter-spacing: 0.06em; }

@media only screen and (max-width: 760px) { header .head-inner .nav-menu .nav-menu-ul .submenu { display: none; } }

header .head-inner .nav-menu .nav-menu-ul .shop-link { margin-top: 14px; }

header .head-inner .nav-menu .nav-menu-ul .shop-link:first-child { margin-top: 24px; }

header .head-inner .nav-menu .nav-menu-ul .shop-link a { display: block; width: 212px; padding: 6px 10px 6px 28px; color: #151515; font-size: 14px; letter-spacing: 0.06em; border: solid 2px #69AEB6; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

header .head-inner .nav-menu .nav-menu-ul .shop-link a::after { display: block; content: ""; width: 6px; height: 6px; float: right; margin-top: 7px; border-top: 1px solid #151515; border-right: 1px solid #151515; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

header .head-inner .nav-menu .nav-menu-ul .shop-link a.marichi-circus { border-color: #C1424B; }

header .head-inner .nav-menu .nav-menu-ul .shop-link a.marichi-cafe { border-color: #7EACDC; }

header .head-inner .nav-menu .nav-menu-ul .shop-link a.marichi-flowers, header .head-inner .nav-menu .nav-menu-ul .shop-link a.marichi-flowers-dry-flower { border-color: #E7B35B; }

header .head-inner .nav-menu .nav-menu-ul .shop-link a.ousama-no-hirune { border-color: #604D3F; }

header .head-inner .nav-menu .nav-menu-ul .shop-link a.flowers { border-color: #E07870; }

header .head-inner .nav-menu .nav-menu-ul .shop-link a.cafe { border-color: #AD6F45; }

header .head-inner .nav-menu .menu-right { position: absolute; right: 0; bottom: 67px; }

@media only screen and (max-width: 760px) { header .head-inner .nav-menu .menu-right { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

header .head-inner .nav-menu .head-sns { margin-bottom: 24px; text-align: right; }

@media only screen and (max-width: 760px) { header .head-inner .nav-menu .head-sns { margin-bottom: 0; } }

header .head-inner .nav-menu .head-sns img { height: 22px; -webkit-filter: brightness(200); filter: brightness(200); }

header .head-inner .nav-menu .head-sns img:first-child { margin-right: 26px; }

header .head-inner .nav-menu .head-sitemap { color: #fff; }

header .head-inner .nav-menu .head-sitemap a:not(:last-child) { margin-right: 50px; }

@media only screen and (max-width: 760px) { header .head-inner .nav-menu .head-sitemap a:not(:last-child) { display: block; } }

/*------------------------------------ フッター ------------------------------------*/
footer { background-image: url("./assets/img/footer-back.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }

footer .foot-inner { width: 1000px; margin: 0 auto; padding: 60px 0; }

@media only screen and (max-width: 1324px) { footer .foot-inner { width: 90%; max-width: 1000px; padding: 40px 0; } }

footer .foot-inner .foot-nav { font-size: 16px; }

footer .foot-inner .foot-nav .foot-nav-list { color: #fff; font-family: 'Poppins', sans-serif; font-weight: 400; -ms-flex-pack: distribute; justify-content: space-around; }

@media only screen and (max-width: 760px) { footer .foot-inner .foot-nav .foot-nav-list li { margin: 0 10px 10px; } }

footer .foot-inner .foot-shop-list { max-width: 1000px; margin: 60px auto 0; }

@media only screen and (max-width: 990px) { footer .foot-inner .foot-shop-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media only screen and (max-width: 760px) { footer .foot-inner .foot-shop-list { display: block; margin-top: 40px; } }

footer .foot-inner .foot-shop-list .foot-shop-box { position: relative; width: 482px; margin-bottom: 32px; padding: 30px; background: -webkit-linear-gradient(45deg, transparent 10px, #fff 10px), -webkit-linear-gradient(315deg, transparent 10px, #fff 10px), -webkit-linear-gradient(225deg, transparent 10px, #fff 10px), -webkit-linear-gradient(135deg, transparent 10px, #fff 10px); background: -o-linear-gradient(45deg, transparent 10px, #fff 10px), -o-linear-gradient(315deg, transparent 10px, #fff 10px), -o-linear-gradient(225deg, transparent 10px, #fff 10px), -o-linear-gradient(135deg, transparent 10px, #fff 10px); background: linear-gradient(45deg, transparent 10px, #fff 10px), linear-gradient(135deg, transparent 10px, #fff 10px), linear-gradient(225deg, transparent 10px, #fff 10px), linear-gradient(315deg, transparent 10px, #fff 10px); background-position: bottom left, top left, top right, bottom right; background-size: 50% 50%; background-repeat: no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 1324px) { footer .foot-inner .foot-shop-list .foot-shop-box { width: 48%; } }

@media only screen and (max-width: 990px) { footer .foot-inner .foot-shop-list .foot-shop-box { width: 60%; } }

@media only screen and (max-width: 760px) { footer .foot-inner .foot-shop-list .foot-shop-box { width: 100%; padding: 30px 20px 20px; } }

footer .foot-inner .foot-shop-list .foot-shop-box .shop-name { margin-bottom: 12px; font-size: 20px; font-family: 'Poppins', sans-serif; font-weight: 500; letter-spacing: 0.08em; }

footer .foot-inner .foot-shop-list .foot-shop-box .shop-name::before { display: inline-block; content: ''; width: 12px; height: 2px; margin-right: 10px; margin-bottom: 4px; border-top: solid 2px #69AEB6; }

footer .foot-inner .foot-shop-list .foot-shop-box .shop-info-list dt { width: 30%; color: #69AEB6; font-family: 'Poppins', sans-serif; font-weight: 400; }

footer .foot-inner .foot-shop-list .foot-shop-box .shop-info-list dd { width: 70%; }

footer .foot-inner .foot-shop-list .foot-shop-box .site-btn { display: inline-block; position: absolute; right: 30px; bottom: 30px; padding: 3px 10px 5px 12px; font-size: 15px; font-family: 'Noto Serif JP', serif; letter-spacing: 0.08em; border: solid 2px #69AEB6; }

@media only screen and (max-width: 760px) { footer .foot-inner .foot-shop-list .foot-shop-box .site-btn { position: static; margin-top: 10px; } }

footer .foot-inner .foot-shop-list .foot-shop-box .site-btn::after { display: inline-block; content: ""; width: 6px; height: 6px; margin-left: 15px; margin-bottom: 2px; border-top: 1px solid #151515; border-right: 1px solid #151515; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

footer .foot-inner .foot-shop-list .foot-shop-box.marichi-circus .shop-info-list dt { color: #C1424B; }

footer .foot-inner .foot-shop-list .foot-shop-box.marichi-circus .shop-name::before, footer .foot-inner .foot-shop-list .foot-shop-box.marichi-circus .site-btn { border-color: #C1424B; }

footer .foot-inner .foot-shop-list .foot-shop-box.marichi-cafe .shop-info-list dt { color: #7EACDC; }

footer .foot-inner .foot-shop-list .foot-shop-box.marichi-cafe .shop-name::before, footer .foot-inner .foot-shop-list .foot-shop-box.marichi-cafe .site-btn { border-color: #7EACDC; }

footer .foot-inner .foot-shop-list .foot-shop-box.marichi-flowers .shop-info-list dt, footer .foot-inner .foot-shop-list .foot-shop-box.marichi-flowers-dry-flower .shop-info-list dt { color: #E7B35B; }

footer .foot-inner .foot-shop-list .foot-shop-box.marichi-flowers .shop-name::before, footer .foot-inner .foot-shop-list .foot-shop-box.marichi-flowers .site-btn, footer .foot-inner .foot-shop-list .foot-shop-box.marichi-flowers-dry-flower .shop-name::before, footer .foot-inner .foot-shop-list .foot-shop-box.marichi-flowers-dry-flower .site-btn { border-color: #E7B35B; }

footer .foot-inner .foot-shop-list .foot-shop-box.marichi-rita .shop-info-list dt { color: #899E99; }

footer .foot-inner .foot-shop-list .foot-shop-box.marichi-rita .shop-name::before, footer .foot-inner .foot-shop-list .foot-shop-box.marichi-rita .site-btn { border-color: #899E99; }

footer .foot-inner .foot-shop-list .foot-shop-box.marichi-lei .shop-info-list dt { color: #ED8933; }

footer .foot-inner .foot-shop-list .foot-shop-box.marichi-lei .shop-name::before, footer .foot-inner .foot-shop-list .foot-shop-box.marichi-lei .site-btn { border-color: #ED8933; }

footer .foot-inner .foot-shop-list .foot-shop-box.ousama-no-hirune .shop-info-list dt { color: #604D3F; }

footer .foot-inner .foot-shop-list .foot-shop-box.ousama-no-hirune .shop-name::before, footer .foot-inner .foot-shop-list .foot-shop-box.ousama-no-hirune .site-btn { border-color: #604D3F; }

footer .foot-inner .foot-shop-list .foot-shop-box.marichi-luana .shop-info-list dt { color: #F5B087; }

footer .foot-inner .foot-shop-list .foot-shop-box.marichi-luana .shop-name::before, footer .foot-inner .foot-shop-list .foot-shop-box.marichi-luana .site-btn { border-color: #F5B087; }

footer .foot-inner .foot-shop-list .foot-shop-box.flowers-hanare .shop-info-list dt { color: #E07870; }

footer .foot-inner .foot-shop-list .foot-shop-box.flowers-hanare .shop-name::before, footer .foot-inner .foot-shop-list .foot-shop-box.flowers-hanare .site-btn { border-color: #E07870; }

footer .foot-inner .foot-sitemap { color: #fff; }

footer .foot-inner .foot-sitemap a:not(:last-child) { margin-right: 50px; }

@media only screen and (max-width: 760px) { footer .foot-inner .foot-sitemap a:not(:last-child) { display: block; } }

footer .foot-inner .foot-sns img { height: 22px; -webkit-filter: brightness(200); filter: brightness(200); }

footer .foot-inner .foot-sns img:first-child { margin-right: 26px; }

footer .copyright { padding: 10px 0; color: #eee; font-size: 12px; text-align: center; border-top: solid 1px #151515; }

/*------------------------------------ トップページ ------------------------------------*/
.f-nav-top { display: none; height: 100vh; min-height: 866px; background-image: url("./assets/img/top-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; }

@media only screen and (max-width: 1300px) { .f-nav-top { min-height: 1066px; } }

@media only screen and (max-width: 760px) { .f-nav-top { display: block; height: 692px; min-height: 100vh; } }

.f-nav-top .nav-top-inner { position: relative; top: 50%; width: 1154px; min-height: 866px; margin: 0 auto; padding: 80px 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 1300px) { .f-nav-top .nav-top-inner { display: block; width: 100%; min-height: 1066px; padding: 40px 0; } }

@media only screen and (max-width: 760px) { .f-nav-top .nav-top-inner { min-height: 692px; } }

.f-nav-top .title-text { position: absolute; top: 32%; left: 0; font-family: 'Special Elite', cursive; }

@media only screen and (max-width: 1300px) { .f-nav-top .title-text { position: static; margin-left: 15px; } }

.f-nav-top .welcome-text { position: absolute; top: 35%; right: 0; font-family: 'Special Elite', cursive; text-align: right; }

@media only screen and (max-width: 1300px) { .f-nav-top .welcome-text { position: static; margin-top: 20px; margin-right: 15px; } }

.f-nav-top .site-title, .f-nav-top .welcome-title { margin-bottom: 20px; border-bottom: solid 1px #69AEB6; }

@media only screen and (max-width: 1300px) { .f-nav-top .site-title, .f-nav-top .welcome-title { display: inline-block; } }

.f-nav-top .site-title { padding: 0 1em 8px 0; }

@media only screen and (max-width: 1300px) { .f-nav-top .site-title { padding-right: 0; } }

.f-nav-top .site-title img { width: 150px; }

@media only screen and (max-width: 760px) { .f-nav-top .site-title img { width: 100px; } }

.f-nav-top .since { color: #333; letter-spacing: 0.1em; }

@media only screen and (max-width: 760px) { .f-nav-top .since { display: none; } }

.f-nav-top .welcome-title { padding-bottom: 8px; font-size: 2.2rem; letter-spacing: 0.2em; }

@media only screen and (max-width: 760px) { .f-nav-top .welcome-title { font-size: 1.4rem; } }

.f-nav-top .w-text { color: #333; line-height: 2em; letter-spacing: 0.1em; }

@media only screen and (max-width: 760px) { .f-nav-top .w-text { font-size: 13px; } }

.f-nav-top .img-nav { position: relative; width: 840px; height: 706px; margin: 0 auto; }

@media only screen and (max-width: 990px) { .f-nav-top .img-nav { margin: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }

@media only screen and (max-width: 760px) { .f-nav-top .img-nav { width: 440px; height: 374px; } }

.f-nav-top .img-nav .img-01 { position: absolute; top: 354px; left: -24px; width: 186px; }

@media only screen and (max-width: 760px) { .f-nav-top .img-nav .img-01 { width: 97px; height: 97px; top: 188px; left: -24px; } }

.f-nav-top .img-nav .img-02 { position: absolute; top: 268px; left: 62px; width: 186px; }

@media only screen and (max-width: 760px) { .f-nav-top .img-nav .img-02 { width: 97px; height: 97px; top: 142px; left: 22px; } }

.f-nav-top .img-nav .img-03 { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; top: 28px; left: 96px; width: 336px; height: 336px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: url("./assets/img/top-03.png"); background-size: 100%; background-repeat: no-repeat; }

@media only screen and (max-width: 760px) { .f-nav-top .img-nav .img-03 { width: 176px; height: 176px; top: 15px; left: 40px; } }

.f-nav-top .img-nav .img-04 { position: absolute; top: 0; left: 368px; width: 178px; }

@media only screen and (max-width: 760px) { .f-nav-top .img-nav .img-04 { width: 93px; height: 93px; left: 181px; } }

.f-nav-top .img-nav .img-05 { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; top: 300px; left: 166px; width: 335px; height: 335px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: url("./assets/img/top-05.png?ver=20210712"); background-size: 100%; background-repeat: no-repeat; }

@media only screen and (max-width: 760px) { .f-nav-top .img-nav .img-05 { width: 176px; height: 176px; top: 158px; left: 76px; } }

.f-nav-top .img-nav .img-06 { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; top: 184px; left: 354px; width: 263px; height: 263px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: url("./assets/img/top-06.png?ver=1.1"); background-size: 100%; background-repeat: no-repeat; }

@media only screen and (max-width: 760px) { .f-nav-top .img-nav .img-06 { width: 137px; height: 137px; top: 96px; left: 174px; }
  .f-nav-top .img-nav .img-06 span { font-size: 1.5rem; } }

.f-nav-top .img-nav .img-07 { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; top: 10px; left: 470px; width: 321px; height: 321px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: url("./assets/img/top-07.png"); background-size: 100%; background-repeat: no-repeat; }

@media only screen and (max-width: 760px) { .f-nav-top .img-nav .img-07 { width: 168px; height: 168px; top: 5px; left: 234px; } }

.f-nav-top .img-nav .img-08 { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; top: 328px; left: 440px; width: 376px; height: 376px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: url("./assets/img/top-08.png?ver=20210712"); background-size: 100%; background-repeat: no-repeat; }

@media only screen and (max-width: 760px) { .f-nav-top .img-nav .img-08 { width: 197px; height: 197px; top: 175px; left: 218px; } }

.f-nav-top .img-nav span { padding-bottom: 15px; color: #fff; font-size: 3rem; font-family: acumin-pro-condensed, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 0.02em; text-align: center; line-height: 1em; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }

@media only screen and (max-width: 760px) { .f-nav-top .img-nav span { padding-bottom: 0.5rem; font-size: 2rem; } }

.f-nav-top .img-nav span.kana { padding-bottom: 0; font-size: 2rem; }

@media only screen and (max-width: 760px) { .f-nav-top .img-nav span.kana { font-size: 1.5rem; } }

.f-nav-top .img-nav .hair span { font-size: 6rem; font-weight: 600; color: #fff; }

@media only screen and (max-width: 760px) { .f-nav-top .img-nav .hair span { font-size: 3rem; } }

.f-nav-top .img-nav .spa span { padding-bottom: 2rem; line-height: 0.9; }

@media only screen and (max-width: 760px) { .f-nav-top .img-nav .spa span { font-size: 2rem; padding-bottom: 1rem; }
  .f-nav-top .img-nav .spa span.kana { font-size: 1.5rem; } }

.f-nav-top .img-nav .recruit-url { position: absolute; display: inline-block; width: 144px; height: 226px; top: 203px; left: 414px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 10; }

@media only screen and (max-width: 760px) { .f-nav-top .img-nav .recruit-url { width: 74px; height: 118px; top: 105px; left: 205px; } }

.f-nav-top .img-nav .recruit-url:hover { background-color: rgba(255, 255, 255, 0.2); }

.f-nav-top .img-nav .tx-blue { color: #69AEB6; }

.video-back { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100vh; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #000; z-index: 50; }

@media only screen and (max-width: 760px) { .video-back { display: none; } }

.video-back .close-video { display: none; position: absolute; top: 1%; right: 3%; color: #fff; font-size: 32px; opacity: 0.5; z-index: 120; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.video-back .close-video:hover { opacity: 1; }

.top-video { z-index: 100; }

.top-video video { width: 100%; vertical-align: bottom; }

/*------------------------------------ MAINスライド ------------------------------------*/
.main-slide .inner-wide { position: relative; padding: 0; overflow: hidden; }

.main-slide .inner-wide::after { position: absolute; content: ""; bottom: 0; left: 50%; width: 1px; height: 40px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; z-index: 10; }

@media only screen and (max-width: 760px) { .main-slide .inner-wide::after { height: 30px; } }

.main-slide .swiper .swiper-slide { position: relative; }

.main-slide .swiper .swiper-slide .shop-reserve { position: absolute; right: 24px; bottom: 24px; }

@media only screen and (max-width: 990px) { .main-slide .swiper .swiper-slide .shop-reserve { display: none; } }

.main-slide .swiper .slide-center { position: absolute; width: 100%; top: 50%; left: 0; color: #fff; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; }

@media only screen and (max-width: 1324px) { .main-slide .swiper .slide-center { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

.main-slide .swiper .slide-center .logo { width: 210px; margin-bottom: 50px; -webkit-filter: drop-shadow(2px 1px 0px white); filter: drop-shadow(2px 1px 0px white); }

@media only screen and (max-width: 1324px) { .main-slide .swiper .slide-center .logo { margin-bottom: 30px; } }

@media only screen and (max-width: 990px) { .main-slide .swiper .slide-center .logo { width: 20%; margin-bottom: 20px; } }

@media only screen and (max-width: 760px) { .main-slide .swiper .slide-center .logo { width: 30%; margin-bottom: 10px; } }

.main-slide .swiper .slide-center .logo.hanare { width: 120px; margin-bottom: 20px; }

@media only screen and (max-width: 990px) { .main-slide .swiper .slide-center .logo.hanare { width: 100px; margin-bottom: 10px; } }

@media only screen and (max-width: 760px) { .main-slide .swiper .slide-center .logo.hanare { width: 14%; margin-bottom: 5px; } }

.main-slide .swiper .slide-center .logo.ousama { width: 150px; margin-bottom: 20px; }

@media only screen and (max-width: 990px) { .main-slide .swiper .slide-center .logo.ousama { width: 120px; } }

@media only screen and (max-width: 760px) { .main-slide .swiper .slide-center .logo.ousama { width: 20%; margin-bottom: 5px; } }

.main-slide .swiper .slide-center .shop-name { margin-bottom: 30px; font-size: 2.4rem; font-family: 'Poppins', sans-serif; letter-spacing: 0.06em; }

@media only screen and (max-width: 990px) { .main-slide .swiper .slide-center .shop-name { margin-bottom: 20px; font-size: 28px; } }

@media only screen and (max-width: 760px) { .main-slide .swiper .slide-center .shop-name { margin-bottom: 0; font-size: 18px; color: #eee; } }

.main-slide .swiper .slide-center .shop-name.marichi-flowers-dry-flower { font-size: 2rem; }

@media only screen and (max-width: 990px) { .main-slide .swiper .slide-center .shop-name.marichi-flowers-dry-flower { font-size: 26px; } }

@media only screen and (max-width: 760px) { .main-slide .swiper .slide-center .shop-name.marichi-flowers-dry-flower { font-size: 18px; } }

.main-slide .swiper .slide-center .link-btn { width: 160px; height: 40px; padding: 10px 5px; border-color: #fff; background-color: transparent; }

@media only screen and (max-width: 760px) { .main-slide .swiper .slide-center .link-btn { display: none; } }

.main-slide .swiper .slide-center .link-btn i { top: 13px; right: 10px; }

.main-slide .swiper .swiper-pagination { left: 38px; bottom: 35px; text-align: left; }

@media only screen and (max-width: 990px) { .main-slide .swiper .swiper-pagination { display: none; } }

.main-slide .swiper .swiper-pagination .swiper-pagination-bullet { width: 26px; height: auto; color: #fff; text-align: center; border-radius: 0; background-color: transparent; opacity: 1; }

.main-slide .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #69AEB6; }

.main-slide .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .bar { background-color: #69AEB6; }

.main-slide .swiper .swiper-pagination .swiper-pagination-bullet .bar { display: block; width: 26px; height: 2px; margin-top: 8px; background-color: #fff; }

.main-slide .swiper .scroll { position: absolute; left: 50%; bottom: 0px; color: #fff; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 400; letter-spacing: 0.08em; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; }

@media only screen and (max-width: 1324px) { .main-slide .swiper .scroll { display: none; } }

.main-slide .swiper .scroll::after { display: block; content: ""; width: 1px; height: 40px; margin-top: 15px; margin-left: 29px; background-color: #fff; }

/*------------------------------------ STAFF ------------------------------------*/
.top-staff .inner-wide { background-image: url("assets/img/staff-back.jpg"); background-repeat: no-repeat; background-position: center; background-size: 100%; }

@media only screen and (max-width: 990px) { .top-staff .inner-wide { background-image: none; background-color: #35454F; } }

.top-staff h2 { color: #fff; }

.top-staff .staff-lead { width: 470px; margin: 0 auto 40px; color: #fff; text-align: center; }

@media only screen and (max-width: 760px) { .top-staff .staff-lead { width: 90%; } }

.page-header { position: relative; width: 1324px; height: 300px; margin: 0 auto; background-image: url("./assets/img/contact-top.jpg"); background-repeat: no-repeat; background-position: center; background-size: 100%; }

@media only screen and (max-width: 1324px) { .page-header { width: 100%; height: 180px; background-size: cover; } }

@media only screen and (max-width: 990px) { .page-header { height: 150px; } }

.page-header h1 { position: absolute; left: 50%; bottom: 0; width: 1000px; margin: 0; padding: 50px 0 38px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; }

@media only screen and (max-width: 1324px) { .page-header h1 { width: 80%; max-width: 1000px; padding: 20px 0; } }

.page .title-line::before { top: -5px; height: 70px; }

@media only screen and (max-width: 760px) { .page .title-line::before { top: -10px; height: 60px; } }

.marichi-circus .main-title .subtitle { color: #C1424B; }

.marichi-circus .link-btn, .marichi-circus .link-btn-w { border-color: #C1424B; }

.marichi-cafe .main-title .subtitle { color: #7EACDC; }

.marichi-cafe .link-btn, .marichi-cafe .link-btn-w { border-color: #7EACDC; }

.marichi-flowers .main-title .subtitle, .marichi-flowers-dry-flower .main-title .subtitle { color: #E7B35B; }

.marichi-flowers .link-btn, .marichi-flowers .link-btn-w, .marichi-flowers-dry-flower .link-btn, .marichi-flowers-dry-flower .link-btn-w { border-color: #E7B35B; }

.marichi-rita .main-title .subtitle { color: #899E99; }

.marichi-rita .link-btn, .marichi-rita .link-btn-w { border-color: #899E99; }

.marichi-lei .main-title .subtitle { color: #ED8933; }

.marichi-lei .link-btn, .marichi-lei .link-btn-w { border-color: #ED8933; }

.ousama-no-hirune .main-title .subtitle { color: #604D3F; }

.ousama-no-hirune .link-btn, .ousama-no-hirune .link-btn-w { border-color: #604D3F; }

.flowers-hanare .main-title .subtitle { color: #E07870; }

.flowers-hanare .link-btn, .flowers-hanare .link-btn-w { border-color: #E07870; }

.marichi-luana .main-title .subtitle { color: #F5B087; }

.marichi-luana .link-btn, .marichi-luana .link-btn-w { border-color: #F5B087; }

.not-found .link-btn { margin-top: 30px; }

/*------------------------------------ お知らせ ------------------------------------*/
.page-news .page-header { background-image: url("./assets/img/news-top.jpg"); background-repeat: no-repeat; background-position: center; background-size: 100%; }

.news { /*---- ページネーション ----*/ }

.news .news-inner { width: 970px; margin: 30px auto 34px; }

@media only screen and (max-width: 1324px) { .news .news-inner { width: 100%; } }

.news .news-inner .post { width: 434px; margin-bottom: 28px; }

@media only screen and (max-width: 990px) { .news .news-inner .post { width: 48%; } }

@media only screen and (max-width: 760px) { .news .news-inner .post { width: 100%; } }

.news .news-inner .post img { width: 94px; height: 94px; margin-right: 22px; float: left; -o-object-fit: cover; object-fit: cover; }

@media only screen and (max-width: 760px) { .news .news-inner .post img { width: 80px; height: 80px; margin-right: 15px; } }

.news .news-inner .post .title { margin: 10px 0 4px; font-weight: bold; }

@media only screen and (max-width: 760px) { .news .news-inner .post .title { margin-top: 6px; } }

.news .news-inner .post .tag { display: inline-block; width: 62px; margin-right: 10px; color: #fff; font-size: 13px; text-align: center; letter-spacing: 0.01em; background-color: #999; border-radius: 3px; }

.news .news-inner .post .tag.works { background-color: #69AEB6; }

.news .news-inner .post .tag.circus { background-color: #C1424B; }

.news .news-inner .post .tag.flowers { background-color: #E7B35B; }

.news .news-inner .post .tag.rita { background-color: #899E99; }

.news .news-inner .post .date { color: #aaa; letter-spacing: 0.02em; }

.news .pagination { margin: 90px 0 70px; text-align: center; }

@media only screen and (max-width: 760px) { .news .pagination { margin: 0 0 20px; } }

.news .pagination-inner { display: inline-block; font-family: 'Poppins', sans-serif; font-weight: 400; }

.news .pagination-inner .page-numbers { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.news .pagination-inner .page-numbers li:before { display: none; }

.news .pagination-inner .page-numbers li a { width: 40px; height: 40px; margin-right: 6px; padding: 2px 0 0 2px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5px; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: none; -o-transition: none; transition: none; }

.news .pagination-inner .page-numbers li a.prev { position: relative; display: inline-block; }

.news .pagination-inner .page-numbers li a.prev::before { position: absolute; content: ""; top: 15px; left: 16px; width: 8px; height: 8px; border-top: 1px solid #151515; border-right: 1px solid #151515; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.news .pagination-inner .page-numbers li a.next { position: relative; display: inline-block; }

.news .pagination-inner .page-numbers li a.next::before { position: absolute; content: ""; top: 15px; left: 13px; width: 8px; height: 8px; border-top: 1px solid #151515; border-right: 1px solid #151515; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.news .pagination-inner .page-numbers li a:hover { border: solid 1px #69AEB6; opacity: 1; }

.news .pagination-inner .page-numbers li > span { width: 40px; height: 40px; margin-right: 6px; padding: 2px 0 0 2px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.news .pagination-inner .page-numbers li .current { border: solid 1px #69AEB6; border-radius: 5px; cursor: pointer; }

.page-news .news-inner { margin-top: 35px; }

/*------------------------------------ 個別ページ ------------------------------------*/
.single-page .inner { padding-top: 64px; }

.single-page .single-news { width: 770px; margin: 0 auto; }

@media only screen and (max-width: 990px) { .single-page .single-news { width: 100%; } }

.single-page .single-news .tag { display: block; width: 62px; margin: 0 auto 10px; color: #fff; font-size: 13px; text-align: center; letter-spacing: 0.05em; background-color: #999; border-radius: 3px; }

.single-page .single-news .tag.works { background-color: #69AEB6; }

.single-page .single-news .tag.circus { background-color: #C1424B; }

.single-page .single-news .main-title { margin-bottom: 40px; font-family: 'Noto Serif JP', serif; }

.single-page .single-news .main-title .subtitle { margin-top: 10px; letter-spacing: 0.06em; font-family: 'Noto Serif JP', serif; }

.single-page .single-news .news-content { padding: 100px 0 70px; font-family: 'Noto Serif JP', serif; }

.single-page .single-news .news-content p { line-height: 2; }

.single-page .single-news .news-content p, .single-page .single-news .news-content table, .single-page .single-news .news-content ul, .single-page .single-news .news-content ol { margin-bottom: 15px; }

.single-page .single-news .news-content table td, .single-page .single-news .news-content table th { padding: 6px; border: solid 1px #151515; }

.single-page .single-news .news-content ul li { margin-left: 1.5em; list-style: disc; }

.single-page .single-news .news-content ol li { margin-left: 2em; list-style: decimal; }

.single-page .single-news .news-content .aligncenter { display: block; margin: 0 auto; }

.single-page .single-news .news-content .alignright { display: block; margin-left: auto; }

.single-page .single-pagination { position: relative; margin-bottom: 28px; padding: 28px 115px; font-family: 'Poppins', sans-serif; font-weight: 400; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: solid 1px #151515; border-bottom: solid 1px #151515; }

@media only screen and (max-width: 760px) { .single-page .single-pagination { padding: 28px 0; } }

.single-page .single-pagination .prev::before { display: inline-block; content: ""; width: 6px; height: 6px; margin-right: 8px; margin-bottom: 2px; border-top: 1px solid #151515; border-right: 1px solid #151515; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.single-page .single-pagination .next::after { display: inline-block; content: ""; width: 6px; height: 6px; margin-left: 8px; margin-bottom: 2px; border-top: 1px solid #151515; border-right: 1px solid #151515; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.single-page .single-pagination .back-list { position: absolute; top: 28px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

/*------------------------------------ STAFF BLOG ------------------------------------*/
.staff-blog { margin-bottom: 210px; }

@media only screen and (max-width: 760px) { .staff-blog { margin-bottom: 100px; } }

.staff-blog .inner-wide { padding: 60px 0 66px; background: -webkit-linear-gradient(45deg, transparent 15px, #EFF0F0 15px), -webkit-linear-gradient(315deg, transparent 15px, #EFF0F0 15px), -webkit-linear-gradient(225deg, transparent 15px, #EFF0F0 15px), -webkit-linear-gradient(135deg, transparent 15px, #EFF0F0 15px); background: -o-linear-gradient(45deg, transparent 15px, #EFF0F0 15px), -o-linear-gradient(315deg, transparent 15px, #EFF0F0 15px), -o-linear-gradient(225deg, transparent 15px, #EFF0F0 15px), -o-linear-gradient(135deg, transparent 15px, #EFF0F0 15px); background: linear-gradient(45deg, transparent 15px, #EFF0F0 15px), linear-gradient(135deg, transparent 15px, #EFF0F0 15px), linear-gradient(225deg, transparent 15px, #EFF0F0 15px), linear-gradient(315deg, transparent 15px, #EFF0F0 15px); background-position: bottom left, top left, top right, bottom right; background-size: 50% 50%; background-repeat: no-repeat; }

.staff-blog .inner { padding: 0; }

@media only screen and (max-width: 1324px) { .staff-blog .blog-ul { width: 762px; margin: 0 auto; } }

@media only screen and (max-width: 990px) { .staff-blog .blog-ul { width: 508px; } }

@media only screen and (max-width: 760px) { .staff-blog .blog-ul { width: 100%; } }

.staff-blog .blog-ul .blog-list { position: relative; width: 236px; margin-top: 18px; padding: 5px; background-color: #fff; -webkit-box-shadow: 0 0 10px #e0e0e0; box-shadow: 0 0 10px #e0e0e0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.staff-blog .blog-ul .blog-list:not(:nth-child(4n)) { margin-right: 18px; }

@media only screen and (max-width: 1324px) { .staff-blog .blog-ul .blog-list:not(:nth-child(4n)) { margin-right: 8px; } }

@media only screen and (max-width: 1324px) { .staff-blog .blog-ul .blog-list { margin-left: 8px; margin-right: 8px; } }

@media only screen and (max-width: 760px) { .staff-blog .blog-ul .blog-list { width: 100%; } }

.staff-blog .blog-ul .blog-list .tag { display: inline-block; position: absolute; top: 3px; left: -5px; min-width: 50px; padding: 0 4px; font-size: 12px; color: #FFF; text-align: center; letter-spacing: 0; background: #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; }

.staff-blog .blog-ul .blog-list .tag::before { position: absolute; content: ''; top: 100%; left: 0; border: none; border-bottom: solid 5px transparent; border-right: solid 5px #aaa; }

.staff-blog .blog-ul .blog-list img { width: 72px; height: 72px; margin-right: 16px; float: left; -o-object-fit: cover; object-fit: cover; }

@media only screen and (max-width: 760px) { .staff-blog .blog-ul .blog-list img { width: 80px; height: 80px; margin-right: 20px; } }

.staff-blog .blog-ul .blog-list .name { margin: 12px 0 2px; font-family: "ヒラギノ角ゴ ProN W4", sans-serif; font-weight: bold; }

.staff-blog .blog-ul .blog-list .name::before { display: inline-block; content: ''; width: 8px; height: 1px; margin-right: 4px; margin-bottom: 4px; background-color: #aaa; }

.staff-blog .blog-ul .blog-list .link { padding-bottom: 4px; font-size: 13px; border-bottom: solid 1px #aaa; }

.staff-blog .blog-ul .blog-list .link::after { display: inline-block; content: ""; width: 6px; height: 6px; margin-left: 24px; margin-bottom: 2px; border-top: 1px solid #151515; border-right: 1px solid #151515; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.staff-blog .blog-ul .blog-list.works .tag { background: #69AEB6; }

.staff-blog .blog-ul .blog-list.works .tag::before { border-right-color: #007683; }

.staff-blog .blog-ul .blog-list.works .name::before { background-color: #69AEB6; }

.staff-blog .blog-ul .blog-list.works .link { border-color: #69AEB6; }

.staff-blog .blog-ul .blog-list.circus .tag { background: #C1424B; }

.staff-blog .blog-ul .blog-list.circus .tag::before { border-right-color: #A10000; }

.staff-blog .blog-ul .blog-list.circus .name::before { background-color: #C1424B; }

.staff-blog .blog-ul .blog-list.circus .link { border-color: #C1424B; }

.staff-blog .blog-ul .blog-list.flowers .tag { background: #E7B35B; }

.staff-blog .blog-ul .blog-list.flowers .tag::before { border-right-color: #c77e00; }

.staff-blog .blog-ul .blog-list.flowers .name::before { background-color: #E7B35B; }

.staff-blog .blog-ul .blog-list.flowers .link { border-color: #E7B35B; }

.staff-blog .blog-ul .blog-list.rita .tag { background: #899E99; }

.staff-blog .blog-ul .blog-list.rita .tag::before { border-right-color: #007a5e; }

.staff-blog .blog-ul .blog-list.rita .name::before { background-color: #899E99; }

.staff-blog .blog-ul .blog-list.rita .link { border-color: #899E99; }

/*------------------------------------ CONCEPT ------------------------------------*/
.page-concept .inner { padding: 100px 0 150px; }

@media only screen and (max-width: 760px) { .page-concept .inner { padding: 100px 0; } }

.concept .inner-wide { padding: 132px 0 50px; background-image: url("assets/img/concept-back.jpg"); background-repeat: no-repeat; background-position: center; background-size: 100%; }

@media only screen and (max-width: 1324px) { .concept .inner-wide { background-size: cover; } }

.concept .inner-wide .concept-inner { width: 998px; margin: 0 auto; padding: 50px 0 30px; background-color: #fff; }

@media only screen and (max-width: 1324px) { .concept .inner-wide .concept-inner { width: 90%; max-width: 980px; padding: 60px 0; } }

@media only screen and (max-width: 760px) { .concept .inner-wide .concept-inner { width: 100%; } }

.concept .concept-text { width: 512px; margin: auto; text-align: center; line-height: 1.6em; letter-spacing: 0.08em; }

@media only screen and (max-width: 760px) { .concept .concept-text { width: 90%; margin: 0 auto; } }

.concept .concept-text p { margin-bottom: 30px; }

.philosophy .philo-title { margin: 50px 0 20px; font-size: 129%; font-weight: bold; text-align: center; letter-spacing: 0.08em; }

.philosophy .philo-lead { width: 560px; margin: 20px auto; text-align: center; line-height: 1.6em; }

@media only screen and (max-width: 760px) { .philosophy .philo-lead { width: 100%; } }

.philosophy .philo-lead p:not(:last-child) { margin-bottom: 15px; }

.philosophy .philo-box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 760px) { .philosophy .philo-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.philosophy .philo-box:nth-of-type(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.philosophy .philo-box:last-of-type { margin-bottom: 30px; }

.philosophy .philo-box .img-area { width: 50%; }

@media only screen and (max-width: 760px) { .philosophy .philo-box .img-area { width: 100%; } }

.philosophy .philo-box .text-area { width: 50%; padding: 20px; line-height: 1.8em; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 760px) { .philosophy .philo-box .text-area { width: 100%; padding: 15px 15px 30px; } }

.philosophy .philo-box .text-area p:not(:last-child) { margin-bottom: 15px; }

.for-beginner .beginner-text { width: 512px; margin: auto; text-align: center; letter-spacing: 0.08em; }

@media only screen and (max-width: 760px) { .for-beginner .beginner-text { width: 90%; margin: 0 auto; } }

.for-beginner .beginner-text p { margin-bottom: 30px; }

.for-beginner .beginner-text ul { text-align: left; list-style: disc; }

.for-beginner .beginner-text ul li { margin-left: 1.5em; margin-bottom: 10px; }

.marichi-point .m-point-inner { width: 910px; margin: 0 auto; }

@media only screen and (max-width: 1324px) { .marichi-point .m-point-inner { width: 90%; } }

@media only screen and (max-width: 760px) { .marichi-point .m-point-inner { width: 100%; } }

.marichi-point h3 { margin: 30px 0 8px; font-size: 17px; }

.marichi-point .point-text p { margin-bottom: 15px; }

/*------------------------------------ SHOP一覧 ------------------------------------*/
.page-staff .page-header { background-image: url("./assets/img/shop-top.jpg"); }

.shop .shop-inner { overflow: hidden; }

.shop .shop-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 760px) { .shop .shop-box { display: block; } }

.shop .shop-box .shop-img { width: 440px; }

@media only screen and (max-width: 1324px) { .shop .shop-box .shop-img { width: calc(96% - 516px); } }

@media only screen and (max-width: 990px) { .shop .shop-box .shop-img { width: 45%; } }

@media only screen and (max-width: 760px) { .shop .shop-box .shop-img { width: 100%; } }

.shop .shop-box .shop-text { width: 516px; }

@media only screen and (max-width: 990px) { .shop .shop-box .shop-text { width: 50%; } }

@media only screen and (max-width: 760px) { .shop .shop-box .shop-text { width: 100%; } }

.shop .shop-box .shop-text .shop-logo { width: 170px; float: right; margin-top: 38px; }

@media only screen and (max-width: 990px) { .shop .shop-box .shop-text .shop-logo { display: none; } }

.shop .shop-box .shop-text .shop-name { width: 336px; margin: 10px 0 30px; font-size: 22px; font-family: 'Poppins', sans-serif; font-weight: 500; }

@media only screen and (max-width: 990px) { .shop .shop-box .shop-text .shop-name { margin: 0 0 20px; } }

@media only screen and (max-width: 760px) { .shop .shop-box .shop-text .shop-name { width: 100%; margin: 10px 0 24px; font-size: 20px; } }

.shop .shop-box .shop-text .shop-name span { display: block; color: #69AEB6; font-size: 14px; font-family: "ヒラギノ角ゴ ProN W4", sans-serif; font-weight: bold; }

@media only screen and (max-width: 760px) { .shop .shop-box .shop-text .shop-name span { font-size: 13px; } }

.shop .shop-box .shop-text .shop-name .shop-insta { margin-left: 5px; float: right; }

.shop .shop-box .shop-text .shop-name .shop-insta img { width: 28px; vertical-align: baseline; }

@media only screen and (max-width: 760px) { .shop .shop-box .shop-text .shop-name .shop-insta img { width: 40px; } }

.shop .shop-box .shop-text .shop-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 336px; margin-bottom: 34px; }

@media only screen and (max-width: 990px) { .shop .shop-box .shop-text .shop-info { margin-bottom: 20px; } }

@media only screen and (max-width: 760px) { .shop .shop-box .shop-text .shop-info { width: 100%; margin-bottom: 24px; } }

.shop .shop-box .shop-text .shop-info dt { width: 35%; margin-bottom: 2px; color: #69AEB6; font-size: 15px; font-family: 'Poppins', sans-serif; font-weight: 500; }

@media only screen and (max-width: 760px) { .shop .shop-box .shop-text .shop-info dt { font-size: 14px; } }

.shop .shop-box .shop-text .shop-info dd { width: 65%; }

.shop .shop-box .shop-text .shop-btn { display: inline-block; margin-right: 28px; }

@media only screen and (max-width: 990px) { .shop .shop-box .shop-text .shop-btn { margin-bottom: 10px; } }

@media only screen and (max-width: 760px) { .shop .shop-box .shop-text .shop-btn { width: 100%; margin-bottom: 15px; } }

.shop .shop-box.marichi-circus .shop-name span, .shop .shop-box.marichi-circus .shop-info dt { color: #C1424B; }

.shop .shop-box.marichi-circus .shop-btn { border-color: #C1424B; }

.shop .shop-box.marichi-cafe .shop-name span, .shop .shop-box.marichi-cafe .shop-info dt { color: #7EACDC; }

.shop .shop-box.marichi-cafe .shop-btn { border-color: #7EACDC; }

.shop .shop-box.marichi-flowers .shop-name span, .shop .shop-box.marichi-flowers .shop-info dt, .shop .shop-box.marichi-flowers-dry-flower .shop-name span, .shop .shop-box.marichi-flowers-dry-flower .shop-info dt { color: #E7B35B; }

.shop .shop-box.marichi-flowers .shop-btn, .shop .shop-box.marichi-flowers-dry-flower .shop-btn { border-color: #E7B35B; }

.shop .shop-box.marichi-rita .shop-name span, .shop .shop-box.marichi-rita .shop-info dt { color: #899E99; }

.shop .shop-box.marichi-rita .shop-btn { border-color: #899E99; }

.shop .shop-box.marichi-lei .shop-logo { width: 150px; }

.shop .shop-box.marichi-lei .shop-name span, .shop .shop-box.marichi-lei .shop-info dt { color: #ED8933; }

.shop .shop-box.marichi-lei .shop-btn { border-color: #ED8933; }

.shop .shop-box.ousama-no-hirune .shop-logo { width: 130px; margin-right: 20px; }

.shop .shop-box.ousama-no-hirune .shop-name span, .shop .shop-box.ousama-no-hirune .shop-info dt { color: #604D3F; }

.shop .shop-box.ousama-no-hirune .shop-btn { border-color: #604D3F; }

.shop .shop-box.marichi-luana .shop-logo { width: 130px; margin-right: 20px; }

.shop .shop-box.marichi-luana .shop-name span, .shop .shop-box.marichi-luana .shop-info dt { color: #F5B087; }

.shop .shop-box.marichi-luana .shop-btn { border-color: #F5B087; }

.shop .shop-box.flowers-hanare .shop-logo { width: 100px; margin-right: 30px; }

.shop .shop-box.flowers-hanare .shop-name span, .shop .shop-box.flowers-hanare .shop-info dt { color: #E07870; }

.shop .shop-box.flowers-hanare .shop-btn { border-color: #E07870; }

.page-shop .shop-inner { margin: 60px 0 26px; }

@media only screen and (max-width: 760px) { .page-shop .shop-inner { margin-top: 40px; } }

/*------------------------------------ 各SHOP ------------------------------------*/
.marichi-circus .shop-header { background-image: url("./assets/img/circus-top.jpg"); }

.marichi-circus .information .inner-wide { background-image: url("./assets/img/circus-info-back.jpg"); }

.marichi-flowers .shop-header { background-image: url("./assets/img/marichiflowers-top.jpg"); }

.marichi-flowers .information .inner-wide { background-image: url("./assets/img/flowers-info-back.jpg"); }

.marichi-rita .shop-header { background-image: url("./assets/img/rita-top.jpg"); }

.marichi-rita .information .inner-wide { background-image: url("./assets/img/rita-info-back.jpg"); }

.marichi-lei .shop-header { background-image: url("./assets/img/lei-top.jpg"); }

.marichi-lei .information .inner-wide { background-image: url("./assets/img/lei-info-back.jpg"); }

.marichi-cafe .shop-header { background-image: url("./assets/img/marichicafe-top.jpg"); }

.marichi-cafe .information .inner-wide { background-image: url("./assets/img/circus-info-back.jpg"); }

.shop-header { position: relative; width: 1324px; height: 496px; margin: 0 auto; color: #fff; font-family: 'Poppins', sans-serif; text-align: center; background-image: url("./assets/img/marichihair-top.jpg"); background-repeat: no-repeat; background-size: 100%; background-position: center; }

@media only screen and (max-width: 1324px) { .shop-header { width: 100%; background-size: cover; } }

@media only screen and (max-width: 990px) { .shop-header { height: 400px; } }

@media only screen and (max-width: 760px) { .shop-header { height: 200px; } }

.shop-header .logo-center { position: absolute; top: 25%; left: 50%; width: 100%; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.shop-header .logo-center .logo { width: 180px; margin-bottom: 30px; -webkit-filter: drop-shadow(2px 1px 0px white); filter: drop-shadow(2px 1px 0px white); }

@media only screen and (max-width: 760px) { .shop-header .logo-center .logo { width: 30%; max-width: 125px; margin-bottom: 10px; } }

.shop-header .logo-center .shop-title { font-size: 30px; font-weight: 400; letter-spacing: 0.1em; }

@media only screen and (max-width: 990px) { .shop-header .logo-center .shop-title { font-size: 28px; } }

@media only screen and (max-width: 760px) { .shop-header .logo-center .shop-title { font-size: 18px; } }

.shop-header .scroll { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); letter-spacing: 0.08em; }

@media only screen and (max-width: 990px) { .shop-header .scroll { display: none; } }

.shop-header .scroll::after { display: block; bottom: 0; content: ""; width: 2px; height: 56px; margin: 16px auto 0; background-color: #fff; }

@media only screen and (max-width: 760px) { .shop-header .shop-reserve { display: none; } }

.shop-header .shop-reserve, .swiper-slide .shop-reserve { position: absolute; right: 28px; bottom: 28px; width: 200px; height: 90px; padding: 6px; color: #151515; font-size: 20px; font-family: 'Poppins', sans-serif; font-weight: 500; letter-spacing: 0.1em; background: -webkit-linear-gradient(45deg, transparent 10px, #fff 10px), -webkit-linear-gradient(315deg, transparent 10px, #fff 10px), -webkit-linear-gradient(225deg, transparent 10px, #fff 10px), -webkit-linear-gradient(135deg, transparent 10px, #fff 10px); background: -o-linear-gradient(45deg, transparent 10px, #fff 10px), -o-linear-gradient(315deg, transparent 10px, #fff 10px), -o-linear-gradient(225deg, transparent 10px, #fff 10px), -o-linear-gradient(135deg, transparent 10px, #fff 10px); background: linear-gradient(45deg, transparent 10px, #fff 10px), linear-gradient(135deg, transparent 10px, #fff 10px), linear-gradient(225deg, transparent 10px, #fff 10px), linear-gradient(315deg, transparent 10px, #fff 10px); background-position: bottom left, top left, top right, bottom right; background-size: 50% 50%; background-repeat: no-repeat; -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.7)); filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.7)); -webkit-box-sizing: border-box; box-sizing: border-box; }

.shop-header .shop-reserve::before, .shop-header .shop-reserve::after, .swiper-slide .shop-reserve::before, .swiper-slide .shop-reserve::after { position: absolute; top: 15px; content: ""; width: 1px; height: 60px; background-color: #69AEB6; }

.shop-header .shop-reserve::before, .swiper-slide .shop-reserve::before { left: 6px; }

.shop-header .shop-reserve::after, .swiper-slide .shop-reserve::after { right: 6px; }

.shop-header .shop-reserve a, .swiper-slide .shop-reserve a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 188px; height: 78px; -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; background: -webkit-linear-gradient(45deg, transparent 6px, #69AEB6 7px, #fff 8px), -webkit-linear-gradient(315deg, transparent 6px, #69AEB6 7px, #fff 8px), -webkit-linear-gradient(225deg, transparent 6px, #69AEB6 7px, #fff 8px), -webkit-linear-gradient(135deg, transparent 6px, #69AEB6 7px, #fff 8px); background: -o-linear-gradient(45deg, transparent 6px, #69AEB6 7px, #fff 8px), -o-linear-gradient(315deg, transparent 6px, #69AEB6 7px, #fff 8px), -o-linear-gradient(225deg, transparent 6px, #69AEB6 7px, #fff 8px), -o-linear-gradient(135deg, transparent 6px, #69AEB6 7px, #fff 8px); background: linear-gradient(45deg, transparent 6px, #69AEB6 7px, #fff 8px), linear-gradient(135deg, transparent 6px, #69AEB6 7px, #fff 8px), linear-gradient(225deg, transparent 6px, #69AEB6 7px, #fff 8px), linear-gradient(315deg, transparent 6px, #69AEB6 7px, #fff 8px); background-position: bottom left,top left,top right,bottom right; background-size: 50% 50%; background-repeat: no-repeat; }

.shop-header .shop-reserve a::before, .shop-header .shop-reserve a::after, .swiper-slide .shop-reserve a::before, .swiper-slide .shop-reserve a::after { position: absolute; display: block; content: ""; width: 170px; margin: 0 14px; }

.shop-header .shop-reserve a::before, .swiper-slide .shop-reserve a::before { top: 6px; border-top: solid 1px #69AEB6; }

.shop-header .shop-reserve a::after, .swiper-slide .shop-reserve a::after { bottom: 6px; border-top: solid 1px #69AEB6; }

.shop-header .shop-reserve span, .swiper-slide .shop-reserve span { color: #69AEB6; font-size: 13px; font-weight: 400; letter-spacing: 0.06em; }

.shop-header .shop-reserve.marichi-circus::before, .shop-header .shop-reserve.marichi-circus::after, .swiper-slide .shop-reserve.marichi-circus::before, .swiper-slide .shop-reserve.marichi-circus::after { background-color: #C1424B; }

.shop-header .shop-reserve.marichi-circus a, .swiper-slide .shop-reserve.marichi-circus a { background: -webkit-linear-gradient(45deg, transparent 6px, #C1424B 7px, #fff 8px), -webkit-linear-gradient(315deg, transparent 6px, #C1424B 7px, #fff 8px), -webkit-linear-gradient(225deg, transparent 6px, #C1424B 7px, #fff 8px), -webkit-linear-gradient(135deg, transparent 6px, #C1424B 7px, #fff 8px); background: -o-linear-gradient(45deg, transparent 6px, #C1424B 7px, #fff 8px), -o-linear-gradient(315deg, transparent 6px, #C1424B 7px, #fff 8px), -o-linear-gradient(225deg, transparent 6px, #C1424B 7px, #fff 8px), -o-linear-gradient(135deg, transparent 6px, #C1424B 7px, #fff 8px); background: linear-gradient(45deg, transparent 6px, #C1424B 7px, #fff 8px), linear-gradient(135deg, transparent 6px, #C1424B 7px, #fff 8px), linear-gradient(225deg, transparent 6px, #C1424B 7px, #fff 8px), linear-gradient(315deg, transparent 6px, #C1424B 7px, #fff 8px); background-position: bottom left,top left,top right,bottom right; background-size: 50% 50%; background-repeat: no-repeat; }

.shop-header .shop-reserve.marichi-circus a::before, .shop-header .shop-reserve.marichi-circus a::after, .swiper-slide .shop-reserve.marichi-circus a::before, .swiper-slide .shop-reserve.marichi-circus a::after { border-color: #C1424B; }

.shop-header .shop-reserve.marichi-circus span, .swiper-slide .shop-reserve.marichi-circus span { color: #C1424B; }

.shop-header .shop-reserve.marichi-flowers::before, .shop-header .shop-reserve.marichi-flowers::after, .shop-header .shop-reserve.marichi-flowers-dry-flower::before, .shop-header .shop-reserve.marichi-flowers-dry-flower::after, .swiper-slide .shop-reserve.marichi-flowers::before, .swiper-slide .shop-reserve.marichi-flowers::after, .swiper-slide .shop-reserve.marichi-flowers-dry-flower::before, .swiper-slide .shop-reserve.marichi-flowers-dry-flower::after { background-color: #E7B35B; }

.shop-header .shop-reserve.marichi-flowers a, .shop-header .shop-reserve.marichi-flowers-dry-flower a, .swiper-slide .shop-reserve.marichi-flowers a, .swiper-slide .shop-reserve.marichi-flowers-dry-flower a { background: -webkit-linear-gradient(45deg, transparent 6px, #E7B35B 7px, #fff 8px), -webkit-linear-gradient(315deg, transparent 6px, #E7B35B 7px, #fff 8px), -webkit-linear-gradient(225deg, transparent 6px, #E7B35B 7px, #fff 8px), -webkit-linear-gradient(135deg, transparent 6px, #E7B35B 7px, #fff 8px); background: -o-linear-gradient(45deg, transparent 6px, #E7B35B 7px, #fff 8px), -o-linear-gradient(315deg, transparent 6px, #E7B35B 7px, #fff 8px), -o-linear-gradient(225deg, transparent 6px, #E7B35B 7px, #fff 8px), -o-linear-gradient(135deg, transparent 6px, #E7B35B 7px, #fff 8px); background: linear-gradient(45deg, transparent 6px, #E7B35B 7px, #fff 8px), linear-gradient(135deg, transparent 6px, #E7B35B 7px, #fff 8px), linear-gradient(225deg, transparent 6px, #E7B35B 7px, #fff 8px), linear-gradient(315deg, transparent 6px, #E7B35B 7px, #fff 8px); background-position: bottom left,top left,top right,bottom right; background-size: 50% 50%; background-repeat: no-repeat; }

.shop-header .shop-reserve.marichi-flowers a::before, .shop-header .shop-reserve.marichi-flowers a::after, .shop-header .shop-reserve.marichi-flowers-dry-flower a::before, .shop-header .shop-reserve.marichi-flowers-dry-flower a::after, .swiper-slide .shop-reserve.marichi-flowers a::before, .swiper-slide .shop-reserve.marichi-flowers a::after, .swiper-slide .shop-reserve.marichi-flowers-dry-flower a::before, .swiper-slide .shop-reserve.marichi-flowers-dry-flower a::after { border-color: #E7B35B; }

.shop-header .shop-reserve.marichi-flowers span, .shop-header .shop-reserve.marichi-flowers-dry-flower span, .swiper-slide .shop-reserve.marichi-flowers span, .swiper-slide .shop-reserve.marichi-flowers-dry-flower span { color: #E7B35B; }

.shop-header .shop-reserve.marichi-rita::before, .shop-header .shop-reserve.marichi-rita::after, .swiper-slide .shop-reserve.marichi-rita::before, .swiper-slide .shop-reserve.marichi-rita::after { background-color: #899E99; }

.shop-header .shop-reserve.marichi-rita a, .swiper-slide .shop-reserve.marichi-rita a { background: -webkit-linear-gradient(45deg, transparent 6px, #899E99 7px, #fff 8px), -webkit-linear-gradient(315deg, transparent 6px, #899E99 7px, #fff 8px), -webkit-linear-gradient(225deg, transparent 6px, #899E99 7px, #fff 8px), -webkit-linear-gradient(135deg, transparent 6px, #899E99 7px, #fff 8px); background: -o-linear-gradient(45deg, transparent 6px, #899E99 7px, #fff 8px), -o-linear-gradient(315deg, transparent 6px, #899E99 7px, #fff 8px), -o-linear-gradient(225deg, transparent 6px, #899E99 7px, #fff 8px), -o-linear-gradient(135deg, transparent 6px, #899E99 7px, #fff 8px); background: linear-gradient(45deg, transparent 6px, #899E99 7px, #fff 8px), linear-gradient(135deg, transparent 6px, #899E99 7px, #fff 8px), linear-gradient(225deg, transparent 6px, #899E99 7px, #fff 8px), linear-gradient(315deg, transparent 6px, #899E99 7px, #fff 8px); background-position: bottom left,top left,top right,bottom right; background-size: 50% 50%; background-repeat: no-repeat; }

.shop-header .shop-reserve.marichi-rita a::before, .shop-header .shop-reserve.marichi-rita a::after, .swiper-slide .shop-reserve.marichi-rita a::before, .swiper-slide .shop-reserve.marichi-rita a::after { border-color: #899E99; }

.shop-header .shop-reserve.marichi-rita span, .swiper-slide .shop-reserve.marichi-rita span { color: #899E99; }

.shop-header .shop-reserve.marichi-lei::before, .shop-header .shop-reserve.marichi-lei::after, .swiper-slide .shop-reserve.marichi-lei::before, .swiper-slide .shop-reserve.marichi-lei::after { background-color: #ED8933; }

.shop-header .shop-reserve.marichi-lei a, .swiper-slide .shop-reserve.marichi-lei a { background: -webkit-linear-gradient(45deg, transparent 6px, #ED8933 7px, #fff 8px), -webkit-linear-gradient(315deg, transparent 6px, #ED8933 7px, #fff 8px), -webkit-linear-gradient(225deg, transparent 6px, #ED8933 7px, #fff 8px), -webkit-linear-gradient(135deg, transparent 6px, #ED8933 7px, #fff 8px); background: -o-linear-gradient(45deg, transparent 6px, #ED8933 7px, #fff 8px), -o-linear-gradient(315deg, transparent 6px, #ED8933 7px, #fff 8px), -o-linear-gradient(225deg, transparent 6px, #ED8933 7px, #fff 8px), -o-linear-gradient(135deg, transparent 6px, #ED8933 7px, #fff 8px); background: linear-gradient(45deg, transparent 6px, #ED8933 7px, #fff 8px), linear-gradient(135deg, transparent 6px, #ED8933 7px, #fff 8px), linear-gradient(225deg, transparent 6px, #ED8933 7px, #fff 8px), linear-gradient(315deg, transparent 6px, #ED8933 7px, #fff 8px); background-position: bottom left,top left,top right,bottom right; background-size: 50% 50%; background-repeat: no-repeat; }

.shop-header .shop-reserve.marichi-lei a::before, .shop-header .shop-reserve.marichi-lei a::after, .swiper-slide .shop-reserve.marichi-lei a::before, .swiper-slide .shop-reserve.marichi-lei a::after { border-color: #ED8933; }

.shop-header .shop-reserve.marichi-lei span, .swiper-slide .shop-reserve.marichi-lei span { color: #ED8933; }

.shop-header .shop-reserve.marichi-cafe::before, .shop-header .shop-reserve.marichi-cafe::after, .swiper-slide .shop-reserve.marichi-cafe::before, .swiper-slide .shop-reserve.marichi-cafe::after { background-color: #7EACDC; }

.shop-header .shop-reserve.marichi-cafe a, .swiper-slide .shop-reserve.marichi-cafe a { background: -webkit-linear-gradient(45deg, transparent 6px, #7EACDC 7px, #fff 8px), -webkit-linear-gradient(315deg, transparent 6px, #7EACDC 7px, #fff 8px), -webkit-linear-gradient(225deg, transparent 6px, #7EACDC 7px, #fff 8px), -webkit-linear-gradient(135deg, transparent 6px, #7EACDC 7px, #fff 8px); background: -o-linear-gradient(45deg, transparent 6px, #7EACDC 7px, #fff 8px), -o-linear-gradient(315deg, transparent 6px, #7EACDC 7px, #fff 8px), -o-linear-gradient(225deg, transparent 6px, #7EACDC 7px, #fff 8px), -o-linear-gradient(135deg, transparent 6px, #7EACDC 7px, #fff 8px); background: linear-gradient(45deg, transparent 6px, #7EACDC 7px, #fff 8px), linear-gradient(135deg, transparent 6px, #7EACDC 7px, #fff 8px), linear-gradient(225deg, transparent 6px, #7EACDC 7px, #fff 8px), linear-gradient(315deg, transparent 6px, #7EACDC 7px, #fff 8px); background-position: bottom left,top left,top right,bottom right; background-size: 50% 50%; background-repeat: no-repeat; }

.shop-header .shop-reserve.marichi-cafe a::before, .shop-header .shop-reserve.marichi-cafe a::after, .swiper-slide .shop-reserve.marichi-cafe a::before, .swiper-slide .shop-reserve.marichi-cafe a::after { border-color: #7EACDC; }

.shop-header .shop-reserve.marichi-cafe span, .swiper-slide .shop-reserve.marichi-cafe span { color: #7EACDC; }

.shop-header .shop-reserve.flowers-hanare::before, .shop-header .shop-reserve.flowers-hanare::after, .swiper-slide .shop-reserve.flowers-hanare::before, .swiper-slide .shop-reserve.flowers-hanare::after { background-color: #E07870; }

.shop-header .shop-reserve.flowers-hanare a, .swiper-slide .shop-reserve.flowers-hanare a { background: -webkit-linear-gradient(45deg, transparent 6px, #E07870 7px, #fff 8px), -webkit-linear-gradient(315deg, transparent 6px, #E07870 7px, #fff 8px), -webkit-linear-gradient(225deg, transparent 6px, #E07870 7px, #fff 8px), -webkit-linear-gradient(135deg, transparent 6px, #E07870 7px, #fff 8px); background: -o-linear-gradient(45deg, transparent 6px, #E07870 7px, #fff 8px), -o-linear-gradient(315deg, transparent 6px, #E07870 7px, #fff 8px), -o-linear-gradient(225deg, transparent 6px, #E07870 7px, #fff 8px), -o-linear-gradient(135deg, transparent 6px, #E07870 7px, #fff 8px); background: linear-gradient(45deg, transparent 6px, #E07870 7px, #fff 8px), linear-gradient(135deg, transparent 6px, #E07870 7px, #fff 8px), linear-gradient(225deg, transparent 6px, #E07870 7px, #fff 8px), linear-gradient(315deg, transparent 6px, #E07870 7px, #fff 8px); background-position: bottom left,top left,top right,bottom right; background-size: 50% 50%; background-repeat: no-repeat; }

.shop-header .shop-reserve.flowers-hanare a::before, .shop-header .shop-reserve.flowers-hanare a::after, .swiper-slide .shop-reserve.flowers-hanare a::before, .swiper-slide .shop-reserve.flowers-hanare a::after { border-color: #E07870; }

.shop-header .shop-reserve.flowers-hanare span, .swiper-slide .shop-reserve.flowers-hanare span { color: #E07870; }

.shop-header .shop-reserve.ousama-no-hirune::before, .shop-header .shop-reserve.ousama-no-hirune::after, .swiper-slide .shop-reserve.ousama-no-hirune::before, .swiper-slide .shop-reserve.ousama-no-hirune::after { background-color: #604D3F; }

.shop-header .shop-reserve.ousama-no-hirune a, .swiper-slide .shop-reserve.ousama-no-hirune a { background: -webkit-linear-gradient(45deg, transparent 6px, #604D3F 7px, #fff 8px), -webkit-linear-gradient(315deg, transparent 6px, #604D3F 7px, #fff 8px), -webkit-linear-gradient(225deg, transparent 6px, #604D3F 7px, #fff 8px), -webkit-linear-gradient(135deg, transparent 6px, #604D3F 7px, #fff 8px); background: -o-linear-gradient(45deg, transparent 6px, #604D3F 7px, #fff 8px), -o-linear-gradient(315deg, transparent 6px, #604D3F 7px, #fff 8px), -o-linear-gradient(225deg, transparent 6px, #604D3F 7px, #fff 8px), -o-linear-gradient(135deg, transparent 6px, #604D3F 7px, #fff 8px); background: linear-gradient(45deg, transparent 6px, #604D3F 7px, #fff 8px), linear-gradient(135deg, transparent 6px, #604D3F 7px, #fff 8px), linear-gradient(225deg, transparent 6px, #604D3F 7px, #fff 8px), linear-gradient(315deg, transparent 6px, #604D3F 7px, #fff 8px); background-position: bottom left,top left,top right,bottom right; background-size: 50% 50%; background-repeat: no-repeat; }

.shop-header .shop-reserve.ousama-no-hirune a::before, .shop-header .shop-reserve.ousama-no-hirune a::after, .swiper-slide .shop-reserve.ousama-no-hirune a::before, .swiper-slide .shop-reserve.ousama-no-hirune a::after { border-color: #604D3F; }

.shop-header .shop-reserve.ousama-no-hirune span, .swiper-slide .shop-reserve.ousama-no-hirune span { color: #604D3F; }

.shop-header .shop-reserve.marichi-luana::before, .shop-header .shop-reserve.marichi-luana::after, .swiper-slide .shop-reserve.marichi-luana::before, .swiper-slide .shop-reserve.marichi-luana::after { background-color: #F5B087; }

.shop-header .shop-reserve.marichi-luana a, .swiper-slide .shop-reserve.marichi-luana a { background: -webkit-linear-gradient(45deg, transparent 6px, #F5B087 7px, #fff 8px), -webkit-linear-gradient(315deg, transparent 6px, #F5B087 7px, #fff 8px), -webkit-linear-gradient(225deg, transparent 6px, #F5B087 7px, #fff 8px), -webkit-linear-gradient(135deg, transparent 6px, #F5B087 7px, #fff 8px); background: -o-linear-gradient(45deg, transparent 6px, #F5B087 7px, #fff 8px), -o-linear-gradient(315deg, transparent 6px, #F5B087 7px, #fff 8px), -o-linear-gradient(225deg, transparent 6px, #F5B087 7px, #fff 8px), -o-linear-gradient(135deg, transparent 6px, #F5B087 7px, #fff 8px); background: linear-gradient(45deg, transparent 6px, #F5B087 7px, #fff 8px), linear-gradient(135deg, transparent 6px, #F5B087 7px, #fff 8px), linear-gradient(225deg, transparent 6px, #F5B087 7px, #fff 8px), linear-gradient(315deg, transparent 6px, #F5B087 7px, #fff 8px); background-position: bottom left,top left,top right,bottom right; background-size: 50% 50%; background-repeat: no-repeat; }

.shop-header .shop-reserve.marichi-luana a::before, .shop-header .shop-reserve.marichi-luana a::after, .swiper-slide .shop-reserve.marichi-luana a::before, .swiper-slide .shop-reserve.marichi-luana a::after { border-color: #F5B087; }

.shop-header .shop-reserve.marichi-luana span, .swiper-slide .shop-reserve.marichi-luana span { color: #F5B087; }

.shop-lead { text-align: center; letter-spacing: 0.08em; line-height: 2em; }

.shop-kodawari { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 760px) { .shop-kodawari { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.shop-kodawari:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media only screen and (max-width: 760px) { .shop-kodawari:nth-child(even) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.shop-kodawari:nth-child(even) .text-area { padding-left: 40px; padding-right: 0; }

@media only screen and (max-width: 760px) { .shop-kodawari:nth-child(even) .text-area { padding-left: 0; } }

.shop-kodawari .text-area, .shop-kodawari .img-area { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 760px) { .shop-kodawari .text-area, .shop-kodawari .img-area { width: 100%; } }

.shop-kodawari .text-area { margin: 20px 0; padding-right: 40px; }

@media only screen and (max-width: 760px) { .shop-kodawari .text-area { padding-right: 0; } }

.shop-kodawari .text-area .kodawari-title { margin-bottom: 15px; color: #69AEB6; font-size: 18px; font-weight: bold; letter-spacing: 0.12em; }

.shop-kodawari .text-area .kodawari-title.circus { color: #C1424B; }

.shop-kodawari .text-area .kodawari-title.marichi-flowers { color: #E7B35B; }

.shop-kodawari .text-area .kodawari-title.marichi-rita { color: #899E99; }

.shop-kodawari .text-area .kodawari-title.marichi-lei { color: #ED8933; }

.shop-kodawari .text-area .kodawari-title.marichi-cafe { color: #7EACDC; }

.shop-kodawari .text-area .kodawari-text { letter-spacing: 0.07em; line-height: 1.8em; }

@media only screen and (max-width: 760px) { .shop-kodawari .text-area .kodawari-text { margin-bottom: 20px; } }

@media only screen and (max-width: 760px) { .shop-kodawari .img-area { margin-bottom: 50px; } }

.information { padding: 60px 0; }

@media only screen and (max-width: 760px) { .information { padding: 40px 0; } }

.information .inner-wide { position: relative; height: 712px; padding: 0; background-image: url("./assets/img/marichi-info-back.jpg"); background-repeat: no-repeat; background-size: 100%; background-position: center; }

@media only screen and (max-width: 760px) { .information .inner-wide { height: auto; padding: 60px 0; background-size: cover; } }

.information .info-inner { position: absolute; left: 50%; bottom: 0; width: 1000px; height: 250px; margin: 0 auto; padding: 65px 88px 0; background-color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 1324px) { .information .info-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 90%; max-width: 1000px; height: auto; padding: 40px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media only screen and (max-width: 760px) { .information .info-inner { position: static; height: auto; padding: 60px 20px; -webkit-transform: none; -ms-transform: none; transform: none; } }

.information .info-inner .main-title { width: 100%; margin-bottom: 40px; }

.information .info-inner .shop-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 1324px) { .information .info-inner .shop-info { width: 380px; } }

@media only screen and (max-width: 990px) { .information .info-inner .shop-info { width: 45%; } }

@media only screen and (max-width: 760px) { .information .info-inner .shop-info { width: 100%; } }

.information .info-inner .shop-info:first-of-type { float: left; }

@media only screen and (max-width: 760px) { .information .info-inner .shop-info:first-of-type { float: none; } }

.information .info-inner .shop-info:last-of-type { padding-left: 88px; }

@media only screen and (max-width: 1324px) { .information .info-inner .shop-info:last-of-type { padding-left: 20px; } }

@media only screen and (max-width: 760px) { .information .info-inner .shop-info:last-of-type { padding-left: 0; } }

.information .info-inner .shop-info dt { width: 115px; margin-bottom: 2px; color: #69AEB6; font-size: 15px; font-family: 'Poppins', sans-serif; font-weight: 500; }

.information .info-inner .shop-info dd { width: calc(100% - 115px); }

.information .info-inner .shop-info.circus dt { color: #C1424B; }

.information .info-inner .shop-info.marichi-flowers dt { color: #E7B35B; }

.information .info-inner .shop-info.rita dt { color: #899E99; }

.information .info-inner .shop-info.marichi-lei dt { color: #ED8933; }

.information .info-inner .shop-info.marichi-cafe dt { color: #7EACDC; }

.shop-access .shop-map { width: 1000px; height: 420px; }

@media only screen and (max-width: 1324px) { .shop-access .shop-map { width: 100%; } }

/*------------------------------------ MENU ------------------------------------*/
.menu .inner, .page-menu .inner { background: -webkit-linear-gradient(45deg, transparent 15px, #EFF0F0 15px), -webkit-linear-gradient(315deg, transparent 15px, #EFF0F0 15px), -webkit-linear-gradient(225deg, transparent 15px, #EFF0F0 15px), -webkit-linear-gradient(135deg, transparent 15px, #EFF0F0 15px); background: -o-linear-gradient(45deg, transparent 15px, #EFF0F0 15px), -o-linear-gradient(315deg, transparent 15px, #EFF0F0 15px), -o-linear-gradient(225deg, transparent 15px, #EFF0F0 15px), -o-linear-gradient(135deg, transparent 15px, #EFF0F0 15px); background: linear-gradient(45deg, transparent 15px, #EFF0F0 15px), linear-gradient(135deg, transparent 15px, #EFF0F0 15px), linear-gradient(225deg, transparent 15px, #EFF0F0 15px), linear-gradient(315deg, transparent 15px, #EFF0F0 15px); background-position: bottom left, top left, top right, bottom right; background-size: 50% 50%; background-repeat: no-repeat; }

@media only screen and (max-width: 990px) { .menu .inner, .page-menu .inner { width: 100%; background-color: #EFF0F0; } }

.menu .menu-list, .page-menu .menu-list { width: 788px; margin: 24px auto 0; border-top: solid 1px #151515; }

@media only screen and (max-width: 990px) { .menu .menu-list, .page-menu .menu-list { width: 90%; } }

.menu .menu-list li, .page-menu .menu-list li { padding: 15px 4px; border-bottom: solid 1px #151515; }

.menu .menu-list .menu-title, .page-menu .menu-list .menu-title { position: relative; margin: 0 6px; font-size: 17px; font-family: 'Poppins', sans-serif; font-weight: 400; letter-spacing: 0.07em; cursor: pointer; }

@media only screen and (max-width: 760px) { .menu .menu-list .menu-title, .page-menu .menu-list .menu-title { margin-right: 20px; } }

.menu .menu-list .menu-title span, .page-menu .menu-list .menu-title span { margin-left: 1em; color: #69AEB6; font-size: 12px; font-family: "ヒラギノ角ゴ ProN W3", sans-serif; font-weight: bold; }

.menu .menu-list .menu-title i, .page-menu .menu-list .menu-title i { position: absolute; top: 4px; right: 0; color: #69AEB6; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

@media only screen and (max-width: 760px) { .menu .menu-list .menu-title i, .page-menu .menu-list .menu-title i { right: -20px; } }

.menu .menu-list .menu-title i.opened, .page-menu .menu-list .menu-title i.opened { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.menu .menu-list .menu-detail, .page-menu .menu-list .menu-detail { display: none; margin-top: 15px; padding: 30px 25px 25px; background-color: #fff; border-radius: 10px; }

.menu .menu-list .menu-detail .menu-included, .page-menu .menu-list .menu-detail .menu-included { font-family: "ヒラギノ角ゴ ProN W4", sans-serif; font-weight: bold; margin-bottom: 15px; }

.menu .menu-list .menu-detail .description, .page-menu .menu-list .menu-detail .description { padding-bottom: 15px; font-size: 13px; line-height: 1.8em; background-image: -webkit-linear-gradient(left, #e0e0e0, #e0e0e0 1px, transparent 1px, transparent 4px); background-image: -o-linear-gradient(left, #e0e0e0, #e0e0e0 1px, transparent 1px, transparent 4px); background-image: linear-gradient(to right, #e0e0e0, #e0e0e0 1px, transparent 1px, transparent 4px); background-size: 5px 2px; background-position: bottom; background-repeat: repeat-x; }

.menu .menu-list .menu-detail .menu-detail-dl dt, .page-menu .menu-list .menu-detail .menu-detail-dl dt { width: 70%; padding: 15px; font-family: "ヒラギノ角ゴ ProN W4", sans-serif; font-weight: bold; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 760px) { .menu .menu-list .menu-detail .menu-detail-dl dt, .page-menu .menu-list .menu-detail .menu-detail-dl dt { padding: 15px 0; } }

.menu .menu-list .menu-detail .menu-detail-dl dt.no-price, .page-menu .menu-list .menu-detail .menu-detail-dl dt.no-price { width: 100%; }

.menu .menu-list .menu-detail .menu-detail-dl dt.no-price + dd, .page-menu .menu-list .menu-detail .menu-detail-dl dt.no-price + dd { display: none; }

.menu .menu-list .menu-detail .menu-detail-dl dt:not(:last-of-type), .page-menu .menu-list .menu-detail .menu-detail-dl dt:not(:last-of-type) { background-image: -webkit-linear-gradient(left, #e0e0e0, #e0e0e0 1px, transparent 1px, transparent 4px); background-image: -o-linear-gradient(left, #e0e0e0, #e0e0e0 1px, transparent 1px, transparent 4px); background-image: linear-gradient(to right, #e0e0e0, #e0e0e0 1px, transparent 1px, transparent 4px); background-size: 5px 2px; background-position: bottom; background-repeat: repeat-x; }

@media only screen and (max-width: 760px) { .menu .menu-list .menu-detail .menu-detail-dl dt.with-desc, .page-menu .menu-list .menu-detail .menu-detail-dl dt.with-desc { width: 100%; padding: 15px 0 0; background: none; }
  .menu .menu-list .menu-detail .menu-detail-dl dt.with-desc + dd, .page-menu .menu-list .menu-detail .menu-detail-dl dt.with-desc + dd { width: 100%; padding: 15px 0; } }

.menu .menu-list .menu-detail .menu-detail-dl dt span, .page-menu .menu-list .menu-detail .menu-detail-dl dt span { display: block; font-weight: 400; }

.menu .menu-list .menu-detail .menu-detail-dl dd, .page-menu .menu-list .menu-detail .menu-detail-dl dd { width: 30%; padding: 15px; color: #69AEB6; font-weight: bold; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; }

.menu .menu-list .menu-detail .menu-detail-dl dd:not(:last-of-type), .page-menu .menu-list .menu-detail .menu-detail-dl dd:not(:last-of-type) { background-image: -webkit-linear-gradient(left, #e0e0e0, #e0e0e0 1px, transparent 1px, transparent 4px); background-image: -o-linear-gradient(left, #e0e0e0, #e0e0e0 1px, transparent 1px, transparent 4px); background-image: linear-gradient(to right, #e0e0e0, #e0e0e0 1px, transparent 1px, transparent 4px); background-size: 5px 2px; background-position: bottom; background-repeat: repeat-x; }

.menu .menu-list .menu-detail .attention, .page-menu .menu-list .menu-detail .attention { margin-top: 15px; }

.menu .menu-list.circus .menu-title span, .menu .menu-list.circus .menu-title i, .menu .menu-list.circus .menu-detail-dl dd, .page-menu .menu-list.circus .menu-title span, .page-menu .menu-list.circus .menu-title i, .page-menu .menu-list.circus .menu-detail-dl dd { color: #C1424B; }

.menu .menu-list.marichi-flowers .menu-title span, .menu .menu-list.marichi-flowers .menu-title i, .menu .menu-list.marichi-flowers .menu-detail-dl dd, .page-menu .menu-list.marichi-flowers .menu-title span, .page-menu .menu-list.marichi-flowers .menu-title i, .page-menu .menu-list.marichi-flowers .menu-detail-dl dd { color: #E7B35B; }

.menu .menu-list.rita .menu-title span, .menu .menu-list.rita .menu-title i, .menu .menu-list.rita .menu-detail-dl dd, .page-menu .menu-list.rita .menu-title span, .page-menu .menu-list.rita .menu-title i, .page-menu .menu-list.rita .menu-detail-dl dd { color: #899E99; }

.menu .menu-list.marichi-lei .menu-title span, .menu .menu-list.marichi-lei .menu-title i, .menu .menu-list.marichi-lei .menu-detail-dl dd, .page-menu .menu-list.marichi-lei .menu-title span, .page-menu .menu-list.marichi-lei .menu-title i, .page-menu .menu-list.marichi-lei .menu-detail-dl dd { color: #ED8933; }

.menu .menu-list.marichi-cafe .menu-title span, .menu .menu-list.marichi-cafe .menu-title i, .menu .menu-list.marichi-cafe .menu-detail-dl dd, .page-menu .menu-list.marichi-cafe .menu-title span, .page-menu .menu-list.marichi-cafe .menu-title i, .page-menu .menu-list.marichi-cafe .menu-detail-dl dd { color: #7EACDC; }

.page-menu { padding: 40px 0 60px; }

.menu { padding-top: 80px; }

@media only screen and (max-width: 990px) { .menu { padding-top: 60px; } }

/*------------------------------------ STAFF ------------------------------------*/
.page-staff .page-header { background-image: url("./assets/img/staff-top.jpg"); }

.page-staff .title-line { height: 30px; }

.shop-staff .staff-inner, .staff .staff-inner { margin-bottom: 100px; }

@media only screen and (max-width: 1324px) { .shop-staff .staff-inner, .staff .staff-inner { width: 762px; margin: 0 auto; } }

@media only screen and (max-width: 990px) { .shop-staff .staff-inner, .staff .staff-inner { width: 508px; } }

@media only screen and (max-width: 760px) { .shop-staff .staff-inner, .staff .staff-inner { width: 100%; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } }

.shop-staff .staff-inner .staff-box, .staff .staff-inner .staff-box { position: relative; width: 240px; margin-bottom: 48px; color: #fff; }

@media only screen and (max-width: 1324px) { .shop-staff .staff-inner .staff-box, .staff .staff-inner .staff-box { padding: 0 7px; } }

@media only screen and (max-width: 760px) { .shop-staff .staff-inner .staff-box, .staff .staff-inner .staff-box { padding: 0; } }

.shop-staff .staff-inner .staff-box:not(:nth-child(4n)), .staff .staff-inner .staff-box:not(:nth-child(4n)) { margin-right: 13px; }

@media only screen and (max-width: 1324px) { .shop-staff .staff-inner .staff-box:not(:nth-child(4n)), .staff .staff-inner .staff-box:not(:nth-child(4n)) { margin-right: 0; } }

.shop-staff .staff-inner .staff-box .job-genre, .staff .staff-inner .staff-box .job-genre { position: absolute; top: 0; right: 0; min-width: 80px; padding: 4px 10px; font-family: 'Poppins', sans-serif; font-weight: 400; text-align: center; letter-spacing: 0.02em; background-color: #69AEB6; z-index: 5; }

@media only screen and (max-width: 1324px) { .shop-staff .staff-inner .staff-box .job-genre, .staff .staff-inner .staff-box .job-genre { right: 7px; } }

@media only screen and (max-width: 760px) { .shop-staff .staff-inner .staff-box .job-genre, .staff .staff-inner .staff-box .job-genre { right: 0; } }

.shop-staff .staff-inner .staff-box .staff-img, .staff .staff-inner .staff-box .staff-img { width: 100%; height: 290px; -o-object-fit: cover; object-fit: cover; }

.shop-staff .staff-inner .staff-box .comment, .staff .staff-inner .staff-box .comment { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; width: 240px; height: 290px; padding: 34px 18px 28px; text-align: center; line-height: 1.8em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #4F555C; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; cursor: default; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; }

@media only screen and (max-width: 1324px) { .shop-staff .staff-inner .staff-box .comment, .staff .staff-inner .staff-box .comment { left: 7px; } }

@media only screen and (max-width: 760px) { .shop-staff .staff-inner .staff-box .comment, .staff .staff-inner .staff-box .comment { left: 0; } }

.shop-staff .staff-inner .staff-box .comment:hover, .staff .staff-inner .staff-box .comment:hover { opacity: 1; }

.shop-staff .staff-inner .staff-box .name-info, .staff .staff-inner .staff-box .name-info { width: 100%; padding: 16px 18px 16px 22px; background-color: #161D25; -webkit-box-sizing: border-box; box-sizing: border-box; }

.shop-staff .staff-inner .staff-box .name-info .staff-kana, .staff .staff-inner .staff-box .name-info .staff-kana { color: #69AEB6; }

.shop-staff .staff-inner .staff-box .name-info .staff-kana::before, .staff .staff-inner .staff-box .name-info .staff-kana::before { display: inline-block; content: ""; width: 8px; height: 1px; margin-right: 6px; margin-bottom: 4px; background-color: #fff; }

.shop-staff .staff-inner .staff-box .name-info .staff-name, .staff .staff-inner .staff-box .name-info .staff-name { width: 170px; font-size: 16px; font-weight: bold; letter-spacing: 0.2em; }

.shop-staff .staff-inner .staff-box .name-info .insta, .staff .staff-inner .staff-box .name-info .insta { position: absolute; right: 18px; bottom: 16px; width: 22px; -webkit-filter: brightness(200); filter: brightness(200); }

.shop-staff .staff-inner .staff-box.marichi-circus .job-genre, .staff .staff-inner .staff-box.marichi-circus .job-genre { background-color: #C1424B; }

.shop-staff .staff-inner .staff-box.marichi-circus .name-info .staff-kana, .staff .staff-inner .staff-box.marichi-circus .name-info .staff-kana { color: #C1424B; }

.shop-staff .staff-inner .staff-box.marichi-flowers .job-genre, .staff .staff-inner .staff-box.marichi-flowers .job-genre { background-color: #E7B35B; }

.shop-staff .staff-inner .staff-box.marichi-flowers .name-info .staff-kana, .staff .staff-inner .staff-box.marichi-flowers .name-info .staff-kana { color: #E7B35B; }

.shop-staff .staff-inner .staff-box.marichi-rita .job-genre, .staff .staff-inner .staff-box.marichi-rita .job-genre { background-color: #899E99; }

.shop-staff .staff-inner .staff-box.marichi-rita .name-info .staff-kana, .staff .staff-inner .staff-box.marichi-rita .name-info .staff-kana { color: #899E99; }

.shop-staff .staff-inner .staff-box.marichi-lei .job-genre, .staff .staff-inner .staff-box.marichi-lei .job-genre { background-color: #ED8933; }

.shop-staff .staff-inner .staff-box.marichi-lei .name-info .staff-kana, .staff .staff-inner .staff-box.marichi-lei .name-info .staff-kana { color: #ED8933; }

.shop-staff .staff-inner .staff-box.cafe .job-genre, .staff .staff-inner .staff-box.cafe .job-genre { background-color: #7EACDC; }

.shop-staff .staff-inner .staff-box.cafe .name-info .staff-kana, .staff .staff-inner .staff-box.cafe .name-info .staff-kana { color: #7EACDC; }

.shop-staff .staff-inner .staff-box.flower .job-genre, .staff .staff-inner .staff-box.flower .job-genre { background-color: #E07870; }

.shop-staff .staff-inner .staff-box.flower .name-info .staff-kana, .staff .staff-inner .staff-box.flower .name-info .staff-kana { color: #E07870; }

.shop-staff .reserve-btn, .staff .reserve-btn { margin: 160px auto 100px; font-family: "ヒラギノ角ゴ ProN W4", sans-serif; font-weight: bold; }

/* STAFF FLOWER */
.page-flower-staff .page-header { background-image: url("./assets/img/staff-flower-top.jpg"); }

.page-flower-staff .title-line { height: 30px; }

.flower-staff .staff-inner { width: 960px; margin: 0 auto; }

@media only screen and (max-width: 1324px) { .flower-staff .staff-inner { width: 100%; max-width: 960px; } }

.flower-staff .staff-box { margin-bottom: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 760px) { .flower-staff .staff-box { display: block; } }

.flower-staff .img-area { width: 35%; }

@media only screen and (max-width: 990px) { .flower-staff .img-area { width: 33%; } }

@media only screen and (max-width: 760px) { .flower-staff .img-area { width: 100%; margin-bottom: 15px; } }

.flower-staff .text-area { width: 58%; }

@media only screen and (max-width: 990px) { .flower-staff .text-area { width: 60%; } }

@media only screen and (max-width: 760px) { .flower-staff .text-area { width: 100%; } }

.flower-staff .text-area .staff-name { margin-bottom: 10px; font-size: 143%; }

.flower-staff .text-area .kana { margin-left: 18px; font-size: 64%; }

.flower-staff .text-area .job { font-size: 86%; }

.flower-staff .text-area .introduce { margin-top: 30px; line-height: 2em; }

.page-staff { position: relative; }

.page-staff .staff-inner { margin-bottom: 0; }

/* スタッフ詳細情報 */
.staff-detail { display: none; position: absolute; width: 850px; height: 710px; top: 0; left: 50%; -webkit-transform: translate(-50%, calc(-50% - 80px)); -ms-transform: translate(-50%, calc(-50% - 80px)); transform: translate(-50%, calc(-50% - 80px)); background-color: #F1F2F2; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 1; z-index: 9999; }

@media only screen and (max-width: 1324px) { .staff-detail { width: 750px; overflow-y: scroll; -webkit-transform: translate(-50%, calc(-50% - 60px)); -ms-transform: translate(-50%, calc(-50% - 60px)); transform: translate(-50%, calc(-50% - 60px)); } }

@media only screen and (max-width: 760px) { .staff-detail { width: 100%; height: auto; max-width: 400px; max-height: 100%; -webkit-transform: translate(-50%, -60px); -ms-transform: translate(-50%, -60px); transform: translate(-50%, -60px); } }

.staff-detail .detail-inner { position: relative; padding: 34px 74px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 1324px) { .staff-detail .detail-inner { padding: 34px 34px 30px; } }

@media only screen and (max-width: 760px) { .staff-detail .detail-inner { padding: 30px 20px; } }

.staff-detail .close-modal { position: absolute; top: 10px; right: 20px; font-size: 1.3rem; cursor: pointer; }

@media only screen and (max-width: 760px) { .staff-detail .close-modal { top: 5px; font-size: 2rem; } }

.staff-detail .detail-text { margin-bottom: 30px; }

.staff-detail .detail-text .s-img-mini { margin-right: 30px; }

@media only screen and (max-width: 760px) { .staff-detail .detail-text .s-img-mini { margin: 0 auto 15px; } }

.staff-detail .detail-text .s-img-mini img { width: 200px; height: 200px; -o-object-fit: cover; object-fit: cover; }

.staff-detail .detail-text .s-info { width: 472px; }

@media only screen and (max-width: 1324px) { .staff-detail .detail-text .s-info { width: 452px; } }

@media only screen and (max-width: 760px) { .staff-detail .detail-text .s-info { width: 100%; } }

@media only screen and (max-width: 760px) { .staff-detail .detail-text .s-info .name-area { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.staff-detail .detail-text .s-info .s-name { display: inline-block; margin-bottom: 20px; font-size: 28px; }

@media only screen and (max-width: 760px) { .staff-detail .detail-text .s-info .s-name { font-size: 24px; } }

.staff-detail .detail-text .s-info .s-kana { color: #69AEB6; font-size: 16px; font-weight: bold; letter-spacing: 0.2em; }

@media only screen and (max-width: 760px) { .staff-detail .detail-text .s-info .s-kana { font-size: 14px; } }

.staff-detail .detail-text .s-info .insta { width: 22px; margin-left: 1.5em; margin-top: 12px; }

@media only screen and (max-width: 760px) { .staff-detail .detail-text .s-info .insta { margin-left: 1em; } }

.staff-detail .staff-calendar { margin-bottom: 28px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.staff-detail .staff-calendar .calendar-this, .staff-detail .staff-calendar .calendar-next { width: 332px; padding: 28px; font-weight: bold; text-align: center; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 760px) { .staff-detail .staff-calendar .calendar-this, .staff-detail .staff-calendar .calendar-next { width: 100%; margin: auto; } }

.staff-detail .staff-calendar .calendar-this .month, .staff-detail .staff-calendar .calendar-next .month { margin-bottom: 20px; }

@media only screen and (max-width: 760px) { .staff-detail .staff-calendar .calendar-this { margin-bottom: 30px; } }

.staff-detail .staff-calendar .calendar-table { width: 100%; }

.staff-detail .staff-calendar .calendar-table .week td { padding-bottom: 6px; }

.staff-detail .staff-calendar .calendar-table .week .sun { color: #C1424B; }

.staff-detail .staff-calendar .calendar-table .week .sat { color: #69AEB6; }

.staff-detail .link-btn { width: 278px; }

.loading { display: none; position: fixed; top: calc(50% - 35px); left: calc(50% - 35px); z-index: 600; -webkit-animation: 3s linear infinite rotation; animation: 3s linear infinite rotation; }

.loading img { width: 70px; }

@-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes rotation { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

#staff-mask { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 500; cursor: pointer; }

/*------------------------------------ GALLERY ------------------------------------*/
@media only screen and (max-width: 760px) { .gallery .gallery-inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.gallery .gallery-inner .gallery-box { width: 23.5%; margin-bottom: 2%; }

.gallery .gallery-inner .gallery-box:not(:nth-child(4n)) { margin-right: 2%; }

@media only screen and (max-width: 760px) { .gallery .gallery-inner .gallery-box:not(:nth-child(4n)) { margin-right: 0; } }

@media only screen and (max-width: 760px) { .gallery .gallery-inner .gallery-box { width: 48%; margin-bottom: 4%; } }

.item-list .inner { padding-top: 0; }

.item-list .item-list-inner { margin-top: 20px; color: #fff; font-weight: bold; }

@media only screen and (max-width: 1324px) { .item-list .item-list-inner { width: 572px; margin-left: auto; margin-right: auto; } }

@media only screen and (max-width: 760px) { .item-list .item-list-inner { width: 100%; max-width: 358px; margin-bottom: 80px; } }

.item-list .item-list-inner li { display: -webkit-box; display: -ms-flexbox; display: flex; width: 180px; height: 180px; padding: 20px; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(224, 120, 112, 0.8); border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }

@media only screen and (max-width: 1324px) { .item-list .item-list-inner li { margin-bottom: 16px; } }

@media only screen and (max-width: 760px) { .item-list .item-list-inner li { margin-bottom: -70px; } }

.item-list .item-list-inner li:not(:first-child) { margin-left: -16px; }

@media only screen and (max-width: 1324px) { .item-list .item-list-inner li:not(:first-child) { margin-left: 0; } }

@media only screen and (max-width: 1324px) { .item-list .item-list-inner li:not(:nth-child(3n)) { margin-right: 16px; } }

@media only screen and (max-width: 1324px) and (max-width: 760px) { .item-list .item-list-inner li:not(:nth-child(3n)) { margin-right: 0; } }

.item-list .item-list-inner li:nth-child(even) { background-color: rgba(231, 179, 91, 0.8); }

@media only screen and (max-width: 760px) { .item-list .item-list-inner li:nth-child(even) { margin-left: auto; } }

.item-list .item-list-inner li:hover { opacity: 0.8; }

.item-detail { position: absolute; display: none; width: 700px; left: 0; right: 0; margin: 0 auto; padding: 25px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 100; }

@media only screen and (max-width: 760px) { .item-detail { width: 90%; } }

.item-detail .item-detail-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 760px) { .item-detail .item-detail-inner { display: block; } }

.item-detail .detail-text { width: calc(100% - 220px); }

@media only screen and (max-width: 760px) { .item-detail .detail-text { width: 100%; margin-top: 15px; } }

.item-detail .detail-text .item-title { margin-bottom: 10px; font-size: 115%; font-weight: bold; }

.item-detail .detail-text p { margin-bottom: 10px; }

.item-detail .detail-img { width: 200px; margin-bottom: 10px; }

@media only screen and (max-width: 760px) { .item-detail .detail-img { width: 100%; } }

.delete-detail { display: none; position: absolute; width: 700px; height: 50px; left: calc(50% + 25px); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 120; cursor: pointer; }

@media only screen and (max-width: 760px) { .delete-detail { width: 90%; left: calc(50% + 10px); } }

.delete-detail .delete-inner { position: relative; width: 50px; height: 50px; margin-left: auto; background-color: #fff; border-radius: 50%; }

.delete-detail span { display: block; position: absolute; width: 26px; left: 12px; border-bottom: solid 3px #444; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; -o-transition: .35s ease-in-out; transition: .35s ease-in-out; }

.delete-detail span:nth-child(1) { top: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.delete-detail span:nth-child(2) { top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/*------------------------------------ RECRUIT ------------------------------------*/
.page-recruit .page-header { background-image: url("./assets/img/recruit-top.jpg?ver=1.3"); }

.recruit .recruit-lead { width: 500px; margin: 0 auto; text-align: center; }

@media only screen and (max-width: 760px) { .recruit .recruit-lead { width: 100%; } }

.recruit .recruit-lead p { margin-bottom: 20px; }

.recruit .recruit-dl { margin-top: 60px; }

.recruit .recruit-dl dt { display: -webkit-box; display: -ms-flexbox; display: flex; width: 200px; font-weight: bold; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: solid 2px #69AEB6; }

@media only screen and (max-width: 760px) { .recruit .recruit-dl dt { width: 100%; padding: 10px 0; border-bottom: solid 2px #69AEB6; } }

.recruit .recruit-dl dt:last-of-type { border-bottom: solid 2px #69AEB6; }

.recruit .recruit-dl dd { width: 790px; padding: 15px 30px; margin-left: 10px; line-height: 1.8em; border-top: solid 1px #151515; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 1324px) { .recruit .recruit-dl dd { width: calc(100% - 210px); } }

@media only screen and (max-width: 760px) { .recruit .recruit-dl dd { width: 100%; padding: 15px 0; border-top: none; } }

.recruit .recruit-dl dd:last-of-type { border-bottom: solid 1px #151515; }

.recruit .recruit-contact-inner, .recruit-contact .recruit-contact-inner { padding: 50px 0 60px; background: -webkit-linear-gradient(45deg, transparent 15px, #EFF0F0 15px), -webkit-linear-gradient(315deg, transparent 15px, #EFF0F0 15px), -webkit-linear-gradient(225deg, transparent 15px, #EFF0F0 15px), -webkit-linear-gradient(135deg, transparent 15px, #EFF0F0 15px); background: -o-linear-gradient(45deg, transparent 15px, #EFF0F0 15px), -o-linear-gradient(315deg, transparent 15px, #EFF0F0 15px), -o-linear-gradient(225deg, transparent 15px, #EFF0F0 15px), -o-linear-gradient(135deg, transparent 15px, #EFF0F0 15px); background: linear-gradient(45deg, transparent 15px, #EFF0F0 15px), linear-gradient(135deg, transparent 15px, #EFF0F0 15px), linear-gradient(225deg, transparent 15px, #EFF0F0 15px), linear-gradient(315deg, transparent 15px, #EFF0F0 15px); background-position: bottom left, top left, top right, bottom right; background-size: 50% 50%; background-repeat: no-repeat; }

@media only screen and (max-width: 760px) { .recruit .recruit-contact-inner, .recruit-contact .recruit-contact-inner { width: 100%; } }

.recruit .recruit-contact-inner .recruit-box, .recruit-contact .recruit-contact-inner .recruit-box { width: 684px; margin: 18px auto 0; padding: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; -webkit-box-shadow: 0 0 15px #e0e0e0; box-shadow: 0 0 15px #e0e0e0; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 990px) { .recruit .recruit-contact-inner .recruit-box, .recruit-contact .recruit-contact-inner .recruit-box { width: 90%; } }

@media only screen and (max-width: 760px) { .recruit .recruit-contact-inner .recruit-box, .recruit-contact .recruit-contact-inner .recruit-box { padding: 20px 10px; text-align: center; } }

.recruit .recruit-contact-inner .recruit-box .img-area, .recruit-contact .recruit-contact-inner .recruit-box .img-area { width: 234px; }

@media only screen and (max-width: 990px) { .recruit .recruit-contact-inner .recruit-box .img-area, .recruit-contact .recruit-contact-inner .recruit-box .img-area { width: 35%; } }

@media only screen and (max-width: 760px) { .recruit .recruit-contact-inner .recruit-box .img-area, .recruit-contact .recruit-contact-inner .recruit-box .img-area { display: none; } }

.recruit .recruit-contact-inner .recruit-box .text-area, .recruit-contact .recruit-contact-inner .recruit-box .text-area { width: 376px; }

@media only screen and (max-width: 990px) { .recruit .recruit-contact-inner .recruit-box .text-area, .recruit-contact .recruit-contact-inner .recruit-box .text-area { width: 60%; } }

@media only screen and (max-width: 760px) { .recruit .recruit-contact-inner .recruit-box .text-area, .recruit-contact .recruit-contact-inner .recruit-box .text-area { width: 100%; } }

.recruit .recruit-contact-inner .recruit-box .oubo, .recruit-contact .recruit-contact-inner .recruit-box .oubo { margin-bottom: 10px; font-family: "ヒラギノ角ゴ ProN W4", sans-serif; font-weight: bold; }

.recruit .recruit-contact-inner .recruit-box .tel-num, .recruit-contact .recruit-contact-inner .recruit-box .tel-num { margin-bottom: 10px; font-size: 21px; font-family: 'Poppins', sans-serif; font-weight: 500; letter-spacing: 0.08em; }

.recruit .recruit-contact-inner .recruit-box .tel-num img, .recruit-contact .recruit-contact-inner .recruit-box .tel-num img { width: 25px; margin-right: 8px; margin-bottom: 3px; }

.recruit .recruit-contact-inner .recruit-box .mail-btn, .recruit-contact .recruit-contact-inner .recruit-box .mail-btn { display: inline-block; padding: 8px 10px 8px 28px; border: solid 2px #69AEB6; }

.recruit .recruit-contact-inner .recruit-box .mail-btn::after, .recruit-contact .recruit-contact-inner .recruit-box .mail-btn::after { display: inline-block; content: ""; width: 6px; height: 6px; margin-left: 24px; margin-bottom: 2px; border-top: 1px solid #151515; border-right: 1px solid #151515; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.page-recruit { /* オススメ */ /* カリキュラム */ /* 女性パート */ /* スタッフの声 */ /* スタッフの1日 */ /* 店舗情報 */ }

.page-recruit .recruit-lead { width: 800px; margin-top: 30px; }

@media only screen and (max-width: 760px) { .page-recruit .recruit-lead { width: 100%; } }

.page-recruit .recruit-lead .lead-point { color: #C1424B; font-size: 136%; font-weight: bold; }

@media only screen and (max-width: 760px) { .page-recruit .recruit-lead .lead-point { font-size: 122%; } }

.page-recruit .recommend { position: relative; background-color: #69AEB6; }

.page-recruit .recommend::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 120%; height: 80%; margin: 0 -8% 0; background: #69AEB6; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-3deg); z-index: 1; }

.page-recruit .recommend .inner { position: relative; padding: 20px 0 60px; z-index: 10; }

.page-recruit .recommend .inner::after { position: absolute; content: ""; left: 50%; bottom: -110px; border: solid 74px transparent; border-top: solid 36px #69AEB6; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; }

.page-recruit .recommend h2 { color: #fff; font-size: 200%; text-align: center; }

@media only screen and (max-width: 760px) { .page-recruit .recommend h2 { font-size: 186%; } }

.page-recruit .recommend .recommend-list { position: relative; margin-top: 50px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

@media only screen and (max-width: 760px) { .page-recruit .recommend .recommend-list { display: block; margin-top: 40px; } }

.page-recruit .recommend .recommend-list li { display: inline-block; padding: 40px 30px; font-size: 115%; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 760px) { .page-recruit .recommend .recommend-list li { width: 97%; margin-bottom: 20px; padding: 20px 15px; } }

.page-recruit .recommend .recommend-list li span { font-size: 105%; font-family: "ヒラギノ角ゴ ProN W4", sans-serif; font-weight: bold; }

.page-recruit .recommend .recommend-list li:nth-child(1) { margin-left: 5%; }

@media only screen and (max-width: 760px) { .page-recruit .recommend .recommend-list li:nth-child(1) { margin-left: 4%; } }

.page-recruit .recommend .recommend-list li:nth-child(2) { margin: 2% 10% 2% 0; }

@media only screen and (max-width: 760px) { .page-recruit .recommend .recommend-list li:nth-child(2) { margin: 0 4% 20px 0; } }

@media only screen and (max-width: 760px) { .page-recruit .recommend .recommend-list li:nth-child(3) { margin-left: 4%; } }

.page-recruit .recommend .recommend-list li:nth-child(4) { margin-top: 2%; }

@media only screen and (max-width: 760px) { .page-recruit .recommend .recommend-list li:nth-child(4) { margin-top: 0; margin-right: 4%; } }

.page-recruit .strong-text { margin-bottom: 30px; font-size: 129%; font-weight: bold; text-align: center; line-height: 1.8em; }

@media only screen and (max-width: 760px) { .page-recruit .strong-text { font-size: 115%; } }

.page-recruit .curriculum .curriculum-inner { margin-top: 40px; }

.page-recruit .curriculum .curriculum-list { margin-top: 50px; }

@media only screen and (max-width: 760px) { .page-recruit .curriculum .curriculum-list { margin-top: 40px; } }

.page-recruit .curriculum .curriculum-list li { width: 24%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 760px) { .page-recruit .curriculum .curriculum-list li { width: 100%; margin-bottom: 20px; } }

.page-recruit .curriculum .curriculum-list li span { color: #69AEB6; font-size: 129%; font-weight: bold; }

.page-recruit .woman-part { text-align: center; }

.page-recruit .woman-part h3 { margin-bottom: 10px; font-size: 129%; font-weight: bold; }

.page-recruit .woman-part p { margin-bottom: 15px; }

.page-recruit .voice .voice-box { margin-top: 70px; }

@media only screen and (max-width: 760px) { .page-recruit .voice .voice-box { display: block; } }

.page-recruit .voice .voice-box:nth-of-type(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.page-recruit .voice .voice-box:nth-of-type(even) .staff-img { margin-left: auto; }

.page-recruit .voice .voice-box:nth-of-type(even) .voice-name { left: 0; }

.page-recruit .voice .voice-box:nth-of-type(odd) .voice-name { right: 0; }

.page-recruit .voice .staff-area { position: relative; width: 35%; }

@media only screen and (max-width: 760px) { .page-recruit .voice .staff-area { width: 100%; margin-bottom: 15px; } }

.page-recruit .voice .staff-area .staff-img { width: 300px; margin-top: 15px; }

@media only screen and (max-width: 760px) { .page-recruit .voice .staff-area .staff-img { width: 70%; margin-top: 0; padding-bottom: 25%; } }

.page-recruit .voice .voice-name { position: absolute; top: 280px; width: 180px; min-height: 150px; padding: 15px 10px; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; border: solid 2px #69AEB6; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 760px) { .page-recruit .voice .voice-name { top: auto; bottom: 0; } }

.page-recruit .voice .voice-name h3 { margin: 6px 0 10px; font-size: 143%; }

.page-recruit .voice .voice-name h3::after { content: ""; display: block; width: 25px; height: 2px; margin: 6px auto 0; background-color: #69AEB6; }

.page-recruit .voice .voice-name span { color: #69AEB6; }

@media only screen and (max-width: 760px) { .page-recruit .voice .voice-name span { font-size: 93%; } }

.page-recruit .voice .text-area { width: 60%; }

@media only screen and (max-width: 760px) { .page-recruit .voice .text-area { width: 100%; } }

.page-recruit .voice .voice-title { margin-bottom: 10px; padding: 6px 15px; color: #fff; font-size: 122%; font-weight: bold; -webkit-transform: skewX(-20deg); -ms-transform: skewX(-20deg); transform: skewX(-20deg); background-color: #69AEB6; }

.page-recruit .voice .voice-title span { display: block; -webkit-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); }

.page-recruit .voice .voice-content { margin-bottom: 30px; }

.page-recruit .voice .voice-content span { color: #69AEB6; font-weight: bold; }

.page-recruit .voice .budou span { color: #69AEB6; }

.page-recruit .staff-schedule h2 { font-size: 18px; font-weight: bold; text-align: center; }

.page-recruit .staff-schedule .schedule-inner { position: relative; margin: 20px auto 0; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

@media only screen and (max-width: 760px) { .page-recruit .staff-schedule .schedule-inner { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.page-recruit .staff-schedule .schedule-inner::before { position: absolute; content: ""; display: inline-block; top: 0; left: 50%; width: 4px; height: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #ccc; }

@media only screen and (max-width: 760px) { .page-recruit .staff-schedule .schedule-inner::before { left: 0; } }

.page-recruit .staff-schedule .schedule-box { position: relative; width: 49%; padding: 20px 0px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width: 760px) { .page-recruit .staff-schedule .schedule-box { width: 100%; padding: 20px 10px 0; } }

.page-recruit .staff-schedule .schedule-box:nth-child(odd) .time::before { left: -2%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

@media only screen and (max-width: 760px) { .page-recruit .staff-schedule .schedule-box:nth-child(odd) .time::before { left: 0; } }

.page-recruit .staff-schedule .schedule-box:nth-child(odd) .schedule-text { padding-left: 10px; }

.page-recruit .staff-schedule .schedule-box:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }

@media only screen and (max-width: 760px) { .page-recruit .staff-schedule .schedule-box:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-transform: none; -ms-transform: none; transform: none; } }

.page-recruit .staff-schedule .schedule-box:nth-child(even) .time::before { right: -2%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); }

@media only screen and (max-width: 760px) { .page-recruit .staff-schedule .schedule-box:nth-child(even) .time::before { right: auto; left: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }

.page-recruit .staff-schedule .schedule-box:nth-child(even) .schedule-text { padding-right: 10px; text-align: right; }

@media only screen and (max-width: 760px) { .page-recruit .staff-schedule .schedule-box:nth-child(even) .schedule-text { text-align: left; } }

.page-recruit .staff-schedule .schedule-box .time { width: 40px; color: #69AEB6; font-family: 'Poppins', sans-serif; font-weight: 400; text-align: center; }

.page-recruit .staff-schedule .schedule-box .time:before { position: absolute; content: ""; display: inline-block; width: 10px; height: 10px; background-color: #69AEB6; border-radius: 50%; }

@media only screen and (max-width: 760px) { .page-recruit .staff-schedule .schedule-box .time:before { top: 22.5px; } }

.page-recruit .staff-schedule .schedule-box .schedule-text { width: calc(100% - 40px); }

.page-recruit .recruit-shop .shop-list { margin-bottom: 50px; }

.page-recruit .recruit-shop .shop-box { width: 23%; }

@media only screen and (max-width: 760px) { .page-recruit .recruit-shop .shop-box { width: 48%; margin-bottom: 20px; } }

.page-recruit .recruit-shop .shop-box .shop-name { margin: 8px 0 16px; font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 500; }

.page-recruit .recruit-shop .shop-box .shop-name span { display: block; color: #69AEB6; font-size: 13px; font-family: "ヒラギノ角ゴ ProN W4", sans-serif; font-weight: normal; }

.page-recruit .recruit-shop .shop-box .shop-btn { width: 100%; margin: 0; }

.page-recruit .recruit-shop .shop-box:not(:nth-child(4n)) { margin-right: 2%; }

.page-recruit .recruit-shop .shop-box.marichi-circus .shop-name span { color: #C1424B; }

.page-recruit .recruit-shop .shop-box.marichi-circus .shop-btn { border-color: #C1424B; }

.page-recruit .recruit-shop .shop-box.marichi-flowers .shop-name span { color: #E7B35B; }

.page-recruit .recruit-shop .shop-box.marichi-flowers .shop-btn { border-color: #E7B35B; }

.page-recruit .recruit-shop .shop-box.marichi-rita .shop-name span { color: #899E99; }

.page-recruit .recruit-shop .shop-box.marichi-rita .shop-btn { border-color: #899E99; }

.page-recruit .recruit-shop .shop-design, .page-recruit .recruit-shop .beauty-concept { margin-bottom: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.page-recruit .recruit-shop .shop-design h3, .page-recruit .recruit-shop .beauty-concept h3 { width: 100%; margin-bottom: 10px; font-size: 18px; }

.page-recruit .recruit-shop .shop-design .text-area, .page-recruit .recruit-shop .beauty-concept .text-area { width: 580px; }

.page-recruit .recruit-shop .shop-design p, .page-recruit .recruit-shop .beauty-concept p { margin-bottom: 15px; }

.page-recruit .recruit-shop .shop-design .img-area, .page-recruit .recruit-shop .beauty-concept .img-area { width: 400px; }

.page-recruit .recruit-shop .shop-design .around-spot { margin: 25px 0 5px; font-size: 15px; font-weight: bold; }

.page-recruit .recruit h3 { font-size: 17px; font-weight: bold; }

.page-recruit .recruit .recruit-now { margin-bottom: 50px; text-align: center; }

.page-recruit .recruit .recruit-now h3 { margin-bottom: 10px; }

.page-recruit .recruit-dl { margin: 20px 0 60px; }

.page-recruit .recruit-contact { margin-bottom: 210px; }

@media only screen and (max-width: 760px) { .page-recruit .recruit-contact { margin-bottom: 100px; } }

/*------------------------------------ CONTACT ------------------------------------*/
.page-contact .page-header { background-image: url("./assets/img/contact-top.jpg"); }

.contact .contact-inner { margin-bottom: 35px; }

@media only screen and (max-width: 990px) { .contact .contact-inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media only screen and (max-width: 760px) { .contact .contact-inner { margin-bottom: 0; } }

.contact .contact-inner .contact-box { display: -webkit-box; display: -ms-flexbox; display: flex; width: 484px; height: 156px; padding: 10px 40px; margin-bottom: 22px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; background: -webkit-linear-gradient(45deg, transparent 10px, #fff 10px), -webkit-linear-gradient(315deg, transparent 10px, #fff 10px), -webkit-linear-gradient(225deg, transparent 10px, #fff 10px), -webkit-linear-gradient(135deg, transparent 10px, #fff 10px); background: -o-linear-gradient(45deg, transparent 10px, #fff 10px), -o-linear-gradient(315deg, transparent 10px, #fff 10px), -o-linear-gradient(225deg, transparent 10px, #fff 10px), -o-linear-gradient(135deg, transparent 10px, #fff 10px); background: linear-gradient(45deg, transparent 10px, #fff 10px), linear-gradient(135deg, transparent 10px, #fff 10px), linear-gradient(225deg, transparent 10px, #fff 10px), linear-gradient(315deg, transparent 10px, #fff 10px); background-position: bottom left, top left, top right, bottom right; background-size: 50% 50%; background-repeat: no-repeat; -webkit-filter: drop-shadow(0 0 10px #ccc); filter: drop-shadow(0 0 10px #ccc); }

@media only screen and (max-width: 1324px) { .contact .contact-inner .contact-box { width: 48%; } }

@media only screen and (max-width: 990px) { .contact .contact-inner .contact-box { width: 484px; } }

@media only screen and (max-width: 760px) { .contact .contact-inner .contact-box { width: 100%; height: auto; padding: 20px; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } }

.contact .contact-inner .contact-box .shop-logo { width: 102px; margin-right: 46px; text-align: center; }

.contact .contact-inner .contact-box .shop-logo img { max-height: 106px; }

@media only screen and (max-width: 760px) { .contact .contact-inner .contact-box .shop-logo { width: 35%; margin: 0; } }

@media only screen and (max-width: 340px) { .contact .contact-inner .contact-box .shop-logo { display: none; } }

@media only screen and (max-width: 760px) { .contact .contact-inner .contact-box .shop-info { width: 65%; } }

@media only screen and (max-width: 340px) { .contact .contact-inner .contact-box .shop-info { width: 100%; text-align: center; } }

.contact .contact-inner .contact-box .shop-info .shop-name { margin-bottom: 10px; color: #69AEB6; font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 400; letter-spacing: 0.08em; }

.contact .contact-inner .contact-box .shop-info .tel-num { margin-bottom: 10px; font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 400; }

.contact .contact-inner .contact-box .shop-info .tel-num img { width: 22px; margin-right: 10px; margin-bottom: 2px; background-color: #69AEB6; border-radius: 50%; }

.contact .contact-inner .contact-box .shop-info .reserve-btn { display: inline-block; font-weight: bold; border-bottom: solid 1px #69AEB6; }

.contact .contact-inner .contact-box .shop-info .reserve-btn::after { display: inline-block; content: ""; width: 6px; height: 6px; margin-left: 24px; margin-bottom: 2px; border-top: 1px solid #151515; border-right: 1px solid #151515; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.contact .contact-inner .contact-box.marichi-circus .shop-name { color: #C1424B; }

.contact .contact-inner .contact-box.marichi-circus .reserve-btn { border-color: #C1424B; }

.contact .contact-inner .contact-box.marichi-circus .tel-num img { background-color: #C1424B; }

.contact .contact-inner .contact-box.marichi-cafe .shop-name { color: #7EACDC; }

.contact .contact-inner .contact-box.marichi-cafe .reserve-btn { border-color: #7EACDC; }

.contact .contact-inner .contact-box.marichi-cafe .tel-num img { background-color: #7EACDC; }

.contact .contact-inner .contact-box.marichi-flowers .shop-name, .contact .contact-inner .contact-box.marichi-flowers-dry-flower .shop-name { color: #E7B35B; }

.contact .contact-inner .contact-box.marichi-flowers .reserve-btn, .contact .contact-inner .contact-box.marichi-flowers-dry-flower .reserve-btn { border-color: #E7B35B; }

.contact .contact-inner .contact-box.marichi-flowers .tel-num img, .contact .contact-inner .contact-box.marichi-flowers-dry-flower .tel-num img { background-color: #E7B35B; }

.contact .contact-inner .contact-box.marichi-flowers-dry-flower .shop-name { font-size: 16px; }

.contact .contact-inner .contact-box.marichi-rita .shop-name { color: #899E99; }

.contact .contact-inner .contact-box.marichi-rita .reserve-btn { border-color: #899E99; }

.contact .contact-inner .contact-box.marichi-rita .tel-num img { background-color: #899E99; }

.contact .contact-inner .contact-box.marichi-lei .shop-name { color: #ED8933; }

.contact .contact-inner .contact-box.marichi-lei .reserve-btn { border-color: #ED8933; }

.contact .contact-inner .contact-box.marichi-lei .shop-logo img { width: 80%; }

.contact .contact-inner .contact-box.marichi-lei .tel-num img { background-color: #ED8933; }

.contact .contact-inner .contact-box.ousama-no-hirune .shop-name { color: #604D3F; }

.contact .contact-inner .contact-box.ousama-no-hirune .reserve-btn { border-color: #604D3F; }

.contact .contact-inner .contact-box.ousama-no-hirune .shop-logo img { width: 70%; }

.contact .contact-inner .contact-box.ousama-no-hirune .tel-num img { background-color: #604D3F; }

.contact .contact-inner .contact-box.marichi-luana .shop-name { color: #F5B087; }

.contact .contact-inner .contact-box.marichi-luana .reserve-btn { border-color: #F5B087; }

.contact .contact-inner .contact-box.marichi-luana .tel-num img { background-color: #F5B087; }

.contact .contact-inner .contact-box.flowers-hanare .shop-name { color: #E07870; }

.contact .contact-inner .contact-box.flowers-hanare .reserve-btn { border-color: #E07870; }

.contact .contact-inner .contact-box.flowers-hanare .shop-logo img { width: 55%; }

.contact .contact-inner .contact-box.flowers-hanare .tel-num img { background-color: #E07870; }

.contact .contact-btn { font-family: "ヒラギノ角ゴ ProN W4", sans-serif; font-weight: bold; }

.contact .contact-btn img { width: 30px; margin-right: 12px; }

.page-contact .contact-inner { margin-top: 50px; }

/*------------------------------------ メールフォーム ------------------------------------*/
@media only screen and (max-width: 1324px) { .mail-form .inner-wide { width: 90%; } }

.mail-form .contact-lead { padding-bottom: 38px; text-align: center; line-height: 1.8em; border-bottom: solid 2px #eee; }

.mail-form .contact-form { width: 1000px; margin: 122px auto 0; }

@media only screen and (max-width: 1324px) { .mail-form .contact-form { width: 100%; max-width: 1000px; } }

.mail-form .contact-form form { width: 100%; }

.mail-form .contact-form dt { width: 30%; margin-bottom: 24px; font-weight: bold; }

@media only screen and (max-width: 990px) { .mail-form .contact-form dt { width: 35%; } }

@media only screen and (max-width: 760px) { .mail-form .contact-form dt { width: 100%; } }

.mail-form .contact-form dt .required, .mail-form .contact-form dt .optional { margin-left: 8px; padding: 2px; font-size: 13px; border-radius: 2px; }

@media only screen and (max-width: 760px) { .mail-form .contact-form dt .required, .mail-form .contact-form dt .optional { padding: 2px 4px; font-size: 12px; } }

.mail-form .contact-form dt .required { color: #fff; background-color: #69AEB6; }

.mail-form .contact-form dt .optional { color: #69AEB6; border: solid 1px #69AEB6; }

.mail-form .contact-form dd { width: 70%; margin-bottom: 24px; }

@media only screen and (max-width: 990px) { .mail-form .contact-form dd { width: 65%; } }

@media only screen and (max-width: 760px) { .mail-form .contact-form dd { width: 100%; } }

.mail-form .contact-form dd input[type=text], .mail-form .contact-form dd input[type=tel], .mail-form .contact-form dd input[type=email], .mail-form .contact-form dd textarea { padding: 16px 18px; font-size: 14px; background-color: #eee; border-radius: 8px; border: solid 2px #eee; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mail-form .contact-form dd input[type=text]::-webkit-input-placeholder, .mail-form .contact-form dd input[type=tel]::-webkit-input-placeholder, .mail-form .contact-form dd input[type=email]::-webkit-input-placeholder, .mail-form .contact-form dd textarea::-webkit-input-placeholder { color: #ccc; font-family: "ヒラギノ角ゴ ProN W3", sans-serif; }

.mail-form .contact-form dd input[type=text]:-ms-input-placeholder, .mail-form .contact-form dd input[type=tel]:-ms-input-placeholder, .mail-form .contact-form dd input[type=email]:-ms-input-placeholder, .mail-form .contact-form dd textarea:-ms-input-placeholder { color: #ccc; font-family: "ヒラギノ角ゴ ProN W3", sans-serif; }

.mail-form .contact-form dd input[type=text]::-ms-input-placeholder, .mail-form .contact-form dd input[type=tel]::-ms-input-placeholder, .mail-form .contact-form dd input[type=email]::-ms-input-placeholder, .mail-form .contact-form dd textarea::-ms-input-placeholder { color: #ccc; font-family: "ヒラギノ角ゴ ProN W3", sans-serif; }

.mail-form .contact-form dd input[type=text]::placeholder, .mail-form .contact-form dd input[type=tel]::placeholder, .mail-form .contact-form dd input[type=email]::placeholder, .mail-form .contact-form dd textarea::placeholder { color: #ccc; font-family: "ヒラギノ角ゴ ProN W3", sans-serif; }

.mail-form .contact-form dd input[type=text]::-ms-input-placeholder, .mail-form .contact-form dd input[type=tel]::-ms-input-placeholder, .mail-form .contact-form dd input[type=email]::-ms-input-placeholder, .mail-form .contact-form dd textarea::-ms-input-placeholder { color: #ccc; font-family: "ヒラギノ角ゴ ProN W3", sans-serif; }

.mail-form .contact-form dd input[type=text]:focus, .mail-form .contact-form dd input[type=tel]:focus, .mail-form .contact-form dd input[type=email]:focus, .mail-form .contact-form dd textarea:focus { border-color: #ccc; }

.mail-form .contact-form dd input[type=radio] { display: none; }

.mail-form .contact-form dd input[type=text] { width: 302px; margin-left: 5px; }

@media only screen and (max-width: 1324px) { .mail-form .contact-form dd input[type=text] { margin-bottom: 10px; } }

@media only screen and (max-width: 760px) { .mail-form .contact-form dd input[type=text] { width: calc(100% - 3em); } }

.mail-form .contact-form dd input[type=tel] { width: 392px; }

@media only screen and (max-width: 1324px) { .mail-form .contact-form dd input[type=tel] { width: 280px; } }

@media only screen and (max-width: 760px) { .mail-form .contact-form dd input[type=tel] { width: 100%; } }

.mail-form .contact-form dd input[type=email], .mail-form .contact-form dd textarea { width: 100%; }

.mail-form .contact-form dd .radio .wpcf7-list-item-label { font-size: 1em; font-weight: bold; line-height: 1; position: relative; display: block; overflow: hidden; padding: 1em 1em 1em 3em; cursor: pointer; -webkit-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.mail-form .contact-form dd .radio .wpcf7-list-item-label::before { position: absolute; top: 1em; left: 1em; width: 15px; height: 15px; content: ''; border: 1px solid #ccc; border-radius: 50%; -webkit-box-shadow: 0 0 1px 0 #ccc inset; box-shadow: 0 0 1px 0 #ccc inset; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mail-form .contact-form dd .radio .wpcf7-list-item-label::after { position: absolute; top: calc(1em + 3px); left: calc(1em + 3px); width: 9px; height: 9px; content: ''; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mail-form .contact-form dd .radio input[type=radio]:checked + .wpcf7-list-item-label::before { border-color: #69AEB6; }

.mail-form .contact-form dd .radio input[type=radio]:checked + .wpcf7-list-item-label::after { background-color: #69AEB6; }

.mail-form .contact-form .recaptcha { color: #777; font-size: 93%; text-align: center; }

.mail-form .contact-form .recaptcha a { text-decoration: underline; }

.mail-form .contact-form .submit-btn { margin-top: 20px; padding: 0; }

.mail-form .contact-form .submit-btn:hover { opacity: 0.8; }

.mail-form .contact-form .submit-btn input[type=submit] { width: 100%; padding: 12px 0; font-size: 15px; background: none; outline: none; }

.mail-form .contact-form .submit-btn .ajax-loader { position: absolute; top: 12px; left: -40px; margin: 0; }

.mail-form .contact-form .wpcf7 form .wpcf7-response-output { margin: 10px 0 0; text-align: center; border: none; }

.mail-form .contact-form .wpcf7 form.invalid .wpcf7-response-output, .mail-form .contact-form .wpcf7 form.unaccepted .wpcf7-response-output, .mail-form .contact-form .wpcf7 form.sent .wpcf7-response-output { margin: 10px 0 0; text-align: center; border: none; }

.spa-about .spa-lead { margin-bottom: 80px; text-align: center; }

.spa-about .spa-lead p { margin-bottom: 10px; }

.spa-about .about-text { max-width: 800px; margin: 20px auto 30px; text-align: center; }

.spa-about .about-text p { margin-bottom: 10px; }

.spa-about .rec-h3 { margin-top: 50px; font-size: 129%; text-align: center; }

.spa-about .spa-rec-list { width: 250px; margin: 20px auto 30px; text-align: left; }

.spa-about .spa-rec-list li { position: relative; padding-left: 2em; }

.spa-about .spa-rec-list li::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 14px; height: 14px; border: solid 2px #ccc; border-radius: 3px; }

.spa-about .spa-rec-list li::after { content: ''; display: block; position: absolute; top: 4px; left: 3px; width: 10px; height: 5px; border-left: solid 2px #69AEB6; border-bottom: solid 2px #69AEB6; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.spa-about .spa-approach { text-align: center; }

.spa-about .spa-approach span { font-weight: bold; }

.mb-40 { margin-bottom: 40px; }

.indent { margin-left: 1em; }

/* サイトマップ */
.sitemap-ul { width: 60%; height: 500px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: justify; align-content: space-between; }

@media only screen and (max-width: 760px) { .sitemap-ul { height: auto; } }

.sitemap-ul .menu-list { margin-bottom: 40px; font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 400; letter-spacing: 0.1em; }

@media only screen and (max-width: 760px) { .sitemap-ul .menu-list { margin-bottom: 30px; font-size: 18px; } }

.sitemap-ul .menu-list::before { display: inline-block; content: ''; width: 12px; height: 2px; margin-right: 10px; margin-bottom: 6px; border-top: solid 2px #69AEB6; }

.sitemap-ul .menu-list span { display: block; margin-left: 22px; font-size: 13px; font-family: "ヒラギノ角ゴ ProN W3", sans-serif; font-weight: 400; letter-spacing: 0.06em; }