@charset "utf-8";

/*======================================================================*/
/*Module
/*======================================================================*/
.sp {
  display: initial;
}

.pc_only {
  display: none;
}

/*======================================================================*/
/*index.html
/*======================================================================*/
/*------------------------------------------*/
/*header
/*------------------------------------------*/
header .header_bg {
  background: url(../img/01_firstview/main_visual_02_sp.png) center no-repeat;
  background-size: cover;
}

header .header-inner {
  padding: 30px 20px;
}

header .logo {
  width: 50%;
}

header .main_copy {
  margin: 65vw 0 20vw;
  font-size: 10vw;
}

header .main_ttl {
  margin: 15vw 0 18vw;
}

header .header-inner {
  position: relative;
  padding: 0;
  height: 100%;
}

header .logo {
  position: absolute;
  bottom: 45%;
  left: 68%;
  transform: translateX(-50%);
}

header .header_bg {}

.l_header {
  height: 920px;
}

.l_header_inner {
  height: 770px;
}

/*------------------------------------------*/
/*kv
/*------------------------------------------*/
.kv_bg {
  background: url(../img/01_firstview/main_visual_sp.jpg) no-repeat 70%;
  background-size: cover;
}

.kv-logo h1 {
  width: 100%;
  margin: 65% auto 0;
}

.kv-logo h2 {
  width: 100%;
  margin: 5% auto;
}

/*------------------------------------------*/
/*shop_name
/*------------------------------------------*/
.shop_name {
  background-position: 44% 50%;
  background-size: 100%;
  bottom: 4%;
  left: 6%;
}

.shop_name .shop_name-inner {
  width: 100%;
  padding: 0;
  display: block;
}

.shop_name .name_logo {
  width: 50%;
}

.shop_name h2 {
  padding-left: 3vw;
  font-size: 7vw;
}

.name-pre {
  padding-left: 0vw;
  font-size: 7vw;
}

.pre {
  padding-left: 3vw;
  font-size: 3.5vw;
}

/*------------------------------------------*/
/*contents-common
/*------------------------------------------*/
section {
  padding: 10vw 0;
}

h2.ttl {
  font-size: 8vw;
  letter-spacing: 1.5vw;
}

.campaign_sub_ttl {
  font-size: 2.8rem;
  padding: 0;
}

.annotation {
  margin: 15px auto;
}

/*------------------------------------------*/
/*cvbtn
/*------------------------------------------*/
.cvbtn_wrap {
  width: 80%;
  height: auto;
}

.cvbtn {
  padding: 10px;
  font-size: 1.7rem;
}

/*------------------------------------------*/
/*renewal
/*------------------------------------------*/
#renewal_1, #renewal_2 {
  width: 100%;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
}

.renewal_ttl {
  display: block;
  max-width: 100%;
  height: auto;
  padding: 0 0 10px;
}

.renewal_ttl img {
  max-width: 90%;
  margin: 0 auto;
  padding: 30px 0 20px;
}

.items_renewal {
  margin: 30px auto 0;
}

.annotation_red {
  margin: 20px auto 0;
  padding: 12px;
  background-color: #c21732;
}

.annotation_red p {
  font-size: 1.8rem;
}

.redb {
  font-size: 2.5rem;
}

.shop_box {
  width: 100%;
  padding: 10px;
  vertical-align: top;
  box-sizing: border-box;
  margin: 30px auto 66px;
}

/*------------------------------------------*/
/*campaign
/*------------------------------------------*/
#campaign .campaign-bg {
  margin-top: -20px;
}

#campaign .main {
  margin: 22px 0 0;
}

#campaign .adverb {
  margin: 5vw auto;
  font-size: 5vw;
}

#campaign .deadline {
  margin: 10vw auto;
  font-size: 7vw;
}

/*------------------------------------------*/
/*asking
/*------------------------------------------*/
.sub_ttl_02 {
  font-size: 4rem;
  padding: 10px 0;
}

#asking .a_box {
  margin-top: 5vw;
  display: inline-block;
  text-align: center;
}

.asking-inner inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  overflow: hidden;
  box-sizing: border-box;
}

#asking .a_block {
  margin-top: 30px;
  display: block;
  text-align: center;
}

#asking .a_box {
  margin-top: 5vw;
  display: inline-block;
  text-align: center;
}

#asking .a_box:nth-child(2n) {
  padding-left: 0;
}

#asking .a_box:nth-child(2n+1) {
  padding-right: 0;
}

#asking h3 {
  margin-top: 10px;
  font-weight: bolder;
}

.asking-bg {
  background-color: #000;
  background-size: cover;
}

#asking .text {
  color: #fff;
  border: solid 4px #fff;
  border-radius: 10px;
  display: table-cell;
  font-size: 2.5rem;
  font-weight: bold;
  width: 430px;
  height: 280px;
  text-align: center;
  vertical-align: middle;
}

/*------------------------------------------*/
/*about
/*------------------------------------------*/
.sub_ttl_03 {
  font-size: 2.8rem;
  padding: 20px 0;
}

.l_about .catch .rb {
  color: #c21732;
  font-size: 3.3rem;
  padding: 80px 0;
}

.about-bg {
  padding: 0 20px 10px;
}

.l_about .bg1, .l_about .bg2, .l_about .bg3, .l_about .bg4, .l_about .bg5, .l_about .bg7 {
  padding: 100px 0 0;
}

#about .catch {
  color: #000;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 900;
  padding: 0 20px 10px;
}

#about .catch_02 {
  color: #000;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 900;
  padding: 80px 20px 0;
}

#about .catch img {
  width: 20%;
  padding: 2vw 0 0;
  margin: 0 auto;
  height: auto;
  display: block;
}

#about .catch_02 img {
  width: 20%;
  padding: 2vw 0 0;
  margin: 0 auto;
  height: auto;
  display: block;
}

#about .headline {
  text-align: left;
  font-size: 4.25vw;
}

#about .headline span {
  display: inline-block;
}

#about .text {
  margin-top: 10px;
  margin-bottom: 30px;
}

.slide-left {
  opacity: 0;
  transition: .8s;
  transform: translate(0, 200px);
  -webkit-transform: translate(0, 200px);
}

.slide-right {
  opacity: 0;
  transition: .8s;
  transform: translate(0, 200px);
  -webkit-transform: translate(0, 200px);
}

.slide-in {
  opacity: 1.0;
  transition: .8s;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

.bg2 .feature_point {
  max-width: 243px;
  left: 0;
  bottom: 0;
}

.bg3 .feature_point {
  max-width: 209px;
  right: 0;
  bottom: 0;
}

.bg4 .feature_point {
  width: 60%;
  max-width: 209px;
  left: 0;
  bottom: -50px;
}

.bg5 .feature_point {
  width: 40%;
  max-width: 227px;
  right: 0;
  bottom: 0;
}

.bg7 .feature_point {
  max-width: 209px;
  right: 0;
  bottom: 70px;
}

.bg1 .feature_img {
  -webkit-box-shadow: 50px 30px 0 #e9a21e;
  box-shadow: 50px 30px 0 #e9a21e;
}

.bg2 .feature_img {
  -webkit-box-shadow: -40px 40px 0 #184181;
  box-shadow: -40px 40px 0 #184181;
}

.bg3 .feature_img {
  -webkit-box-shadow: -30px 30px 0 #9b146d;
  box-shadow: -30px 30px 0 #9b146d;
}

.bg4 .feature_img {
  -webkit-box-shadow: -30px 30px 0 #bf9456;
  box-shadow: -30px 30px 0 #bf9456;
}

.bg5 .feature_img {
  -webkit-box-shadow: 40px 40px 0 #307468;
  box-shadow: 40px 40px 0 #307468;
}

.bg7 .feature_img {
  -webkit-box-shadow: 30px 30px 0 #9b146d;
  box-shadow: 30px 30px 0 #9b146d;
}

/*------------------------------------------*/
/*facility
/*------------------------------------------*/
.sub_ttl_04 {
  font-size: 4rem;
  padding: 10px 0;
}

.floor_guide img {
  width: 60%;
  max-width: 650px;
  margin: 0 auto;
  box-sizing: border-box;
}

.facility_ttl {
  color: #fff;
  z-index: 1;
  background: #000;
  opacity: 0.8;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
  padding: 10px 20px;
}

#facility .inner {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 40px 0 0;
  overflow: hidden;
  box-sizing: border-box;
}

#facility .p_block {
  margin-top: 0;
  display: block;
}

#facility .p_box {
  display: table-cell;
}

#facility .p_box:nth-child(2n) {
  position: relative;
  display: block;
  width: 100%;
}

#facility .p_box:nth-child(2n+1) {
  position: relative;
  display: block;
  width: 100%;
}

#facility .bg_img {
  padding: 10vw 0 10vw;
}

.annotation_02 {
  margin: 0 auto;
  padding: 20px;
  font-size: 1.5rem;
  letter-spacing: -0.015rem;
  margin-bottom: 10px;
}

/*------------------------------------------*/
/*other
/*------------------------------------------*/
.sub_ttl_05 {
  color: #000;
  text-align: center;
  font-size: 4rem;
  font-weight: bold;
  padding: 18px 0;
}

#other .p_block {
  margin-top: 30px;
  display: table;
}

#other .p_box {
  max-width: 480px;
  display: table-cell;
}

#other .p_box:nth-child(2n) {
  padding-left: 10px;
}

#other .p_box:nth-child(2n+1) {
  padding-right: 10px;
}

#other h3 {
  color: #e50012;
  margin-top: 10px;
  font-size: 2.8rem;
  font-weight: bolder;
  margin: 0 0 10px;
}

#other .f_block {
  text-align: center;
}

#other .f_box {
  border: 1px solid #e50012;
  max-width: 960px;
  margin: 0 auto 40px;
}

#other .f_box:after {
  content: "";
  display: block;
  clear: both;
}

#other .f_box2 {
  max-width: 960px;
  margin: 90px auto 40px;
}

#other .f_box3 {
  max-width: 960px;
  margin: 0 auto 40px;
}

#other .text {
  display: block;
  letter-spacing: 0;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  padding: 0.5vw 0;
}

#other .btext {
  letter-spacing: 0;
  font-size: 2rem;
  font-weight: bold;
  line-height: 160%;
}

#other .bbtext {
  color: #c21732;
  letter-spacing: 0;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 160%;
}

#other .bstext {
  color: #c21732;
  letter-spacing: 0;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 160%;
  margin-top: 10px;
}

#other .pr {
  float: none;
}

#other .ottl {
  float: left;
  width: 100%;
  padding: 0 15px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#other .oimg {
  width: 100%;
  float: none;
}

#other .anywhere_joy {
  margin-top: 140px;
  padding: 20px;
  border: solid 1px #000;
  text-align: center;
}

#other .anywhere_joy .box {
  max-width: 40%;
  margin: 0 30px;
  display: inline-block;
  vertical-align: middle;
}

#other .anywhere_joy .box .text {
  margin-top: 20px;
  font-size: initial;
}

#other .bg_img {
  background: url(../img/01_firstview/decoration.png) center bottom no-repeat;
  background-size: 100%;
  padding: 200px 0 100px;
}

#other .mbox {
  margin-top: 10px;
  display: block;
  width: 100%;
}

#other .mbox li:first-child {
  width: 90%;
  margin: 10px auto;
}

#other .mbox li {
  width: 90%;
  margin: 10px auto;
}

.sub_ttl_08 {
  font-size: 3.5rem;
  padding: 50px 0;
}

/*------------------------------------------*/
/*member
/*------------------------------------------*/
.sub_ttl_06 {
  color: #fff;
  text-align: center;
  font-size: 4rem;
  font-weight: bold;
  padding: 25px 0;
}

#member h3 {
  font-size: 4.6vw;
}

#member .notes {
  text-align: left;
}

#member .mbox li {
  float: 0;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}

#member .items {
  margin-bottom: 0;
}

/*------------------------------------------*/
/*shop
/*------------------------------------------*/
.sub_ttl_07 {
  color: #000;
  text-align: center;
  font-size: 4rem;
  font-weight: bold;
  padding: 10px 0;
}

#shop_info .shop_info-inner.inner {
  padding:0;
}

#shop_info .shop-overview .shop-ttl img {
  max-width: 50px;
  margin-right: 20px;
  display: table-cell;
  vertical-align: middle;
}

#shop_info .shop-overview .shop-ttl h3 {
  font-size: 2.76rem;
}

#shop_info .shop-overview .tel {
  pointer-events: auto;
  cursor: auto;
}

#shop_info .cta {
  padding: 10px;
}

#shop_info .cta p {
  font-size: 3.8vw;
}

#shop_info .cta img {
  width: 3vw;
}

.g_map {
  margin: 10px auto 60px;
}

/*------------------------------------------*/
/*text_link
/*------------------------------------------*/
.text_link ul li {
  margin: 10px 0;
  display: block;
}

.text_link ul li::after {
  content: "";
}

.text_link ul li a:hover {
  color: inherit;
}

/*======================================================================*/
/*width:500px~
/*======================================================================*/
@media screen and (min-width:500px) {

  /*------------------------------------------*/
  /*text_link
  /*------------------------------------------*/
  .text_link ul li {
    display: inline-block;
  }
}

/*======================================================================*/
/*width:600px~
/*======================================================================*/
@media screen and (min-width:600px) {

  /*======================================================================*/
  /*Module
  /*======================================================================*/
  .inner {
    max-width: 560px;
  }

  /*------------------------------------------*/
  /*contents-common
  /*------------------------------------------*/
  .annotation {
    max-width: 500px;
    margin: 30px auto 0;
    box-sizing: border-box;
  }

  /*------------------------------------------*/
  /*cmpaign
  /*------------------------------------------*/
  #campaign .main, #campaign .sub {
    max-width: 500px;
    margin: 0 auto;
  }

  /*------------------------------------------*/
  /*shop
  /*------------------------------------------*/
  #shop_info .cta p {
    font-size: 3.4vw;
  }
}

.ctaBtn a {
  font-size: 2rem;
  padding: 20px 40px 20px 20px;
}

/*------------------------------------------*/
/*cvbtn_fixed
/*------------------------------------------*/
.cvbtn_fixed {
  top: auto;
  bottom: 0;
  right: 0;
  display: block;
  width: 100%;
}

.cvbtn_r {
  top: auto;
  bottom: 0;
  left: 0;
  display: block;
  width: 50%;
}

.cvbtn_r2 {
  top: auto;
  bottom: 0;
  right: 0;
  display: block;
  width: 50%;
}

.cvbtn_fixed_inner {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 10px;
  font-size: 2rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.cvbtn_r_inner {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 10px;
  font-size: 1.6rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.cvbtn_r2_inner {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 10px;
  font-size: 1.6rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.cvbtn_fixed:hover .cvbtn_fixed_inner {
  color: #c21732;
  border-color: #c21732;
  background: #fff;
  transition: .3s;
}

.cvbtn_r:hover .cvbtn_r_inner {
  color: #c21732;
  border-color: #c21732;
  background: #fff;
  transition: .3s;
}

.cvbtn_r2:hover .cvbtn_r2_inner {
  color: #c21732;
  border-color: #c21732;
  background: #fff;
  transition: .3s;
}

.cvbtn_txt {
  -ms-writing-mode: lr-tb;
  writing-mode: unset;
  text-align: center;
}

/*------------------------------------------*/
/*cvtel
/*------------------------------------------*/
a[href^="tel:"] {
  /* pointer-events: none; */
  pointer-events: auto !important;
}

.cvtel_area {
  /*  width: 18em;
  margin: 0 auto;*/
}

.cvtel_area p {
  font-size: 1.8rem;
}

.cvtel {
  width: 90%;
  font-size: 2rem;
}

.cv_tel_tel {
  padding-left: 30px;
  font-size: 3.2rem;
  background-size: 25px;
}

.cv_tel_tel2 {
  padding-left: 25px;
  font-size: 3rem;
  background-size: 20px;
}