@charset "UTF-8";
  html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 0.89em;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0; white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}  .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
body,
button,
input,
select,
textarea {
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 16px;
font-weight: normal;
letter-spacing: 0;
line-height: 1.75;
color: #222;
background-color: #fefefe;
}
body {
margin: 0;
overflow-x: hidden;
}
button,
input,
select,
textarea {
width: 100%;
padding: 0.4em 0.6em 0.26em;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer;
}
p, h1, h2, h3, h4, h5, h6 {
margin: 0;
}
a {
text-decoration: none;
}
.link {
display: inline-block;
color: #1976d2;
text-decoration: underline;
}
.link-bk {
color: #222;
}
.link-w {
color: #fff;
}
.clearfix::after {
content: '';
display: block;
clear: both;
} .lazyload {
opacity: 0;
}
.lazyloaded {
opacity: 1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
} main {
position: relative;
padding: 0;
margin: 0;
background: #fefefe;
}
h1 {
font-size: 1.62em;
margin: 0;
}
h2 {
font-weight: normal;
font-size: 1.3em;
margin: 0;
}
h3, h4, h5, h6 {
font-weight: normal;
font-size: 1.1em;
margin: 0;
}
p, a, sub, strong {
margin: 0;
}
ul, ol {
padding: 0;
margin: 0;
}
li {
display: block;
padding: 0;
margin: 0;
}
dl, dt, dd {
padding: 0;
margin: 0;
}
hr {
clear: both;
border: none;
border-top: 1px solid #ccc;
padding: 0 0 1.6em;
margin: 1.6em 0 0;
}
.select-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
} input,
select,
textarea {
background: #fdfdfc;
border: 2px solid #aaa;
border-radius: 4px;
}
#my-responsive-state {
float: none;
}
.ta_c {
text-align: center;
}
.bold {
font-size: 1.03em;
font-weight: bold;
letter-spacing: 0.03em;
}
a .link-text,
a .link-ext-article {
color: #1976d2;
text-decoration: underline;
}
.ellipsis {
display: block !important;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.anchor {
position: relative;
margin: -3.2em 0 0;
padding: 3.2em 0 0;
z-index: -100;
pointer-events: none;
}
br.sp-on {
display: none;
}
.main-content {
width: 100%;
margin: 0 auto 0;
overflow: hidden;
}
main.site-main {
width: 100%;
}
.tac {
text-align: center;
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 200;
background: #aaa;
}
.header .menu_icon {
position: fixed;
top: 1em;
right: 1em;
width: 3em;
height: 3em;
cursor: pointer;
background: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/menuicon.svg) no-repeat scroll center bottom/contain; }
.header ._overlay {
position: fixed;
width: 100%;
height: 100vh;
left: 0;
top: 0;
z-index: -1;
background: rgba(250, 250, 240, 0.45);
-webkit-transition: all 0.4s;
transition: all 0.4s;
visibility: hidden;
opacity: 0;
}
.header.open ._overlay {
visibility: visible;
opacity: 1;
}
.main_nav {
position: fixed;
width: 100%;
max-width: 20em;
right: 0;
top: 0;
height: 100vh;
padding: 6em 0.6em 1em;
background: #f1cdb8;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.34s all;
transition: 0.34s all;
z-index: -1;
}
.main_nav .navi_menu li {
margin-top: 0.6em;
}
.main_nav .navi_menu li a {
display: block;
font-size: 1.3em;
color: #222;
padding: 0.3em 1em;
line-height: 1.4;
}
.header.open .main_nav {
display: block;
-webkit-transform: translateX(0);
transform: translateX(0);
}
#footer {
position: relative;
text-align: center;
background: #7f4f21;
padding: 1.6em 0.3em;
}
#footer small {
display: block;
color: #fff;
font-size: 0.8em;
line-height: 1.5;
} #to-top {
display: block;
text-align: center;
}
#to-top p {
position: relative;
display: inline-block;
color: #fff;
background-color: #e5a17a;
padding: 2em 0 0;
}
#to-top p::after {
position: absolute;
content: '';
left: 50%;
top: 1em;
width: 1.25em;
height: 1.25em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: translateX(-50%) rotate(-45deg);
transform: translateX(-50%) rotate(-45deg);
}
#to-top p span {
font-size: 0.89em;
}
#footer .debugger {
position: fixed;
left: 3px;
bottom: 3.6em;
width: 1.6em;
height: 1em;
z-index: 999;
}
#footer .debugger::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
border: 2px solid #789;
border-radius: 0.5em;
}
#footer .debugger::after {
position: absolute;
content: '';
left: 0.15em;
top: 0.15em;
width: 0.7em;
height: 0.7em;
background: #789;
border-radius: 0.25em;
}
._guided #footer .debugger::after {
left: auto;
right: 0.15em;
background: #7bc;
}
input[type="button"],
input[type="submit"],
button,
.button-style {
position: relative;
display: inline-block;
width: 10em;
max-width: 100%;
font-size: 1em;
font-weight: bold;
letter-spacing: 0.05em;
line-height: 2;
color: #fff;
text-align: center;
background: #e5a17a;
border: none;
padding: 0;
margin: 0.6em auto 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
@media (max-width: 28rem) {
input[type="button"],
input[type="submit"],
button,
.button-style {
width: 12em;
}
}
input[type="button"].more,
input[type="submit"].more,
button.more,
.button-style.more {
margin-top: 1.6em;
margin-bottom: 0.3em;
}
.post .thumbnail-box img {
width: 100%;
height: auto;
}
.entry {
padding: 0 0 4em;
margin: 1em 0 0;
}
.message-box {
margin: 4em auto 0;
}
#not-found .post .inner,
#search .post .inner {
max-width: 50em;
}
.searchform label,
.searchform input[type="submit"] {
margin-top: 1.6em;
}
ul.search-list {
margin: 2.6em 0;
padding: 0;
list-style: none;
}
ul.search-list li {
margin: 1.3em 0 0;
padding: 0 0 1.3em;
border-bottom: 1px solid #ccc;
}
ul.search-list li h2 {
color: #1976d2;
margin: 0;
}
ul.search-list li p {
color: #1976d2;
margin: 0;
}
ul.search-list li mark {
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff799));
background: -webkit-linear-gradient(transparent 0%, #fff799);
background: linear-gradient(transparent 0%, #fff799);
}
.home-content,
.page-content,
.post-content {
margin: 3.2em 0 0;
}
section,
article {
position: relative;
width: 100%;
}
section h1,
article h1 {
font-size: 1.62em;
margin: 1em 0 0;
}
section ._inner,
article ._inner {
max-width: 70em;
padding: 0 0.6em;
margin: 2.6em auto;
}
@media (max-width: 46rem) {
section ._inner,
article ._inner {
margin: 1.6em auto;
}
}
.section-box {
padding: 0 1.6em 0;
}
@media (max-width: 46rem) {
.section-box {
padding: 0 0.8em 0;
}
}
.top-page section {
overflow: hidden;
}
.gmap-wrapper {
position: relative;
width: 100%;
height: 0;
padding: 0 0 60vh;
border: none;
}
.gmap-wrapper iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.navigation {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 0.6em 0;
margin: 1.6em 0 0;
}
.navigation .previous-entries a,
.navigation .next-entries a {
position: relative;
font-size: 0.89em;
color: #1976d2;
text-decoration: underline;
padding: 1em 1.6em;
}
.navigation .previous-entries a {
float: left;
width: 50%;
}
.navigation .next-entries a {
float: right;
width: 50%;
}
.navigation .previous-entries a::after {
position: absolute;
content: '';
width: 0;
height: 0;
left: 0;
top: calc(50% - 0.5em);
border-top: 0.6em solid transparent;
border-right: 0.6em solid #ccc;
border-bottom: 0.6em solid transparent;
}
.navigation .next-entries a::after {
position: absolute;
content: '';
width: 0;
height: 0;
right: 0;
top: calc(50% - 0.5em);
border-left: 0.6em solid #ccc;
border-top: 0.6em solid transparent;
border-bottom: 0.6em solid transparent;
}
.navigation .previous-entries a::before {
position: absolute;
content: '';
width: 1px;
height: 100%;
top: 0;
right: -1px;
background: #ccc;
}
.navigation .next-entries a::before {
position: absolute;
content: '';
width: 1px;
height: 100%;
top: 0;
left: -1px;
background: #ccc;
} @media screen and (max-width: 60rem) {
#my-responsive-state {
float: left;
}
.main-content {
display: block;
}
main.site-main {
width: 100%;
}
} @media screen and (max-width: 46rem) {
#my-responsive-state {
float: right;
}
br.sp-on {
display: block;
}
#main-nav {
right: 0;
width: 100%;
}
#main-nav > ul {
width: 100%;
}
#footer .inner {
padding: 1em 0.8em;
}
#to-top {
margin-right: 0.8em;
}
main.site-main {
padding: 0;
}
section h1 {
font-size: 1.3em;
}
}
#pagination {
margin: 1.6em 0 2.6em;
}
#pagination .page-numbers {
display: inline-block;
font-size: 0.89em;
min-width: 2.6em;
line-height: 3.38em;
text-align: center;
color: #fff;
padding: 0 0.3em;
border: 2px solid #ff9901;
background: #ff9901;
}
#pagination .page-numbers.dots {
color: #ff9901;
background: transparent;
font-weight: bold;
border: none;
}
#pagination .page-numbers.current {
color: #ff9901;
background: #fefefe;
}
#pagination .page-numbers.prev {
border-radius: 12px 0 0 12px;
}
#pagination .page-numbers.next {
border-radius: 0 12px 12px 0;
}
.slick-slider .slick-track, .slick-slider .slick-list {
position: absolute;
width: 100%;
height: 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.top_slider ._item {
position: relative;
}
.top_slider ._item ._photo {
width: 100%;
height: 100%;
background: none no-repeat scroll center center / cover;
}
.top_slider ._item ._photo._photo1 {
background-image: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/top-1.jpg);
}
.top_slider ._item ._photo._photo2 {
background-image: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/top-2.jpg);
}
.top_slider ._item ._photo._photo3 {
background-image: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/top-3.jpg);
}
.slick_prev,
.slick_next {
font-size: 18px;
font-size: 1.8rem;
width: 40px;
height: 40px;
line-height: 40px;
} .slick-slider {
width: 100%;
height: 100%;
margin: 0;
}
.slick-dots {
position: absolute;
display: block;
bottom: -2.6em;
width: 110%;
left: -5%;
padding: 0;
list-style: none;
text-align: center;
z-index: 1;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 1em;
min-width: 10%;
height: 1em;
margin: 0;
padding: 0;
}
.slick-dots li button {
display: block;
width: 100%;
min-width: 1em;
height: 1em;
padding: 0;
margin: 0;
color: transparent;
border: 0;
outline: none;
background: transparent;
cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
background-color: #ff9901;
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
content: '';
top: 50%;
left: 50%;
width: 0.75em;
height: 0.75em;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
opacity: .25;
background-color: #888;
border-radius: 50%;
}
.slick-dots li.slick-active button:before {
opacity: .75;
background-color: #ff9901;
}
.slick-dots li button.thumbnail img {
width: 0;
height: 0;
}
.post-title-box .date {
color: #888;
font-size: 0.89em;
text-align: right;
}
.wp-article .entry img {
max-width: 100%;
height: auto;
}
.wp-article .entry img.size-full {
width: 100%;
}
.wp-article .entry img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
.wp-article .entry img.alignright {
float: right;
margin: 0 0 1em 1em;
}
@media (max-width: 28rem) {
body {
font-size: 15px;
}
}
.slider-loader {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity 1s;
transition: opacity 1s;
}
.slider-loader.hidden {
opacity: 0;
}
.arrow {
position: absolute;
display: block;
width: 2.6em;
height: 2.6em;
top: 50%;
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
z-index: 1;
font-size: 1.6em;
}
@media (max-width: 46rem) {
.arrow {
-webkit-transform: translateY(10%);
transform: translateY(10%);
font-size: 1em;
}
}
.arrow.arrow-left {
right: -5%;
}
.arrow.arrow-right {
left: -5%;
}
.arrow::before,
.arrow::after {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
vertical-align: middle;
}
.arrow-right::before {
right: 0;
width: 60%;
height: 0.25em;
background: #b4ea3d;
}
.arrow-right::after {
right: 0;
width: 50%;
height: 50%;
border-top: 0.25em solid #b4ea3d;
border-right: 0.25em solid #b4ea3d;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.arrow-left::before {
left: 0;
width: 60%;
height: 0.25em;
background: #b4ea3d;
}
.arrow-left::after {
left: 0;
width: 50%;
height: 50%;
border-bottom: 0.25em solid #b4ea3d;
border-left: 0.25em solid #b4ea3d;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
._tal {
text-align: left;
}
.form {
margin: 1em 0;
}
.form ._tal {
padding-left: 0.3em;
}
.form label.required::after {
content: '(必須)';
color: #f01030;
margin-left: 0.6em;
}
.form .button_div {
margin-top: 1em;
text-align: right;
}
.form .forgot {
display: block;
text-align: right;
}
.lh-n1 {
max-width: 38.75556em;
margin: 0 auto;
}
.lh-n2 {
max-width: 37.37143em;
margin: 0 auto;
}
.lh-n3 {
max-width: 34.88em;
margin: 0 auto;
}
.lh-n4 {
max-width: 29.06667em;
margin: 0 auto;
}
.lh-inner {
width: 100%;
padding: 0 1.6em;
}
.bg_paper {
background: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/bg_paper.jpg) repeat scroll center center/100% auto;
}
.bg_white {
background: #fefefe;
}
#top {
position: relative;
}
#top ._slider {
position: relative;
height: 100vh;
overflow: hidden;
}
@media (max-width: 64rem) {
#top ._slider {
height: 60vh;
}
}
#top ._logo {
position: absolute;
width: 30%;
max-width: 16em;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#top ._logo img {
width: 100%;
height: auto;
}
#top ._title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: auto;
overflow: hidden;
}
@media (max-width: 64rem) {
#top ._title {
height: 40vh;
max-height: 20em;
}
}
.paper_box {
padding: 2em 0.3em;
text-align: center;
}
.paper_box h1 {
position: relative;
font-size: 2em;
margin: 0 0 1em;
padding-left: 1em;
}
@media (max-width: 46rem) {
.paper_box h1 {
font-size: 1.6em;
}
}
.paper_box h1::before {
position: absolute;
content: '';
left: 0;
top: 50%;
width: 1em;
height: 1em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/chr_spa.svg) no-repeat scroll center center/cover;
}
.paper_box p {
font-size: 1.2em;
line-height: 2.6;
}
@media (max-width: 46rem) {
.paper_box p {
font-size: 1em;
}
}
.top_map {
width: 100%;
overflow: hidden;
}
.top_map ._list {
max-width: 50em;
margin: 0.6em auto 2em;
}
.top_map ._list ._name_list {
padding: 0;
line-height: 2;
margin: 0.6em 0 0;
padding-left: 1.6em;
}
.top_map ._list ._name_list li {
position: relative;
padding: 0 0 0 2em;
}
.top_map ._list ._name_list li::before {
position: absolute;
content: '';
width: 0.3em;
height: 0.3em;
background: #a48b78;
border-radius: 100%;
left: 1em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.map_box {
width: 100%;
background: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/bg_map.jpg) no-repeat scroll center center/cover;
overflow: hidden;
}
.map_box ._aspect {
position: relative;
width: 100%;
max-width: 28em;
margin: 0 auto;
}
@media (max-width: 46rem) {
.map_box ._aspect {
padding-bottom: 25%;
}
}
.map_box ._jp {
position: relative;
width: 120%;
height: 0;
padding: 0 0 120%;
margin: -10% -5% 0;
background: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/map_jp.svg) no-repeat scroll center bottom/100% 100%;
}
.map_box ._figure {
position: absolute;
bottom: 0;
right: -40%;
width: 55%;
height: 0;
padding: 0 0 55%;
background: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/kimono.png) no-repeat scroll center bottom/100% 100%;
}
@media (max-width: 46rem) {
.map_box ._figure {
right: 0;
width: 50%;
padding: 0 0 50%;
}
}
.map_box ._logo {
position: absolute;
left: 37%;
top: 36%;
width: 25%;
height: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.map_box ._logo img {
display: block;
width: 100%;
height: auto;
}
.map_box ._areas {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
font-size: 0.7em;
}
.map_box ._areas ._item {
position: absolute;
margin: -1em 0 0 -1em;
}
.map_box ._areas ._item ._name {
height: 83%;
}
.map_box ._areas ._item.kawanaka {
left: 67%;
top: 62%;
}
.map_box ._areas ._item.ryujin {
left: 48%;
top: 80%;
}
.map_box ._areas ._item.kawanaka .spa_area_name, .map_box ._areas ._item.ryujin .spa_area_name {
padding-left: 0;
}
.map_box ._areas ._item.kawanaka .spa_area_name::after, .map_box ._areas ._item.ryujin .spa_area_name::after {
top: 170%;
}
.map_box ._areas ._item.yunokawa {
left: 32%;
top: 67%;
}
.sub_map {
width: 100%;
}
.sub_map ._title_box {
overflow: hidden;
}
.sub_map ._title_box ._inner {
text-align: center;
}
.sub_map ._title_box ._title {
text-align: center;
margin: 0;
}
.sub_map ._title_box ._text {
max-width: 45em;
margin: 0.6em auto;
text-align: left;
}
@media (max-width: 28rem) {
.sub_map ._title_box ._inner {
margin: 1em auto;
}
.sub_map ._title_box .spa_area_name {
font-size: 0.75em;
}
}
.sub_map .map_box ._aspect ._jp {
margin-top: -13%;
}
.top_pink_head {
font-size: 1.3em;
line-height: 1.5;
text-align: center;
padding: 0.5em;
background: #f1cdb8;
}
.top_goods {
width: 100%;
}
.top_goods ._head {
padding: 4em 0.6em;
}
@media (max-width: 28rem) {
.top_goods ._head {
padding: 2em 0.6em;
}
}
.top_goods ._head ._box {
max-width: 46em;
margin: 0 auto;
text-align: center;
}
.top_goods ._head ._texts {
line-height: 2.6;
padding: 1em 0.6em 0;
}
@media (max-width: 28rem) {
.top_goods ._head ._texts {
font-size: 0.9em;
}
}
.top_goods ._proc h3 {
position: relative;
display: inline-block;
}
.top_goods ._proc h3._spa {
padding-right: 1.1em;
}
.top_goods ._proc h3._spa::after {
position: absolute;
content: '';
right: 0;
top: 50%;
width: 1em;
height: 1em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/chr_spa.svg) no-repeat scroll center center/cover;
}
.top_goods ._proc ._item {
position: relative;
padding: 0 0 3em;
}
.top_goods ._proc ._item::before {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 100%;
height: 3em;
background: #f1cdb8;
}
.top_goods ._proc ._item::after {
position: absolute;
content: '';
left: 50%;
bottom: 1em;
width: 0;
height: 0;
margin-left: -0.8em;
border-style: solid;
border-width: 1em 0.7em 0 0.7em;
border-color: #222 transparent transparent transparent;
}
.top_goods ._proc ._item:last-of-type {
padding-bottom: 0;
}
.top_goods ._proc ._item:last-of-type::before, .top_goods ._proc ._item:last-of-type::after {
content: none;
}
.top_goods ._proc ._item ._box {
width: 94%;
max-width: 70em;
padding: 1em 0;
margin: 0 auto;
text-align: center;
}
.top_goods ._proc ._item ._box h3 {
font-size: 1.3em;
}
.goods_image_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 40em;
margin: 1em auto 0;
}
.goods_image_box ._boxes {
width: 67%;
height: 0;
padding: 0 0 40%;
background: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/boxes.png) no-repeat scroll center bottom/contain;
}
.goods_image_box ._certificate {
width: 30%;
height: 0;
padding: 0 0 40%;
margin: 0 0 0 3%;
background: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/certificate.png) no-repeat scroll center bottom/contain;
}
.top_spas ._list_box,
.spa_others ._list_box {
overflow: hidden;
}
.spa_area_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 94%;
max-width: 70em;
margin: 1.6em auto;
text-align: center;
}
@media (max-width: 56rem) {
.spa_area_list {
display: block;
padding: 0 1em;
}
}
@media (max-width: 28rem) {
.spa_area_list {
padding: 0;
}
}
.spa_others .spa_area_list {
max-width: 46em;
}
.spa_area_item {
position: relative;
width: 32%;
margin: 1em 1%;
-webkit-filter: drop-shadow(3px 4px 4px rgba(0, 0, 0, 0.2));
filter: drop-shadow(3px 4px 4px rgba(0, 0, 0, 0.2));
}
@media (max-width: 56rem) {
.spa_area_item {
width: 100%;
max-width: 30em;
margin: 1em auto;
}
}
.spa_area_item ._box {
padding: 1em 1.6em;
background: #fefefe;
-webkit-mask-image: -webkit-linear-gradient(45deg, transparent 0, #333 0), -webkit-linear-gradient(315deg, transparent 1.6em, #333 1.6em), -webkit-linear-gradient(225deg, transparent 0, #333 0), -webkit-linear-gradient(135deg, transparent 1.6em, #333 1.6em);
mask-image: linear-gradient(45deg, transparent 0, #333 0), linear-gradient(135deg, transparent 1.6em, #333 1.6em), linear-gradient(225deg, transparent 0, #333 0), linear-gradient(315deg, transparent 1.6em, #333 1.6em);
-webkit-mask-position: 0 100%, 0 0, 100% 0, 100% 100%;
mask-position: 0 100%, 0 0, 100% 0, 100% 100%;
-webkit-mask-size: 55% 55%;
mask-size: 55% 55%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.spa_area_item ._title {
font-size: 1.3em;
text-align: center;
margin-top: 0.3em;
}
.spa_area_item ._photo {
width: 100%;
height: 0;
padding: 0 0 66.6%;
margin-top: 0.3em;
background: none no-repeat scroll center center / cover;
}
.spa_area_item ._text {
text-align: left;
line-height: 1.5;
padding: 0.6em 0;
margin-top: 0.3em;
}
.spa_others .spa_area_item {
width: 48%;
}
@media (max-width: 46rem) {
.spa_others .spa_area_item {
width: 100%;
}
}
.spa_list_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 46em;
margin: 0 auto;
}
.spa_list_box ._item {
width: 33.33%;
margin: 1em 0;
}
@media (max-width: 46rem) {
.spa_list_box {
display: block;
max-width: 15em;
}
.spa_list_box ._item {
width: 100%;
}
}
.spa_area_name {
position: relative;
display: inline-block;
height: 1.6em;
font-size: 1em;
padding-left: 3em;
}
.spa_area_name img {
display: inline-block;
height: 1.3em;
width: auto;
vertical-align: middle;
}
.spa_area_name::after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 2.6em;
height: 100%;
}
.spa_area_name._color.kawanaka::after {
position: absolute;
content: '';
left: 0;
top: 60%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2.6em;
height: 2.6em;
background: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/icon_spa.png) no-repeat scroll 0% 0%/1100% 100%;
background-position: 0% 0%;
}
.spa_area_name._color.ryujin::after {
position: absolute;
content: '';
left: 0;
top: 60%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2.6em;
height: 2.6em;
background: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/icon_spa.png) no-repeat scroll 0% 0%/1100% 100%;
background-position: 10% 0%;
}
.spa_area_name._color.yunokawa::after {
position: absolute;
content: '';
left: 0;
top: 60%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2.6em;
height: 2.6em;
background: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/icon_spa.png) no-repeat scroll 0% 0%/1100% 100%;
background-position: 20% 0%;
}
.spa_area_name._white.kawanaka::after {
position: absolute;
content: '';
left: 0;
top: 60%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2.6em;
height: 2.6em;
background: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/icon_spa.png) no-repeat scroll 0% 0%/1100% 100%;
background-position: 30% 0%;
}
.spa_area_name._white.ryujin::after {
position: absolute;
content: '';
left: 0;
top: 60%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2.6em;
height: 2.6em;
background: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/icon_spa.png) no-repeat scroll 0% 0%/1100% 100%;
background-position: 40% 0%;
}
.spa_area_name._white.yunokawa::after {
position: absolute;
content: '';
left: 0;
top: 60%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2.6em;
height: 2.6em;
background: url(//3bijin.jp/wp/wp-content/themes/bijinspa/images/icon_spa.png) no-repeat scroll 0% 0%/1100% 100%;
background-position: 50% 0%;
}
.box_shadow {
-webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
}
.spa_card_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 52em;
padding: 0;
margin: 1em auto 0;
}
@media (max-width: 46rem) {
.spa_card_list {
display: block;
max-width: 18em;
padding: 0 1em;
margin: 1.6em auto 0;
}
}
.spa_card_list .spa_card_item {
width: 32%;
margin: 1em 1%;
padding: 0;
}
@media (max-width: 46rem) {
.spa_card_list .spa_card_item {
width: 100%;
}
}
.spa_card_list .spa_card_item > img {
display: block;
width: 98%;
height: auto;
margin: 0 auto;
}
.spa_card_list .spa_card_item .spa_area_name {
margin: 0.6em 0 0;
}
.page_spa ._list {
max-width: 42em;
margin: 0 auto;
}
.spa_info_list {
width: 100%;
padding: 2.6em;
}
@media (max-width: 46rem) {
.spa_info_list {
padding: 1.6em 1em;
}
}
.spa_info_list ._item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #fefefe;
padding: 0.6em;
margin-bottom: 1em;
}
.spa_info_list ._item ._img_box {
width: 46%;
height: 0;
padding: 0 0 36%;
margin: 0 3% 0 0;
background: none no-repeat scroll center center / cover;
}
.spa_info_list ._item ._info_box {
position: relative;
width: 51%;
padding: 0 0 2.6em 0;
}
.spa_info_list ._item ._info_box ._info {
font-size: 0.89em;
line-height: 1.5;
margin-top: 0.6em;
}
.spa_info_list ._item ._info_box ._info dt {
font-weight: normal;
float: left;
clear: left;
width: 4.2em;
text-align: right;
padding: 0.3em 0;
}
.spa_info_list ._item ._info_box ._info dt::after {
content: '：';
}
.spa_info_list ._item ._info_box ._info dd {
margin-left: 4.2em;
padding: 0.3em 0;
}
.spa_info_list ._item ._info_box ._info dd a {
color: #222;
}
.spa_info_list ._item ._info_box .button-style {
position: absolute;
width: 60%;
min-width: 9em;
left: 0;
bottom: 0;
margin: 0;
}
@media (max-width: 46rem) {
.spa_info_list ._item {
display: block;
padding: 1em;
}
.spa_info_list ._item ._img_box {
width: 100%;
padding: 0 0 66%;
margin: 0;
}
.spa_info_list ._item ._info_box {
width: 100%;
}
.spa_info_list ._item ._info_box ._info {
margin-left: 1em;
}
.spa_info_list ._item ._info_box .button-style {
width: 100%;
}
}