@charset "UTF-8";
@charset "UTF-8";
@charset 'UTF-8';
.slick-slider
{
position: relative;
display: block;
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);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-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;
}
 .slick-loading .slick-list
{
background: #fff url(https://shikinail.jp/wp-content/themes/shiki_nail/js/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://shikinail.jp/wp-content/themes/shiki_nail/js/slick/fonts/slick.eot);
src: url(https://shikinail.jp/wp-content/themes/shiki_nail/js/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://shikinail.jp/wp-content/themes/shiki_nail/js/slick/fonts/slick.woff) format('woff'), url(https://shikinail.jp/wp-content/themes/shiki_nail/js/slick/fonts/slick.ttf) format('truetype'), url(https://shikinail.jp/wp-content/themes/shiki_nail/js/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -40px;
top: 38%;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -40px;
top: 38%;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}

.chromeperfectpixel-portal img {
width: 100% !important;
height: auto !important;
}
@media screen and (max-width: 768px) {
header	.nav .service {
display:block;
}
}
.chromeperfectpixel-portal img {
width: 100% !important;
height: auto !important;
} @-webkit-keyframes menu1In {
0% {
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
50% {
-webkit-transform: translateY(5px) rotate(0);
transform: translateY(5px) rotate(0);
}
100% {
-webkit-transform: translateY(5px) rotate(-45deg);
transform: translateY(5px) rotate(-45deg);
}
}
@keyframes menu1In {
0% {
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
50% {
-webkit-transform: translateY(5px) rotate(0);
transform: translateY(5px) rotate(0);
}
100% {
-webkit-transform: translateY(5px) rotate(-45deg);
transform: translateY(5px) rotate(-45deg);
}
}
@-webkit-keyframes menu1Out {
0% {
-webkit-transform: translateY(5px) rotate(-45deg);
transform: translateY(5px) rotate(-45deg);
}
50% {
-webkit-transform: translateY(5px) rotate(0);
transform: translateY(5px) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
}
@keyframes menu1Out {
0% {
-webkit-transform: translateY(5px) rotate(-45deg);
transform: translateY(5px) rotate(-45deg);
}
50% {
-webkit-transform: translateY(5px) rotate(0);
transform: translateY(5px) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
}
@-webkit-keyframes menu3In {
0% {
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
50% {
-webkit-transform: translateY(-5px) rotate(0);
transform: translateY(-5px) rotate(0);
}
100% {
-webkit-transform: translateY(-5px) rotate(45deg);
transform: translateY(-5px) rotate(45deg);
}
}
@keyframes menu3In {
0% {
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
50% {
-webkit-transform: translateY(-5px) rotate(0);
transform: translateY(-5px) rotate(0);
}
100% {
-webkit-transform: translateY(-5px) rotate(45deg);
transform: translateY(-5px) rotate(45deg);
}
}
@-webkit-keyframes menu3Out {
0% {
-webkit-transform: translateY(-5px) rotate(45deg);
transform: translateY(-5px) rotate(45deg);
}
50% {
-webkit-transform: translateY(-5px) rotate(0);
transform: translateY(-5px) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
}
@keyframes menu3Out {
0% {
-webkit-transform: translateY(-5px) rotate(45deg);
transform: translateY(-5px) rotate(45deg);
}
50% {
-webkit-transform: translateY(-5px) rotate(0);
transform: translateY(-5px) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
}
a:link,
a:visited,
a:active,
a:hover { overflow: hidden;
outline: none;
}  *,
*:after,
*:before {
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
} html {
font-size: 62.5%;
overflow-x: hidden;
position: relative;
width: 100%;
}
body {
font-family: 'Noto Sans JP', sans-serif;
color: #4d4d4d;
word-break: break-all;
overflow: hidden;
font-weight: 400;
}
h2 {
margin: 0;
font-weight: normal;
}
p {
margin: 0;
} .clear:before,
.clear:after {
content: ' ';
display: table;
}
.clear:after {
clear: both;
}
.clear {
*zoom: 1;
}
* {
border-box: box-sizing;
}
img {
max-width: 100%;
vertical-align: bottom;
}
a {
color: #444;
text-decoration: none;
}
a:hover {
color: #444;
}
a:focus {
outline: 0;
}
a:hover,
a:active {
outline: 0;
}
input:focus {
outline: 0;
border: 1px solid #04a4cc;
}
ul, li {
list-style-type: none;
margin: 0;
padding: 0;
}
.clear {
clear: both;
}
.clearfix, .box {
min-height: 1px;
}
.clearfix::after, .box::after {
content: ".";
display: block;
*display: block;
clear: both;
height: 0;
visibility: hidden;
}
.box_l {
float: left;
}
.box_r {
float: right;
}
.breadcrumbs {
font-size: 1.2rem;
margin-top: 1.5rem;
}
a.home {
text-decoration: underline;
color: #808080;
}
.br {
font-weight: bold;
letter-spacing: 2px;
}
.pc {
display: block !important;
}
.sp {
display: none !important;
}
@media (max-width: 376px) {
.pc {
display: none !important;
}
.sp {
display: block !important;
}
}  .wrapper {
width: 1300px;
margin: 0 auto;
}
@media (max-width: 376px) {
.wrapper {
width: 375px;
padding: 50px 0 0;
}
}
.inner {
width: 1140px;
margin: 0 auto;
}
@media (max-width: 376px) {
.inner {
width: 100%;
padding: 0 15px;
}
}
@media (max-width: 376px) {
main > .inner {
padding: 0;
}
}
header {
position: relative;
}
@media (max-width: 376px) {
header {
padding-bottom: 0;
background: #fff;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 100;
height: 85px;
}
header .logo {
padding: 3px 0 0;
width: 136px;
}
}
.obj-fit-img img { width: 100%;
object-fit: cover;
font-family: "object-fit: cover;";
}
.h_inner {
float: right;
width: 650px;
height: 145px;
background: #fff; }
@media (max-width: 376px) {
.h_inner {
width: 100%;
height: auto;
}
}
.h_inner .logo {
float: left;
padding: 50px 0 50px 65px;
z-index: 100;
position: relative;
}
@media (max-width: 376px) {
.h_inner .logo {
padding: 26px 0 28px 36px;
}
}
.h_inner .logo.show .cls-1 {
fill: #fff;
}
.h_inner .logo a {
width: 287px;
display: block;
}
@media (max-width: 376px) {
.h_inner .logo a {
width: 173px;
}
}
.headerMenu {
display: block;
top: 35px;
right: 68px;
position: absolute;
z-index: 15;
height: 70px;
width: 50px;
}
@media (max-width: 376px) {
.headerMenu {
top: 20px;
right: 36px;
height: 40px;
width: 40px;
}
}
.headerMenu.is-open .headerMenu_item {
background: #fff;
}
.headerMenu_item {
position: relative;
top: 21px;
left: 8px;
}
.headerMenu_items {
position: relative;
top: 21px;
}
.headerMenu_item {
background: #000;
height: 1px;
width: 30px;
position: absolute;
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-animation-duration: .45s;
animation-duration: .45s;
-webkit-animation-direction: alternate;
animation-direction: alternate;
animation-fill-mode: forwards;
}
@media (max-width: 376px) {
.headerMenu_item {
width: 20px;
}
}
.is-open .headerMenu_item {
background: grey;
top: 20px;
left: 9px;
}
@media (max-width: 376px) {
.is-open .headerMenu_item {
top: 5px;
}
}
.headerMenu_item--1 {
top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
@media (max-width: 376px) {
.headerMenu_item--1 {
top: -11px;
}
}
.is-open .headerMenu_item--1 {
-webkit-animation-name: menu1In;
animation-name: menu1In;
top: 10px;
}
@media (max-width: 376px) {
.is-open .headerMenu_item--1 {
top: -5px !important;
}
}
.is-openOut .headerMenu_item--1 {
-webkit-animation-name: menu1Out;
animation-name: menu1Out;
}
.is-defaultOpen .headerMenu_item--1 {
-webkit-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
.is-scroll .is-defaultOpen .headerMenu_item--1 {
-webkit-animation-name: menu1Out;
animation-name: menu1Out;
}
.headerMenu_item--2 {
width: 28.5px;
top: 15px;
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
@media (max-width: 376px) {
.headerMenu_item--2 {
width: 20px;
top: -1px;
}
}
.is-open .headerMenu_item--2 {
opacity: 0;
-webkit-transition-duration: .25s;
transition-duration: .25s;
-webkit-transition-delay: .1s;
transition-delay: 0.1s;
}
.is-openOut .headerMenu_item--2 {
-webkit-transition-delay: .3s;
transition-delay: 0.3s;
}
.is-defaultOpen .headerMenu_item--2, .is-scroll .is-defaultOpen .headerMenu_item--2 {
opacity: 1;
}
.headerMenu_item--3 {
top: 30px;
}
@media (max-width: 376px) {
.headerMenu_item--3 {
top: 9px;
}
}
.is-open .headerMenu_item--3 {
-webkit-animation-name: menu3In;
animation-name: menu3In;
}
.is-openOut .headerMenu_item--3 {
-webkit-animation-name: menu3Out;
animation-name: menu3Out;
}
.is-defaultOpen .headerMenu_item--3 {
-webkit-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
.is-scroll .is-defaultOpen .headerMenu_item--3 {
-webkit-animation-name: menu3Out;
animation-name: menu3Out;
}
.btn_wrapper {
position: absolute;
right: 10.5%;
top: 18%;
}
@media (max-width: 376px) {
.btn_wrapper {
position: static;
}
}
@media (max-width: 376px) {
.btn_wrapper div:nth-child(2) {
right: 0;
}
}
.btn_wrapper .btn_reserve {
padding: 1rem 2rem;
font-size: 1.5rem;
border-radius: inherit;
border: inherit;
margin: 3% auto;
}
.btn_wrapper .btn_reserve:hover {
cursor: pointer !important;
}
.btn_wrapper .line_reserve {
background-color: #00b900;
}
.btn_wrapper .line_reserve .show_pop1 p {
color: #FFF;
font-size: 1.5rem;
letter-spacing: 5px;
margin: 0 auto;
width: fit-content;
width: -moz-fit-content;
width: -webkit-fit-content;
}
.btn_wrapper .web_reserve {
background-color: #e3bacc;
}
@media (max-width: 376px) {
.btn_wrapper .web_reserve {
left: 50%;
}
}
.btn_wrapper .web_reserve .show_pop2 p {
color: #FFF;
font-size: 1.5rem;
letter-spacing: 5px;
margin: 0 auto;
width: fit-content;
width: -moz-fit-content;
width: -webkit-fit-content;
}
.btn_wrapper .modal_pop1 {
position: fixed;
top: 0;
left: 0;
z-index: 9997 !important;
}
.btn_wrapper .modal_pop1 .line_shop_list {
text-align: center;
background-color: #FFF;
width: 50vw; position: fixed;
left: 50%;
top: 20%;
padding-top: 4%;
transform: translate(-50%, -50%);
z-index: 9999 !important;
}
@media (max-width: 376px) {
.btn_wrapper .modal_pop1 .line_shop_list {
width: 90vw; }
}
.btn_wrapper .modal_pop1 .line_shop_list p {
font-size: 2rem;
font-weight: bold;
color: #00b900;
margin-bottom: 5%;
letter-spacing: 5px;
}
.btn_wrapper .modal_pop1 .line_shop_list a {
margin: 0 2%;
background-color: #00b900;
color: #FFF;
padding: 1rem 2rem;
font-size: 1.5rem;
border-radius: inherit;
border: inherit;
}
@media (max-width: 376px) {
.btn_wrapper .modal_pop1 .line_shop_list a {
display: block;
}
}
@media (max-width: 376px) {
.btn_wrapper .modal_pop1 .line_shop_list a:nth-of-type(1) {
padding: 1rem 2.75rem;
margin: 3% 2%;
}
}
.btn_wrapper .bg1 {
background-color: #1119;
width: 100%;
height: 100%;
position: fixed;
z-index: 9998 !important;
}
.btn_wrapper .modal_pop2 {
position: fixed;
top: 0;
left: 0;
z-index: 9997 !important;
}
.btn_wrapper .modal_pop2 .web_shop_list {
text-align: center;
background-color: #FFF;
width: 50vw; position: fixed;
left: 50%;
top: 20%;
padding-top: 4%;
transform: translate(-50%, -50%);
z-index: 9999 !important;
}
@media (max-width: 376px) {
.btn_wrapper .modal_pop2 .web_shop_list {
width: 90vw; }
}
.btn_wrapper .modal_pop2 .web_shop_list p {
font-size: 2rem;
font-weight: bold;
color: #e3bacc;
margin-bottom: 5%;
letter-spacing: 5px;
}
.btn_wrapper .modal_pop2 .web_shop_list a {
background-color: #e3bacc;
color: #FFF;
padding: 1rem 2rem;
font-size: 1.5rem;
border-radius: inherit;
border: inherit;
margin: 0 2%;
}
@media (max-width: 376px) {
.btn_wrapper .modal_pop2 .web_shop_list a {
display: block;
}
}
@media (max-width: 376px) {
.btn_wrapper .modal_pop2 .web_shop_list a:nth-of-type(1) {
padding: 1rem 2.75rem;
margin: 3% 2%;
}
}
.btn_wrapper .bg2 {
background-color: #1119;
width: 100%;
height: 100%;
position: fixed;
z-index: 9998 !important;
}
@media (max-width: 376px) {
.btn_wrapper .btn_reserve {
width: 50%;
position: fixed;
bottom: -80px;
z-index: 10;
transition: bottom 1000ms;
}
}
@media (max-width: 376px) {
.btn_wrapper .btn_reserve.show {
bottom: 0;
margin-bottom: 0;
}
}
.btn_wrapper .btn_reserve button {
background: #e3bacc;
border: none;
color: #fff;
width: 115%;
height: 35px;
font-size: 14px;
letter-spacing: 6px;
margin: 2% 0;
cursor: pointer;
}
@media (max-width: 376px) {
.btn_wrapper .btn_reserve button {
height: 80px;
margin: 0;
font-size: 20px;
width: 100%;
}
}
.btn_wrapper .btn_reserve .shop_list {
z-index: 999;
position: fixed;
background: rgba(194, 190, 198, 0.7);
transition: top 1000ms, bottom 1000ms;
top: -100%;
right: 0;
}
@media (max-width: 376px) {
.btn_wrapper .btn_reserve .shop_list {
top: unset;
bottom: -100%;
left: 0;
}
}
.btn_wrapper .btn_reserve .shop_list.show {
top: 0;
}
@media (max-width: 376px) {
.btn_wrapper .btn_reserve .shop_list.show {
top: unset;
bottom: 0;
}
}
.btn_wrapper .btn_reserve .shop_list .btn_close_shop_list {
text-align: right;
padding-right: 20px;
}
.btn_wrapper .btn_reserve .shop_list a {
color: #fff;
display: block;
padding: 20px;
font-size: 16px;
width: 355px !important;
line-height: 1.5;
height: unset;
}
@media (max-width: 376px) {
.btn_wrapper .btn_reserve .shop_list a {
width: 100%;
}
} .layer_board_bg {
background: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1;
}
.layer_board {
color: #555;
width: 90%;
padding: 40px;
border-radius: 4px;
position: absolute;
top: 102%;
left: 0;
right: 0;
margin: 0 auto;
z-index: 100;
transition: 0.4s;
}
.layer_board .popup-img {
right: -23%;
position: absolute;
top: 13%;
width: 90%;
}
@media (max-width: 376px) {
.layer_board .popup-img {
right: 4%;
top: 30%;
}
}
.layer_board .popup-img .btn_close {
position: absolute;
right: 53%;
top: 4%;
width: 2%;
cursor: pointer;
}
@media (max-width: 376px) {
.layer_board .popup-img .btn_close {
right: 5%;
top: 4%;
width: 8%;
}
} .nav {
background: #e3bacc;
width: 650px;
padding: 190px 60px 0;
font-size: 14px;
font-weight: bold;
height: 695px;
position: absolute;
top: -695px;
right: 0;
z-index: 12;
transition: top 1000ms;
}
@media (max-width: 376px) {
.nav {
width: 100%;
top: 0;
right: -100%;
transition: right 500ms;
padding: 75px 45px 45px;
line-height: 2;
overflow-y: scroll;
height: 700px;
}
}
@media (max-width: 376px) {
.nav > ul {
height: 700px;
}
}
.nav > ul > li {
float: none;
}
@media (max-width: 376px) {
.nav > ul > li {
float: none;
}
}
.nav > ul > li a {
display: block;
font-weight: normal;
font-size: 26px;
line-height: 48px;
letter-spacing: 9.88px;
color: #fff;
}
@media (max-width: 376px) {
.nav > ul > li a {
font-size: 14px;
letter-spacing: 4px;
}
}
.nav > ul > li.salon_nav {
position: relative;
}
.nav > ul > li .salon_list {
background: rgba(255, 255, 255, 0.7);
position: absolute;
left: -15px;
top: 50px;
display: none;
width: 180px;
}
@media (max-width: 376px) {
.nav > ul > li .salon_list {
width: 100%;
position: inherit;
background: none;
top: 0;
left: 0;
}
}
.nav > ul > li .salon_list a {
display: block;
border-bottom: 1px dashed rgba(136, 136, 136, 0.5);
line-height: 50px;
padding: 0 15px;
}
.nav > ul > li .salon_list a:nth-child(1) {
border-top: 1px dashed rgba(136, 136, 136, 0.5);
}
@media (max-width: 376px) {
.nav > ul > li .salon_list a:nth-child(1) {
border-top: none;
}
}
@media (max-width: 376px) {
.nav > ul > li .salon_list a {
padding: 0;
border-bottom: none;
font-weight: bold;
}
}
.nav > ul > li:last-child {
margin: 40px 0 0;
}
@media (max-width: 376px) {
.nav > ul > li:last-child {
margin: 40px 0 0;
}
}
.nav > ul > li:last-child a {
font-size: 15px;
letter-spacing: 2px;
}
.nav > ul > li.sp ul {
width: 140px;
margin-top: 33px;
border-top: 1px solid #000;
padding-top: 38px;
font-size: 12px;
letter-spacing: 1px;
line-height: 2.2;
}
.nav > ul > li.sp ul li {
display: table;
width: 100%;
}
.nav > ul > li.sp ul li a {
width: 100%;
-ms-word-break: keep-all;
word-break: keep-all;
}
.nav.show {
top: 0;
}
@media (max-width: 376px) {
.nav.show {
right: 0;
top: 0;
bottom: 0;
}
}
.slider_wrap {
position: relative;
}
.slider_wrap .logo {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
left: 0;
z-index: 10;
text-align: center;
} .sidebar {
float: left;
width: 537px;
padding: 80px 60px 100px 80px;
background: #fff;
}
@media (max-width: 376px) {
.sidebar {
width: 100%;
padding: 80px 20px 100px 20px;
text-align: center;
}
}
.sidebar .side_ttl {
font-size: 26px;
line-height: 44px;
letter-spacing: 9.88px;
}
.sidebar .back_btn {
font-size: 14px;
line-height: 20px;
letter-spacing: 2.52px;
}
.sidebar ul {
display: block;
text-align: center;
font-size: 0;
margin: 60px 0 20px;
}
.sidebar ul .row {
text-align: left;
vertical-align: top;
width: 100%;
padding: 0;
margin-bottom: 18px;
display: table;
margin-bottom: 42px;
}
.sidebar ul .row .box .img {
width: 165px;
display: table-cell;
}
.sidebar ul .row .box .txt_area {
padding: 0 0 0 30px;
display: table-cell;
width: 180px;
position: relative;
vertical-align: top;
}
@media (max-width: 376px) {
.sidebar ul .row .box .txt_area {
padding: 0 0 0 15px;
}
}
.sidebar ul .row .box .tag {
font-size: 10px;
display: inline-block;
border-bottom: 1px solid;
line-height: 21px;
letter-spacing: 1.8px;
margin-top: -5px;
margin-bottom: -5px;
}
.sidebar ul .row .box p.title {
margin: 20px 0 0;
font-size: 12px;
line-height: 20px;
letter-spacing: 2.16px;
}
.sidebar ul .row .box time {
font-size: 10px;
line-height: 1;
letter-spacing: 1.2px;
margin: -3px 0 0;
position: absolute;
left: 30px;
bottom: 0;
}
@media (max-width: 376px) {
.sidebar ul .row .box time {
left: 15px;
}
}
.sidebar ul .row .back_btn {
display: inline-block;
} .footer {
padding: 70px 0 60px;
}
@media (max-width: 376px) {
.footer {
margin-top: 0;
padding: 50px 0 100px;
text-align: center;
}
}
.footer .inner {
position: relative;
width: 945px;
}
@media (max-width: 376px) {
.footer .inner {
width: 100%;
}
}
.footer .f_logo {
position: absolute;
right: 5px;
width: 285px;
}
@media (max-width: 376px) {
.footer .f_logo {
position: static;
margin: 0 auto;
width: 180px;
}
}
.footer .copyright {
margin-top: 81px;
font-size: 13px;
letter-spacing: 3px;
}
@media (max-width: 376px) {
.footer .copyright {
font-size: 11px;
letter-spacing: 1.5px;
margin-top: 20px;
}
}
@media (max-width: 376px) {
.footerNavi {
display: none;
}
}
.footerNavi ul {
font-size: 17px;
width: auto;
letter-spacing: 1px;
display: inline-block;
vertical-align: top;
margin: 0 65px 0 0;
}
@media (max-width: 376px) {
.footerNavi ul {
width: 100%;
}
}
.footerNavi ul li {
margin: 0 37px 16px 0;
display: block;
font-size: 14px;
}
.pages {
max-width: 1000px;
margin: auto;
}
.pages h2 {
font-size: 2rem;
text-align: center;
letter-spacing: 8px;
margin-bottom: 40px;
}
.pages h2 span {
font-size: 1.7rem;
}
.inline {
margin-right: -25px;
}
.inline.-center {
text-align: center;
}
.inline > * {
display: inline-block;
margin-right: 25px;
margin-bottom: 25px;
}
a.link {
margin-top: 40px;
display: block;
border: 1px solid #000;
padding: 7px 0;
text-align: center;
font-size: 15px;
width: 360px;
letter-spacing: 1px;
}
@media (max-width: 376px) {
a.link {
width: 200px;
margin: 35px auto 0;
}
}
a.link.-center {
margin: 80px auto;
}
a.link span {
vertical-align: middle;
}
a.link span::after {
content: url(//shikinail.jp/wp-content/themes/shiki_nail/img/common/arrow.png);
margin-left: 10px;
height: 16px;
display: inline-block;
line-height: 16px;
}
.hiragino {
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
} .sec.shop .inner {
width: 850px;
}
@media (max-width: 376px) {
.sec.shop .inner {
width: 100%;
padding: 0 15px;
}
}
.sec.shop ul li {
width: 264px;
margin-bottom: 50px;
}
@media (max-width: 376px) {
.sec.shop ul li {
float: left;
width: 160px;
margin-bottom: 40px;
height: 240px;
}
}
.sec.shop ul .info {
padding: 20px 0;
}
@media (max-width: 376px) {
.sec.shop ul .info {
padding: 10px 0;
}
}
.sec.shop ul .info .eng {
font-size: 16px;
letter-spacing: 3px;
}
@media (max-width: 376px) {
.sec.shop ul .info .eng {
font-size: 10px;
letter-spacing: 2px;
}
}
.sec.shop ul .info .jp {
font-size: 17px;
letter-spacing: 2px;
margin-top: 5px;
}
.sec.shop ul .info .jp:empty {
margin-top: 31px;
}
@media (max-width: 376px) {
.sec.shop ul .info .jp {
font-size: 10px;
}
}
.sec.shop ul a.reserve {
background: #c2bec6;
width: 180px;
padding: 10px 0;
display: inline-block;
color: #fff;
font-size: 15px;
letter-spacing: 1px;
}
@media (max-width: 376px) {
.sec.shop ul a.reserve {
width: 105px;
font-size: 10px;
padding: 5px 0;
}
}
a.sbi_photo.sbi_imgLiquid_bgSize.sbi_imgLiquid_ready {
border-radius: 10px;
}
.arrow_btns {
font-size: 20px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.arrow_btns a {
text-decoration: underline;
color: #ed6d44;
}
.front-news {
margin: 80px 0;
}
.front-news ul li {
border-top: 1px solid #444;
}
.front-news ul li p {
margin: 15px 0;
font-size: 1.6rem;
padding: 0 10px;
}
.front-news ul li p span {
font-size: 1.4rem;
color: #444;
}
.front-news ul li:last-child {
border-bottom: 1px solid #444;
} @font-face {
font-family: 'Font-Name';
src: url(//shikinail.jp/wp-content/themes/shiki_nail/css/fonts/font-name.eot);
src: url(//shikinail.jp/wp-content/themes/shiki_nail/css/fonts/font-name.eot?#iefix) format("embedded-opentype"), url(//shikinail.jp/wp-content/themes/shiki_nail/css/fonts/font-name.woff) format("woff"), url(//shikinail.jp/wp-content/themes/shiki_nail/css/fonts/font-name.ttf) format("truetype"), url(//shikinail.jp/wp-content/themes/shiki_nail/css/fonts/font-name.svg#font-name) format("svg");
font-weight: normal;
font-style: normal;
}  ::selection {
background: #04a4cc;
color: #fff;
text-shadow: none;
}
::-webkit-selection {
background: #04a4cc;
color: #fff;
text-shadow: none;
}
::-moz-selection {
background: #04a4cc;
color: #fff;
text-shadow: none;
} .alignnone + .alignnone {
margin-left: 10px;
}
@media (max-width: 376px) {
.alignnone + .alignnone {
margin: 20px 0 0;
}
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.popupTitle {
text-align: center;
padding: 30px 0px;
margin: 50px 0;
}
.popupTitle ul {
display: flex;
justify-content: center;
margin-top: 20px;
}
.popupTitle ul li img {
display: block;
margin: auto;
}
.popupTitle ul li:nth-child(1) {
margin-right: 10px;
}
html.pum-open.pum-open-overlay.pum-open-scrollable body > [aria-hidden] {
padding: 0 !important;
}
.pum-theme-2185 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close {
display: none;
} @media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.link_none {
cursor: default;
} .inner_page main {
width: 1300px;
margin: 0 auto 0;
}
@media (max-width: 376px) {
.inner_page main {
width: 100%;
}
}
.inner_page main .main_img {
position: relative;
z-index: -1;
}
.inner_page main .main_img img {
margin-top: -149px;
}
@media (max-width: 376px) {
.inner_page main .main_img img {
margin-top: 0;
padding: 35px 0 0;
}
}
.inner_page main .main_img h1 {
font-size: 74px;
line-height: 1;
letter-spacing: 28.12px;
color: #fff;
font-weight: lighter;
position: absolute;
right: 50px;
bottom: -5px;
}
@media (max-width: 376px) {
.inner_page main .main_img h1 {
font-size: 24px;
letter-spacing: 6.12px;
right: 30px;
bottom: -2px;
}
}
.inner_page .cmn_btn {
display: inline-block;
border: 1px solid;
padding: 0;
line-height: 39px;
font-size: 20px;
width: 280px;
}
@media (max-width: 376px) {
.inner_page .cmn_btn {
letter-spacing: 2.16px;
padding: 0 25px;
font-size: 16px;
}
}
.page_ttl {
background: none !important;
margin: 0;
}
@media (max-width: 376px) {
.page_ttl {
margin: 0 -15px;
}
}
.page_ttl span {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
font-size: 30px;
letter-spacing: 7.2px;
color: #000;
word-break: keep-all;
}
@media (max-width: 376px) {
.page_ttl span {
font-size: 19px;
letter-spacing: 4px;
}
}

@media only screen and (min-width: 377px) {
.nav {
padding-top: 140px;
}
}
@media only screen and (min-width: 377px) {
.btn_wrapper .modal_pop1 .line_shop_list .in,
.btn_wrapper .modal_pop2 .web_shop_list .in{
max-width: 80%;
margin: 0 auto;
text-align: left;
}
.btn_wrapper .modal_pop1 .line_shop_list a,
.btn_wrapper .modal_pop2 .web_shop_list a{
padding-left: 0;
padding-right: 0;
display:inline-block;
margin: 0 2% 15px;
width: 45%;
text-align: center;
}
}
@media only screen and (max-width: 376px) {
.btn_wrapper .modal_pop1 .line_shop_list,
.btn_wrapper .modal_pop2 .web_shop_list{ top: 30%;
}
.btn_wrapper .modal_pop1 .line_shop_list a,
.btn_wrapper .modal_pop2 .web_shop_list a{
margin: 3% 2%;
}
}
.access .btn_area .cmn_btn{
margin: 0 5px;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
.access .btn_area .cmn_btn{
margin-bottom: 10px;
}
.access .btn_area .cmn_btn:last-child{
margin-bottom: 0;
}
.access iframe{
margin-top: 50px;
}
}