@charset "UTF-8";
/*==========================================
矢印 >
===========================================*/
/*==========================================
矢印 ▶
===========================================*/
/*==========================================
背景ストライプ   ($deg=0 平行)($deg=45deg 斜め)
===========================================*/
/*==========================================
Flexbox
===========================================*/
/*==========================================
上下左右中央揃え
===========================================*/
/*==========================================
上下中央揃え
===========================================*/
/*==========================================
before,after
===========================================*/
/*==========================================
最後の行のmargin-bottomを0にする
===========================================*/
/*==========================================
メインビジュアル(スライダー)
===========================================*/
/*==========================================
タイトル左右のボーダー
===========================================*/
/*==========================================
hover時に中央から外側に向けてのボーダー
===========================================*/
/*==========================================
カーテン
===========================================*/
/*==========================================
グラデーション
===========================================*/
/*-----------------------------
→方向
-----------------------------*/
/*-----------------------------
↓方向
-----------------------------*/
/*-----------------------------
斜め方向
-----------------------------*/
/*==========================================
iframe レスポンシブ　アスペクト比を保ちながら縦横を伸縮
===========================================*/
/*==========================================
画面幅3分割レイアウト
===========================================*/
/*==========================================
SP共通
===========================================*/
body {
  width: 100%;
  margin: 0 auto;
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  color: #eaeaea;
  line-height: 1.8;
  text-align: center;
  letter-spacing: .08em;
  font-size: 3.75vw;
  word-break: normal;
  background: url(../img/common/body.png);
}

/*==========================================
サイトの標準横幅と内部余白
===========================================*/
.inbox {
  padding: 0 6%;
  margin: 0 auto;
}

.com-pd {
  padding: 15% 0;
}

.com-pt {
  padding-top: 15%;
}

.com-pb {
  padding-bottom: 15%;
}

.com-mb {
  margin-bottom: 15%;
}

/*==========================================
SP非表示
===========================================*/
.sp-none {
  display: none !important;
}

/*==========================================
パンくずリスト
===========================================*/
div .bread {
  display: none;
}

/*==========================================
共通ブロック・要素
===========================================*/
.txt-blc {
  text-align: left;
}
.txt-blc p {
  margin-bottom: 6.5%;
  line-height: 2.4;
}
.txt-blc p:last-child {
  margin-bottom: 0;
}

#g-map h4 {
  font-size: 3.8vw;
  font-weight: 700;
  margin-bottom: 25;
}
#g-map h4 span {
  padding-left: 5%;
}
#g-map .map {
  position: relative;
  width: 100%;
  padding: calc(315 / 560 * 100%) 0 0;
}
#g-map .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.more-btn {
  width: 190px;
  margin: 0 auto;
  font-family: "Noto Serif JP", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", serif;
  display: block;
  border: 1px solid #7c6637;
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}
.more-btn span {
  display: block;
  font-size: 3.81933vw;
  background: url(../img/common/more-btn_white_icon.png) right 13px center no-repeat, url(../img/common/more-btn_bg.png) center no-repeat, #7c6637;
  padding: 10px 0;
}

/*==========================================
テーブルレイアウト
===========================================*/
.com-dl {
  text-align: left;
}
.com-dl > dl > dt {
  background: #7c6637;
  color: #fff;
  padding: 2% 3%;
}
.com-dl > dl > dd {
  padding: 3%;
}
.com-dl > dl > dd a[href^="tel:"],
.com-dl > dl > dd a[href^="mailto:"] {
  text-decoration: underline;
}

/*==========================================
header
===========================================*/
#header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1001;
  padding: 2% 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#header h1 {
  width: 29%;
  line-height: 1;
}
#header .hd-right {
  display: none;
  font-weight: 400;
}
#header .hd-right .num-wrp {
  margin-bottom: 15px;
}
#header .hd-right .num-wrp li {
  letter-spacing: .06em;
  margin-right: 17px;
  font-size: 4.044vw;
}
#header .hd-right .num-wrp li a {
  color: #fff;
}
#header .hd-right .num-wrp li:first-child a {
  padding-left: 23px;
  background: url(../img/common/hd-sp_icon.png) left center no-repeat;
}
#header .hd-right .num-wrp li:last-child {
  margin-right: 0;
}
#header .hd-right .num-wrp li:last-child a {
  padding-left: 26px;
  background: url(../img/common/hd-tel_icon.png) left center no-repeat;
}

/*==========================================
メインビジュアル
===========================================*/
#mv {
  position: relative;
  height: 130vw;
  background: #000;
}
#mv .mv-frame {
  width: 100%;
  height: 100%;
  background: url(../img/top/mv/mv.png) center/cover no-repeat;
  position: relative;
  -webkit-animation-name: fadeInAnime;
          animation-name: fadeInAnime;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
  -webkit-animation-delay: .65s;
          animation-delay: .65s;
}
#mv h2 {
  width: 77%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 61%;
  z-index: 10;
  -webkit-animation-name: fadeInAnime;
          animation-name: fadeInAnime;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
#mv p {
  width: 77%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 11%;
  z-index: 10;
  -webkit-animation-name: fadeInAnime;
          animation-name: fadeInAnime;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
#mv .mv-maria {
  width: 82%;
  height: 68%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../img/top/mv/mv-maria.png) center/100% no-repeat;
  -webkit-animation-name: fadeInAnime;
          animation-name: fadeInAnime;
  -webkit-animation-duration: 4.5s;
          animation-duration: 4.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
  -webkit-animation-delay: .9s;
          animation-delay: .9s;
}
#mv .mv-wing {
  position: absolute;
  left: -1%;
  right: 0;
  width: 92.5%;
  margin: 0 auto;
  height: 89.94708%;
  background: url(../img/top/mv/mv-wing.png) center/100% no-repeat;
  -webkit-animation-name: fadeInAnime;
          animation-name: fadeInAnime;
  -webkit-animation-duration: 4.3s;
          animation-duration: 4.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
  -webkit-animation-delay: 4.3s;
          animation-delay: 4.3s;
}

@-webkit-keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*==============================================
ドロワーメニュー
==============================================*/
/*drawer btn 上下左右で設定可能
------------------------------------ */
.sp-menu-btn-wrp {
  top: 15px;
  right: 15px;
  bottom: auto;
  left: auto;
  background: #000;
}
.sp-menu-btn-wrp .sp-menu-btn {
  width: 45px;
  height: 45px;
}
.sp-menu-btn-wrp .sp-menu-btn span {
  width: 20px;
  height: 2px;
  background: #fff;
}
.sp-menu-btn-wrp .sp-menu-btn .top {
  top: 15px;
}
.sp-menu-btn-wrp .sp-menu-btn .middle {
  top: 0;
  bottom: 0;
}
.sp-menu-btn-wrp .sp-menu-btn .bottom {
  top: 29px;
}
.sp-menu-btn-wrp .sp-menu-btn-txt {
  color: #fff;
  font-family: "Noto Serif JP", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", serif;
}

/*  drawer inbox
------------------------------------ */
#drawer-nav {
  padding: 7% 6% 5%;
  background: url(../img/common/body.png);
}
#drawer-nav .drawer-logo {
  width: 40%;
  margin-bottom: 6%;
}
#drawer-nav #nav {
  margin-bottom: 7%;
}
#drawer-nav #nav .drawer-link {
  padding: 3% 0;
  border-bottom: 1px solid #777267;
  font-size: 4vw;
}
#drawer-nav #nav .drawer-dropdown {
  padding: 3% 12% 3% 0;
}
#drawer-nav #nav .drawer-dropdown span {
  display: block;
}
#drawer-nav #nav .drawer-dropdown span:before, #drawer-nav #nav .drawer-dropdown span:after {
  background: #000;
}
#drawer-nav #nav .current {
  color: #70613f;
  padding-left: 6%;
  background: url(../img/common/more-btn_gold_icon.png) left center no-repeat;
}
#drawer-nav #nav .current span:after {
  opacity: 0 !important;
}
#drawer-nav #nav .drawer-dropdown-bx {
  margin: 3% 0;
  padding-left: 4%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#drawer-nav #nav .drawer-dropdown-bx > li > .drawer-link:before {
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}
#drawer-nav #nav .drawer-dropdown-bx > li > .drawer-link span {
  padding: 0 0 0 5%;
}
#drawer-nav .drawer-address {
  margin: 5% auto;
  text-align: center;
  font-size: 3.5vw;
}
#drawer-nav .drawer-address li {
  margin-bottom: 3%;
}
#drawer-nav .drawer-address li:last-child {
  margin-bottom: 0;
}
#drawer-nav .drawer-address li:nth-child(1), #drawer-nav .drawer-address li:nth-child(2) {
  text-align: left;
}
#drawer-nav .drawer-address li:nth-child(1) span, #drawer-nav .drawer-address li:nth-child(2) span {
  color: #70613f;
}
#drawer-nav .drawer-address li:nth-of-type(3) a {
  background: url(../img/common/hd-sp_icon.png) left 2% center no-repeat;
}
#drawer-nav .drawer-address li:nth-of-type(4) a {
  background: url(../img/common/hd-tel_icon.png) left center no-repeat;
}
#drawer-nav .drawer-tel {
  display: block;
  width: 55%;
  text-align: left;
  margin: 0 auto;
  font-size: 5.392vw;
  padding-left: 8%;
  text-decoration: underline;
}

/*==========================================
トップページ
===========================================*/
/*------------------------------
お知らせ
-------------------------------*/
#top-news {
  padding: 7% 0;
  background: url(../img/top/news-bg.png) center/cover no-repeat;
  /* background: #000000; */
}
#top-news .inbox {
  position: relative;
}
#top-news h3 {
  font-size: 7.414vw;
  text-align: left;
  line-height: 1;
  margin-bottom: 4%;
}
#top-news .news-wrp_lists article {
  text-align: left;
  border-bottom: 1px solid #e6e6e6;
}
#top-news .news-wrp_lists article time {
  width: 23%;
  font-size: 3.033vw;
}
#top-news .news-wrp_lists article a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 3% 0;
}
#top-news .news-wrp_lists article .category-label {
  font-size: 3.033vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 75%;
  color: #7c6637;
}
#top-news .news-wrp_lists article .category-label li {
  padding-left: 22px;
  position: relative;
}
#top-news .news-wrp_lists article .category-label li:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 15px;
  left: 11px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background: #7c6637;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
#top-news .news-wrp_lists article .category-label li:first-child {
  padding-left: 0;
}
#top-news .news-wrp_lists article .category-label li:first-child:before {
  background: none;
}
#top-news .news-wrp_lists article h4 {
  width: 100%;
  margin-top: 3%;
}
#top-news .view-more {
  position: absolute;
  right: 6%;
  top: 0;
  letter-spacing: .12em;
  color: #7c6637;
  border-bottom: 1px solid #7c6637;
  padding-right: 8vw;
  background: url(../img/common/more-btn_gold_icon.png) right center no-repeat;
}

/*------------------------------
刺青・タトゥーのことでしたらお任せください
-------------------------------*/
#top-greeting {
  border-bottom: 1px solid #777267;
  padding: 10% 0 14.95% 0;
  /* background: url(../img/top/greeting-left_top_deco.png) left top 6%/26% no-repeat, url(../img/top/greeting-right_bottom_deco.png) right bottom 33%/27.4479% no-repeat, url(../img/top/greeting-woman.png) right 4.427% top 41%/39.53125% no-repeat, url(../img/top/greeting-rose.png) left top 41%/49.53125% no-repeat, url(../img/top/greeting-wave.png) right top/81.71875% no-repeat, url(../img/top/greeting-bottom_bg.png) bottom center/100% no-repeat, url(../img/top/greeting-bg.png) center/cover; */
  background: url(../img/top/greeting-left_top_deco.png) left top 6%/26% no-repeat, url(../img/top/greeting-right_bottom_deco.png) right bottom 33%/27.4479% no-repeat, url(../img/top/greeting-woman.png) right 22% top 41%/39.53125% no-repeat, url(../img/top/greeting-rose2.png) left 36% top 41%/55% no-repeat, url(../img/top/greeting-wave.png) right top/81.71875% no-repeat, url(../img/top/greeting-bottom_bg.png) bottom center/100% no-repeat, url(../img/top/greeting-bg.png) center/cover;
}
#top-greeting .txt-blc p {
  margin-bottom: 7%;
  letter-spacing: .1em;
  line-height: 2.4;
  color: #eaeaea;
}
#top-greeting .txt-blc p:last-child {
  margin-bottom: 0;
}
#top-greeting .txt-blc:nth-child(1) {
  margin-bottom: 25%;
}
#top-greeting .txt-blc:nth-child(1) h3 {
  position: relative;
  margin-bottom: 6%;
  text-align: center;
}
#top-greeting .txt-blc:nth-child(1) h3 .en {
  position: absolute;
  left: 0;
  top: 0;
}
#top-greeting .txt-blc:nth-child(1) h3 .jp {
  font-size: 5.16733vw;
  letter-spacing: .1em;
  display: block;
  padding-top: 15%;
}
#top-greeting .txt-blc:nth-child(2) {
  margin: 0 0 25% auto;
}
#top-greeting .txt-blc:nth-child(3) {
  text-align: center;
}
#top-greeting .txt-blc:nth-child(3) p:nth-child(1) {
  margin-bottom: 9%;
}
/* #top-greeting .txt-blc:nth-child(3) p:nth-child(2), #top-greeting .txt-blc:nth-child(3) p:nth-child(3) {
  font-size: 4.49333vw;
  letter-spacing: .16em;
} */
#top-greeting .txt-blc:nth-child(3) p:nth-child(3) {
  margin-bottom: 7.5%;
}

/*------------------------------
業務内容
-------------------------------*/
#top-service {
  padding: 10% 0 13% 0;
  border-bottom: 1px solid #777267;
  background: url(../img/top/service-ttl-left_wing.png) left 3.125% top/32.2916% no-repeat, url(../img/top/service-ttl-right_wing.png) right 3.125% top/32.34375% no-repeat, url(../img/top/service-left_wing.png) left bottom 25%/40% no-repeat, url(../img/top/service-right_wing.png) right top 50%/40% no-repeat, url(../img/top/service-bg.png) center/cover no-repeat;
}
#top-service h3 {
  margin-bottom: 11%;
  padding-top: 15%;
  position: relative;
  z-index: 1;
  background: url(../img/top/service-ttl_bdr.png) center bottom 18%/100% no-repeat;
}
#top-service h3 .en {
  width: 74%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
}
#top-service h3 .jp {
  width: 44%;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-size: 4.94267vw;
  display: block;
  letter-spacing: .12em;
  padding: 2.5px 0;
  border: 1px solid #777267;
}
#top-service .service-wrp li {
  margin-bottom: 12%;
}
#top-service .service-wrp li:last-child {
  margin-bottom: 0;
}
#top-service .service-wrp li dt {
  padding: 11% 0 7.5% 0;
  position: relative;
  background: url(../img/top/service-item_ttl_deco.png) top center/28% no-repeat;
}
#top-service .service-wrp li dt:before {
  width: 1px;
  height: 20px;
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background: #70613f;
}
#top-service .service-wrp li dt .en {
  display: block;
  position: relative;
}
#top-service .service-wrp li dt .en:before, #top-service .service-wrp li dt .en:after {
  width: 11%;
  height: 13vw;
  background: url(../img/top/service-item_ttl_frame.png) center/100% no-repeat;
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  margin: auto 0;
}
#top-service .service-wrp li dt .en:before {
  left: 0;
}
#top-service .service-wrp li dt .en:after {
  right: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
#top-service .service-wrp li dt .jp {
  display: block;
  color: #70613f;
  font-size: 4.044vw;
  letter-spacing: .08em;
  margin-top: 3%;
}
#top-service .service-wrp li:nth-child(1) dt .en img {
  width: 50%;
}
#top-service .service-wrp li:nth-child(2) dt .en img {
  width: 56%;
}
#top-service .service-wrp li:nth-child(3) dt .en img {
  width: 53%;
}
#top-service .service-wrp li:nth-child(4) dt .en img {
  width: 57%;
}
#top-service .service-wrp li:nth-child(5) dt .en img {
  width: 42%;
}
#top-service .service-wrp li:nth-child(6) dt .en img {
  width: 61%;
}
#top-service .service-wrp li dd .img-blc {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 13%;
  margin-bottom: 4%;
  background: url(../img/top/service-img_frame.png) center/100% no-repeat;
}
#top-service .service-wrp li dd p {
  line-height: 2.4;
}
#top-service .service-wrp li dd p span {
  display: block;
  font-size: 2.696vw;
  margin-top: 5%;
}
#top-service .more-btn {
  margin-top: 15%;
}

/*------------------------------
初めての方へ
-------------------------------*/
#top-for-beginner {
  padding: 12% 0 14% 0;
  background: url(../img/top/for-brginner.png) right -2% top/11% no-repeat, url(../img/top/for-beginner-bg.png) bottom -5px center/100% no-repeat, #000;
  border-bottom: 1px solid #777267;
}
#top-for-beginner h3 {
  margin: 0 auto 8% auto;
  position: relative;
  letter-spacing: .1em;
  font-size: 6.066vw;
  padding: 5% 2% 2% 2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(../img/top/for-beginner-ttl_top_deco.png) top center/20% no-repeat;
}
#top-for-beginner h3:before, #top-for-beginner h3:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 42px;
  left: 0;
  right: 0;
  z-index: 1;
  background: url(../img/top/for-beginner-ttl_frame.png) center/100% no-repeat;
}
#top-for-beginner h3:before {
  top: 9%;
}
#top-for-beginner h3:after {
  bottom: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#top-for-beginner h3 span {
  display: block;
  padding: 6% 0;
  background: rgba(16, 16, 16, 0.75);
  position: relative;
}
#top-for-beginner h3 span:before, #top-for-beginner h3 span:after {
  width: 45%;
  margin: 0 auto;
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  border-bottom: 4px double #70613f;
}
#top-for-beginner h3 span:before {
  top: 0;
}
#top-for-beginner h3 span:after {
  bottom: 0;
}
#top-for-beginner p {
  text-align: left;
  margin-bottom: 6.5%;
  line-height: 2.4;
  text-align: center;
}
#top-for-beginner p a {
  font-size: 4.49333vw;
  padding-bottom: 3%;
  color: #7c6637;
  border-bottom: 1px solid #7c6637;
}
#top-for-beginner .more-btn {
  margin-top: 10%;
}

/*------------------------------
ギャラリー
-------------------------------*/
#top-gallery {
  padding: 15% 0 10% 0;
  border-bottom: 1px solid #777267;
  background: url(../img/top/tattoo-gallery-right_img.png) right top -3vw/25.3125% no-repeat, url(../img/top/tattoo-gallery-left_top_deco.png) left 2.70833% top/42% no-repeat, url(../img/top/tattoo-gallery-right_top_deco.png) right 2.70833% top/42% no-repeat;
}
#top-gallery h3 {
  padding-top: 32%;
  position: relative;
  margin-bottom: 8%;
  background: url(../img/top/tattoo-gallery-ttl_bdr.png) bottom 12% center/100% no-repeat;
}
#top-gallery h3 .en {
  width: 70%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
#top-gallery h3 .jp {
  width: 44%;
  margin: 0 auto;
  display: block;
  background: #000;
  border: 1px solid #777267;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 5.16733vw;
  padding: 1.5% 0;
}
#top-gallery .gallery-wrp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#top-gallery .gallery-wrp li {
  width: 49%;
  height: 34vw;
  background: url(../img/top/gallery-frame.png) center/100% no-repeat;
  margin-bottom: 4%;
  position: relative;
  -webkit-box-shadow: 0 5px 5px #000;
          box-shadow: 0 5px 5px #000;
}
#top-gallery .gallery-wrp li:nth-child(2n+1):nth-last-child(-n+2), #top-gallery .gallery-wrp li:nth-child(2n+1):nth-last-child(-n+2) ~ li {
  margin-bottom: 0;
}
#top-gallery .gallery-wrp li .com-img {
  width: 78.8405%;
  height: 25.5vw;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3%;
  top: 0;
  border: 1px solid #878276;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#top-gallery .gallery-btn_wrp {
  margin-top: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#top-gallery .gallery-btn_wrp li {
  width: 48%;
}
#top-gallery .gallery-btn_wrp li .more-btn {
  width: 100%;
}
#top-gallery .gallery-btn_wrp li .more-btn span {
  background: url(../img/common/more-btn_white_icon.png) right 5px center/7% no-repeat, url(../img/common/more-btn_bg.png) center no-repeat, #7c6637;
}

/*------------------------------
よくあるご質問 / 店舗概要
-------------------------------*/
#faq-info {
  padding: 10% 0 22% 0;
  background: url(../img/top/faq-info-right_deco.png) right center/32.65625% no-repeat, url(../img/top/faq-info-left_deco.png) left center/32.65625% no-repeat, #000;
}
#faq-info .faq-info_wrp li {
  width: 100%;
  position: relative;
  margin-bottom: 23%;
}
#faq-info .faq-info_wrp li:last-child {
  margin-bottom: 0;
}
#faq-info .faq-info_wrp li h3 {
  padding-bottom: 15%;
  background: url(../img/top/faq-info-ttl_deco.png) bottom center/100% no-repeat;
}
#faq-info .faq-info_wrp li:first-child h3 img {
  width: 21%;
}
#faq-info .faq-info_wrp li:last-child h3 img {
  width: 44%;
}
#faq-info .faq-info_wrp li a {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px;
  width: 75%;
  margin: 0 auto;
  background: url(../img/common/more-btn_gold_icon.png) right 20px center no-repeat, #000;
  border: 1px solid #70613f;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 5.16733vw;
  letter-spacing: .12em;
  padding: 3% 0;
}

/*------------------------------
共通お問い合わせ
-------------------------------*/
#com-contact {
  position: relative;
  padding-right: 4%;
  padding-left: 4%;
}
#com-contact .inbox {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#com-contact .contact-info {
  margin: 0 auto 7% auto;
}
#com-contact .contact-info .work-time {
  margin-bottom: 7%;
}
#com-contact .contact-info .work-time li {
  margin-bottom: 8%;
}
#com-contact .contact-info .work-time li:last-child {
  margin-bottom: 0;
}
#com-contact .contact-info .work-time li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#com-contact .contact-info .work-time dt {
  width: 33%;
  position: relative;
  text-align: center;
  font-size: 3.81933vw;
}
#com-contact .contact-info .work-time dt:before, #com-contact .contact-info .work-time dt:after {
  width: 26px;
  height: 36px;
  background: url(../img/top/contact-dt_frame.png) center/100% no-repeat;
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  margin: auto 0;
}
#com-contact .contact-info .work-time dt:before {
  left: 0;
}
#com-contact .contact-info .work-time dt:after {
  right: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
#com-contact .contact-info .work-time dd {
  width: 60%;
  text-align: left;
  font-size: 3.81933vw;
}
#com-contact .contact-info .num-wrp {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
}
#com-contact .contact-info .num-wrp li {
  font-size: 5.84133vw;
  margin-bottom: 5%;
}
#com-contact .contact-info .num-wrp li:first-child a {
  padding-left: 10%;
  background: url(../img/top/contact-sp_icon.png) left 2% center/8% no-repeat;
}
#com-contact .contact-info .num-wrp li:last-child {
  margin-bottom: 0;
}
#com-contact .contact-info .num-wrp li:last-child a {
  padding-left: 10%;
  background: url(../img/top/contact-tel_icon.png) left center/12% no-repeat;
}
#com-contact .web-reserve {
  margin: 0 auto 8% auto;
  border: 1px solid #7c6637;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px;
  background: #000;
}
#com-contact .web-reserve .web-reserve_inner {
  border: 1px solid #7c6637;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 7% 5%;
  background: url(../img/top/contact-reserve_bg.png) center top/100% no-repeat, url(../img/top/contact-reserve_bg.png) center bottom/100% no-repeat;
}
#com-contact .web-reserve .web-reserve_inner h4 {
  width: 55%;
  margin: 0 auto 4% auto;
  padding: 13% 0;
  font-size: 5.16733vw;
  letter-spacing: .12em;
  line-height: 1.3;
  background: url(../img/top/contact-reserve_24bg.png) center/100% no-repeat;
}
#com-contact .web-reserve .web-reserve_inner h4 span {
  font-size: 7.86333vw;
  font-weight: 700;
  color: #7c6637;
}
#com-contact .web-reserve .web-reserve_inner .web-reserve_inner__btn p {
  font-size: 7.18933vw;
  font-weight: 500;
  letter-spacing: .1em;
  margin-bottom: 4%;
}
#com-contact .web-reserve .web-reserve_inner .web-reserve_inner__btn .more-btn {
  width: 100%;
}
#com-contact .reserve-24times {
  background: #000;
  width: 100%;
}
#com-contact .reserve-24times span {
  padding: 5% 0;
  font-size: 5vw;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .16em;
  border: 1px solid #7c6637;
  background: url(../img/common/more-btn_gold_icon.png) right 10px center no-repeat;
}
#com-contact .reserve-24times span:first-line {
  font-size: 4.49333vw;
  letter-spacing: .12em;
}
#com-contact .reserve-24times span em {
  color: #7c6637;
}

.top-contact {
  padding-top: 12%;
  z-index: 1;
  background: url(../img/top/contact-bg.png) center/cover no-repeat;
}
.top-contact:before {
  width: 26.302%;
  height: 34.739vw;
  position: absolute;
  content: '';
  background: url(../img/top/contact-left_wing.png) center/100% no-repeat;
  left: 0;
  top: 5vw;
  z-index: 1;
}
.top-contact:after {
  width: 20.46875%;
  height: 39.843vw;
  position: absolute;
  content: '';
  background: url(../img/top/contact-right_wing.png) center/100% no-repeat;
  right: 0;
  top: 5vw;
  z-index: 1;
}
.top-contact .inbox {
  padding-bottom: 12%;
  border-radius: 140px 140px 0 0;
  background: url(../img/top/contact-frame_bg.png) top 156px center no-repeat, #000;
}
.top-contact h3 {
  padding: 15% 0 7% 0;
  background: url(../img/top/contact-ttl_deco.png) bottom center/16% no-repeat;
  position: relative;
  margin-bottom: 9%;
  z-index: 1;
}
.top-contact h3 .en {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.top-contact h3 .jp {
  display: block;
  letter-spacing: .12em;
  font-size: 5.16733vw;
}

/*==========================================
footer
===========================================*/
#footer {
  border-top: 1px solid #777267;
  background: url(../img/common/ft-bg.png) center/cover no-repeat;
  position: relative;
}
#footer:before {
  width: 100%;
  height: 1px;
  position: absolute;
  content: '';
  background: #777267;
  top: 5px;
  left: 0;
  right: 0;
}
#footer .side-fixed {
  display: none;
  position: fixed;
  right: 0;
  bottom: 150px;
  z-index: 1001;
}
#footer .side-fixed li {
  margin-bottom: 18px;
}
#footer .side-fixed li:last-child {
  margin-bottom: 0;
}
#footer .inbox {
  padding: 10% 6%;
}
#footer .ft-logo {
  width: 45%;
  margin: 0 auto 7% auto;
}
#footer .ft-wrp_left {
  margin-bottom: 7%;
  text-align: left;
}
#footer .ft-wrp_left p {
  margin-bottom: 6%;
  letter-spacing: .1em;
}
#footer .ft-wrp_left p span {
  color: #7c6637;
}
#footer .ft-wrp_left .ft-addr span {
  display: block;
}
#footer .ft-wrp_left .sp-num,
#footer .ft-wrp_left .tel-num {
  display: inline-block;
  font-size: 5.16733vw;
  padding-left: 9%;
}
#footer .ft-wrp_left .sp-num {
  margin-bottom: 3%;
  background: url(../img/common/hd-sp_icon.png) left 3px center/8% no-repeat;
}
#footer .ft-wrp_left .tel-num {
  background: url(../img/common/hd-tel_icon.png) left center/12% no-repeat;
}
#footer .ft-nav {
  padding: 7% 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0.6);
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  box-sizing: border-box;
}
#footer .ft-nav ul {
  width: 48%;
}
#footer .ft-nav li {
  margin-bottom: 5%;
  font-weight: 500;
  font-size: 2.92067vw;
}
#footer .ft-nav li:last-child {
  margin-bottom: 0;
}
#footer .ft-nav li a {
  color: #7c6637;
  padding-left: 4vw;
  background: url(../img/common/more-btn_gold_icon.png) left center/2.5vw no-repeat;
}
#footer .ft-nav li a:hover span {
  border-bottom: 1px solid #7c6637;
}

#copyright {
  font-size: 11px;
  word-break: normal;
  background: #7c6637;
  padding: 5px 0;
}

/*==========================================
ページトップ
===========================================*/
.pagetop {
  width: 20%;
  position: fixed;
  bottom: 40px;
  right: 10px;
  z-index: 999;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  gap: 20px;
}

/*==========================================
サブビジュアル
===========================================*/
.lower-sv {
  position: relative;
  height: 45vw;
}
.lower-sv h2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10%;
}
.lower-sv h2 span {
  display: block;
  margin: 0 auto;
}
.lower-sv h2 .jp {
  font-family: "Noto Serif JP", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", serif;
  font-size: 4.26867vw;
  letter-spacing: .1em;
  color: #fff;
  margin-top: 1%;
}

#thought-sv {
  background: url(../img/sv/thought-sv.png) center/cover no-repeat;
}
#thought-sv h2 .en {
  width: 45%;
}

#about-sv {
  background: url(../img/sv/about-sv.png) center/cover no-repeat;
}
#about-sv h2 .en {
  width: 37%;
}

#qa-sv {
  background: url(../img/sv/qa-sv.png) center/cover no-repeat;
}
#qa-sv h2 .en {
  width: 30%;
}

#company-sv {
  background: url(../img/sv/company-sv.png) center/cover no-repeat;
}
#company-sv h2 .en {
  width: 43%;
}

#news-sv {
  background: url(../img/sv/news-sv.png) center/cover no-repeat;
}
#news-sv h2 .en {
  width: 32%;
}

#contact-sv {
  background: url(../img/sv/contact-sv.png) center/cover no-repeat;
}
#contact-sv h2 .en {
  width: 44%;
}

#complete-sv {
  background: url(../img/sv/complete-sv.png) center/cover no-repeat;
}
#complete-sv h2 .en {
  width: 44%;
}

#privacy-sv {
  background: url(../img/sv/privacy-sv.png) center/cover no-repeat;
}
#privacy-sv h2 .en {
  width: 64%;
}

#site-sv {
  background: url(../img/sv/site-sv.png) center/cover no-repeat;
}
#site-sv h2 .en {
  width: 44%;
}

#e404-sv {
  background: url(../img/sv/e404-sv.png) center/cover no-repeat;
}
#e404-sv h2 .en {
  width: 47%;
}

/*==========================================
共通タイトル
===========================================*/
.ttl01 {
  font-family: "Noto Serif JP", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", serif;
  position: relative;
  font-weight: 500;
  margin-bottom: 7%;
  z-index: 1;
}
.ttl01 .jp {
  display: block;
  font-size: 5.392vw;
  letter-spacing: .12em;
  line-height: 1.5;
}
.ttl01 .en {
  position: absolute;
  left: 0;
  right: 0;
  top: -9vw;
  line-height: 1;
  font-size: 14.60333vw;
  background: #423f3c;
  /* fallback for old browsers */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(15%, rgba(12, 12, 12, 0.01)), color-stop(20%, rgba(14, 14, 13, 0.7)), to(rgba(44, 42, 40, 0.9)));
  background: linear-gradient(to top, rgba(12, 12, 12, 0.01) 15%, rgba(14, 14, 13, 0.7) 20%, rgba(44, 42, 40, 0.9) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: -1;
}

.ttl02 {
  text-align: left;
  font-size: 4.718vw;
  color: #70613f;
  border-bottom: 1px solid #70613f;
  font-family: "Noto Serif JP", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", serif;
  letter-spacing: .08em;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

.lower-contact {
  padding-top: 21%;
}
.lower-contact .inbox {
  border-radius: 115px 115px 0 0;
  padding-bottom: 12%;
  background: url(../img/common/com_contact_bg.png) center bottom -1px/cover no-repeat;
}
.lower-contact .inbox:before {
  position: absolute;
  content: '';
  background: url('../img/common/com-contact_left_wing.png?1691569332');
  width: 223px;
  height: 407px;
  background-size: 100%;
  top: 0;
  right: auto;
  bottom: auto;
  left: -5%;
  background-repeat: no-repeat;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin: auto 0;
  width: 24%;
  height: 40vw;
}
.lower-contact .inbox:after {
  position: absolute;
  content: '';
  background: url('../img/common/com-contact_right_wing.png?1691569332');
  width: 219px;
  height: 647px;
  background-size: 100%;
  top: -3%;
  right: -6%;
  bottom: auto;
  left: auto;
  background-repeat: no-repeat;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 20%;
  height: 55vw;
}
.lower-contact .ttl01 {
  z-index: 1;
}
.lower-contact .lead-txt {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 4% 0;
  line-height: 2.4;
  margin-bottom: 6%;
  letter-spacing: .1em;
}

/*==========================================
刺青やの想い
===========================================*/
/*---------------------------------
あなたの想いそして覚悟を刺青・タトゥーに込めて
---------------------------------*/
#concept {
  background: url(../img/thought/concept-bg.png) bottom center/cover no-repeat;
}
#concept p {
  margin-bottom: 6.5%;
  line-height: 2.4;
  text-align: left;
}
#concept p:last-child {
  margin-bottom: 0;
}

/*---------------------------------
主な業務内容
---------------------------------*/
#service {
  background: url(../img/thought/service-left_wing.png) left center/45% no-repeat, url(../img/thought/service-right_wing.png) right center/45% no-repeat, url(../img/thought/service-bg.png) center/cover no-repeat;
}
#service .service-wrp li {
  margin-bottom: 12%;
  padding-top: 22%;
  background: url(../img/thought/service-box_deco.png) top center/75% no-repeat;
}
#service .service-wrp li:last-child {
  margin-bottom: 0;
}
#service .service-wrp li .img-blc {
  position: relative;
  margin-bottom: 5%;
}
#service .service-wrp li .img-blc:before {
  position: absolute;
  content: '';
  background: url('../img/thought/service-box_frame.png?1691569329');
  width: 109px;
  height: 15px;
  background-size: 100%;
  top: -3vw;
  right: 0;
  bottom: auto;
  left: 0;
  background-repeat: no-repeat;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin: 0 auto;
  width: 27%;
  height: 4vw;
}
#service .service-wrp li dt {
  letter-spacing: .08em;
  color: #70613f;
  line-height: 1.5;
  padding-top: 6%;
  margin-bottom: 6%;
  background: url(../img/thought/service-subttl_deco.png) top center/15% no-repeat;
}
#service .service-wrp li dt span {
  display: block;
}
#service .service-wrp li dt .en {
  font-size: 7.414vw;
  font-weight: 500;
}
#service .service-wrp li dt .jp {
  font-size: 4.044vw;
}
#service .service-wrp li dd {
  text-align: left;
  line-height: 2.4;
}

/*---------------------------------
代表紹介
---------------------------------*/
#artist {
  padding-top: 27%;
  background: url(../img/thought/artist-bg.png) right top/60.36458% no-repeat, #000;
}
#artist .owner-wrp {
  background: url(../img/thought/message-deco.png) right bottom -23px/100% no-repeat;
}
#artist .owner-wrp .img-blc {
  margin-bottom: 6%;
}
#artist .owner-wrp .txt-blc p {
  line-height: 2.4;
  margin-bottom: 6.5%;
}
#artist .owner-wrp .txt-blc p:last-child {
  margin-bottom: 0;
  font-size: 4.044vw;
}
#artist .staff {
  margin-top: 15%;
}
#artist .staff h4 {
  font-size: 5.392vw;
  letter-spacing: .12em;
  padding-top: 7%;
  margin-bottom: 7%;
  background: url(../img/thought/staff-ttl_deco.png) top center/18% no-repeat;
}
#artist .staff .staff-wrp > li {
  margin-bottom: 11%;
}
#artist .staff .staff-wrp > li:last-child {
  margin-bottom: 0;
}
#artist .staff .staff-wrp > li .img-blc {
  width: 100%;
  border: 4px double #70613f;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 4%;
  padding: .5%;
}
#artist .staff .staff-wrp > li .img-blc .com-img {
  width: 100%;
  height: 100vw;
}

/*==========================================
施術について
===========================================*/
/*---------------------------------
施術へのこだわり
---------------------------------*/
#feature .feature-wrp li {
  position: relative;
  margin-bottom: 5%;
  padding-bottom: 10%;
}
#feature .feature-wrp li:last-child {
  margin-bottom: 0;
}
#feature .feature-wrp li h4 {
  font-size: 4.718vw;
  position: relative;
  letter-spacing: .12em;
  margin-bottom: 7%;
}
#feature .feature-wrp li h4:before, #feature .feature-wrp li h4:after {
  width: 9%;
  height: 11vw;
  position: absolute;
  content: '';
  background: url(../img/about/feature-subttl_deco.png) center/100% no-repeat;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
#feature .feature-wrp li h4:before {
  left: -2%;
}
#feature .feature-wrp li h4:after {
  right: -2%;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
#feature .feature-wrp li h4 span {
  color: #70613f;
  font-size: 5.61667vw;
  margin-right: 5px;
}
#feature .feature-wrp li p {
  text-align: left;
  line-height: 2.4;
  letter-spacing: .1em;
}
#feature .feature-wrp .feature-counseling {
  background: url(../img/about/feature-wrp01_deco.png) right bottom/72% no-repeat;
}
#feature .feature-wrp .feature-original {
  background: url(../img/about/feature-wrp02_deco.png) left bottom/65% no-repeat;
}
#feature .feature-wrp .feature-preparation {
  background: url(../img/about/feature-wrp03_deco.png) right bottom/70% no-repeat;
}

/*---------------------------------
料金案内
---------------------------------*/
#price {
  background: url(../img/about/price-img.png) left center no-repeat, #000;
}
#price .price-wrp {
  font-size: 3.59467vw;
}
#price .price-wrp .price-wrp_graph {
  margin-bottom: 7%;
}
#price .price-wrp .price-wrp_graph li {
  border-bottom: 1px solid #fff;
  padding: 5% 4%;
}
#price .price-wrp .price-wrp_graph li:first-child {
  border-top: 1px solid #fff;
}
#price .price-wrp .price-wrp_graph li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#price .price-wrp .attention {
  text-align: left;
  font-size: 3.14533vw;
  position: relative;
  padding-left: 5.5%;
  margin-bottom: 6.5%;
}
#price .price-wrp .attention span {
  color: #70613f;
  position: absolute;
  left: 0;
  top: 0;
}

/*---------------------------------
諸注意・衛生管理
---------------------------------*/
#precaution-sanitation .ttl01 {
  margin-bottom: 11%;
}
#precaution-sanitation .ttl01 .en {
  font-size: 6.96467vw;
  width: 100%;
  top: -4vw;
}
#precaution-sanitation .precaution-sanitation-wrp {
  border-left: 1px solid #70613f;
  border-right: 1px solid #70613f;
  border-bottom: 1px solid #70613f;
  padding: 9% 5% 7% 5%;
  position: relative;
  background: url(../img/about/caution-deco.png) center no-repeat;
}
#precaution-sanitation .precaution-sanitation-wrp:before, #precaution-sanitation .precaution-sanitation-wrp:after {
  position: absolute;
  content: '';
  width: 32%;
  height: 1px;
  background: #70613f;
  top: 0;
}
#precaution-sanitation .precaution-sanitation-wrp:before {
  left: 0;
}
#precaution-sanitation .precaution-sanitation-wrp:after {
  right: 0;
}
#precaution-sanitation .precaution-sanitation-wrp h4 {
  font-size: 4.94267vw;
  font-weight: 500;
  margin-bottom: 4%;
  letter-spacing: .12em;
  position: relative;
}
#precaution-sanitation .precaution-sanitation-wrp h4:before {
  position: absolute;
  content: '';
  background: url('../img/thought/staff-ttl_deco.png?1691569332');
  width: 90px;
  height: 27px;
  background-size: 100%;
  top: -11vw;
  right: 0;
  bottom: auto;
  left: 0;
  background-repeat: no-repeat;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin: 0 auto;
  width: 20%;
  height: 6vw;
}
#precaution-sanitation .precaution-sanitation-wrp p {
  line-height: 2.4;
  margin-bottom: 10%;
  text-align: left;
}

/*---------------------------------
ご予約から施術までの流れ
---------------------------------*/
#flow {
  background: url(../img/about/flow-right_deco.png) right top 4%/56.25% no-repeat, url(../img/about/flow-left_deco.png) left bottom/46.1458% no-repeat, #000;
}
#flow .flow-wrp .flow-wrp_item {
  padding-bottom: 8%;
  border-bottom: 1px solid #70613f;
  position: relative;
  margin-bottom: 8%;
}
#flow .flow-wrp .flow-wrp_item:after {
  position: absolute;
  content: '';
  background: url('../img/about/flow-li_deco.png?1691569328');
  width: 29px;
  height: 20px;
  background-size: 100%;
  top: auto;
  right: 0;
  bottom: -20px;
  left: 0;
  background-repeat: no-repeat;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin: 0 auto;
  width: 6%;
}
#flow .flow-wrp .flow-wrp_item:last-child {
  margin-bottom: 0;
}
#flow .flow-wrp .flow-wrp_item:last-child:after {
  background: none;
}
#flow .flow-wrp .flow-wrp_item .flow-wrp_item__title {
  color: #70613f;
  font-size: 4.94267vw;
  padding-top: 19%;
  margin-bottom: 6%;
  letter-spacing: .12em;
  background: url(../img/thought/service-subttl_deco.png) top center/19% no-repeat;
  position: relative;
}
#flow .flow-wrp .flow-wrp_item .flow-wrp_item__title:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 4vw;
  font-size: 7.18933vw;
  color: #70613f;
}
#flow .flow-wrp .flow-wrp_item:nth-child(1) .flow-wrp_item__title:before {
  content: "01";
}
#flow .flow-wrp .flow-wrp_item:nth-child(2) .flow-wrp_item__title:before {
  content: "02";
}
#flow .flow-wrp .flow-wrp_item:nth-child(3) .flow-wrp_item__title:before {
  content: "03";
}
#flow .flow-wrp .flow-wrp_item:nth-child(4) .flow-wrp_item__title:before {
  content: "04";
}
#flow .flow-wrp .flow-wrp_item .flow-wrp_item__body p {
  margin-bottom: 6.5%;
  text-align: left;
  line-height: 2.5;
}
#flow .flow-wrp .flow-wrp_item .flow-wrp_item__body .attention {
  font-size: 3.14533vw;
}
#flow .flow-wrp .flow-wrp_item .flow-wrp_item__body .attention span {
  color: #70613f;
  margin-right: 5px;
}
#flow .flow-wrp .flow-wrp_item:nth-child(3) .check-wrp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-bottom: 12%;
}
#flow .flow-wrp .flow-wrp_item:nth-child(3) .check-wrp li {
  font-size: 4.49333vw;
  color: #70613f;
  border-bottom: 1px solid #70613f;
  margin-right: 7%;
}
#flow .flow-wrp .flow-wrp_item:nth-child(3) .check-wrp li:last-child {
  margin-right: 0;
}
#flow .flow-wrp .flow-wrp_item:nth-child(3) .payment {
  position: relative;
  background: rgba(16, 16, 16, 0.5);
  padding: 13% 5% 5% 5%;
}
#flow .flow-wrp .flow-wrp_item:nth-child(3) .payment .payment-title {
  position: absolute;
  left: 0;
  right: 0;
  top: -3.7vw;
  font-size: 4.94267vw;
}
#flow .flow-wrp .flow-wrp_item:nth-child(3) .payment .payment-title span {
  position: relative;
}
#flow .flow-wrp .flow-wrp_item:nth-child(3) .payment .payment-title span:before, #flow .flow-wrp .flow-wrp_item:nth-child(3) .payment .payment-title span:after {
  position: absolute;
  content: '';
  width: 50px;
  height: 1px;
  background: #fff;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
#flow .flow-wrp .flow-wrp_item:nth-child(3) .payment .payment-title span:before {
  left: -75px;
}
#flow .flow-wrp .flow-wrp_item:nth-child(3) .payment .payment-title span:after {
  right: -75px;
}
#flow .flow-wrp .flow-wrp_item:nth-child(3) .payment .payment-body_lists li {
  margin-bottom: 7%;
}
#flow .flow-wrp .flow-wrp_item:nth-child(3) .payment .payment-body_lists li:last-child {
  margin-bottom: 0;
}
#flow .flow-wrp .flow-wrp_item:nth-child(3) .payment .payment-body_lists li dt {
  font-size: 4.26867vw;
  font-weight: 500;
  color: #70613f;
  padding-bottom: 6%;
  margin-bottom: 2%;
  position: relative;
}
#flow .flow-wrp .flow-wrp_item:nth-child(3) .payment .payment-body_lists li dt:before {
  width: 1px;
  height: 10px;
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background: #70613f;
}
#flow .flow-wrp .flow-wrp_item:nth-child(3) .payment .payment-body_lists li dd {
  font-size: 2.92067vw;
  line-height: 2.4;
}
#flow .flow-wrp .flow-wrp_item:nth-child(3) .attention {
  font-size: 4.044vw;
  color: #7c6637;
  margin-top: 4%;
  text-align: center;
}
#flow .flow-wrp .flow-wrp_item:nth-child(4) .drink-service {
  margin-top: 10%;
  position: relative;
  background: rgba(16, 16, 16, 0.5);
  padding: 11% 5% 5% 5%;
}
#flow .flow-wrp .flow-wrp_item:nth-child(4) .drink-service dt {
  position: absolute;
  left: 0;
  right: 0;
  top: -3.7vw;
  font-size: 4.94267vw;
}
#flow .flow-wrp .flow-wrp_item:nth-child(4) .drink-service dt span {
  position: relative;
}
#flow .flow-wrp .flow-wrp_item:nth-child(4) .drink-service dt span:before, #flow .flow-wrp .flow-wrp_item:nth-child(4) .drink-service dt span:after {
  position: absolute;
  content: '';
  width: 50px;
  height: 1px;
  background: #fff;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
#flow .flow-wrp .flow-wrp_item:nth-child(4) .drink-service dt span:before {
  left: -75px;
}
#flow .flow-wrp .flow-wrp_item:nth-child(4) .drink-service dt span:after {
  right: -75px;
}
#flow .flow-wrp .flow-wrp_item:nth-child(4) .drink-service dd {
  text-align: left;
  line-height: 2.5;
}

/*==========================================
よくあるご質問
===========================================*/
#faq .faq-wrp > li {
  text-align: left;
  margin-bottom: 8%;
}
#faq .faq-wrp > li:last-child {
  margin-bottom: 0;
}
#faq .faq-wrp > li dt {
  font-size: 4.49333vw;
  padding: 3.5% 0 3.5% 20%;
  background: url(../img/qa/question_icon.png) left center/14% no-repeat;
  border-top: 1px solid #70613f;
  border-bottom: 1px solid #70613f;
  margin-bottom: 5%;
}
#faq .faq-wrp > li dd {
  padding: 3% 0 3% 20%;
  background: url(../img/qa/answer_icon.png) left center/14% no-repeat;
}

/*==========================================
店舗概要
===========================================*/
/*----------------------------
開業したきっかけ
-----------------------------*/
#chance {
  background: url(../img/company/chance-bg.png) right top/50% no-repeat;
}
#chance p {
  text-align: left;
  line-height: 2.5;
  letter-spacing: .1em;
  margin-bottom: 6.5%;
}
#chance p:last-child {
  margin-bottom: 0;
}

/*----------------------------
店舗情報
-----------------------------*/
#company {
  background: url(../img/company/company-left_deco.png) left top 190px/27.6041% no-repeat, url(../img/company/company-right_deco.png) right top 66px/27.6041% no-repeat, #000;
}
#company .com-dl {
  margin-bottom: 12%;
}
#company h4 {
  font-size: 5.392vw;
  font-weight: 500;
  padding-top: 7%;
  letter-spacing: .12em;
  margin-bottom: 7%;
  background: url(../img/thought/staff-ttl_deco.png) top center/18% no-repeat;
}
#company .access-wrp {
  margin-bottom: 12%;
}
#company .access-wrp li {
  border-bottom: 1px solid #70613f;
  position: relative;
  padding-bottom: 7.5%;
  margin-bottom: 7.5%;
}
#company .access-wrp li:before {
  position: absolute;
  content: '';
  background: url('../img/about/flow-li_deco.png?1691569328');
  width: 29px;
  height: 20px;
  background-size: 100%;
  top: auto;
  right: 0;
  bottom: -20px;
  left: 0;
  background-repeat: no-repeat;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin: 0 auto;
  width: 6%;
}
#company .access-wrp li:last-child {
  margin-bottom: 0;
}
#company .access-wrp li:last-child:before {
  background: none;
}
#company .access-wrp li .img-blc {
  margin-bottom: 5%;
}
#company .access-wrp li .txt-blc {
  padding-left: 18%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 3.81933vw;
  background: url(../img/company/access-subttl_deco.png) left center/4.5% no-repeat;
  position: relative;
}
#company .access-wrp li .txt-blc:before {
  position: absolute;
  left: 6%;
  bottom: 0;
  top: 0;
  margin: auto 0;
  font-size: 6.29067vw;
  font-weight: 500;
  color: #70613f;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#company .access-wrp li .txt-blc p {
  line-height: 2.4;
}
#company .access-wrp li:nth-child(1) .txt-blc:before {
  content: "01";
}
#company .access-wrp li:nth-child(2) .txt-blc:before {
  content: "02";
}
#company .access-wrp li:nth-child(3) .txt-blc:before {
  content: "03";
}
#company .access-wrp li:nth-child(4) .txt-blc:before {
  content: "04";
}
#company .access-wrp li:nth-child(5) .txt-blc:before {
  content: "05";
}

/*==========================================
一覧ぺージ用カテゴリ(セレクトボックス)
===========================================*/
.category-select {
  overflow: hidden;
  width: 55%;
  margin-left: auto;
  text-align: center;
  margin-bottom: 5%;
  position: relative;
  border-radius: 2px;
  border: 2px solid #2e2e2e;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.category-select:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  /* Safari用 */
  transform: translateY(-50%);
  z-index: 10;
  right: .8em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #2e2e2e;
  pointer-events: none;
}
.category-select select {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 1em;
  cursor: pointer;
  text-indent: .01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px 38px 10px 8px;
  color: #2e2e2e;
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.category-select select::-ms-expand {
  display: none;
}

/*==========================================
お知らせ
===========================================*/
.post-wrap .column-lists > li {
  border-bottom: 1px solid #ccc;
}
.post-wrap .column-lists > li a {
  display: block;
  padding: 4% 0;
}
.post-wrap .column-lists > li:last-child {
  border-bottom: none;
}
.post-wrap .column-lists .post-ttl {
  text-align: left;
  margin-bottom: 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.post-wrap .column-lists .post-ttl time {
  width: 18%;
  font-size: 2.55vw;
  color: #7c6637;
  text-align: left;
  padding: 2px 0;
  letter-spacing: .05em;
}
.post-wrap .column-lists .post-ttl .category-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 80%;
}
.post-wrap .column-lists .post-ttl .category-label li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #7c6637;
  color: #fff;
  background: #7c6637;
  padding: 2px 5px;
  text-align: center;
  font-size: 2.55vw;
  margin: 0 2% 2% 0;
}
.post-wrap .column-lists .post-ttl .category-label li:last-child {
  margin-right: 0;
}
.post-wrap .column-lists .post-ttl .column-ttl {
  width: 100%;
  font-size: 4.044vw;
  display: block;
  margin-top: 3%;
  font-weight: 500;
}
.post-wrap .column-lists .post-body {
  text-align: left;
  margin-bottom: 4%;
}
.post-wrap .column-lists .more-btn {
  width: 45%;
  font-size: 3.2vw;
  margin: inherit;
  margin-left: auto;
  font-weight: bold;
  background: #7c6637;
  border: 1px solid #7c6637;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3% 2%;
  display: block;
  color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.post-wrap .post-content {
  padding: 0 3% 3% 3%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
}

/*----------------------------------
詳細ページのカテゴリー表示(タイトル下部)
----------------------------------*/
.single-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 6%;
}
.single-meta time {
  font-size: 3vw;
  width: 24%;
  font-weight: normal;
  display: block;
  padding: 3px 0;
}
.single-meta .category-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single-meta .category-label li {
  font-size: 2.55vw;
  margin: 0 4% 2% 0;
}
.single-meta .category-label li:last-child {
  margin-right: 0;
}
.single-meta .category-label li a {
  border: 1px solid #7c6637;
  color: #7c6637;
  padding: 3px 5px;
  border-radius: 25px;
  display: block;
}
.single-meta .category-label li a:hover {
  opacity: 1;
  color: #fff;
  background: #7c6637;
}

/*----------------------------------
詳細ページのカテゴリー表示(テキストエリア下部)
----------------------------------*/
.single-category {
  max-width: 250px;
  min-width: 150px;
  margin-top: 10px;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 2.55vw;
}
.single-category dt {
  width: 80px;
}
.single-category dt:after {
  content: ':';
  padding: 0 5px;
}
.single-category dd {
  max-width: 135px;
  line-height: 2;
  min-width: 60px;
}
.single-category ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.single-category ul li {
  margin-right: 5px;
}
.single-category ul li:last-child {
  margin-right: 0;
}
.single-category ul li a {
  display: block;
  padding-left: 8px;
  position: relative;
}
.single-category ul li a:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  /* Safari用 */
  transform: translateY(-50%);
  z-index: 10;
  left: 0;
  content: '#';
}
.single-category ul li a:hover {
  background: #ccc;
}

/*==========================================
お問い合わせ
===========================================*/
#contact {
  /* チェックボックス・ラジオボタン
  -------------------------------------------------- */
  /*==================================================
   日付選択フォーム
  ================================================== */
}
#contact .contact-form {
  text-align: left;
  margin-bottom: 5%;
}
#contact .contact-form dl dt {
  position: relative;
}
#contact .contact-form dl dt em {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  /* Safari用 */
  transform: translateY(-50%);
  z-index: 10;
  right: 10px;
  color: #7c6637;
  background: #fff;
  font-weight: 500;
  padding: 3px;
  font-size: 3vw;
}
#contact .contact-form dl dd {
  padding: 10px 0;
}
#contact .contact-form dl dd li {
  list-style: none;
}
#contact .contact-form dl dd textarea {
  height: 150px;
  line-height: 1.8;
}
#contact .contact-form .txtarea {
  width: 100%;
  border: 1px solid #ccc;
  background: #fff;
  padding: 3%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  border-radius: 0;
}
#contact .contact-form select {
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 3.55vw;
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  color: #eaeaea;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
}
#contact .contact-form #post01,
#contact .contact-form #post02 {
  width: 95px;
}
#contact .contact-form #addr21 {
  margin-top: 15px;
}
#contact .contact-form .error-text {
  color: #ff0000;
  margin-bottom: 2%;
}
#contact .contact-form .upload-item-wrap #file01 {
  margin-bottom: 4%;
}
#contact .contact-form .upload-item-wrap .select-img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#contact .contact-form .upload-item-wrap .thumb {
  width: 45%;
  margin-right: 25px;
}
#contact .contact-form .upload-item-wrap .ancion-btn-wrap {
  width: 50%;
}
#contact .contact-form .upload-item-wrap .ancion-btn-wrap .ancion-btn,
#contact .contact-form .upload-item-wrap .ancion-btn-wrap .upload-button {
  width: 100%;
  border-radius: 5px;
  color: #fff;
  font-size: 3.2vw;
  text-align: center;
  padding: 5px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}
#contact .contact-form .upload-item-wrap .ancion-btn-wrap .ancion-btn:hover {
  filter: alpha(opacity=60);
  opacity: .6;
}
#contact .contact-form .upload-item-wrap .ancion-btn-wrap .upload-button {
  margin-bottom: 5px;
  background: #7c6637;
}
#contact .contact-form .upload-item-wrap .ancion-btn-wrap p {
  background: #423f3c;
}
#contact .contact-form .upload-item-wrap .ancion-btn-wrap #file01 {
  width: 100%;
}
#contact .contact-form .upload-item-wrap .ancion-btn-wrap input {
  display: none !important;
}
#contact .contact-submits-wrap {
  margin-top: 5%;
}
#contact .g-recaptcha div {
  margin: 0 auto;
  margin-bottom: 5%;
}
#contact input[type='button'][disabled],
#contact input[type='submit'][disabled] {
  opacity: .7;
  pointer-events: none;
}
#contact input[type='button'],
#contact input[type='submit'],
#contact .contact-submits-wrap button {
  font-size: 3.4vw;
  font-weight: 500;
  color: #fff;
  background: #fff;
  padding: 4% 2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #7c6637;
  color: #7c6637;
  border-radius: 0;
}
#contact input[type='button']:hover,
#contact input[type='submit']:hover,
#contact .contact-submits-wrap button:hover {
  background: #7c6637;
  cursor: pointer;
  color: #fff;
  filter: alpha(opacity=100);
  opacity: 1;
}
#contact .check-btn {
  width: 75%;
  margin: 0 auto;
  margin-top: 4%;
}
#contact .back-btn {
  width: 52%;
  margin: 0 auto;
}
#contact .send-btn {
  width: 40%;
  margin: 0 auto;
  margin-left: 4%;
}
#contact input[type="submit"],
#contact select {
  -webkit-appearance: none;
}
#contact .privacy-agree {
  text-decoration: underline;
}
#contact input[type=radio],
#contact input[type=checkbox] {
  display: inline-block;
  margin-right: 6px;
}
#contact input[type=radio] + label,
#contact input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  line-height: 30px;
  cursor: pointer;
}
#contact input[type=radio],
#contact input[type=checkbox] {
  display: none;
  margin: 0;
}
#contact input[type=radio] + label,
#contact input[type=checkbox] + label {
  margin-bottom: 5px;
  padding: 0 0 0 24px;
}
#contact input[type=radio] + label::before,
#contact input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: #FFF;
}
#contact input[type=radio] + label::before {
  border: 2px solid #ccc;
  border-radius: 30px;
}
#contact input[type=checkbox] + label::before {
  border: 2px solid #ccc;
}
#contact input[type=radio]:checked + label::after,
#contact input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
}
#contact input[type=radio]:checked + label::after {
  left: 5px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #e74c3c;
  border-radius: 8px;
}
#contact input[type=checkbox]:checked + label::after {
  left: 3px;
  width: 16px;
  height: 8px;
  margin-top: -8px;
  border-left: 3px solid #e74c3c;
  border-bottom: 3px solid #e74c3c;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#contact .date-list {
  padding-left: inherit;
}
#contact .date-list li {
  list-style: none;
  margin-bottom: 15px;
}
#contact .date-list li p {
  margin-bottom: 5px;
}

/*==========================================
プライバシーポリシー
===========================================*/
#privacy .ttl01 .en {
  font-size: 11.23333vw;
  top: -7vw;
}
#privacy .privacy-box {
  margin-bottom: 6%;
  text-align: left;
}
#privacy .privacy-box:last-child {
  margin-bottom: 0;
}
#privacy .privacy-box p {
  margin-bottom: 5%;
}
#privacy .privacy-box p:last-child {
  margin-bottom: 0;
}
#privacy .privacy-box ul {
  margin-top: 5%;
}

/*==========================================
404.php
===========================================*/
#err-cont .txt-blc a {
  text-decoration: underline;
}

@media only screen and (max-width: 768px) {
 #mv .mv-frame{
  height: 100vh;
  background: url(../img/top/mv/mv2.png) center/cover no-repeat;
  background-size: 135vh;
 }
 .#mv .mv-maria{
  top: 20%;
 }
 #mv{
  height: 100vh;
 }
 #mv .mv-maria{
  height: 86%;
 }
 #mv h2{
  bottom: 65%;
 }
 #mv p{
  bottom: 6%;
 }
 #mv .mv-wing{
  height: 93.94708%;
 }
 #top-greeting .txt-blc:nth-child(3) p:nth-child(3){
  margin-bottom: 17.5%;
 }
 /* .amateur{
     font-size: 1.3rem!important;
     margin-bottom: 20px!important;
 } */
}
.top_movie{
 padding: 20px 0;
}

/* fixed_btn */
.accordion-menu {
  position: relative;
}
.accordion-trigger {
  cursor: pointer;
}
.accordion-content {
  display: none;
  position: absolute;
  right: 100%;
  top: 0;
  list-style: none; /* 追加 */
  padding: 0; /* 追加 */
}
.accordion-content li {
    list-style: none; /* 追加 */
}
.pagetop li {
    list-style: none; /* 追加 */
}
.accordion-content.active {
  display: block;
}
.side-gallery_btn_link p{
  width: 100px;
  background: #796739;
  padding: 5px;
  border-bottom: solid 1px #c3b796;
  font-size: 0.8rem;
}
#footer .side-fixed .side-gallery_btn_link li{
  margin-bottom: 0px;
}
.pagetop li::marker {
  display: none;
}
.accordion-menu {
    position: relative;
    list-style: none; /* 追加 */
}
.owner_table{
  margin-bottom: 10px;
}
.owner_table tr{
  margin-bottom: 15px;
  display: block;
}
.owner_table tr th{
  width: 75px;
}