@charset "UTF-8";
.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;
}

/*------------------------------------*\
    Animation
\*------------------------------------*/
@-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 {
  /* FireFox リンク選択時の点線を消す */
  overflow: hidden;
  outline: none;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */
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 */
.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;
  }
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* wrapper */
.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 {
  /*height :100%; ここの値を個別に設定*/
  width: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.h_inner {
  float: right;
  width: 650px;
  height: 145px;
  background: #fff;
  /* logo */
}
@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;
  /* height: 30vh; */
  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;
    /* height: 30vh; */
  }
}
.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;
  /* height: 330px; */
  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;
    /* height: 30vh; */
  }
}
.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%;
  }
}

/* pop-up */
.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 */
.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 */
.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 */
.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("../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;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/
.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;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
@font-face {
  font-family: 'Font-Name';
  src: url("fonts/font-name.eot");
  src: url("fonts/font-name.eot?#iefix") format("embedded-opentype"), url("fonts/font-name.woff") format("woff"), url("fonts/font-name.ttf") format("truetype"), url("fonts/font-name.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
/*------------------------------------*\
    MISC
\*------------------------------------*/
::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;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.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;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/
@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_common
\*------------------------------------*/
.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;
  }
}

/*# sourceMappingURL=common.css.map */