@charset "UTF-8";

/*---------------------------------------
各店舗
---------------------------------------*/
/*=============================
背景
=============================*/
main.lower {
	background: url(../images/common/main_bg.jpg) top center no-repeat;
}
/*=============================
共通（京都店ベース）
=============================*/
/***お店紹介***/
#intro {
	margin: 20px auto 0;
	background:  url(../images/common/bg_footer_cloud.png) bottom -49px left -20px no-repeat;
	padding: 0 0 35px;
	position: relative;
}
#intro .inner {
	background: url(../images/shop/kyoto_img.jpg) top 22px center no-repeat,
				url(../images/shop/shop_detail_bg.png) top left 7px no-repeat;
	padding: 187px 0 0;
	width: 703px;
	height: 2191px;
	margin: auto;
}
/*キャラ*/
#intro::after {
	content: "";
	display: block;
	width: 269px;
	height: 144px;
	background: url(../images/shop/chara.png) top center no-repeat;
	position: absolute;
	bottom: 35px;
	right: 18px;
}
/*店名*/
#intro h1 {
	background: rgba(0,0,0,.9);
	height: 112px;
	width: 248px;
	text-align: center;
	padding: 20px 0 0;
	margin: 0 0 240px 27px;
}
#intro h1::after {
	content: "";
	display: block;
	width: 82px;
	height: 28px;
	background: url(../images/shop/kyoto_ttl_en.svg) top center no-repeat;
	margin: 10px auto 0;
}
/**画像下テキスト**/
/*2列バージョン*/
#intro h1 + ul {
	background: url(../images/shop/shop_txt_bg.png) top center no-repeat;
	width: 606px;
	height: 278px;
	margin: 0 auto 38px;
	padding: 36px 0 31px;
	display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
#intro h1 + ul li {
	text-align: center;
	width: 100%;
}
/*1列バージョン*/
#intro h1 + p {
	background: url(../images/shop/shop_txt_bg2.png) top center no-repeat;
	width: 606px;
	height: 278px;
	margin: 0 auto 38px;
	padding: 36px 0 31px;
	display: flex;
	justify-content: center;
	align-items: center;
}
/**頭の揉みほぐし専門店・全国1位の人気**/
#intro ul:last-of-type {
	width: 606px;
	margin: 0 auto 55px;
}
#intro ul:last-of-type li {
	border: 2px solid #a69363;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	padding: 40px 24px 2px;
	margin: 0 0 36px;
}
/*タイトル*/
#intro ul:last-of-type li h2 {
	margin: 0 0 25px;
}
#intro ul:last-of-type li h2 img {
	width: 366px;
}
#intro ul:last-of-type li:last-of-type h2 img {
	width: 242px;
}
/*テキスト*/
#intro ul:last-of-type li p {
	font-size: 28px;
	line-height: 1.42;
	margin-bottom: 45px;
}
/*ボタン*/
#intro .inner > p a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 400px;
	height: 80px;
	background: #917d4d;
	color: #fff;
	margin: auto;
	position: relative;
}
#intro .inner > p a::after {
	content: "";
	display: block;
	position: absolute;
	top: 30px;
	right: 15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 11px;
	border-color: transparent transparent transparent #fff;
}
/***web予約メニュー***/
#menu,
#menu02,
#ny_menu,
#ginza-annex_menu {
	background: url(../images/shop/shop_menu_bg.png) top center /cover no-repeat;
	padding: 81px 0 83px;
}
/*タイトル*/
#menu h2,
#menu02 h2,
#ny_menu h2,
#ginza-annex_menu h2 {
	text-align: center;
	background: url(../images/shop/shop_menu_ttl_bg.svg) top center no-repeat;
	height: 49px;
	padding: 5px 0 0;
	margin: 0 auto 60px;
}
#menu h2::after,
#menu02 h2::after,
#ny_menu h2::after,
#ginza-annex_menu h2::after {
	content: "";
	display: block;
	width: 78px;
	height: 21px;
	background: url(../images/shop/shop_menu_ttl_en.svg) top center / contain no-repeat;
	margin: 10px auto 0;
}
#menu h2 img,
#menu02 h2 img,
#ny_menu h2 img,
#ginza-annex_menu h2 img {
	width: 310px;
}
/*タイトル下テキスト*/
#menu h2 + p,
#menu02 h2 + p,
#ny_menu h2 + p,
#ginza-annex_menu h2 + p {
	text-align: center;
	font-size: 20px;
	margin: 0 auto 42px;
}
/**各メニュー**/
#menu ul,
#menu02 ul,
#ny_menu ul,
#ginza-annex_menu ul {
	width: 690px;
	margin: 0 auto;
}
#menu ul li,
#menu02 ul li,
#ny_menu ul li,
#ginza-annex_menu ul li {
	position: relative;
	background: url(../images/shop/shop_menu_img1.jpg) top 199px center no-repeat,
				url(../images/shop/shop_menu_list_bg.png) top right repeat-y,#fff;
	margin: 0 auto 29px;
	padding: 29px 30px 44px;
	border: 2px solid #ab8e46;
}
/*タイトル*/
#menu ul li h3, 
#menu02 ul li h3, 
#ny_menu ul li h3,
#ginza-annex_menu ul li h3 {
	background: #ebe4ce;
	height: 112px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 19px;
	margin: 0 0 490px;
	position: relative;
}
#menu ul li h3::after,
#menu02 ul li h3::after,
#ginza-annex_menu ul li h3::after {
	/* content: '※土日祝のご予約は、休日加算＋200円が適用になります。'; */
	content: none;
	position: absolute;
	font-size: 19px;
	color: blue;
	width: auto;
	height: auto;
	bottom: -25px;
	right: 0;
}
#menu ul li h3 span,
#menu02 ul li h3 span,
#ny_menu ul li h3 span,
#ginza-annex_menu ul li h3 span {
	margin: 10px 0 0;
}
/*テキスト*/
#menu ul li h3 + p,
#menu02 ul li h3 + p,
#ny_menu ul li h3 + p,
#ginza-annex_menu ul li h3 + p {
	line-height: 1.58;
	margin: 0 0 32px;
	letter-spacing: 0;
}
#menu ul li:nth-of-type(2) h3 + p,
#menu02 ul li:nth-of-type(2) h3 + p,
#ny_menu ul li:nth-of-type(2) h3 + p,
#ginza-annex_menu ul li:nth-of-type(3) h3 + p {
	margin-right: -19px;
}
/*ボタン*/
#menu ul li .btn a,
#menu02 ul li .btn a,
#ny_menu ul li .btn a,
#ginza-annex_menu ul li .btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 400px;
	height: 80px;
	background: #917d4d;
	color: #fff;
	font-size: 28px;
	margin: auto;
}
#menu ul li .btn a::after,
#menu02 ul li .btn a::after,
#ny_menu ul li .btn a::after,
#ginza-annex_menu ul li .btn a::after {
	content: "";
    display: block;
    position: absolute;
    top: 32px;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 11px;
    border-color: transparent transparent transparent #fff;
}
/*おすすめNo1*/
#menu ul li .no1,
#menu02 ul li .no1,
#ginza-annex_menu ul li .no1 {
	position: absolute;
	top: 183px;
    left: 20px;
}
#menu ul li .no1 img ,
#menu02 ul li .no1 img,
#ginza-annex_menu ul li .no1 img {
	width: 156px;
}
/**90分コース**/
#menu ul li:nth-of-type(2),
#menu02 ul li:nth-of-type(2),
#ny_menu ul li:nth-of-type(2),
#ginza-annex_menu ul li:nth-of-type(3) {
	position: relative;
	background: url(../images/shop/shop_menu_img2.jpg) top 199px center no-repeat,
				url(../images/shop/shop_menu_list_bg.png) top right repeat-y,#fff;
}
/**120分コース**/
#menu ul li:nth-of-type(3),
#menu02 ul li:nth-of-type(3),
#ny_menu ul li:nth-of-type(3),
#ginza-annex_menu ul li:nth-of-type(2) {
	position: relative;
	background: url(../images/shop/shop_menu_img3.jpg) top 199px center no-repeat,
				url(../images/shop/shop_menu_list_bg.png) top right repeat-y,#fff;
}
#menu ul li:nth-of-type(3) h3 span,
#menu02 ul li:nth-of-type(3) h3 span,
#ny_menu ul li:nth-of-type(3) h3 span,
#ginza-annex_menu ul li:nth-of-type(4) h3 span {
    padding: 5px 0 0 20px;
}
#menu .el_att,
#ginza-annex_menu .el_att{
    font-size: 22px;
    margin: -16px auto 46px;
    width: 690px;
    color: blue;
    line-height: 1.32;
}
.bl_cashless_txt{
	text-align: center;
	line-height: 1.4;
}
.bl_cashless_txt .hp_color__red{
	color: #ad2424;
    font-weight: bold;
}
.bl_cashless_imgWrapper{
	width: 690px;
	margin: 24px auto 0;
}
/***アクセス***/
#access {
	padding: 73px 0 75px;
	background: #26272e;
}
/*タイトル*/
#access h2 {
	text-align: center;
	background: url(../images/shop/shop_access_ttl_bg.svg) top center no-repeat;
	height: 49px;
	padding: 5px 0 0;
	margin: 0 auto 50px;
}
#access h2::after {
	content: "";
	display: block;
	width: 97px;
	height: 21px;
	background: url(../images/shop/shop_access_ttl_en.svg) top center / contain no-repeat;
	margin: 10px auto 0;
}
#access h2 img {
	width: 141px;
}
/**詳細**/
#access > div {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	color: #fff;
}
#access > div > div {
	width: 100%;
	margin: 0 30px;
}
/*画像*/
#access > div > div:last-of-type {
	order: 1;
	text-align: center;
	margin: 0 0 40px;
}
#access > div > div:last-of-type img {
	width: 690px;
}
/*画像下テキスト*/
#access > div > div:last-of-type ul {
	margin: 20px 0 0 30px;
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: 0;
	text-align: left;
}
/**住所など**/
#access > div > div:first-of-type {
	order: 2;
}
#access > div > div:first-of-type ul li {
	font-size: 28px;
	line-height: 1.375;
	margin: 0 0 15px;
	display: flex;
	align-items: flex-start;
}
/*住所*/
#access > div > div:first-of-type ul li::before {
	content: "";
	display: block;
	width: 22px;
	height: 26px;
	background: url(../images/shop/shop_pin.svg) top center / contain no-repeat;
	margin: 6px 12px 0 1px;
	flex-shrink: 0;
}
/*アクセス*/
#access > div > div:first-of-type ul li.acc::before {
	width: 23px;
	height: 27px;
	background: url(../images/shop/shop_acc.svg) top center / contain no-repeat;
	margin: 5px 12px 0 1px;
}
/*電話番号*/
#access > div > div:first-of-type ul li.tel {
	display: flex;
	align-items: center;
}
#access > div > div:first-of-type ul li.tel::before {
	width: 27px;
	height: 24px;
	background: url(../images/shop/shop_tel.svg) top center / contain no-repeat;
	margin: 0 13px 0 0;
}
#access > div > div:first-of-type ul li.tel span {
	font-size: 22px;
	margin: 0 0 0 35px;
}

#access > div > div:first-of-type ul li a[href^="tel:"] {
    color: #fff;
}
/*営業時間*/
#access > div > div:first-of-type ul .open::before {
	width: 27px;
	height: 27px;
	background: url(../images/shop/shop_open.svg) top center / contain no-repeat;
}
/*住所下テキスト*/
#access > div > div:first-of-type ul + p {
	font-size: 20px;
	line-height: 1.53;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0 -10px 40px 0;
}
#access > div > div:first-of-type ul + p a {
	color: #f16635;
	font-weight: bold;
	text-decoration: underline;
}
/*Googleマップで見る*/
#access > div > div:first-of-type .btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 400px;
	height: 80px;
	background: #917d4d;
	color: #fff;
	font-size: 28px;
	position: relative;
	margin: 0 auto 50px;
}
#access > div > div:first-of-type .btn a::after {
	content: "";
	display: block;
	position: absolute;
	top: 33px;
	right: 15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 11px;
	border-color: transparent transparent transparent #fff;
}
/*画像クリックで拡大*/
#access > div > div:first-of-type .thumb {
	text-align: center;
	position: relative;
	height: 244px;
	width: 338px;
	margin: auto;
}
#access > div > div:first-of-type .thumb::before {
	content: "";
	display: block;
	background: url(../images/shop/shop_click.png) top center / contain no-repeat;
	width: 335px;
	height: 40px;
	margin: 0 auto 5px;
}
#access > div > div:first-of-type .thumb::after {
	content: "";
	display: block;
	background: url(../images/shop/shop_icon_click.svg) top center / contain no-repeat;
	width: 53px;
	height: 53px;
	position: absolute;
	bottom: 23px;
	right: 21px;
}
/*モーダルウィンドウ*/
.modal-wrapper {
	z-index: 999;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 60px 10px;
	text-align: center;
	width: 100%!important;
	display: flex;
	align-items: center;
}
.modal-wrapper:not(:target) {
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s;
}
.modal-wrapper:target {
	opacity: 1;
	visibility: visible;
	transition: opacity .4s, visibility .4s;
}
.modal-wrapper::after {
	display: inline-block;
	height: 100%;
	margin-left: -.05em;
	vertical-align: middle;
	content: ""
}
.modal-wrapper .modal-window {
	box-sizing: border-box;
 	display: inline-block;
 	z-index: 20;
	position: relative;
	padding: 15px;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0, 0, 0, .6);
	vertical-align: middle;
	margin: auto;
}
.modal-wrapper .modal-window .modal-content {
	max-height: 90vh;
	overflow-y: auto;
}
.modal-overlay {
	z-index: 10;
	position: absolute;
 	top: 0;
 	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .8)
}

.modal-wrapper .modal-close {
 	z-index: 20;
 	position: absolute;
 	top: 2px;
 	right: 2px;
	width: 100%;
	height: 100%;
	color: #95979c !important;
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	text-align: right;
	text-decoration: none;
	text-indent: 0;
}
.modal-wrapper .modal-close:hover {
  color: #2b2e38 !important
}
/*求人はこちらボタン*/
#access .recruit_btn {
	width: 624px;
	height: 98px;
	background: url(../images/top/recruit_bnr.png) center / contain no-repeat;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 50px auto 0;
	position: relative;
}
#access .recruit_btn::after {
	position: absolute;
    top: 41px;
    right: 50px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8.5px 0 8.5px 14px;
    border-color: transparent transparent transparent #fff;
}
/***少しでも早く施術を受けたい！という方に***/
#last {
	background: linear-gradient(to bottom,#fefeff,#c7c9d3);
	padding: 60px 0;
	text-align: center;
}
#last div {
	margin: 0 30px;
	padding: 54px 0 49px;
	background: url(../images/common/charactor.png) bottom -150px left -18px no-repeat,#fcfcfd;
	box-shadow: 0 0 25px #b6b7c1;
}
/*タイトル*/
#last h2 {
	text-align: center;
	padding: 15px 0 0;
	margin: 0 auto 30px;
}
#last h2 img {
	width: 475px;
}
/*タイトル下テキスト*/
#last h2 + p {
	margin: 0 0 30px;
	line-height: 1.42;
}
#last h2 + p a {
	font-weight: bold;
	color: #2a82e5;
	text-decoration: underline;
}
/*LINE*/
#last .btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 524px;
	height: 80px;
	background: #31d431;
	color: #fff;
	position: relative;
	margin: auto;
	padding: 0 30px 0 0;
}
#last .btn a::after {
	content: "";
    display: block;
    position: absolute;
    top: 31px;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 13px;
    border-color: transparent transparent transparent #fff;
}
/*=============================
京都本店
=============================*/
#kyoto #intro ul:last-of-type li {
	padding: 40px 0 0;
}
/*=============================
大阪店
=============================*/
#osaka #intro .inner {
	background: url(../images/shop/osaka_img.jpg) top 22px center no-repeat,
				url(../images/shop/shop_detail_bg.png) top left 7px no-repeat;
	padding: 207px 0 0;
}
#osaka #intro h1 + p {
    background: url(../images/shop/shop_txt_bg3.png) top center no-repeat;
    height: 196px;
}
#osaka #intro h1::after {
	background: url(../images/shop/osaka_ttl_en.svg) top center no-repeat;
	width: 181px;
	height: 21px;
}
#osaka #intro h1 {
    width: 306px;
    margin-bottom: 220px;
}
/*=============================
堂島店
=============================*/
#doujima #intro .inner {
	background: url(../images/shop/doujima_img.jpg) top 22px center no-repeat,
				url(../images/shop/doujima_detail_bg.png) top left 7px no-repeat;
	padding: 207px 0 0;
	height: 2350px;
}
#doujima #intro h1 + p {
    background: url(../images/shop/shop_txt_bg3.png) top center no-repeat;
    height: 196px;
}
#doujima #intro h1::after {
	background: url(../images/shop/doujima_ttl_en.svg) top center no-repeat;
	width: 121px;
	height: 28px;
}
#doujima #intro h1 {
    width: 306px;
    margin-bottom: 220px;
}
/*=============================
原宿店
=============================*/
#harajuku #intro .inner {
	background: url(../images/shop/harajuku_img.jpg) top 22px center no-repeat,
				url(../images/shop/harajuku_detail_bg.png) top left 7px no-repeat;
	padding: 207px 0 0;
	height: 2271px;
}
#harajuku #intro h1 + p {
    background: url(../images/shop/shop_txt_bg3.png) top center no-repeat;
    height: 196px;
}
#harajuku #intro h1::after {
	background: url(../images/shop/harajuku_ttl_en.svg) top center no-repeat;
	width: 181px;
	height: 21px;
}
#harajuku #intro h1 {
    width: 306px;
    margin-bottom: 220px;
}
/*=============================
銀座店
=============================*/
#ginza #intro .inner {
	background: url(../images/shop/ginza_img.jpg) top 22px center no-repeat,
				url(../images/shop/shop_detail_bg.png) top left 7px no-repeat;
	padding: 207px 0 0;
}
#ginza #intro h1 + p {
    background: url(../images/shop/shop_txt_bg3.png) top center no-repeat;
    height: 196px;
}
#ginza #intro h1::after {
	background: url(../images/shop/ginza_ttl_en.svg) top center no-repeat;
	width: 80px;
	height: 21px;
}
#ginza #intro h1 {
    width: 306px;
    margin-bottom: 220px;
}
/*=============================
銀座店 別館
=============================*/
#ginza-annex #intro {
	padding-bottom: 70px;
}
#ginza-annex #intro::after {
	bottom: 30px;
}
#ginza-annex #intro .inner {
	background: url(../images/shop/ginza-annex_img.jpg) top 22px center no-repeat,
				url(../images/shop/shop_detail_bg_ginza-annex.png) top left 7px no-repeat;
	padding: 207px 0 0;
	height: 2569px;
}
#ginza-annex #intro h1 + p {
    background: url(../images/shop/shop_txt_bg3.png) top center no-repeat;
    height: 196px;
}
#ginza-annex #intro h1::after {
	background: url(../images/shop/ginza-annex_ttl_en.svg) top center no-repeat;
	width: 186px;
	height: 22px;
}
#ginza-annex #intro h1 {
    width: 306px;
    margin-bottom: 220px;
}
#ginza-annex #intro h3 {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}
#ginza-annex #intro h3 + p {
	display: flex;
	justify-content: center;
	color: #fff;
	margin-bottom: 30px;
	letter-spacing: 2.8px;
	line-height: 1.5em;
	text-align: center;
}
/*2列バージョン*/
#ginza-annex #intro p + ul {
	background: url(../images/shop/shop_annex_txt_bg.jpg) top center no-repeat;
	width: 606px;
	height: 304px;
	margin: 0 auto 38px;
	padding: 23px 0 33px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
#ginza-annex #intro p + ul li {
	text-align: center;
	width: 100%;
	color: #e4ca8a;
}
/**120分コース**/
#ginza-annex_menu ul li:nth-of-type(4) {
	position: relative;
	background: url(../images/shop/shop_menu_img4.jpg) top 199px center no-repeat,
				url(../images/shop/shop_menu_list_bg.png) top right repeat-y,#fff;
}
#ginza-annex_menu ul li:nth-of-type(2) h3 span {
    width: 197px;
	height: 33px;
}
/*=============================
NY店
=============================*/
#ny #intro {
    background: url(../images/common/bg_footer_cloud.png) bottom -86px left -149px no-repeat;
    padding: 0 0 95px;
}
#ny #intro .inner {
    background: url(../images/shop/ny_img.jpg) top 22px center no-repeat,
				url(../images/shop/ny_detail_bg.png) top left 7px no-repeat;
	height: 3637px;
}
/*タイトル*/
#ny #intro h1 {
	width: 312px;
    height: 149px;
	margin-bottom: 200px;
}
#ny #intro h1 img {
	width: 264px;
}
#ny #intro h1::after {
    width: 222px;
    height: 21px;
    background: url(../images/shop/ny_ttl_en.svg) top center /contain no-repeat;
}
#ny #intro h1::before {
	content: "";
	display: block;
    width: 257px;
    height: 20px;
    background: url(../images/shop/ny_sub_ttl.svg) top center / contain no-repeat;
	margin: 0 auto 10px;
}
/*日本国内で50万人以上の予約待ち*/
#ny #intro ul + div {
	background: url(../images/shop/ny_img2.jpg) top 23px center no-repeat,#fff;
	width: 606px;
	margin: 0 auto 56px;
	padding: 395px 26px 40px;
	text-align: center;
}
#ny #intro ul + div p {
	font-size: 28px;
	line-height: 1.66;
}
#ny #intro ul + div p:first-of-type {
	margin: 0 0 15px;
}
#ny #intro ul + div p:first-of-type img {
	width: 534px;
}
#ny #intro ul + div p:nth-of-type(2) {
	margin: 0 0 35px;
	line-height: 1.42;
}
/*世界の中心ニューヨークを～*/
#ny #intro h2 {
	width: 606px;
	text-align: center;
	padding: 0 0 20px;
	margin: 0 auto 30px;
	border-bottom: 2px solid #d3ba7c;
}
/*天高のフロアに6席しか置かない～*/
#ny #intro h2 + p {
	margin: 0 auto 53px;
	text-align: center;
}
#ny #intro ul:last-of-type {
	margin: 0 auto 68px;
}
#ny #intro ul:last-of-type li {
	border: none;
	padding: 0;
	margin: 0 0 45px;
}
#ny #intro ul:last-of-type li p {
	text-align: left;
	font-size: 28px;
	margin: 20px 0 0;
	line-height: 1.42;
}
/*快感の向こう側と言われる～*/
#ny #intro ul + p {
	text-align: center;
	margin: 0 0 45px;
}
/*ボタン*/
#ny #intro .inner > p a {
    width: 606px;
    height: 88px;
	font-size: 30px;
	font-weight: bold;
	padding: 5px 0 0;
}
#ny #intro .inner > p a::after {
    top: 37px;
    right: 22px;
    border-width: 9px 0 9px 12px;
}
/***コースメニュー***/
#ny #ny_menu {
	background: url(../images/shop/ny_menu_bg.png) top center no-repeat;
	padding-bottom: 56px;
}
/*タイトル背景*/
#ny #ny_menu h2 {
    background: url(../images/shop/ny_menu_ttl_bg.svg) top center no-repeat;
	margin-bottom: 80px;
}
#ny #ny_menu h2 img {
    width: 250px;
}
#ny #ny_menu ul li {
	padding: 28px 20px 50px;
}
#ny #ny_menu ul li h3 {
	height: 112px;
	padding: 0 11px 0 16px;
	position: relative;
}
#ny #ny_menu ul li h3 span {
	position: absolute;
	right: 20px;
	bottom: 20px;
}
/**60分コース**/
#ny #ny_menu ul li:first-of-type {
	background: url(../images/shop/ny_menu_img1.jpg) top 200px center no-repeat,
				url(../images/shop/shop_menu_list_bg.png) top right repeat-y,#fff;
}
#ny #ny_menu ul li:first-of-type h3 span img {
	width: 163px;
}
/**60分+耳整コース**/
#ny #ny_menu ul li:nth-of-type(2) {
	background: url(../images/shop/ny_menu_img2.jpg) top 200px center no-repeat,
				url(../images/shop/shop_menu_list_bg.png) top right repeat-y,#fff;
}
#ny #ny_menu ul li:nth-of-type(2) h3 span img {
	width: 163px;
}
/**90分コース**/
#ny #ny_menu ul li:nth-of-type(3) {
	background: url(../images/shop/ny_menu_img3.jpg) top 200px center no-repeat,
				url(../images/shop/shop_menu_list_bg.png) top right repeat-y,#fff;
}
#ny #ny_menu ul li:nth-of-type(3) h3 span img {
	width: 239px;
}
#ny #ny_menu ul li h3 + p {
    line-height: 1.58;
    margin: 0 10px 35px;
}
/*ご予約ボタン*/
#ny #ny_menu ul li .btn a {
	width: 606px;
	height: 80px;
}
/***英語版ホームページはこちら***/
#ny #ny_image {
	background: linear-gradient(to bottom,#fff,#c7c9d3);
	padding: 75px 0 90px;
	text-align: center;
}
/*ボタン*/
#ny #ny_image p a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 606px;
	height: 87px;
	background: #393c50;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.025em;
	margin: auto;
	padding: 5px 0 0;
	position: relative;
}
#ny #ny_image p a::after {
	content: "";
    display: block;
    position: absolute;
    top: 36px;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 11px;
    border-color: transparent transparent transparent #fff;
}
#ny #ny_image img {
	display: block;
	margin: 53px auto;
	width: 692px;
}
/*=============================
旅する畳店
=============================*/
#tatami #intro {
    margin: 20px auto 0;
    background: url(../images/common/bg_footer_cloud.png) bottom -35px left -20px no-repeat;
    padding: 0 0 113px;
}
#tatami #intro .inner {
    background: url(../images/shop/tatami_img.jpg) top 22px center no-repeat,
				url(../images/shop/tatami_detail_bg.png) top left 7px no-repeat;
	height: 2023px;
	padding-top: 212px;
}
#tatami #intro::after {
	bottom: 30px;
}
/*タイトル*/
#tatami #intro h1 {
	width: 278px;
	margin-bottom: 215px;
}
#tatami #intro h1::after {
    width: 99px;
    height: 21px;
    background: url(../images/shop/tatami_ttl_en.svg) top center no-repeat;
}
/*タイトル下テキスト*/
#tatami #intro ul:last-of-type {
	margin-bottom: 38px;
}
#tatami #intro ul:last-of-type li {
	border: none;
	padding: 0;
	margin: 0;
}
/**開催予定**/
#tatami #intro .inner div:first-of-type {
	border: 2px solid #a69363;
	border-radius: 5px;
	padding: 45px 39px;
	color: #fff;
	width: 609px;
	margin: 0 auto 42px;
	line-height: 1.42;
}
#tatami #intro .inner div:first-of-type dl {
	margin: 0 0 40px;
}
#tatami #intro .inner div:first-of-type dl dt {
	font-weight: bold;
}
/*LINEボタン*/
#tatami .btn a {
	width: 400px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #31d431;
	margin: auto;
	position: relative;
	padding: 5px 0 0;
}
#tatami .btn a::after {
	content: "";
    display: block;
    position: absolute;
    top: 32px;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 11px;
    border-color: transparent transparent transparent #fff;
}
/**睡眠の新たな～**/
#tatami #intro .inner div:last-of-type {
	background: url(../images/shop/tatami_img2.png) top 163px center no-repeat,#fff;
	padding: 50px 0;
	width: 609px;
	margin: 0 auto;
	text-align: center;
}
#tatami #intro .inner div:last-of-type h2 {
	margin: 0 0 207px;
}
/*テキスト*/
#tatami #intro .inner div:last-of-type p:first-of-type {
	line-height: 1.42;
	margin: 0 0 40px;
}
/*ボタン*/
#tatami #intro .inner div:last-of-type p a {
	background: #917d4d;
}
/**年間開催地は～**/
#tatami #event {
	background: url(../images/shop/tatami_menu_bg.png) top center no-repeat;
	text-align: center;
	padding: 73px 0 31px;
}
/*タイトル*/
#tatami #event h2 {
	margin: 0 0 60px;
	background: url(../images/shop/tatami_menu_bg.svg) top center no-repeat;
	height: 53px;
	padding: 15px 0 0;
}
/*テキスト*/
#tatami #event p {
	line-height: 1.42;
	margin: 0 0 70px;
}
/*画像*/
#tatami #event ul li {
	margin: 0 0 20px;
}
/**オープンエアーで、～**/
#tatami #last div {
	padding-bottom: 25px;
}
#tatami #last h2 {
	background: url(../images/shop/tatami_last_ttl_bg.svg) top 35px center no-repeat;
}
#tatami #last h2 img {
    width: 368px;
}
/*テキスト*/
#tatami #last p {
	line-height: 1.42;
	margin: 0 0 40px;
}
#tatami #last p span {
	font-size: 24px;
	line-height: 1.62;
	display: block;
	margin: 20px 0 0;
}

/*=============================
ブランド店
=============================*/
#brand{
	background: #190a0a;
}
#brand #intro .inner {
	background: url(../images/shop/brand_img.jpg) top 22px center no-repeat,
    url(../images/shop/shop_detail_bg_brand.png) top left 7px / 690px 2704px no-repeat;
	padding: 187px 0 0;
	width: 703px;
	height: 2704px;
	margin: auto;
}
#brand #intro::after {
	bottom: 7px;
}
#brand #intro h1::after {
	width: 85px;
	height: 22px;
	background: url(../images/shop/brand_ttl_en.svg) top center no-repeat;
}
.bl_brand_imgWrapper{
	width: 566px;
	margin: 0 auto 46px;
}
#brand #intro ul {
	background: url(../images/shop/shop_txt_bg03.png) top center no-repeat;
	width: 606px;
	height: 304px;
	margin: 0 auto 38px;
	padding: 28px 0 20px;
}
#brand #intro ul li {
	text-align: center;
	width: 100%;
	padding: 0;
	border: none;
	margin-bottom: 44px;
}
#brand .bl_media{
	padding: 40px 20px;
	background: #fff;
	width: 606px;
	margin: 0 auto 32px;
	border: 2px solid #e4ca8a;
	border-radius: 6px;
}
#brand .bl_media_imgWrapper{
	margin-bottom: 24px;
}
#brand .bl_media_body{

}
#brand .bl_media_txt{
	text-align: center;
	line-height: 1.5;
}
#brand .bl_media_txt + .bl_media_txt{
	margin-top: 32px;
}
#brand .bl_media_body .btn{
	width: 400px;
	height: 112px;
	background: #917d4d;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 1.3;
	color: #fff;
	padding-left: 38px;
	margin: 32px auto 0;
	position: relative;
}
#brand .bl_media_body .btn::after{
	content: '▶︎';
	font-size: 20px;
	margin-left: 16px;
}
#brand .bl_media + p{
	text-align: center;
	color: #fff;
	line-height: 1.5;
}
#brand .btn.line{
	width: 400px;
	height: 82px;
	background: #31d431;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	padding: 3px 0 0 8px;
	border-radius: 5px;
	margin: 32px auto 0;
	position: relative;
}
#brand .btn.line::after{
	content: '▶︎';
	margin-left: 8px;
	font-size: 20px;
	padding-bottom: 1px;
}