@charset "UTF-8";
/* CSS Document */
html {
	scroll-behavior: smooth;
}

body {
	line-height: 1.3;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

section {
	position: relative;
}

/*■■■■■■■■■■■文字サイズ■■■■■■■■■■■*/
html {
	font-size: 4vw;
}

@media only screen and (min-width:1080px) {
	html {
		font-size: 15px;
	}
}

@media only screen and (min-width:840px) {
	html {
		font-size: 15.3px;
	}
}

@media only screen and (min-width:910px) {
	html {
		font-size: 15.6px;
	}
}

@media only screen and (min-width:980px) {
	html {
		font-size: 16px;
	}
}

/*■■■■■■■■■■■レイアウト■■■■■■■■■■■*/
* {
	box-sizing: border-box;
	word-wrap: break-word;
}

html {
	scroll-padding-top: 60px;
}


body {
	background: var(--bg-color);
}

a {
	color: #60432E;
}

a:hover {
	opacity: 0.7;
}

#wrap {
	width: 100%;
	margin: 0 auto;
}

#content {
	width: 96%;
	padding: 30px 0;
	margin: auto;
	background-size: 100%;
}

@media only screen and (min-width:1080px) {

	#content {
		margin-top: 0;
		margin-bottom: 20px;
		padding: 50px 0 30px;
		max-width: 980px;
		background: #fbfaf5;
	}

	html {
		scroll-padding-top: 150px;
	}
}

header {
	font-family: 'Hiragino Mincho ProN', serif;
}

.wp_social_bookmarking_light {
	display: none;
}

/*ソーシャルボタン非表示*/
.wp_social_bookmarking_light_clear {
	display: none;
}

/*■■■■■■■■■■■リニューアルヘッダー　※現行ヘッダーと並行作業のためこちらに追記■■■■■■■■■■■*/
.header_renew,
.open_menu_sp,
.open_language_sp {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

@media screen and (min-width :1080px) {
	#fixed_sp.header_renew {
		display: none;
	}

	#fixed_pc {
        position: fixed;
        top: 0;
        z-index: 2000;
        width: 100%;
        /* background: url(images/bg_header.png); */
    }

	#fixed_pc.header_renew {
		background-image: none;
		background-color: #664F3B;
		color: #fff;
		height: 120px;
		display: flex;
		justify-content: right;
	}

	.header_renew .list_menu a {
		color: #fff;
	}

	.header_renew .logo {
		height: auto;
		width: auto;
		padding: 30px 0px 30px 60px;
		color: #fff;
		font-size: 12px;
		margin-right: auto;
		display: flex;
		align-items: center;
		flex-direction: column;
		text-align: center;
	}

	.header_renew .logo img {
		height: auto;
		width: auto;
	}

	.header_renew .list_menu {
		display: flex;
		align-items: center;
		margin-left: 95px;
	}

	.header_renew li {
		cursor: pointer;
	}


	.header_renew .list_menu li {
		margin-right: 35px;
		padding-bottom: 7px;
		padding-top: 5px;
	}

	.header_renew .menu_qa {
		display: block;
		background: url(/images/plumeria-cafe/yokohama/ico_link.webp) no-repeat;
		background-position: 85% 39%;
		padding-right: 25px;
	}

	.header_renew .menu_qa:hover a {
		color: #FEF7B2;
	}

	.header_renew .menu_language {
		padding-left: 20px;
		padding-right: 14px;
		position: relative;
	}

	.header_renew .menu_language::before {
		content: url(/images/plumeria-cafe/yokohama/ico_language.webp);
		position: absolute;
		left: 0;
	}

	.header_renew .menu_language::after {
		content: "▼";
		position: absolute;
		right: -5px;
	}

	.header_renew li.instagram {
		background: url(/images/plumeria-cafe/yokohama/ico_insta.webp);
		width: 20px;
		height: 20px;
		display: block;
		padding: 0;
	}

	.header_renew .instagram a {
		width: 100%;
		height: 100%;
		display: block;
		padding-bottom: 7px;
		padding-top: 5px;
	}

	.header_renew .open_language {
		display: none;
		position: absolute;
		margin-top: 10px;
		background: #664F3B;
		left: 0px;
		width: 90px;
		text-align: center;
		z-index: 100;
	}

	.header_renew .open_language li {
		margin-right: 0;
		padding: 7px 0;
		border-top: solid 1px #FEF7B2;
		color: #fff;
	}

	.open_menu_sp,
	.open_language_sp {
		display: none;
	}
	#header_inner2 {
		padding-top: 120px;
	}
}

@media screen and (max-width :1079px) {
	#fixed_pc.header_renew {
		display: none;
	}

	#header_inner2 {
		padding-top: 60px;
	}

	#fixed_sp.header_renew {
		display: flex;
		height: 60px;
		align-items: center;
		justify-content: space-between;
		position: fixed;
		z-index: 10;
		width: 100%;
		background: #664F3B;
	}

	.header_renew .logo_sp {
		height: 36%;
		width: 100px;
		margin-left: 15px;
		margin-right: 20px;
	}

	.header_renew .list_ico_sp {
		display: flex;
		margin-left: auto;
	}

	.header_renew .list_ico_sp li {
		display: flex;
		align-items: center;
		margin-right: 15px;
	}

	.header_renew .list_ico_sp li a {
		display: flex;
		align-items: center;
	}

	.header_renew .reserve_sp {
		height: 60px;
		width: 60px;
	}

	.menu_right_sp {
		display: flex;
	}

	.openbtn_sp {
		position: relative;
		/*ボタン内側の基点となるためrelativeを指定*/
		background: var(--bg-color);
		cursor: pointer;
		width: 60px;
		height: 60px;
	}

	/*ボタン内側*/
	.openbtn_sp span {
		display: inline-block;
		transition: all .4s;
		/*アニメーションの設定*/
		position: absolute;
		left: 17px;
		height: 3px;
		border-radius: 2px;
		background: #5C3E29;
		width: 45%;
	}

	.openbtn_sp span:nth-of-type(1) {
		top: 19px;
	}

	.openbtn_sp span:nth-of-type(2) {
		top: 29px;
	}

	.openbtn_sp span:nth-of-type(3) {
		top: 39px;
	}

	/*activeクラスが付与されると線が回転して×に*/

	.openbtn_sp.active span:nth-of-type(1) {
		top: 23px;
		left: 21px;
		transform: translateY(6px) rotate(-45deg);
		width: 30%;
	}

	.openbtn_sp.active span:nth-of-type(2) {
		opacity: 0;
		/*真ん中の線は透過*/
	}

	.openbtn_sp.active span:nth-of-type(3) {
		top: 35px;
		left: 21px;
		transform: translateY(-6px) rotate(45deg);
		width: 30%;
	}

	.open_language_sp {
		display: none;
		position: fixed;
		z-index: 9;
		background-color: #664F3B;
		width: 100%;
		margin-top: 60px;
		color: #fff;
	}

	.open_language_sp li {
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-top: solid 1px #6e5948;
		margin-right: 0;
	}

	.open_language_sp li a {
		color: #fff;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.open_language_sp li:last-of-type {
		border-bottom: solid 1px #6e5948;
	}

	.open_menu_sp {
		display: none;
		position: fixed;
		background: #fbf8e7;
		left: 0px;
		width: 100%;
		text-align: center;
		z-index: 9;
		margin-top: 60px;
	}

	.open_menu_sp li {
		height: 6vh;
		display: flex;
		justify-content: center;
		align-items: center;
		border-top: solid 1px #60432e;
		margin-right: 0;
	}

	.open_menu_sp_li a {
		color: #000;
        display: grid;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
	}

	.open_menu_sp li:last-of-type {
		border-bottom: solid 1px #60432e;
		background-color: #60432e;
		color: #fff;
	}

	.menu_qa a {
		color: #000;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

}

/*■■■■■■■■■■■フッター■■■■■■■■■■■*/
footer.pc {
	display: none;
	background: #705542;
	height: 96px;
}

footer.sma .inner {
	background: #444444;
	line-height: 1.5;
	padding: 3%;
}

footer.sma #back-top {
	width: 70%;
	margin: 10% auto;
	padding: 1%;
	text-align: center;
	background: #C7121A;
	border-radius: 20px;
}

footer.sma #back-top a {
	font-size: 5.5vw;
	color: #fff;
	font-weight: bold;
}

footer.sma ul {
	background: #4494AB;
	border-radius: 10px;
	width: 96%;
	margin: 30px auto;
}

footer.sma ul li {
	width: 50%;
	padding: 15px 8px;
	border: 1px solid #fff;
	float: left;
}

footer.sma ul li a {
	color: #fff;
	font-size: 1rem;
	display: block;
}

footer.sma table {
	background: #705542;
	border-radius: 10px;
	width: 96%;
	margin: 30px auto;
	border-collapse: separate;
	overflow: hidden;
	border: 1px solid #fff;
}

footer.sma table td {
	width: 50%;
	padding: 15px 8px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

footer.sma table td.rt {
	border-right: none;
}

footer.sma table td:last {
	border: none;
}

footer.sma table td a {
	color: #fff;
	font-size: 0.9rem;
	display: block;
}

footer.sma table td a span {
	float: right;
}

footer.sma .text {
	font-size: 5.5vw;
	color: #fff;
	text-align: center;
}

footer.sma .text a {
	color: #fff;
}

footer.sma .btn {
	overflow: hidden;
}

footer.sma .sma {
	width: 42%;
	margin: 6% 0 5% 6.25%;
	padding: 3%;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 10px;
	float: left;
}

footer.sma .sma a {
	color: #fff;
	font-size: 4.5vw;
	font-weight: bold;
}

footer .link_text-cnt {
	text-align: center;
}

footer.sma .pc {
	width: 42%;
	margin: 6% 0 5% 3.125%;
	padding: 3%;
	text-align: center;
	border: 2px solid #fff;
	background: #fff;
	border-radius: 10px;
	float: left;
}

footer.sma .pc a {
	color: #444444;
	font-size: 4.5vw;
	font-weight: bold;
}

footer.sma .copy {
	padding: 48px 0 0;
	color: #705542;
	text-align: center;
	/* background: url(/images/plumeria-cafe/yokohama/footer_bg_pc.png); */
	height: 114px;
	vertical-align: bottom;
}

#back-top {
	/* display: none; */
	position: fixed;
	bottom: 30px;
	right: 10px;
	text-align: center;
	opacity: 0;
}

#back-top a {
	width: 71px;
	height: 71px;
}

@media only screen and (min-width:1080px) {
	footer.sma {
		display: none;
	}

	footer.pc {
		display: block;
	}

	footer.pc>img {
		vertical-align: top;
	}

	footer.pc p.foot_nav {
		overflow: hidden;
		margin: 1% auto 0;
		text-align: center;
		padding: 25px 0 0;
	}

	footer.pc p.foot_nav span {
		margin: 0 10px;
		line-height: 1rem;
	}

	footer.pc p.foot_nav span a {
		font-size: 1rem;
		color: #FFF;
	}

	footer.pc p.foot_nav span a:hover {
		text-decoration: underline;
	}

	footer.pc .copy {
		text-align: center;
		padding: 20px 0 0;
		color: #fff;
	}

}

@media only screen and (max-width:319px) {
	footer.sma table td a {
		font-size: 0.8rem;
	}
}

@media only screen and (min-width:960px) {
	footer.pc ul li a {
		font-size: 17px;
	}
}

/*■■■■■■■■■■■共通部分■■■■■■■■■■■*/
/*jquery-colorbox画像をクリックして閉じるcss*/
:root {
	--main-color: #664F3B;
	--yellow: #FEF7B2;
	--bg-color: #F6F4EB;
}
#cboxClose {
	background: none !important;
	width: 100% !important;
	height: 100% !important;
}

h1.h1_title {
	margin: auto;
	padding: 2% 0;
	text-align: center;
	color: #705542;
	background: url(/images/plumeria-cafe/yokohama/bg_title.png) no-repeat;
	background-size: cover;
	font-size: 1.3rem;
	font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	margin-bottom: 20px;
}

.reserve_button {
	display: grid;
	justify-content: center;
	align-items: center;
	grid-template-rows: 60% 40%;
	width: 60px;
    height: 60px;
	padding: 10px;
	background: var(--yellow);
	color: var(--main-color);
}

#fixed_sp .menu_right_sp .reserve_button p {
	font-size: 11px;
}

#fixed_sp .menu_right_sp .reserve_button img {
	width: 20px;
    height: auto;
    margin: 0 auto;
}

.more_button {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	cursor: pointer;
	padding: 0;
	margin: auto;
	width: 100%;
	height: 40px;
	font-size: 1.2rem;
	color: #fff;
	text-align: center;
	line-height: 40px;
	background: linear-gradient(to bottom,#B4917A 10%,#6A503B 80%);
	font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    border-radius: 6px;
}

.more_button:hover {
	color: #fff !important;
}

.more_button::before {
	position: absolute;
	right: 3%;
	content: "▶";
	width: 20px;
	height: 20px;
	transform: translateY(-50%);
	font-size: 0.8em;
}


@media screen and (min-width: 769px) {
	.reserve_button {
		grid-template-rows: 70% 30%;
		width: 120px;
		height: 120px;
		padding: 20px;
	}
	.more_button {
		height: 80px;
		font-size: 1.4rem;
		border-radius: 12px;
	}
}

@media only screen and (min-width:1080px) {

	a:hover img {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
	}

}


#slider .mv_slide {
	display: none;
}

#slider .mv_slide.slick-initialized {
	display: block;
}

@media only screen and (min-width:1080px) {
	#slider {
		height: 530px;
	}
}

@media only screen and (max-width:1079px) {

	#slider {
		position: relative;
		padding-top: 55%;
	}

	#slider .slick-dots {
		position: unset;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#slider .mv_slide {
		width: 100%;
		height: 100%;
		position: absolute !important;
		content: "";
		top: 0;
		left: 0;
		z-index: 1;
	}

	#slider .mv_slide li img {
		height: 100%;
	}

}

/*■■■■■■■■■■■最新情報■■■■■■■■■■■*/
#news {
	margin: 0 auto 3%;
	overflow: hidden;
	width: 95.8%;
}

#news {
	margin: 0 auto 3%;
	overflow: hidden;
	width: 95.8%;
}

#news ul {
	padding: 10px 0 15px;
	overflow: hidden;
}

#news h2 {
	color: #705542;
	margin-bottom: 2%;
	font-family: 新丸ゴ M;
}

#news h2 a {
	color: #705542;
}

#news h2 a:hover {
	text-decoration: underline;
}

#news ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

#news li {
	overflow: hidden;
	margin-bottom: 10px;
}

#news li #kodawari_img {
	margin-bottom: 10px;
}

#news li .ttl {
	margin-bottom: 0.5em;
}

#news li #kodawari_text {
	line-height: 1.5;
}

#news div.more_btn {
	width: 100%;
	margin: auto;
}

#news .link_text {
	margin: 0 auto 30px;
	font-size: 1rem;
	text-align: center;
}

#news .link_text a {
	color: #EF681A;
	text-decoration: underline;
}

@media only screen and (min-width:1080px) {
	#news ul {
		display: flex;
	}

	#news li {
		width: 24.2%;
		display: inline-block;
		vertical-align: top;
		padding: 10px;
		background: none;
	}

	#news li:last-child {
		/*margin-right: 0;*/
	}

	#news li:nth-child(3n+1) {
		margin-right: 0;
	}

	#news h2 {
		font-size: 1rem;
	}

	#news li .news_img {
		width: 100%;
		height: 207px;
		float: none;
		margin: 5% auto;
	}

	.news_img img{
		height: 100%;
		object-fit: cover;
	}

	#news div.more_btn {
		max-width: 565px;
		/*width: 60%;*/
	}

	#news .link_text {
		margin: 0 auto 40px;
		width: 450px;
		font-size: 1.2rem;
	}
}

@media only screen and (max-width:1079px) {
	#news li .ttl ,
	#kodawari li .ttl{
		margin-top: 10px;
	}
	#news li img,
	#kodawari li img{
		aspect-ratio: 1;
		object-fit: cover;
	}
}


/*■■■■■■■■■■■こだわり■■■■■■■■■■■*/
#kodawari {
	margin: 0 auto 3%;
	overflow: hidden;
	width: 95.8%;
}

#kodawari ul {
	padding: 10px 0 15px;
	overflow: hidden;
}

#kodawari h2 {
	color: #705542;
	margin-bottom: 2%;
	font-family: 新丸ゴ M;
}

#kodawari h2 a {
	color: #705542;
}

#kodawari h2 a:hover {
	text-decoration: underline;
}

#kodawari ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

#kodawari li {
	overflow: hidden;
	margin-bottom: 10px;
}

#kodawari li .news_img {
	margin-bottom: 10px;
}

#kodawari li .ttl {
	margin-bottom: 0.5em;
}

#kodawari div.more_btn {
	width: 100%;
	margin: auto;
}

#kodawari .link_text {
	margin: 0 auto 30px;
	font-size: 1rem;
	text-align: center;
}

#kodawari .link_text a {
	color: #EF681A;
	text-decoration: underline;
}

@media only screen and (min-width:1080px) {
	#kodawari ul {
		display: flex;
	}

	#kodawari li {
		width: 24.2%;
		display: inline-block;
		vertical-align: top;
		padding: 10px;
		background: none;
	}

	#kodawari li:last-child {
		/*margin-right: 0;*/
	}

	#kodawari li:nth-child(3n+1) {
		margin-right: 0;
	}

	#kodawari h2 {
		font-size: 1rem;
	}

	#kodawari li #kodawari_img {
		width: 100%;
		float: none;
		margin: 5% auto;
	}

	#kodawari li #kodawari_text {
		font-size: 0.8rem;
		clear: both;
		color: #000;
	}

	#kodawari div.more_btn {
		max-width: 565px;
		/*width: 60%;*/
	}

	#kodawari .link_text {
		margin: 0 auto 40px;
		width: 450px;
		font-size: 1.2rem;
	}
}

/*■■■■■■■■■■■フロア■■■■■■■■■■■*/
#floor {
	width: 95.8%;
	margin: 0 auto 3%;
	padding-top: 8%;
}

#floor h1 {
	margin-top: 15%;
}

#floor p.main_img {
	width: 96%;
	margin: 30px auto;
	font-size: 0.8rem;
	line-height: 1.7;
}

#floor p.main_img img {
	width: 45%;
	float: left;
	margin: 0 20px 70px 0;
}

#floor .floor_iframe-bx {
	margin: 0 0 30px;
	text-align: center;
}

#floor .floor_iframe-bx iframe {
	border: 0;
}

#floor div.more_btn {
	width: 100%;
	margin: 4% auto 0;
}

#floor .box_floor .main_img {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}


#floor .box_floor p.main_img img {
	width: 100%;
	object-fit: cover;
	height: auto;
	margin: 0 0 5px;
	padding: 0;
}

#floor .box_floor p.main_img {
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
}


@media only screen and (min-width:1080px) {
	#floor {
		padding-top: 0;
	}

	#floor h1 {
		margin-top: 10%;
	}

	#floor p.main_img {
		font-size: 1rem;
		color: #000;
		padding-right: 1rem;
	}

	#floor p.main_img img {
		margin-right: 30px;
		margin-bottom: 30px;
	}

	#floor iframe {
		height: 400px;
	}

	#floor div.more_btn {
		max-width: 565px;
		/*width: 60%;*/
	}

	.box_floor {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#floor .box_floor .main_img {
		width: 49%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#floor .box_floor p.main_img img {
		width: 460px;
		height: 460px;
		margin-bottom: 10px;
	}

	#floor .box_floor p.main_img {
		margin-bottom: 70px;
	}

}

/*■■■■■■■■■■■メニュー■■■■■■■■■■■*/
#menu {
	width: 95.8%;
	margin: 0 auto 3%;
	padding-top: 8%;
}

#menu h1 {
	margin-top: 15%;
}

#menu ul {
	overflow: hidden;
	width: 96%;
	margin: 30px auto;
}

#menu li {
	overflow: hidden;
	margin-bottom: 10px;
}

#menu li.img_mgrand_menu {
	width: 100%;
	float: left;
	margin-right: 20px;
}

#menu li.img_mgrand_menu div {
	border: 1px solid #444444;
}

#menu li.img_mgrand_menu div.title {
	width: 100%;
	padding: 15px;
	text-align: center;
	color: #FFF;
	background: #60432e;
	font-size: 0.8rem;
	border-top: none;
}

#menu li.img_mgrand_menu div.title a {
	color: #FFF;
}

#menu li.img_mgrand_menu div.title a:hover {
	text-decoration: underline;
}

#menu li.img_mgrand_menu div.title span {
	color: #F3ECE0;
	font-size: 0.6rem;
}

#menu li.text_grand_menu {
	width: 100%;
	line-height: 1.7;
	/*font-size: 0.7rem;*/
}

#menu div.gmenu_btn {
	display: none;
}

#menu div.gmenu_btn_sma {
	display: block;
	width: 100%;
	margin: 20px auto;
}

#menu .special_menu ul {
	overflow: hidden;
	width: 98%;
	margin: 0 auto;
	text-align: center;
	display: grid;
	justify-content: space-between;
	grid-template-columns: repeat(2, minmax(100px, 1fr));
    gap: 20px;
}

#menu li.img_special_menu {
	margin: 0 1% 20px;
}

#menu li.img_special_menu div {
	border: 1px solid #444444;
}

#menu li.img_special_menu div.title {
	display: block;
	width: 100%;
	padding: 10px;
	text-align: center;
	color: #FFF;
	background: #60432e;
	font-size: 0.8rem;
	border-top: none;
}

#menu li.img_special_menu div.title a {
	color: #FFF;
}

#menu li.img_special_menu div.title a:hover {
	text-decoration: underline;
}

#menu li.img_special_menu div.title span {
	color: #ede1a3;
	font-size: 0.6rem;
	display: block;
}

#menu li.pc_set {
	display: none;
}

#menu .menu_ttl-sml {
	font-size: 0.8em;
}

@media only screen and (min-width:1080px) {
	#menu {
		padding-top: 0;
	}

	#menu h1 {
		margin-top: 10%;
	}

	#menu li.img_mgrand_menu {
		margin-right: 0px;
		width: 45%;
	}

	#menu li.img_mgrand_menu div.title {
		display: table-cell;
		vertical-align: middle;
		font-size: 1.5rem;
	}

	#menu li.img_mgrand_menu div.title span {
		font-size: 1rem;
	}

	#menu li.text_grand_menu {
		width: 50%;
		float: left;
		font-size: 1rem;
	}

	#menu li.text_grand_menu {
		margin-left: 30px;
		color: #000;
	}

	#menu div.gmenu_btn {
		display: block;
		width: 70%;
		float: right;
		margin: 20px auto;
	}

	#menu div.gmenu_btn_sma {
		display: none;
	}
	#menu .special_menu ul {
		grid-template-columns: repeat(4, minmax(100px, 1fr));
	}

	#menu li.img_special_menu div.title {
		width: 100%;
		padding: 10px;
		text-align: center;
		color: #FFF;
		background: #705542;
		font-size: 1.3rem;
		border-top: none;
		/*border-left: none; height:131px;*/
	}

	#menu li.img_special_menu div.title span {
		color: #ede1a3;
		font-size: 1rem;
		font-weight: normal;
	}

	#menu li.sma_set {
		display: none;
	}

	#menu li.pc_set {
		display: block;
	}

}

/*■■■■■■■■■■■貸切パーティー■■■■■■■■■■■*/
#party {
	width: 95.8%;
	margin: 0 auto 3%;
	padding-top: 8%;
}

#party h1 {
	margin-top: 15%;
}

#party ul {
	overflow: hidden;
	width: 96%;
	margin: 30px auto;
}

#party li {
	overflow: hidden;
	margin-bottom: 10px;
}

#party .promise li p.text {
	padding: 10px;
	font-size: 0.8rem;
}

#party .course_Introduction {
	width: 96%;
	margin: 3% auto;
}

#party .course_Introduction p {
	width: 100%;
	padding: 10px;
}

#party .course_Introduction p.title {
	display: block;
	font-weight: bold;
	color: #705542;
}

#party .course_Introduction p.title {
	font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

#party .course_Introduction p.title {
	width: 80%;
	font-size: 1.2rem;
	text-align: center;
	margin: 0 auto;
	float: none;
}

#party .course_Introduction p.main_img {
	font-size: 1rem;
	line-height: 1.7;
}

#party .course_Introduction p.main_img img {
	/*width: 50%; float: left;*/
	margin: 0 15px 15px 0;
}

div.more_btn {
	width: 100%;
	margin: 10px auto;
}

#party .recommend_course li.wrap_plan {
	width: 96%;
	padding: 15px;
	border: 1px solid #999;
	border-radius: 3px;
	float: left;
	margin: 1%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#party .recommend_course li.wrap_plan ul {
	width: 100%;
	padding: 0;
	margin: 0;
}

#party .recommend_course li.wrap_plan li.img {
	width: 100%;
}

#party .recommend_course li.wrap_plan li.text {
	width: 100%;
	line-height: 1.7;
}

#party .recommend_course li.wrap_plan li.text p.title {
	font-size: 0.8rem;
	font-weight: bold;
	color: #705542;
}

#party .recommend_course li.wrap_plan li.text p.text {
	font-size: 0.8rem;
}

#party .recommend_course li.wrap_plan .opt_btn li {
	width: 31%;
	float: left;
	margin: 1%;
	padding: 0;
	border-radius: 8px;
	background: #f5b9a7;
	height: 3.2rem;
}

#party .recommend_course li.wrap_plan .opt_btn li {
	color: #FFF;
	font-size: 0.7rem;
	font-weight: bold;
	display: table;
}

#party .recommend_course li.wrap_plan .opt_btn li p {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}


@media only screen and (min-width:1080px) {
	#party {
		padding-top: 0;
	}

	#party h1 {
		margin-top: 10%;
	}


	#party .course_Introduction p.title {
		width: 59%;
		font-size: 1.8rem;
		text-align: left;
		float: right;
	}

	#party .course_Introduction p.title img {
		max-width: 267px;
		/*width: 56%;*/
	}

	#party .course_Introduction p.main_img {
		font-size: 1rem;
		float: right;
	}

	#party .course_Introduction p.main_img img {
		width: 40%;
		float: left;
		margin: -50px 15px 15px 0;
	}

	div.more_btn {
		max-width: 565px;
		/*width: 60%;*/
	}

	#party .recommend_course {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#party .recommend_course li.wrap_plan {
		width: 48%;
	}

	#party .recommend_course li.wrap_plan li.img {
		width: 45%;
		float: left;
	}

	#party .recommend_course li.wrap_plan li.text {
		width: 55%;
		padding-left: 10px;
		float: left;
		line-height: 1.7;
	}

	#party .recommend_course li.wrap_plan li.text p.title {
		color: #705542;
		font-size: 1rem;
	}

	#party .recommend_course li.wrap_plan li.text p.text {
		font-size: 1rem;
	}

	#party .recommend_course li.wrap_plan .opt_btn li {
		font-size: 0.8rem;
	}
}

/*■■■■■■■■■■■店舗情報■■■■■■■■■■■*/
/* .shop_pc {
	display: none;
} */

#access,
#shop {
	width: 95.8%;
	margin: 0 auto 3%;
	padding-top: 8%;
}

#access .ac_table th,
#shop .shop_table th {
	border: 1px solid #CCC;
	background: #705542;
	color: #FFF;
	padding: 15px;
	font-size: 0.9rem;
	vertical-align: middle;
	word-break: keep-all;
}

#access .ac_table td,
#shop .shop_table td {
	border: 1px solid #CCC;
	padding: 15px;
	font-size: 0.8rem;
	word-break: auto-phrase;
}


@media only screen and (min-width:1080px) {

	#access {
		padding-top: 0;
	}
}

.ac_map iframe {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
	border:0;
}

.ac_table {
    width: 100%;
    margin: 20px auto 30px;
}

.content_inner {
    padding: 0 0 30px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.box_shop {
    display: block;
}

.shop_list {
    width: 100%;
	margin-bottom: 30px;
}

.shop_list a {
    display: block;
}

.shop_ttl {
    font-size: 20px;
    color: #7f6c59;
    text-align: center;
    margin: 10px 0;
    font-weight: bold;
}

.shop_table {
    width: 100%;
    font-size: 14px;
}

@media only screen and (min-width:960px) {
	.content_inner {
		padding: 30px;
		width: 88%;
	}

	.box_shop {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.shop_list {
		width: 48%;
	}
}

/*■■■■■■■■■■■シングルページ■■■■■■■■■■■*/
#wrap .single {
	padding: 5%;
}

.single #nav_sma {
	display: none;
}

section.single article p {
	width: 100%;
}

section.single article p img {
	height: auto;
}

@media only screen and (min-width:1080px) {
	section.single article p {
		width: 60%;
		margin: 5% auto;
	}
}

@media only screen and (min-width:980px) {}

/*■■■■■■■■■■■アーカイブページ■■■■■■■■■■■*/
#wrap .archive {
	padding: 5% 0 2%;
	overflow: hidden;
}

.archive #nav_sma {
	display: none;
}

.archive article {
	padding: 10px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.archive article:nth-of-type(1) {
	border-top: 1px solid #ccc;
}

.archive h2 {
	padding: 2%;
	font-size: 1.2em;
	color: #D0131B;
	margin-bottom: 5%;
}

.genericon {
	vertical-align: -1px !important;
}

.archive .title {
	float: right;
	width: 55.41%;
	margin-bottom: 1%;
}

.archive .excerpt {
	float: right;
	width: 55.41%;
	position: relative;
}

.archive .excerpt span {
	display: block;
	text-align: right;
	margin-top: 5%;
	font-size: 3vw;
}


.archive_back {
	width: 40%;
	padding: 1.5%;
	margin: 8% auto 10%;
	border: 1px solid #C7121A;
	text-align: center;
	border-radius: 20px;
	font-size: 3vw;
	color: #C7121A;
	font-weight: bold;
}

.archive .back {
	text-align: center;
	margin: 50px 0;
	display: none;
}

.archive .back a {
	color: #D0131B;
}

@media only screen and (min-width:1080px) {
	#wrap .archive {
		padding: 5%;
		overflow: hidden;
	}

	.archive_back {
		font-size: 1.2rem;
		padding: 1.5%;
		margin: 8% auto 10%;
		border: 1px solid #C7121A;
		text-align: center;
		border-radius: 20px;
		color: #C7121A;
		font-weight: bold;
		margin-top: -20px;
	}

	.archive .page .title {
		margin-bottom: 3%;
	}

	.archive .page article ul li {
		margin-bottom: 10%;
		border-bottom: 1px solid #ccc;
		padding-bottom: 2%;
	}

	.archive article {
		width: 32%;
		padding: 0px;
		overflow: hidden;
		margin-top: 5%;
		margin-right: 2%;
		float: left;
		border: 1px solid #ccc;
		padding: 5px;
		box-shadow: 2px 2px 2px #ccc;
		background: #fff;
	}

	.archive article:nth-of-type(3n) {
		margin-right: 0;
	}

	.archive h2 {
		padding: 2%;
		font-size: 1.5em;
		color: #D0131B;
		margin-bottom: 0;
	}

	.archive .title {
		float: none;
		font-size: 14px;
		width: 100%;
		margin: 3% auto;
		text-align: center;
		border-bottom: 1px dotted #ccc;
		padding: 3%;
	}

	.archive .event_img a {
		width: 100%;
		height: 150px;
		display: block;
	}


	.archive .excerpt {
		float: none;
		font-size: 14px;
		width: 100%;
		height: 5.5rem;
		position: relative;
	}

	.archive .excerpt span {
		position: absolute;
		bottom: 5%;
		right: 0;
		display: block;
		background: #000;
		color: #fff;
		font-size: 12px;
		padding: 2% 4%;
		text-align: center;
		border-radius: 10px;
	}


	.archive .back {
		display: block;
	}
}

/*フロア紹介ページ　-------------------------------------------------------------*/

/* --------------------------------------------------------------
clearfix
-------------------------------------------------------------- */
/* .cf:after {
	content: " ";
	display: block;
	clear: both;
} */

/* --------------------------------------------------------------
.page-template-page-floor #content
-------------------------------------------------------------- */
@media screen and (min-width:1079px) {

	.page-template-page-floor #content section {
		margin: 0 auto;
		padding: 0 0 3% 0;
		overflow: hidden;
		width: 95.8%;
	}

	.page-template-page-floor #content section h1 {
		margin: 0 0 20px 0;
	}

	.page-template-page-floor #content section .leadArea {
		padding: 0 20px;
		margin: 0 0 20px 0;
	}
}


@media screen and (min-width:1079px) {
	.page-template-page-floor .renew_h1 {
		padding-top: 180px;
	}
}

@media screen and (max-width:766px) {
	.page-template-page-floor .renew_h1 {
		padding-top: 90px;
	}
}

.page-template-page-floor #content section #tab {
	border-bottom: solid 8px #381d15;
	margin: 0 0 30px 0;
	box-sizing: border-box;
}

.page-template-page-floor #content section #tab li {
	display: inline-block;
	/* float: left; */
	border: solid 3px #381d15;
	border-bottom: none;
	background: #fdf7e9;
	cursor: pointer;
	color: #381d15;
	text-align: center;
	padding: 10px 0;
	width: 32%;
	border-radius: 5px 5px 0 0;
	margin: 0 2% 0 0;
}

@media screen and (min-width:1079px) {
	.page-template-page-floor #content section #tab li {}

	.page-template-page-floor .sliderMainSp,
	.page-template-page-floor .sliderMainSp02,
	.page-template-page-floor .sliderMainSp03,
	.page-template-page-floor .sliderMainSp04,
	.page-template-page-floor .more,
	.page-template-page-floor .more02,
	.page-template-page-floor .more03,
	.page-template-page-floor .more04 {
		display: none;
	}
}

@media screen and (max-width:766px) {
	.page-template-page-floor #content section #tab li {
		padding: 5px 0;
		font-size: 12px;
		height: 40px;
	}

	.page-template-page-floor .sliderMain,
	.page-template-page-floor #sliderPager,
	.page-template-page-floor .sliderMain02,
	.page-template-page-floor #sliderPager02,
	.page-template-page-floor .sliderMain03,
	.page-template-page-floor #sliderPager03,
	.page-template-page-floor .sliderMain04,
	.page-template-page-floor #sliderPager04 {
		display: none;
	}

	.page-template-page-floor .sliderMainSp ul li,
	.page-template-page-floor .sliderMainSp02 ul li,
	.page-template-page-floor .sliderMainSp03 ul li,
	.page-template-page-floor .sliderMainSp04 ul li {
		float: left;
		width: 46%;
		margin: 0 4% 4% 0;
	}

	.page-template-page-floor .sliderMainSp ul li.rt,
	.page-template-page-floor .sliderMainSp02 ul li.rt,
	.page-template-page-floor .sliderMainSp03 ul li.rt,
	.page-template-page-floor .sliderMainSp04 ul li.rt {
		margin: 0 0 4% 0;
	}

	.page-template-page-floor .more,
	.page-template-page-floor .more02,
	.page-template-page-floor .more03,
	.page-template-page-floor .more04 {
		background: #381d15;
		color: #fff;
		text-align: center;
		padding: 2% 0;
		border-radius: 5px;
	}

	.page-template-page-floor .cf li img {
		width: 45vw;
		height: 45vw;
		object-fit: cover;
	}

	.page-template-page-floor .cf {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

}

.page-template-page-floor #content section #tab li.last {
	margin: 0;
	float: right;
}

.page-template-page-floor #content section #tab li:hover,
.page-template-page-floor #content section #tab li.active {
	border: solid 3px #381d15;
	border-bottom: none;
	background: #381d15;
	color: #fff;
}

.page-template-page-floor .content_wrap {
	margin: 0 0 40px 0;
}

.page-template-page-floor .disnon {
	display: none;
}

.page-template-page-floor .sliderMain,
.page-template-page-floor .sliderMain02,
.page-template-page-floor .sliderMain03,
.page-template-page-floor .sliderMain04 {
	width: 90%;
	margin: 0 auto;
}

.page-template-page-floor .sliderMain img,
.page-template-page-floor .sliderMain02 img,
.page-template-page-floor .sliderMain03 img,
.page-template-page-floor .sliderMain04 img {
	margin: 0 0 20px 0;
}

.page-template-page-floor .sliderMain p,
.page-template-page-floor .sliderMain02 p,
.page-template-page-floor .sliderMain03 p,
.page-template-page-floor .sliderMain04 p {
	margin: 0 0 20px 0;
}

.page-template-page-floor #sliderPager,
.page-template-page-floor #sliderPager02,
.page-template-page-floor #sliderPager03,
.page-template-page-floor #sliderPager04 {
	margin-left: 40px;
}

.page-template-page-floor #sliderPager img,
.page-template-page-floor #sliderPager02 img,
.page-template-page-floor #sliderPager03 img,
.page-template-page-floor #sliderPager04 img {
	width: 135px;
	height: 135px;
	overflow: hidden;
}

.page-template-page-floor #sliderPager img,
.page-template-page-floor #sliderPager02 img,
.page-template-page-floor #sliderPager03 img,
.page-template-page-floor #sliderPager04 img {
	width: 135px;
}

.page-template-page-floor #sliderPager img.rt,
.page-template-page-floor #sliderPager02 img.rt,
.page-template-page-floor #sliderPager03 img.rt,
.page-template-page-floor #sliderPager04 img.rt {
	margin: 0 0 18px 0;
}

.page-template-page-floor #content section h2 {
	margin: 0 0 20px 0;
}

.page-template-page-floor #content section table {
	width: 100%;
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-collapse: collapse;
	margin: 0 0 20px 0;
}

.page-template-page-floor #content section table th,
.page-template-page-floor #content section table td {
	text-align: center;
	padding: 10px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

.page-template-page-floor #content section table th {
	background: #381d15;
	color: #fff;
}


.page-template-page-floor .mfp-counter {
	display: none;
}

.page-template-page-floor .mfp-title {
	text-align: left;
	line-height: normal;
	color: #F3F3F3;
	word-wrap: break-word;
	padding-right: 0
}

.thum-paging {
	display: flex;
	justify-content: flex-start;
	gap: 0 20px;
}

.thum-paging img {
	width: 134px;
}

/* メニューページ　-------------------------------------------------------------*/

/* --------------------------------------------------------------
common
-------------------------------------------------------------- */
.page-template-page-menu .left {
	float: left;
}

.page-template-page-menu .right {
	float: right;
}

/* --------------------------------------------------------------
#content
-------------------------------------------------------------- */
@media screen and (min-width:1079px) {
	.page-template-page-menu #header_inner2 {
		margin-top: 204px;
	}
}

.page-template-page-menu #content section {
	margin: 0 auto;
	padding: 0 0 3% 0;
	overflow: hidden;
	width: 95.8%;
}

.page-template-page-menu #content section h1 {
	margin: 0 0 20px 0;
}

.page-template-page-menu #content section p {
	margin: 0 0 15px 0;
}

.page-template-page-menu #wrapper {
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	background: url(../cascade/images/menu/bg_main.jpg) top center;
}

.page-template-page-menu #container_inner {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #FFFBED;
}

.page-template-page-menu #container_inner img {
	width: 100%;
}

.page-template-page-menu h1.box_sweets_ttl {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 54px;
	color: #d18e04;
	text-align: center;
	font-style: italic;
	margin-bottom: 20px;
	border-left: none;
}

.page-template-page-menu p.box_sweets_caption {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	background: #d18e04;
	color: #fff;
	max-width: 820px;
	width: 100%;
	margin: 0 auto 20px auto;
	padding: 5px 0;
	text-align: center;

}

@media screen and (max-width:766px) {
	.content_post img {
		width: 100%;
	}

	.page-template-page-menu #wrapper {
		padding: 10% 5%;
	}

	.page-template-page-menu h1.box_sweets_ttl {
		font-size: 1.8rem;
		padding: 5% 5% 2% 5%;
	}

	.page-template-page-menu p.box_sweets_caption {
		box-sizing: border-box;
		padding: 4% 4%;
		margin: 0 4% 4% 4%;
		width: 92%;
		font-size: 1rem;
	}

}

.page-template-page-menu #content section table {
	width: 100%;
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-collapse: collapse;
}

.page-template-page-menu #content section table th,
.page-template-page-menu #content section table td {
	text-align: center;
	padding: 10px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;

}

.page-template-page-menu #content section table th {
	background: #4f9bb0;
	color: #fff;
	vertical-align: middle;
}

.page-template-page-menu #content section table td span {
	color: #f00;
	font-size: 200%;
}

/*ランチ　------------------------------------------------------ */

.page-template-page-menu .lunch h2 {
	margin: 0 0 20px 0;
}

.page-template-page-menu .lunch .bnr {
	display: block;
	max-width: 600px;
	margin: 0 auto 20px auto;
}

.page-template-page-menu .lunch .catch {
	margin: 0 0 20px 0 !important;
}

.page-template-page-menu .lunch .imgArea {
	margin: 0 0 30px 0;
	text-align: center;
}

.page-template-page-menu .lunch .imgArea img {
	margin: 0 50px 0 0;
	max-width: 235px;
}

.page-template-page-menu .lunch .imgArea img:last-child {
	margin: 0;
}

.page-template-page-menu .lunch .price {
	background: #fafafa;
	padding: 20px;
	text-align: center;
	margin: 0 0 20px 0;
}

.page-template-page-menu .lunch .price p {
	font-size: 150%;
	color: #004969;
	line-height: 1.8;
}

.page-template-page-menu .lunch .price img {
	max-width: 568px;
	margin: 0 0 40px 0;
}

.page-template-page-menu .lunch .reservation {
	overflow: hidden;
	clear: both;
	float: none;
	margin: 0 auto;
	border: solid 1px #4f9bb0;
	border-radius: 10px;
	text-align: center;
	padding: 10px 0 10px 0;
}

.page-template-page-menu .lunch .reservation .txt {
	font-size: 150%;
}

.page-template-page-menu .lunch .reservation-btn {
	margin: 0 auto 20px auto !important;
	max-width: 475px;
}

.page-template-page-menu .lunch .tel {
	text-align: center;
}

.page-template-page-menu .lunch .tel img {
	max-width: 285px;
}

@media screen and (max-width:766px) {

	.page-template-page-menu .lunch .imgArea img {
		margin: 0 0 4% 0;
		max-width: 100%;
	}

	.page-template-page-menu #content section table {
		box-sizing: border-box;
		font-size: 1rem;
		width: 100%;
	}

	.page-template-page-menu #content section table td {
		font-size: 0.8rem;
	}

	.page-template-page-menu #content section table td span {
		font-size: 1.2rem;
	}

	.page-template-page-menu .lunch .price {
		padding: 4% 4%;
	}

	.page-template-page-menu .lunch .price p {
		font-size: 1rem;
	}

	.page-template-page-menu .lunch .reservation .txt {
		font-size: 1rem;
		padding: 0 5%;
	}

	.page-template-page-menu .lunch .reservation-btn {
		max-width: 90%;
	}

	.page-template-page-menu .lunch .tel {
		padding: 0 5%;
	}

	.page-template-page-menu .lunch .tel img {
		max-width: 100%;
	}

}



/*当店限定メニュー------------------------------------------------------ */
.page-template-page-menu .recommend_menu {
	color: #630;
}

.page-template-page-menu .recommend_menu #wrap-tapas {
	margin-top: 10px;
	width: 980px;
	padding-bottom: 10px;
}

.page-template-page-menu .recommend_menu h2 {
	padding: 0;
	text-align: center;
}

.page-template-page-menu .recommend_menu .menu_div_01 {
	padding: 30px 20px;
	text-align: left;
}

.page-template-page-menu .recommend_menu .menu_div_01 .right {
	width: 430px;
}

.page-template-page-menu .recommend_menu .menu_div_01 h3 {
	font-size: 24px;
	padding-left: 16px;
	border-left: 8px solid #EFB899;
	line-height: 1.3;
	margin: 0 0 20px 0;
}

.page-template-page-menu .recommend_menu .menu_div_01 p {
	margin-top: 12px;
	font-size: 18px;
	line-height: 1.4;
}

.page-template-page-menu .recommend_menu .span_02 {
	font-size: 14px;
	margin-left: 10px;
	vertical-align: middle;
}

.page-template-page-menu .recommend_menu .span_04 {
	font-size: 12px;
	margin-left: 10px;
	vertical-align: middle;
}

.page-template-page-menu .recommend_menu .menu_div_02 {
	width: 426px;
	border: 2px solid #efb898;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-top: 27px;
	background: #fff8f4;
}

.page-template-page-menu .recommend_menu .h6_tit_menu {
	background: #efb898;
	font-size: 17px;
	color: #58280c;
	line-height: 39px;
	padding-left: 28px;
	margin-bottom: 10px;
}

.page-template-page-menu .recommend_menu .menu_div_02 dl {
	margin-bottom: 6px;
	padding: 0px 30px;
}

.page-template-page-menu .recommend_menu .menu_div_02 dt {
	font-size: 17px;
	color: #58280c;
	font-weight: bold;
	float: left;
}

.page-template-page-menu .recommend_menu .menu_div_02 dd {
	font-size: 17px;
	color: #58280c;
	font-weight: bold;
	float: right;
}

.page-template-page-menu .recommend_menu .menu_div_03 {
	background: url(../cascade/images/menu/menu_img_07.jpg) top repeat-x;
	margin-top: 5px;
}

.page-template-page-menu .recommend_menu .menu_div_03 .left {
	margin-top: 15px;
}

.page-template-page-menu .recommend_menu .menu_div_03 .right {
	width: 230px;
	position: relative;
	margin-top: 2px;
}

.page-template-page-menu .recommend_menu .menu_div_03 .right .label {
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	top: 37px;
	right: 0;
	background: #fff8f4;
	border: 1px solid #efb898;
	padding: 2px 13px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

}

.page-template-page-menu .recommend_menu .menu_div_03 h4 {
	font-size: 20px;
	margin-top: 7px;
}

.page-template-page-menu .recommend_menu .menu_div_03 p {
	margin-top: 0;
}

@media screen and (max-width:766px) {

	.page-template-page-menu .recommend_menu .menu_div_01 .right {
		width: 100%;
	}

	.page-template-page-menu .recommend_menu .menu_div_02 {
		width: 100%;
	}

	.page-template-page-menu .recommend_menu .left {
		margin: 0 0 5% 0;
	}

	.page-template-page-menu .recommend_menu .menu_div_03 .left {
		width: 100%;
	}

	.page-template-page-menu .recommend_menu .menu_div_02 dt,
	.page-template-page-menu .recommend_menu .menu_div_02 dd {
		float: none;
	}

}

.page-template-page-menu #contents_inner02 {
	width: 840px;
	margin: 50px auto 0 auto;
	padding: 0;
	text-align: left;
}

.page-template-page-menu .menu_wrap {
	overflow: hidden;
	clear: both;
	margin: 0 0 40px;
	padding: 0;
}



.page-template-page-menu .menu_detail {
	width: 470px;
	height: 198px;
	margin: 20px 0 0;
	padding: 0;
	background: url(../cascade/images/menu/bg_detail.png) no-repeat;
	color: #3a1503;
}

.page-template-page-menu .menu_h {
	margin: 20px 20px 0 20px;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}

.page-template-page-menu .menu_price {
	margin: 0 20px 5px;
	padding: 0 0 5px;
	border-bottom: #3a1503 solid 1px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	text-align: right;
}

.page-template-page-menu .menu_caption {
	margin: 0 20px 20px;
	padding: 0;
	font-size: 16px;
	line-height: 1.6;
}

.page-template-page-menu .menu_img {
	width: 350px;
	padding: 0;
	/*border: #CD6715 solid 1px;*/
}

.page-template-page-menu .standard {
	background: url(../cascade/images/menu/bg_standard.png) no-repeat;
	padding: 100px 30px 40px;
	color: #3a1503;
}

.page-template-page-menu .lowcarbohydrate {
	background: url(../cascade/images/menu/bg_lowcarbohydrate.png) no-repeat;
	padding: 100px 30px 40px;
	color: #3a1503;
}

.page-template-page-menu .standard_high {
	background: url(../cascade/images/menu/bg_standard_high.png) no-repeat;
	padding: 120px 30px 40px;
	color: #3a1503;
}

.page-template-page-menu .standard_box {
	overflow: hidden;
	float: left;
	width: 370px;
	margin: 10px;
	padding: 0;
	background: #FAE8B8;
	height: 172px;
}

.page-template-page-menu .lowcarbohydrate_box {
	overflow: hidden;
	float: left;
	width: 370px;
	margin: 10px;
	padding: 0;
	background: #EFBFD2;
	height: 172px;
}

.page-template-page-menu .standard_box-img {
	float: left;
	width: 140px;
	margin: 10px;
}

.page-template-page-menu .standard_box-detail {
	float: right;
	width: 200px;
	margin: 10px 10px 10px 0;
}

.page-template-page-menu .standard_box-h {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

.page-template-page-menu .standard_box-h-notice {
	margin: 0 0 5px;
	padding: 0;
	font-size: 12px;
	color: #F00;
}

.page-template-page-menu .standard_box-price {
	margin: 0 0 5px;
	padding: 5px 0;
	border-bottom: #3a1503 solid 1px;
	font-weight: bold;
	text-align: right;
}

.page-template-page-menu .standard_box-caption {
	margin: 0;
	padding: 0;
	line-height: 1.4;
	font-size: 13px;
}

.page-template-page-menu .standard_box-caption span {
	display: block;
	margin-top: 5px;
	font-size: 10px;
}

.page-template-page-menu .box_wrap {
	overflow: hidden;
}

.page-template-page-menu .spTitle {
	display: none;
}

@media screen and (max-width:766px) {

	.page-template-page-menu #contents_inner02 {
		width: 100%;
		margin: 10% auto 0 auto;
	}

	.page-template-page-menu .standard {
		background: none;
		border: dashed 1px #476646;
		margin: 0 5% 10% 5%;
		padding: 5% 5%;
		color: #3a1503;
	}

	.page-template-page-menu .lowcarbohydrate {
		background: #ffeef8;
		border: dashed 1px #87002d;
		margin: 0 5% 10% 5%;
		padding: 5% 5%;
		color: #3a1503;
	}

	.page-template-page-menu .standard_box {
		width: 96%;
		margin: 2%;
		height: auto;
	}

	.page-template-page-menu .lowcarbohydrate_box {
		width: 96%;
		margin: 2%;
		height: auto;
	}

	.page-template-page-menu .spTitle {
		display: block;
		margin: 0 0 5% 0;
	}

	.page-template-page-menu .spTitle span {
		display: inline-block;
		background: #476646;
		border-radius: 5px;
		padding: 5px;
		margin: 0 0 10px 0;
		color: #fffbee;
	}

	.page-template-page-menu .standard_box-img {
		float: none;
		width: 90%;
		margin: 5%;
	}

	.page-template-page-menu .standard_box-detail {
		float: none;
		width: 90%;
		margin: 5%;
	}

}

/* イベントページ　-------------------------------------------------------------*/


/* --------------------------------------------------------------
common
-------------------------------------------------------------- */
.page-template-page-event .left {
	float: left;
}

.page-template-page-event .right {
	float: right;
}

/* --------------------------------------------------------------
#content
-------------------------------------------------------------- */
@media screen and (min-width:1079px) {
	.page-template-page-event #header_inner2 {
		margin-top: 204px;
	}
}

.page-template-page-event #content section {
	margin: 0 auto;
	padding: 0 0 3% 0;
	overflow: hidden;
	width: 95.8%;
}

.page-template-page-event #content section h1 {
	margin: 0 0 20px 0;
}

.page-template-page-event #content section p {
	margin: 0 0 15px 0;
}

.page-template-page-event #content section p.lead {
	margin: 0 0 30px 0;
}

.page-template-page-event #content section h2 {
	width: 80%;
	margin: 0 auto 20px auto;
}

/*合コンプラン　----------------------------------------*/

.page-template-page-event #wrap-anniversary {
	overflow: hidden;
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding: 0;
	color: #630;
}

.page-template-page-event #promise {
	overflow: hidden;
	float: none;
	margin: 0 auto;
	padding: 0 8%;
	background: url(/images/plumeria-cafe/yokohama/anniversary/bg_promise_m.png) center top repeat-y;
}

.page-template-page-event #promise .box_promise {
	float: left;
	width: 32%;
	margin: 0 2% 7% 0;
	padding: 0;
}

.page-template-page-event .promise_end {
	margin: 0 !important;
}

.page-template-page-event #promise .cap_promise {
	overflow: hidden;
	float: left;
	text-align: left;
	padding-left: 13px;
	color: #9C763D;
}

.page-template-page-event #promise .cap_promise p {
	font-size: 15px;
	color: #6D4E38;
}



.page-template-page-event #promise .cap_promise p.title {
	font-weight: bold;
}

.page-template-page-event #promise .course {
	clear: both;
	overflow: hidden;
	width: 94%;
	padding: 3%;
	margin-bottom: 6%;
	background: #FFF;
}

.page-template-page-event .course_end {
	margin: 0 !important;
}

.page-template-page-event #promise .course img {
	width: 40%;
	margin-right: 4%;
	float: left;
}

.page-template-page-event #promise .course_detail {
	width: 50%;
	text-align: left;
	color: #644633;
	float: left;
}

.page-template-page-event #promise .course_detail ul {
	margin: 3% 0 0 4%;
	list-style-type: none;
}

.page-template-page-event #promise .course_detail li {
	overflow: hidden;
	margin: 0 0 1em;
	line-height: 1.8;
}

.page-template-page-event .ttl_menu {
	margin: 0;
	padding: 10px 0 10px 25px;
	background: #8F0F0C;
	font-weight: bold;
	color: #FFF;
	font-size: 19px;
}

.page-template-page-event .ttl_menu .f14 {
	font-weight: normal;
	font-size: 16px;
}

.page-template-page-event .box_present {
	float: left;
	margin-top: 20px;
	overflow: hidden;
	width: 50%;
	height: 200px;
	background: #372213;
	color: #FFF;
	text-align: center;
	padding: 10px 0 20px;
}

.page-template-page-event .box_present p {
	width: 100% !important;
	margin: 10px auto !important;
	padding: 0 !important;
	background: none !important;
}

.page-template-page-event .box_present ol {
	padding: 0 5px 0 20px;
	list-style-position: outside;
	text-align: left;
}

.page-template-page-event .box_present ol li {
	margin: 0 0 10px;
	line-height: 1.2 !important;
	list-style-type: decimal !important;
}

/*yokohama*/

.page-template-page-event .yoko_shita {
	overflow: hidden;
	margin-left: 20px;
}

.page-template-page-event .yoko_shita p {
	width: 300px;
}


.page-template-page-event .bana_oiwai {
	overflow: hidden;
	width: 400px;
	float: left;
	margin-right: 20px;
}

.page-template-page-event .season {
	margin: 15px auto 10px auto;
}

.page-template-page-event .note {
	margin: 0;
	padding: 0 0 7px 0;
	line-height: 1.8;
	font-size: 10px;
	font-weight: normal;
	color: #E5DFD3;
}

.page-template-page-event .box_anniversary_caption {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 20px;
	color: #998163;
	text-align: center;
}

.page-template-page-event .box_anniversary_caption02 {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 24px;
	color: #674b35;
	margin: 20px 0;
	text-align: center;
}

.page-template-page-event .box_after_01 {
	font-size: 18px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.page-template-page-event .box_after_02 {
	font-size: 35px;
	color: #FF8C00;
	font-weight: bold;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 45px;
}

.page-template-page-event .box_after_03 {
	font-size: 20px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	width: 280px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0 auto 15px;
	padding: 8px 0 10px;
	border-radius: 5px;
	color: #FFF !important;
	background-color: #8F0F0C;
	text-align: center;
}

.page-template-page-event .box_after_04 {
	margin: auto;
	width: 450px;
}

.page-template-page-event .box_after_04 p {
	text-align: left;
	width: 450px;
	padding: 4px;
}

.page-template-page-event .box_after_plan {
	border: 5px double #e8c480;
	margin: 0 auto;
	width: 450px;
	color: #630;
	background-color: #FFF;
	font-size: 15px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.page-template-page-event .box_after_plan p {
	text-align: left;
	margin-left: 50px !important;
	padding: 10px;
	width: 450px;
	color: #630;
	font-size: 15px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 28px;
}

.page-template-page-event .box_after_plan .ttl_after_plan {
	padding: 10px 0;
	margin: 0 10px;
	border-top: 1px dotted #ccc;
}

.page-template-page-event .box_after_plan .ttl_after_plan p {
	font-size: 14px;
	padding: 0;
	margin: 0 !important;
}

@media screen and (max-width:766px) {

	.page-template-page-event #promise {
		padding: 0;
	}

	.page-template-page-event #promise .box_promise {
		float: none;
		width: 100%;
		margin: 0 0% 4% 0;
		padding: 0;
	}

	.page-template-page-event .promise_end {
		margin: 0 0% 4% 0 !important;
	}

	.page-template-page-event #promise .cap_promise {
		float: none;
		padding-left: 2%;
	}

	.page-template-page-event #promise .course {
		width: 100%;
	}

	.page-template-page-event .course_end {
		margin: 0 !important;
	}

	.page-template-page-event #promise .course img {
		width: 100%;
		margin-right: 0;
		float: none;
	}

	.page-template-page-event #promise .course_detail {
		width: 100%;
		float: none;
	}

	.page-template-page-event .box_after_01 {
		font-size: 14px;
	}

	.page-template-page-event .box_after_03 {
		width: 80%;
		margin: 0 auto 3%;
		padding: 2% 0 2%;
	}

	.page-template-page-event .box_after_04 {
		margin: auto;
		width: 450px;
	}

	.page-template-page-event .box_after_04 p {
		text-align: left;
		width: 450px;
		padding: 4px;
	}

	.page-template-page-event .box_after_plan {
		border: 5px double #e8c480;
		margin: 0 auto;
		width: 100%;
		color: #630;
		background-color: #FFF;
		font-size: 15px;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	}

	.page-template-page-event .box_after_plan p {
		margin-left: 0 !important;
		padding: 2%;
		width: 100%;
		font-size: 12px;
		;
	}

	.page-template-page-event .box_after_plan .ttl_after_plan {
		padding: 2% 0;
		margin: 0 2%;
		border-top: 1px dotted #ccc;
	}

	.page-template-page-event .box_after_plan .ttl_after_plan p {
		font-size: 12px;
		padding: 0;
		margin: 0 !important;
	}

}

/*遊び放題プラン　----------------------------------------*/

.page-template-page-event #content section .caption_asobihoudai {
	padding: 4% 0 0 0;
	text-align: center;
}

/*コースメニュー -------------------------------------------------------------*/


/* --------------------------------------------------------------
#content
-------------------------------------------------------------- */
.page-template-page-coursemenu .renew_h1 {
	padding-top: 150px;
}
.page-template-page-coursemenu #content section {
	margin: 0 auto;
	margin: 0 auto 3%;
	overflow: hidden;
	width: 95.8%;
}

.page-template-page-coursemenu #content section h1 {
	margin: 0 0 20px 0;
}

.page-template-page-coursemenu #content section p {
	margin: 0 0 15px 0;
	line-height: 1.4;
}

.page-template-page-coursemenu #wrapper {
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	background: url(/images/plumeria-cafe/yokohama/menu/bg_main.jpg) top center;
}

.page-template-page-coursemenu #container_inner {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #FFFBED;
}

.page-template-page-coursemenu #container_inner img {
	width: 100%;
}



@media screen and (max-width:766px) {

	.page-template-page-coursemenu .renew_h1 {
		padding-top: 90px;
		padding-bottom: 40px;
	}

}

.course_menu {}

.page-template-page-coursemenu .course_menu .mainImg {
	margin: 0 0 20px 0;
}

.page-template-page-coursemenu .course_menu h1 {
	font-size: 18px;
	font-weight: bold;
	border-left: solid #3A7792 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.page-template-page-coursemenu .course_menu .lead {
	font-size: 13px;
}

.page-template-page-coursemenu .course_menu h2 {
	margin: 0 auto;
	padding: 10px 25px;
	background: #3a7792;
	font-weight: bold;
	color: #FFF;
	font-size: 19px;
	margin: 0 0 20px 0;
}

.page-template-page-coursemenu .course_menu h2 .title {
	float: left;
}

.page-template-page-coursemenu .course_menu h2 .data {
	float: right;
}

.page-template-page-coursemenu .course_menu .courseArea {
	margin: 0 0 50px 0;
	padding: 0 30px 30px 30px;
	border-bottom: dashed 1px #ccc;
}

.page-template-page-coursemenu .course_menu .courseArea .txtBlock {
	float: left;
	width: 420px;
}

.page-template-page-coursemenu .course_menu .courseArea .txtBlock .titleBox .icon {
	display: inline-block;
	width: 100px;
	padding: 5px;
	background: #3a7792;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	margin: 0 0 5px 0 !important;
}

.page-template-page-coursemenu .course_menu .courseArea .txtBlock .titleBox h3 {
	border-bottom: 2px #3a7792 solid;
	font-weight: bold;
	color: #3a7792;
	font-size: 22px;
	margin: 0 0 5px 0;
}

.page-template-page-coursemenu .course_menu .courseArea .txtBlock .titleBox .data {
	text-align: right;
	font-weight: bold;
	color: #3a7792;
	font-size: 18px;
}

.page-template-page-coursemenu .course_menu .courseArea .photo {
	float: right;
	width: 400px;
}

.page-template-page-coursemenu .course_menu .reservation {
	overflow: hidden;
	clear: both;
	float: none;
	margin: 0 auto;
	border: solid 1px #4f9bb0;
	border-radius: 10px;
	text-align: center;
	padding: 10px 0 10px 0;
}

.page-template-page-coursemenu .course_menu .reservation .txt {
	font-size: 150%;
}

.page-template-page-coursemenu .course_menu .reservation-btn {
	margin: 0 auto 20px auto !important;
	max-width: 475px;
}

.page-template-page-coursemenu .course_menu .tel {
	text-align: center;
}

.page-template-page-coursemenu .course_menu .tel img {
	max-width: 285px;
}

@media screen and (max-width:766px) {

	.page-template-page-coursemenu .course_menu h1 {
		font-size: 18px;
		font-weight: bold;
		border-left: solid #3A7792 5px;
		padding-left: 2%;
		margin-bottom: 2%;
	}

	.page-template-page-coursemenu .course_menu h2 {
		margin: 0 auto;
		padding: 2% 5%;
		background: #3a7792;
		font-weight: bold;
		color: #FFF;
		font-size: 16px;
		margin: 0 0 20px 0;
	}

	.page-template-page-coursemenu .course_menu h2 .title {
		float: none;
		border-bottom: solid 1px #fff;
		display: block;
		padding: 0 0 2% 0;
		margin: 0 0 2% 0;
	}

	.page-template-page-coursemenu .course_menu h2 .data {
		float: none;
		display: block;
		font-size: 12px;
		text-align: right;
	}

	.page-template-page-coursemenu .course_menu .courseArea {
		margin: 0 0 4% 0;
		padding: 0 2% 4% 2%;
	}

	.page-template-page-coursemenu .course_menu .courseArea .txtBlock {
		float: none;
		width: auto;
		margin: 0 0 4% 0;
	}

	.page-template-page-coursemenu .course_menu .courseArea .txtBlock .titleBox .icon {
		display: inline-block;
		width: 100px;
		padding: 5px;
		background: #3a7792;
		text-align: center;
		color: #FFF;
		font-size: 12px;
		margin: 0 0 5px 0 !important;
	}

	.page-template-page-coursemenu .course_menu .courseArea .txtBlock .titleBox h3 {
		border-bottom: 2px #3a7792 solid;
		font-weight: bold;
		color: #3a7792;
		font-size: 16px;
		margin: 0 0 5px 0;
	}

	.page-template-page-coursemenu .course_menu .courseArea .txtBlock .titleBox .data {
		text-align: right;
		font-weight: bold;
		color: #3a7792;
		font-size: 12px;
	}

	.page-template-page-coursemenu .course_menu .courseArea .photo {
		float: none;
		width: 100%;
	}

	.page-template-page-coursemenu .course_menu .reservation .txt {
		font-size: 1rem;
		padding: 0 5%;
	}

	.page-template-page-coursemenu .course_menu .reservation-btn {
		max-width: 90%;
	}


}

/* --------------------------------------------------------------
#breadcrumbs
-------------------------------------------------------------- */

#breadcrumbs {
	overflow-x: scroll;
	overflow-y: hidden;
	width: 100%;
	white-space: nowrap;
}

#breadcrumbs div {
	display: inline;
}

#breadcrumbs {
	overflow: hidden;
	width: 980px;
	margin: 0 auto !important;
	padding: 0;
	font-size: 12px;
	line-height: 2;
	text-align: left;
}

#breadcrumbs ul {
	display: flex;
}

/* #breadcrumbs li {
	width: 100%;
} */

#breadcrumbs li a {
	display: inline-block;

}

#breadcrumbs li a::after {
	content: ">";
	margin-right: 5px;
	margin-left: 5px;
}

#breadcrumbs li:last-of-type a {
	pointer-events: none;
	color: #333;
}

#breadcrumbs li:last-of-type a::after {
	content: none;
}


/*-----背景　白ver.-----*/

#breadcrumbs.white ul li,
#breadcrumbs.white ol li,
#breadcrumbs.white dl dd {
	float: left;
	margin: 0 0.5em 0 0;
	padding: 0;
	color: #333;
	line-height: 3;
	list-style: none;
}

#breadcrumbs.white a {
	display: block;
	margin: 0;
	padding: 0;
	background: none;
}

#breadcrumbs.white a:hover {
	color: #f90;
}

.middle {
	width: 940px !important;
}

.narrow {
	width: 800px !important;
}

.narrow_less {
	width: 780px !important;
}

.narrow_min {
	width: 700px !important;
}

.rhythm {
	width: 850px !important;
}


.bg_gray {
	background: #eee;
}

.bg_yellow {
	background: #ebc639;
}

#breadcrumbs a:last-child {
	pointer-events: cursor;
	background: none;
	text-decoration: none;
	color: inherit;
}

#breadcrumbs a:link {
	text-decoration: none;
	color: #E47B4E;
}

#breadcrumbs a:visited {
	text-decoration: none;
	color: #E47B4E;
}

#breadcrumbs a:hover {
	text-decoration: none;
	color: #BF591C;
}

#breadcrumbs a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

@media screen and (max-width:1079px) {
	#breadcrumbs {
		overflow-x: scroll;
		overflow-y: hidden;
		width: 100%;
		white-space: nowrap;
	}



}

@media screen and (min-width:1080px) {
	.pc {
		display: block !important;
	}

	.sp {
		display: none !important;
	}

	#header_inner_pc h1 {
		color: #fff;
		text-align: center;
		font-size: 16px;
	}

	#content h2.ttl {
		width: 100%;
		max-width: 938px;
		margin: auto;
		text-align: center;
		color: #705542;
		background: url(/images/plumeria-cafe/yokohama/bg_title.webp) no-repeat;
		font-size: 2.6rem;
		font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
		display: flex;
		justify-content: center;
		height: 104px;
		padding: 0;
		vertical-align: middle;
		align-items: center;
		margin-bottom: 20px;
		border: none;
	}

	#kodawari h3.ttl {
		color: #705542;
		margin-bottom: 2%;
		font-size: 1rem;
		font-family: 新丸ゴ M;
	}

	h3.menu_ttl {
		display: inline;
	}

	#plan h3.ttl {
		max-width: 903px;
		font-size: 1.8rem;
		font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
		border: 1px solid #705542;
		border-radius: 5px;
		color: #705542;
		text-align: center;
		background: #fff;
		padding: 1%;
		width: 100%;
		margin: 30px auto 20px;
	}

	#plan .course_Introduction h4.ttl {
		font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
		display: block;
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
		color: #705542;
		margin-bottom: 20px;
	}

	#plan h3.other_menu_ttl {
		font-size: 1.8rem;
		font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
		display: block;
		text-align: center;
		font-weight: bold;
		color: #705542;
		margin-bottom: 20px;
		max-width: 441px;
		width: 80%;
		margin: 7% auto 0;
	}

	#plan .course_plan li.wrap_plan li.text h4.other_menu_ttl,
	#party h4.other_ttl {
		color: #705542;
		font-size: 1.1rem;
		font-weight: bold;
	}

	#party .course_Introduction h3.ttl {
		padding: 10px;
		width: 59%;
		font-size: 1.8rem;
		text-align: left;
		float: right;
		margin: 0 auto;
		font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
		display: block;
		font-weight: bold;
		color: #705542;
	}
}

@media screen and (max-width:1080px) {
	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}

	#content {
		padding-top: 0;
	}

	#content h1.main_ttl {
		font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
		text-align: center;
		color: #705542;
		font-size: 1.5rem;
		margin: 12px 0;
	}

	#content h2.ttl {
		margin: auto;
		padding: 2% 0;
		text-align: center;
		color: #705542;
		background: url(/images/plumeria-cafe/yokohama/bg_title.webp) no-repeat;
		background-size: cover;
		font-size: 1.3rem;
		font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
		margin-bottom: 20px;
		border: none;
	}

	#plan h3.ttl {
		width: 100%;
		margin: 30px auto 20px;
		font-size: 1.2rem;
		border: 1px solid #705542;
		border-radius: 5px;
		color: #705542;
		text-align: center;
		background: #fff;
		padding: 1%;
		font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	}

	#plan .course_Introduction h4.ttl {
		font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
		font-size: 1.2rem;
		font-weight: bold;
		color: #705542;
		margin-bottom: 20px;
		display: block;
		width: 60%;
		text-align: center;
		margin: 0 auto 20px;
		float: none;
	}

	#plan h3.other_menu_ttl {
		font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
		display: block;
		text-align: center;
		font-weight: bold;
		color: #705542;
		margin-bottom: 20px;
		max-width: 441px;
		width: 80%;
		font-size: 1.2rem;
	}

	#plan .course_plan li.wrap_plan li.text h4.other_menu_ttl,
	#party h4.other_ttl {
		font-size: 1rem;
		font-weight: bold;
		color: #705542;
	}

	#party .course_Introduction h3.ttl {
		width: 100%;
		font-size: 1.2rem;
		text-align: center;
		margin: 0 auto;
		float: none;
		font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
		display: block;
		font-weight: bold;
		color: #705542;
		padding: 10px;
	}
}

#slider .slick-dots li {
	display: inline-block;
	text-align: center;
}

#slider .slick-dots li button:before {
	display: none;
}

#slider .slick-initialized .slick-slide {
	filter: brightness(0.5);
}

#slider .slick-initialized .slick-slide.slick-current {
	filter: brightness(1);
}


/*■■■■■■■■■■■リニューアルh1■■■■■■■■■■■*/
.renew_h1 img {
	width: 112px;
	height: 35px;
	margin-bottom: 10px;
}

.renew_h1 {
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	font-size: 28px;
	color: #fff;
	text-align: center;
	padding: 60px 0;
	color: #664F3B;
}

.renew_h1 span {
	font-size: 16px;
}

@media only screen and (min-width:1080px) {
	.renew_h1 img {
		width: auto;
		height: auto;
		margin-bottom: 25px;
	}

	.renew_h1 {
		font-size: 56px;
	}

	.renew_h1 span {
		font-size: 36px;
	}
}

.text_grand_menu_ttl{
	text-align: left;
	margin-bottom: 20px;
	font-size: 1.8rem;
	line-height: 1.3;
	font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	font-weight: bold;
	color: #705542;
}
.intor_notice{
	max-width: 980px;
	padding:0 10px;
	margin: auto;
}
.intor_notice .f_black{

}
.notice{
	text-align: center;
	margin-bottom: 40px;
	font-size: 20px;
}
.a_ul{
	text-decoration: underline;
}
.red{
	color: #ff0000;
}

@media screen and (max-width:1080px) {
	.text_grand_menu_ttl{
		font-size: 1.2rem;
		text-align: center;
	}
}

.red_bar{
	background-color: #ff0000;
	padding: 5px 0;
	width: 980px;
	text-align: center;
	color: #fff;
	margin: 0 auto 60px;
}

@media screen and (max-width:1080px) {
	.red_bar{
width: 96%;
	}
	.notice{
		font-size: 16px;
		line-height: 1.5;
	}

}