@charset "utf-8";
/* -----------------------------------------------------------------------

plan_detail.css

----------------------------------------------------------------------- */

/*----------------------------------------------------------

	plan
	
----------------------------------------------------------*/

#planArea {
	padding: 60px 0;
	box-sizing: border-box;
	overflow: hidden;
}

#planArea .inner {
	max-width: 1060px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

#planArea .planBox {
	width: 100%;
	min-height: 450px;
	margin: 50px auto 0;
	padding: 0;
	box-sizing: border-box;
	font-family: SourceHanSerifJP;
}

#planArea .planBox .ttlBox {
	width: 100%;
	height: auto;
	min-height: 125px;
	margin: 0;
	padding: 20px 40px 10px 172px;
	color: #ffffff;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}

#planArea .planBox#girlsPlan .ttlBox {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_girls_mark.png) no-repeat 37px 50% #87667f;
}

#planArea .planBox#groupPlan .ttlBox {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_group_mark.png) no-repeat 37px 50% #87667f;
}

#planArea .planBox#anniversaryPlan .ttlBox {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_anniversary_mark.png) no-repeat 37px 50% #b46759;
}

#planArea .planBox#welcomePlan .ttlBox {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_welcome_mark.png) no-repeat 37px 50% #84637e;
}

#planArea .planBox#dinnerset .ttlBox {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_dinnerset_mark.png) no-repeat 37px 50% #b56757;
}

#planArea .planBox#groupset .ttlBox {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_groupset_mark.png) no-repeat 37px 50% #9e904c;
}

#planArea .planBox#chickenset .ttlBox {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_chickenset_mark.png) no-repeat 37px 50% #84637e;
}

#planArea .planBox#ladiesDinner .ttlBox {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_ladiesdinner_mark2.png) no-repeat 37px 50% #84637e;
}

#planArea .planBox#bouillabaisse .ttlBox {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_bouillabaisse_mark.png) no-repeat 37px 50% #9e904c;
}

#planArea .planBox#alcoholfree .ttlBox {
	background: url(../img/plan/bg_onedrink.png) no-repeat 48px 50% #9e904c;
	background-size: 60px;
	padding: 40px 40px 10px 145px;
}

#planArea .planBox#dousoukai .ttlBox {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_dousoukai_mark.png) no-repeat 37px 50% #9e904c;
}

#planArea .planBox#buffetlunch .ttlBox,
#planArea .planBox#lunchlight .ttlBox {
	background: #ba6e66;
	padding: 50px 40px 30px;
}

#planArea .planBox#buffetdinner .ttlBox {
	background: #607aae;
	padding: 50px 40px 30px;
}

#planArea .planBox#buffetlunch .ttlBox .num,
#planArea .planBox#buffetdinner .ttlBox .num,
#planArea .planBox#lunchlight .ttlBox .num {
	background: #726757;
	color: #fff;
	border: 2px solid #eee9e6;
	position: absolute;
	top: -20px;
	left: 40px;
	padding: 5px 40px;
	letter-spacing: 1px;
	font-family: SourceHanSerifJP;
	font-size: 15px;
}

#planArea .planBox .ttlBox h3 {
	font-size: 3.2rem;
	line-height: 1.3em;
	letter-spacing: 1px;
	font-family: SourceHanSerifJP;
}

#planArea .planBox .ttlBox h3 span {
	font-size: 2.8rem;
	line-height: 1.6em;
	font-family: SourceHanSerifJP;
}

#planArea .planBox .ttlBox .txt {
	margin-top: 3px;
	font-size: 1.4rem;
	line-height: 1.6em;
	letter-spacing: 0.1em;
}

#planArea .planBox .ttlBox .icon {
	width: 340px;
	font-size: 1.4rem;
	line-height: 26px;
	font-family: SourceHanSerifJP;
	text-align: center;
	background: #111111;
	position: absolute;
	top: -13px;
	left: 175px;
}

#planArea .planBox .ttlBox .icon.L {
	width: 480px;
}

#planArea .planBox .ttlBox .photo {
	width: 380px;
	margin-top: 0;
	position: absolute;
	right: 40px;
	top: 80px;
}

#planArea .planBox .ttlBox .photo img {
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
}

#planArea .planBox .ttlBox .photo img+img {
	margin: 10px 0 0;
}

#planArea .planBox .ttlBox .photo .pvroom {
	position: absolute;
	color: #000;
	bottom: -60px;
	left: 0;
}

#planArea .planBox .inBox {
	padding: 25px 25px;
	z-index: 10;
}

#planArea .planBox .inBox h4 {
	font-size: 1.8rem;
	line-height: 1.8em;
	font-family: SourceHanSerifJP;
	margin: 0 0 15px;
}

#planArea .planBox .inBox h4 em {
	font-size: 3.2rem;
	line-height: 1.6em;
	color: #cc0000;
}

.plan_detail {
	width: 600px;
	overflow: hidden;
	font-family: SourceHanSerifJP;
	text-align: center;
	margin: 0 0 25px;
	font-size: 1.05em;
}

.plan_detail .mds_plan {
	position: relative;
	display: inline-block;
	padding: 0 55px;
	letter-spacing: 1px;
}

.plan_detail .mds_plan:before,
.plan_detail .mds_plan:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 1px;
	background-color: black;
}

.plan_detail .mds_plan:before {
	left: 0;
}

.plan_detail .mds_plan:after {
	right: 0;
}

#planArea .planBox .menuList {
	width: 600px;
	overflow: hidden;
}

#planArea .planBox .menuList.center {
	text-align: center;
}

#planArea .planBox .menuList li {
	width: 190px;
	height: 70px;
	margin: 0 10px 10px 0;
	padding: 12px 10px 12px 60px;
	border-radius: 5px;
	font-size: 1.4rem;
	line-height: 1.8em;
	color: #ffffff;
	box-sizing: border-box;
	float: left;
}

#planArea .planBox .menuList li.l1 {
	line-height: 3.6em;
}

#planArea .planBox .menuList li.l3 {
	line-height: 1.2em;
}

#planArea .planBox .menuList li.l3 .fsD1 {
	line-height: 1.2em;
}

#planArea .planBox .menuList li.menu01 {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon01.png) no-repeat 10px 50% #a29887;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu02 {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon02.png) no-repeat 10px 50% #a29887;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu03 {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon03.png) no-repeat 10px 50% #a29887;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu04 {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon04.png) no-repeat 10px 50% #a29887;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu05 {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon05.png) no-repeat 10px 50% #a29887;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu06 {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon06.png) no-repeat 10px 50% #a29887;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu07 {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon07.png) no-repeat 10px 50% #a29887;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu08 {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon08.png) no-repeat 10px 50% #a29887;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu09 {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon09.png) no-repeat 10px 50% #a29887;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu09.wide {
	width: 390px;
}

#planArea .planBox .menuList li.menu09.wideL {
	width: 580px;
}

#planArea .planBox .menuList li.menu10 {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon10.png) no-repeat 10px 50% #a29887;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu11 {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon11.png) no-repeat 10px 50% #a29887;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu12 {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon12.png) no-repeat 10px 50% #a29887;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu13 {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon13.png) no-repeat 10px 50% #a29887;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu14 {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon14.png) no-repeat 10px 50% #a29887;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu15 {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon15.png) no-repeat 10px 50% #a29887;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu16 {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon16.png) no-repeat 10px 50% #a29887;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu17 {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon17.png) no-repeat 10px 50% #a29887;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu18,
#planArea .planBox .menuList li.menu19 {
	border: 1px solid #b41f23;
	color: #b41f23;
	border-radius: 10px;
	font-family: SourceHanSerifJP;
	width: auto;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 2.5em;
	padding: 12px 20px 12px 70px;
	display: inline-block;
	float: none;
}

#planArea .planBox .menuList li.menu18 {
	background: url(../img/common/ico_wine.png) no-repeat 15px 50% #fef4f2;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menu19 {
	background: url(../img/common/ico_photo.png) no-repeat 15px 50% #fef4f2;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menuWide {
	padding: 0;
	background: #a29887;
	width: 390px;
	overflow: hidden;
}

#planArea .planBox .menuList li.menuWide .inMenu {
	padding: 3px 0 3px 60px;
	line-height: 1.6em;
	box-sizing: border-box;
	display: block;
	float: left;
}

#planArea .planBox .menuList li.menuWide .tL {
	width: 100%;
	margin: 4px 0 0;
	line-height: 1.4em;
	letter-spacing: 0.2em;
	text-align: center;
}

#planArea .planBox .menuList li.menuWide .inMenu.m2 {
	width: 150px;
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon02.png) no-repeat 12px 50%;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menuWide .inMenu.m3 {
	width: 110px;
	line-height: 3.2em;
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon03.png) no-repeat 12px 50%;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menuWide .inMenu.m4 {
	width: 130px;
	line-height: 3.2em;
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon04.png) no-repeat 12px 50%;
	background-size: 42px auto;
}

#planArea .planBox .menuList li.menuWide .icon02 {
	width: 150px;
	padding: 12px 0 12px 60px;
	line-height: 1.6em;
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon02.png) no-repeat 12px 50%;
	background-size: 42px auto;
	box-sizing: border-box;
	display: block;
	float: left;
}

#planArea .planBox .menuList li.menuWide .icon04 {
	width: 150px;
	padding: 12px 0 12px 60px;
	line-height: 1.6em;
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon04.png) no-repeat 12px 50%;
	background-size: 42px auto;
	box-sizing: border-box;
	display: block;
	float: left;
}

#planArea .planBox .menuList li.menuWide .icon07 {
	width: 150px;
	padding: 12px 0 12px 60px;
	line-height: 1.1em;
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon07.png) no-repeat 12px 50%;
	background-size: 42px auto;
	box-sizing: border-box;
	display: block;
	float: left;
}

#planArea .planBox .menuList li.menuWide .or {
	width: 50px;
	padding: 10px 0;
	text-align: center;
	float: left;
}

#planArea .planBox .menuList li.red {
	background-color: #d2906c !important;
}

#planArea .planBox .pricebox {
	padding: 30px 20px 18px;
	max-width: 600px;
	width: 100%;
	box-sizing: border-box;
	margin: 30px 0 0;
	position: relative;
}

#planArea .planBox .pricebox.ippan {
	border: 1px solid #333;
}

#planArea .planBox .pricebox.member {
	border: 2px solid #bd3d3d;
}

#planArea .planBox .pricebox .diib {
	display: inline-block;
	vertical-align: middle;
}

#planArea .planBox .pricebox .jouken {
	line-height: 1.6em;
	border-radius: 5px;
	font-family: SourceHanSerifJP;
	text-align: center;
	letter-spacing: 1px;
	padding: 8px;
}

#planArea .planBox .pricebox .mds_price {
	padding: 5px 20px;
	position: absolute;
	top: -10px;
	left: 20px;
	border-radius: 5px;
	color: #fff;
	font-size: 13px;
	letter-spacing: 1px;
}

#planArea .planBox .pricebox.ippan .mds_price {
	background: #333;
}

#planArea .planBox .pricebox.member .mds_price {
	background: #bd3d3d;
}

#planArea .planBox .priceTxt {
	margin: 10px 0 0;
}

#planArea .planBox .priceTxt.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
}

#planArea .planBox .priceTxt.flex .box {
	width: 290px;
}

#planArea .planBox .priceTxt .price {
	margin-left: 5px;
	display: inline-block;
	font-size: 1.6rem;
	line-height: 1.5em;
	font-family: SourceHanSerifJP;
	letter-spacing: 0.05em;
	color: #af0000;
}

#planArea .planBox .priceTxt .price em {
	font-size: 3.0rem;
	line-height: 1.5em;
}

#planArea .planBox .priceTxt .jouken.ippan {
	background: #333;
}

#planArea .planBox .priceTxt .price.ippan {
	color: #333;
}

#planArea .planBox .priceTxt .jouken.online {
	background: #c62238;
}

#planArea .planBox .priceTxt .price.online {
	color: #c62238;
}

#planArea .planBox .jouken {
	width: 100px;
	margin: 0 10px 0 20px;
	padding: 5px 8px;
	font-size: 1.2rem;
	line-height: 1.5em;
	letter-spacing: 0;
	color: #ffffff;
	background: #bd3d3d;
	display: inline-block;
	border-radius: 3px;
}

#planArea .planBox .jouken.l1 {
	line-height: 3em;
}

#planArea .planBox .jouken.s {
	width: 80px;
}

#planArea .planBox .jouken.l {
	width: 145px;
}

#planArea .planBox .boxTxt {
	max-width: 560px;
	padding: 10px 20px;
	font-size: 1.2rem;
	line-height: 1.8em;
	letter-spacing: 0.05em;
	background: #ffffff;
	box-sizing: border-box;
	border: 3px double #a29887;
}

#planArea .planBox .specialBox {
	margin-top: 30px;
	width: 590px;
	height: 60px;
	display: table;
}

#planArea .planBox .specialBox dt {
	width: 20%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	background: #bd3d3d;
	border-radius: 5px 0 0 5px;
}

#planArea .planBox .specialBox dd {
	width: 80%;
	padding: 0 15px;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	background: #ffffff;
	border-radius: 0 5px 5px 0;
	box-sizing: border-box;
}

#planArea .planBox .specialBox dd .price {
	margin-left: 5px;
	display: inline-block;
	font-size: 2.2rem;
	line-height: 1.5em;
	font-family: SourceHanSerifJP;
	letter-spacing: 0.05em;
	color: #af0000;
}

#planArea .planBox .specialBox dd .price em {
	font-size: 3.0rem;
	line-height: 1.5em;
}

#planArea .planBox .specialBox dd ul {
	padding: 5px 0;
}

#planArea .planBox .specialBox dd ul li {
	margin: 5px 0;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.5em;
	text-align: left;
}

#planArea .planBox .optionBox {
	margin: 20px 0;
	width: 590px;
	height: 60px;
	display: table;
}

#planArea .planBox .optionBox dt {
	width: 20%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	background: #333333;
	border-radius: 5px 0 0 5px;
}

#planArea .planBox .optionBox dd {
	width: 80%;
	padding: 0 15px;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	background: #ffffff;
	border-radius: 0 5px 5px 0;
	box-sizing: border-box;
}

#planArea .planBox .optionBox dd .price {
	margin-left: 5px;
	display: inline-block;
	font-size: 2.4rem;
	line-height: 1.5em;
	font-family: SourceHanSerifJP;
	letter-spacing: 0.05em;
	color: #af0000;
}

#planArea .planBox .optionBox dd .price em {
	font-size: 3.2rem;
	line-height: 1.5em;
}

#planArea .planBox .optionBox dd ul {
	padding: 5px 0;
}

#planArea .planBox .optionBox dd ul li {
	margin: 5px 0;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.5em;
	text-align: left;
}

#planArea .planBox .etcBox {
	margin-top: 30px;
	width: 530px;
	height: 60px;
	display: table;
}

#planArea .planBox .etcBox div {
	width: 100%;
	height: 60px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background: #ffffff;
	border: 3px double #a29887;
}

#planArea .planBox .etcBox div .price {
	margin-left: 5px;
	display: inline-block;
	font-size: 2.4rem;
	line-height: 1.5em;
	font-family: SourceHanSerifJP;
	letter-spacing: 0.05em;
	color: #af0000;
}

#planArea .planBox .etcBox div .price em {
	font-size: 3.2rem;
	line-height: 1.5em;
}

#planArea .weeklymenu {
	width: 590px;
	margin: 20px 0;
	background: #ffffff;
}

#planArea .weeklymenu .ttl {
	padding: 5px 20px 4px;
	color: #ffffff;
	background: #333333;
}

#planArea .weeklymenu ul {
	padding: 15px 20px;
}

#planArea .weeklymenu ul li {
	margin: 0 0 5px;
	padding: 2px 0 0 35px;
	position: relative;
}

#planArea .weeklymenu ul li .mark {
	width: 28px;
	height: 28px;
	font-size: 1.4rem;
	line-height: 28px;
	text-align: center;
	color: #ffffff;
	font-family: SourceHanSerifJP;
	background: #b99365;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

#planArea .freedrinkmenu {
	width: 590px;
	margin: 20px 0;
	background: #ffffff;
}

#planArea .freedrinkmenu .ttl {
	padding: 5px 20px 4px;
	color: #ffffff;
	background: #333333;
}

#planArea .freedrinkmenu ul {
	padding: 15px 20px;
}

#planArea .freedrinkmenu ul li {
	margin: 0 0 5px;
	padding: 2px 0 0 1em;
	text-indent: -1em;
}

#planArea .freedrinkmenu ul li .detailTxt span {
	margin: 0;
	padding: 0;
	text-indent: 0em;
	display: inline-block;
}


/*----------------------------------------------------------
	Display�F768px 竊� �i sp �j
----------------------------------------------------------*/

@media screen and (max-width: 768px) {
	#planArea .planBox {
		width: 95%;
		min-height: auto;
		margin: 50px auto 0;
	}

	#planArea .planBox .ttlBox {
		width: 100%;
		height: auto;
		min-height: 120px;
		margin: 0;
		padding: 25px 15px 10px 110px;
		color: #ffffff;
		box-sizing: border-box;
		position: relative;
		z-index: 0;
	}

	#planArea .planBox#buffetlunch .ttlBox,
	#planArea .planBox#buffetdinner .ttlBox {
		padding: 40px 40px 30px;
	}

	#planArea .planBox#girlsPlan .ttlBox {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_girls_mark.png) no-repeat 10px 50% #87667f;
		background-size: 90px auto;
	}

	#planArea .planBox#groupPlan .ttlBox {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_group_mark.png) no-repeat 10px 50% #87667f;
		background-size: 90px auto;
	}

	#planArea .planBox#anniversaryPlan .ttlBox {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_anniversary_mark.png) no-repeat 10px 50% #b46759;
		background-size: 90px auto;
	}

	#planArea .planBox#welcomePlan .ttlBox {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_welcome_mark.png) no-repeat 10px 50% #84637e;
		background-size: 90px auto;
	}

	#planArea .planBox#dinnerset .ttlBox {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_dinnerset_mark.png) no-repeat 10px 50% #b56757;
		background-size: 90px auto;
	}

	#planArea .planBox#groupset .ttlBox {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_groupset_mark.png) no-repeat 10px 50% #9e904c;
		background-size: 90px auto;
	}

	#planArea .planBox#chickenset .ttlBox {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_chickenset_mark.png) no-repeat 10px 50% #84637e;
		background-size: 90px auto;
	}

	#planArea .planBox#ladiesDinner .ttlBox {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_ladiesdinner_mark2.png) no-repeat 10px 50% #84637e;
		background-size: 90px auto;
	}

	#planArea .planBox#bouillabaisse .ttlBox {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_bouillabaisse_mark.png) no-repeat 10px 50% #9e904c;
		background-size: 90px auto;
	}

	#planArea .planBox#alcoholfree .ttlBox {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/bg_onedrink.pn) no-repeat 30px 50% #9e904c;
		background-size: 50px auto;
		padding: 43px 20px 10px 100px;
	}

	#planArea .planBox#dousoukai .ttlBox {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_dousoukai_mark.png) no-repeat 10px 50% #9e904c;
		background-size: 90px auto;
	}

	#planArea .planBox .ttlBox h3 {
		font-size: 2rem;
		line-height: 1.5em;
		font-family: SourceHanSerifJP;
	}

	#planArea .planBox .ttlBox h3 span {
		font-size: 1.4rem;
		line-height: 1.5em;
		display: inline-block;
	}

	#planArea .planBox .ttlBox .txt {
		margin-top: 3px;
		font-size: 1.2rem;
		line-height: 1.6em;
		letter-spacing: 0.1em;
	}

	#planArea .planBox .ttlBox .icon {
		width: 100%;
		margin: 0 auto;
		font-size: 1.2rem;
		line-height: 26px;
		top: -13px;
		left: 0;
		right: 0;
	}

	#planArea .planBox .ttlBox .icon.L {
		width: 100%;
		margin: 0 auto;
		padding: 3px 0;
		font-size: 1.2rem;
		line-height: 20px;
		top: -35px;
		left: 0;
		right: 0;
	}

	#planArea .planBox .photo {
		width: 100%;
		margin: 0 auto;
	}

	#planArea .planBox .inBox {
		padding: 25px 0;
		z-index: 10;
	}

	.plan_detail {
		width: 100%;
	}

	#planArea .planBox .menuList {
		width: 100%;
		overflow: hidden;
	}

	#planArea .planBox .menuList li {
		width: 48%;
		height: auto;
		min-height: 70px;
		margin: 0 1% 10px;
		padding: 10px 5px 10px 46px;
	}

	#planArea .planBox .menuList li.spW {
		width: 98% !important;
		margin: 0 1% 10px;
		padding: 10px 10px 10px 46px;
	}

	#planArea .planBox .menuList li.menuWide {
		width: 98%;
		margin: 0 1% 10px;
		padding: 0;
	}

	#planArea .planBox .menuList li.menu01 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon01.png) no-repeat 8px 50% #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu02 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon02.png) no-repeat 8px 50% #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu03 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon03.png) no-repeat 8px 50% #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu04 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon04.png) no-repeat 8px 50% #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu05 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon05.png) no-repeat 8px 50% #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu06 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon06.png) no-repeat 8px 50% #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu07 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon07.png) no-repeat 8px 50% #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu08 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon08.png) no-repeat 8px 50% #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu09 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon09.png) no-repeat 8px 50% #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu10 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon10.png) no-repeat 8px 50% #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu11 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon11.png) no-repeat 8px 50% #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu12 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon12.png) no-repeat 8px 50% #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu13 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon13.png) no-repeat 8px 50% #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu14 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon14.png) no-repeat 8px 50% #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu15 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon15.png) no-repeat 8px 50% #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu16 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon16.png) no-repeat 8px 50% #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu17 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon17.png) no-repeat 8px 50% #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu18,
	#planArea .planBox .menuList li.menu19 {
		line-height: 3em;
	}

	#planArea .planBox .menuList li.menuWide {
		width: 98%;
	}

	#planArea .planBox .menuList li.menuWide .inMenu {
		padding: 3px 0 3px 46px;
		line-height: 1.6em;
		box-sizing: border-box;
		display: block;
		float: left;
	}

	#planArea .planBox .menuList li.menuWide .tL {
		width: 100%;
		margin: 4px 0 0;
		line-height: 1.4em;
		letter-spacing: 0.2em;
		text-align: center;
	}

	#planArea .planBox .menuList li.menuWide .inMenu.m2 {
		width: 33.33%;
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon02.png) no-repeat 8px 50%;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menuWide .inMenu.m3 {
		width: 33.33%;
		line-height: 3.2em;
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon03.png) no-repeat 8px 50%;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menuWide .inMenu.m4 {
		width: 33.33%;
		line-height: 3.2em;
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon04.png) no-repeat 8px 50%;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menuWide .icon02 {
		width: 130px;
		padding: 12px 0 12px 40px;
		line-height: 1.6em;
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon02.png) no-repeat 8px 50%;
		background-size: 32px auto;
		box-sizing: border-box;
		display: block;
		float: left;
	}

	#planArea .planBox .menuList li.menuWide .icon04 {
		width: 130px;
		padding: 12px 0 12px 40px;
		line-height: 1.6em;
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon04.png) no-repeat 8px 50%;
		background-size: 32px auto;
		box-sizing: border-box;
		display: block;
		float: left;
	}

	#planArea .planBox .menuList li.menuWide .icon07 {
		width: 130px;
		padding: 12px 0 12px 40px;
		line-height: 1.1em;
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon07.png) no-repeat 8px 50%;
		background-size: 32px auto;
		box-sizing: border-box;
		display: block;
		float: left;
	}

	#planArea .planBox .pricebox {
		padding: 30px 15px 18px;
	}

	#planArea .planBox .priceTxt {
		padding: 0 5px;
		font-size: 1.2rem;
	}

	#planArea .planBox .priceTxt .price {
		font-size: 1.8rem;
		line-height: 1.5em;
	}

	#planArea .planBox .priceTxt .price em {
		font-size: 2.8rem;
		line-height: 1.5em;
	}

	#planArea .planBox .jouken {
		margin: 0 10px 0 0;
		background-position: 94% 50%;
	}

	#planArea .planBox .specialBox {
		margin-top: 30px;
		width: 100%;
		height: auto;
		display: block;
	}

	#planArea .planBox .specialBox dt {
		width: 100%;
		display: block;
		text-align: center;
		vertical-align: middle;
		color: #ffffff;
		border-radius: 5px 5px 0 0;
	}

	#planArea .planBox .specialBox dd {
		width: 100%;
		display: block;
		text-align: center;
		vertical-align: middle;
		background: #ffffff;
		border-radius: 0 0 5px 5px;
	}

	#planArea .planBox .optionBox {
		width: 98%;
		height: auto;
		margin: 15px auto;
		display: block;
	}

	#planArea .planBox .optionBox dt {
		width: 100%;
		display: block;
		text-align: center;
		vertical-align: middle;
		color: #ffffff;
		border-radius: 5px 5px 0 0;
	}

	#planArea .planBox .optionBox dd {
		width: 100%;
		display: block;
		font-size: 1.2rem;
		border-radius: 0 0 5px 5px;
	}

	#planArea .planBox .etcBox {
		width: 100%;
		font-size: 1.2rem;
		line-height: 1.5em;
	}

	#planArea .planBox .etcBox div .price {
		font-size: 1.8rem;
		line-height: 1.5em;
	}

	#planArea .planBox .etcBox div .price em {
		font-size: 2.6rem;
	}

	#planArea .weeklymenu {
		width: 98%;
		margin: 15px auto;
	}

	#planArea .weeklymenu .ttl {
		text-align: center;
	}

	#planArea .weeklymenu ul {
		padding: 15px;
	}

	#planArea .weeklymenu ul li {
		font-size: 1.2rem;
	}

	#planArea .freedrinkmenu {
		width: 98%;
		margin: 15px auto;
	}

	#planArea .freedrinkmenu .ttl {
		text-align: center;
	}

	#planArea .freedrinkmenu ul {
		padding: 15px;
	}

	#planArea .freedrinkmenu ul li {
		font-size: 1.2rem;
	}
}


/*----------------------------------------------------------
	Display�F320px 竊� �i sp �j
----------------------------------------------------------*/

@media screen and (max-width: 320px) {
	#planArea .planBox .ttlBox h3 {
		font-size: 1.6rem;
		line-height: 1.5em;
	}

	#planArea .planBox .menuList li {
		padding: 46px 5px 10px;
		text-align: center;
	}

	#planArea .planBox .menuList li.spW {
		padding: 46px 5px 10px;
		text-align: center;
	}

	#planArea .planBox .menuList li.l1,
	#planArea .planBox .menuList li.l3 {
		line-height: 1.4em;
	}

	#planArea .planBox .menuList li.menu01 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon01.png) no-repeat 50% 8px #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu02 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon02.png) no-repeat 50% 8px #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu03 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon03.png) no-repeat 50% 8px #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu04 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon04.png) no-repeat 50% 8px #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu05 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon05.png) no-repeat 50% 8px #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu06 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon06.png) no-repeat 50% 8px #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu07 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon07.png) no-repeat 50% 8px #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu08 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon08.png) no-repeat 50% 8px #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu09 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon09.png) no-repeat 50% 8px #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu10 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon10.png) no-repeat 50% 8px #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu11 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon11.png) no-repeat 50% 8px #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu12 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon12.png) no-repeat 50% 8px #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu13 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon13.png) no-repeat 50% 8px #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu14 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon14.png) no-repeat 50% 8px #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu15 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon15.png) no-repeat 50% 8px #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu16 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon16.png) no-repeat 50% 8px #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menu17 {
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon17.png) no-repeat 50% 8px #a29887;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menuWide .tL {
		margin: 10px 0 0;
	}

	#planArea .planBox .menuList li.menuWide .inMenu {
		padding: 46px 5px 10px;
		text-align: center;
	}

	#planArea .planBox .menuList li.menuWide .inMenu.m2 {
		width: 33.33%;
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon02.png) no-repeat 50% 8px;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menuWide .inMenu.m3 {
		width: 33.33%;
		line-height: 1.6em;
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon03.png) no-repeat 50% 8px;
		background-size: 32px auto;
	}

	#planArea .planBox .menuList li.menuWide .inMenu.m4 {
		width: 33.33%;
		line-height: 1.6em;
		background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/plan/plan_icon04.png) no-repeat 50% 8px;
		background-size: 32px auto;
	}
}


/*----------------------------------------------------------
	
----------------------------------------------------------*/

#spot figure {
	text-align: center;
	margin: 20px 0;
}

#spot figure img {
	max-width: 100%;
}

.planBox .col2 {
	display: inline-block;
	width: 100%;
	max-width: 600px;
	margin: 0;
}

#planArea .planBox .col2 .pricebox {
	max-width: 298px;
	float: left;
}

#planArea .planBox .col2 .pricebox.member {
	float: right;
}

@media screen and (max-width: 768px) {
	#planArea .planBox .col2 .pricebox {
		max-width: 600px;
	}
}


.dl_alleat {
	border: 1px solid #b41f23;
	padding: 35px 30px 18px;
	max-width: 600px;
	width: 100%;
	box-sizing: border-box;
	margin: 50px 0 0;
	position: relative;
	font-family: SourceHanSerifJP;
}

.dl_alleat dt {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/hh/kyotoshh/contents/boulevard/img/buffet/icon_menu07_red.png) no-repeat 13px 50% #fef4f2;
	background-size: 48px auto;
	border: 1px solid #b41f23;
	color: #b41f23;
	border-radius: 10px;
	width: auto;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 2.5em;
	padding: 4px 20px 4px 70px;
	display: inline-block;
	position: absolute;
	top: -27px;
	left: 20px;
}

.limit_box {
	border: 1px solid #aa2124;
	display: table;
	width: 100%;
	max-width: 600px;
	font-family: SourceHanSerifJP;
	font-size: 16px;
	margin: 20px 0 40px;
}

.limit_box dt {
	background: #aa2124;
	display: table-cell;
	color: #fff;
	text-align: center;
	padding: 5px;
}

.limit_box dd {
	background: #fdf2f0;
	display: table-cell;
	color: #aa2124;
	text-align: center;
	padding: 5px;
}

@media screen and (max-width: 768px) {
	.limit_box {
		font-size: 15px;
	}
}


/*----------------------------------------------------------
	ページ内リンク
----------------------------------------------------------*/

ul.plan_list {
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: stretch;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	align-items: stretch;
	width: 100%;
	margin: 50px 0 0;
}

ul.plan_list li {
	width: calc((100% / 5) - 10px);
	border: 1px solid #a97b50;
	background: #fff;
	text-align: center;
	position: relative;
}

ul.plan_list li::before {
	content: "";
	position: absolute;
	bottom: 8px;
	display: inline-block;
	vertical-align: middle;
	color: #a97b50;
	line-height: 1;
	width: 0.7em;
	height: 0.7em;
	border: 0.1em solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateY(-25%) rotate(135deg);
}

ul.plan_list li a {
	position: relative;
	text-decoration: none;
	color: #111;
	font-family: SourceHanSerifJP;
	font-size: 1.1em;
	line-height: 1.4;
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
	padding: 5px 5px 25px;
	height: 68px;
}

ul.plan_list li:hover {
	opacity: 0.8;
}

ul.plan_list li a span {
	display: block;
	font-size: 0.85em;
}

ul.plan_list li a span.limit {
	font-size: 0.8em;
	display: block;
}

@media screen and (max-width: 768px) {
	ul.plan_list {
		display: block;
		padding: 10px;
	}

	ul.plan_list li {
		width: calc(100% - 20px);
		margin: 0 0 10px;
		box-sizing: border-box;
	}

	ul.plan_list li a {
		display: block;
		width: 100%;
		height: auto;
	}

	ul.plan_list li a span {
		display: inline-block;
	}
}




/*----------------------------------------------------------
	共通
----------------------------------------------------------*/

.red {
	color: #bd3d3d;
}

.bold {
	font-weight: bold;
}

.str,
.yen {
	font-size: 1.3em;
}

#planArea .planBox .ttlBox h3 {
	font-size: 3.6rem;
	padding-top: 8px;
}

@media screen and (max-width: 768px) {
	#planArea .planBox .ttlBox h3 {
		font-size: 2.8rem;
	}
}

#planArea .planBox .ttlBox {
	background: #a97b50;
	padding: 30px 40px;
	text-align: center;
	position: relative;
}

@media screen and (max-width: 768px) {
	#planArea .planBox .ttlBox {
		padding: 15px 20px 25px;
		min-height: auto;
	}
}

#planArea .planBox .plan_cont {
	text-align: center;
	padding: 30px 50px;
	border: 1px solid #a97b50;
	background: #fff;
}

@media screen and (max-width: 768px) {
	#planArea .planBox .plan_cont {
		padding: 20px;
	}
}

.lead {
	text-align: center;
	margin: 0 0 25px;
	font-size: 1.5rem;
}

.lead .notes {
	font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
	.lead {
		text-align: left;
	}
}

.tagArea {
	margin: 0 0 20px;
	font-size: 1.1em;
}

.tagArea .tag {
	background: #a97b50;
	margin: 0 5px 5px;
	padding: 6px 20px;
	border-radius: 20px;
	color: #fff;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
}

@media screen and (max-width: 768px) {
	.tagArea .tag {
		padding: 4px 14px;
	}
}


#planArea .planBox .priceBox {
	margin: 15px 0;
	font-size: 1.5rem;
	text-align: center;
	border: 2px solid #a97b50;
	width: 100%;
	display: inline-block;
	padding: 20px;
	box-sizing: border-box;
}


.setArea {
	width: auto;
	display: inline-block;
	margin: 0 0 20px;
	position: relative;
}


.setArea dl {
	width: 260px;
	display: block;
	float: left;
	box-sizing: border-box;
	border-radius: 16px;
	padding: 10px;
	background: #a97b50;
}

.setArea dt {
	padding: 10px;
	text-align: center;
	width: 100%;
	margin: 0;
	color: #ffffff;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.4em;
	letter-spacing: 1px;
}

.setArea dt span {
	font-size: 0.8em;
	margin: 0 0 0 10px;
}

.setArea dd {
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 10px;
}

.setArea dl.main {
	margin: 0 80px 0 0;
}

.setArea dl.main dt {
	padding: 10px 0 10px 60px;
	background: url(../img/plan/ico_main.png) no-repeat center left;
	background-size: contain;
}

.setArea dl.buffet dt {
	padding: 10px 0 10px 60px;
	background: url(../img/plan/ico_buffet.png) no-repeat center left;
	background-size: contain;
}

.setArea dl.wine dt {
	padding: 2px 0 2px 60px;
	background: url(../img/plan/ico_wine.png) no-repeat center left;
	background-size: contain;
}

.setArea dl.cake dt {
	padding: 2px 0 2px 60px;
	background: url(../img/plan/ico_cake.png) no-repeat center left;
	background-size: contain;
}

.setArea dl.camera dt {
	padding: 12px 0 12px 60px;
	background: url(../img/plan/ico_camera.png) no-repeat center left;
	background-size: contain;
}

.setArea dl.table dt {
	padding: 2px 0 2px 60px;
	background: url(../img/plan/ico_table.png) no-repeat center left;
	background-size: 43px;
    font-size: 1.3em;
    position: relative;
}
.setArea dl.drink dt {
	padding: 12px 0 12px 60px;
	background: url(../img/plan/ico_drink.png) no-repeat center left;
	background-size: contain;
	position: relative;
}


.dli-plus {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 36px;
	height: 36px;
	border-radius: 50px;
	border: 2px solid #a97b50;
	z-index: 10;
	background: #fff;
}

.dli-plus::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 1.8em;
	height: 0.2em;
	background: #a97b50;
	border-radius: 0.1em;
	transform: rotate(90deg);
}

.dli-plus::after {
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	color: #a97b50;
	line-height: 1;
	width: 1.8em;
	height: 0.2em;
	background: #a97b50;
	border-radius: 0.1em;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}

@media screen and (max-width: 768px) {
	.setArea {
		width: 100%;
	}

	.setArea dl {
		width: 45%;
		padding: 5px 0;
	}

	.setArea dl.main {
		margin: 0 10% 0 0;
	}

	.setArea dl.main dt {
		padding: 80px 5px 5px 5px;
		background: url(../img/plan/ico_main.png) no-repeat center 10px;
		background-size: 65px;
	}

	.setArea dl.buffet dt {
		padding: 80px 5px 5px 5px;
		background: url(../img/plan/ico_buffet.png) no-repeat center 10px;
		background-size: 87px;
	}

	.setArea dt {
		font-size: 1.2em;
	}


}


/*----------------------------------------------------------
	シーズンイベント
----------------------------------------------------------*/

.seasonEvent {
	margin: 40px 10px -10px;
	display: block;
	text-align: center;
}

.seasonEvent img {
	width: 100%;
	max-width: 700px;
}


/*----------------------------------------------------------
	座席
----------------------------------------------------------*/

.setArea.option {
	width: 100%;
}

.setArea.option dl {
	width: auto;
	margin: 0 6px;
	padding: 10px 12px;
	float: none;
	display: inline-block;
}

.setArea.option dt {
	font-size: 1em;
	text-align: left;
	line-height: 1.4;
}

.optionPrice {
	font-size: 1.6em;
	letter-spacing: 1px;
	position: relative;
	width: auto;
	display: inline-block;
	margin: 20px 0 25px;
}

@media screen and (max-width: 768px) {
	.setArea.option {
		margin: 0;
	}

	.setArea.option dl {
		width: 100%;
		margin: 0 0 10px;
	}
}




/*----------------------------------------------------------
	プラン
----------------------------------------------------------*/

#planArea .planBox#ladysPlan {
	font-family: SourceHanSerifJP;
}

#planArea .planBox#ladysPlan .ttlBox .subttl {
	position: absolute;
	top: -16px;
	right: 0;
	left: 0;
	background-color: #911c1f;
	border: solid 3px #fff;
	padding: 8px 0;
	margin: 0 auto;
	max-width: 300px;
	font-size: 1.8rem;
}

h4.plan_mds {
	display: inline-block;
	font-size: 2.2rem;
	line-height: 1.8em;
	margin: 0 auto 15px;
	padding: 0 100px;
	position: relative;
}

h4.plan_mds::before,
h4.plan_mds::after {
	position: absolute;
	display: inline-block;
	content: '';
	border-bottom: 2px dashed #333;
	top: 50%;
	width: 80px;
	height: 1px;
}

h4.plan_mds::before {
	left: 0;
}

h4.plan_mds::after {
	right: 0;
}

.specialOffer {
	display: flex;
	justify-content: center;
	align-content: center;
	font-size: 1.8rem;
	text-align: left;
}

.spOfferitem {
	width: 50%;
	height: 80px;
	margin: 0 20px 0 0;
	background-repeat: no-repeat;
	background-position: 10px 50%;
	background-size: auto 66px;
	position: relative;
}

.spOfferitem:nth-child(2) {
	margin: 0;
}

.spOfferitem.lunch {
	color: #b41f23;
	border: solid 2px #b41f23;
	background-image: url(../img/common/ico_wine.svg);
	padding-left: 80px;
}

.spOfferitem.dinner {
	color: #181d62;
	border: solid 2px #181d62;
	background-image: url(../img/common/ico_drink_dinner.svg);
	padding-left: 115px;
}

.spOfferitem p {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}

#planArea .planBox#ladysPlan .drinklistBox,
#planArea .planBox#partyPlan .drinklistBox {
	margin: 50px 0;
	font-size: 1.5rem;
	text-align: left;
	border: solid 2px #181d62;
}

#planArea .planBox#ladysPlan .drinklistBox .ttlBox,
#planArea .planBox#partyPlan .drinklistBox .ttlBox {
	background-color: #181d62;
	min-height: 50px;
	padding: 0;
	text-align: center;
	font-size: 1.8rem;
}

#planArea .planBox#ladysPlan .drinklistBox .ttlBox .ttl,
#planArea .planBox#partyPlan .drinklistBox .ttlBox .ttl {
	display: inline-block;
	padding: 20px 10px 20px 62.5px;
	background-image: url(../img/common/ico_dinner.svg);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	background-size: auto 40px;
}

#planArea .planBox#ladysPlan .drinklistBox ul,
#planArea .planBox#partyPlan .drinklistBox ul {
	padding: 25px;
}

#planArea .planBox#ladysPlan .drinklistBox ul li,
#planArea .planBox#partyPlan .drinklistBox ul li {
	display: inline-block;
	padding: 0 2px;
}

#planArea .planBox#ladysPlan .priceBox table {
	width: 100%;
	text-align: center;
	table-layout: fixed;
	border-collapse: collapse;
}

#planArea .planBox#ladysPlan .priceBox table th {
	font-weight: normal;
	border-right: 1px solid #a97b50;
}

#planArea .planBox#ladysPlan .priceBox table td {
	padding: 2px 0;
	border-right: 1px solid #a97b50;
}

#planArea .planBox#ladysPlan .priceBox table tr td::last-of-type {
	color: #bd3d3d;
}

#planArea .planBox#ladysPlan .priceBox table tr.border_b {
	border-bottom: 1px solid #a97b50;
}

#planArea .planBox#ladysPlan .priceBox table tr th:last-child,
#planArea .planBox#ladysPlan .priceBox table tr td:last-child {
	border-right: none;
}

#planArea .planBox#ladysPlan .priceBox em {
	font-size: 3.0rem;
	margin: 0 5px 0 10px;
}

#planArea .planBox#ladysPlan .priceBox .ttlBox {
	color: #000;
	background-color: #fff;
	min-height: 30px;
	line-height: 30px;
	padding: 0 0 15px;
	text-align: center;
	font-size: 1.8rem;
}

#planArea .planBox#ladysPlan .price_cont {
	display: inline-block;
	width: 50%;
	float: left;
	box-sizing: border-box;
	border-right: 2px solid #a97b50;
	padding: 0 30px;
}

#planArea .planBox#ladysPlan .price_cont+.price_cont {
	border-right: none;
}

#planArea .planBox#ladysPlan .price_cont .price_inner {
	width: calc(100% / 2 - 20px);
	padding: 20px;
}

#planArea .planBox#ladysPlan .price_cont .price_inner:nth-child(1) {
	border-right: solid 3px #b41f23;
}

#planArea .planBox#ladysPlan .price_cont .price_inner .minttl {
	text-align: center;
	padding: 5px 0;
	border: solid 3px #b41f23;
}

#planArea .planBox#ladysPlan .price_cont .price {
	max-width: 300px;
	margin: 20px auto 0;
}

#planArea .planBox#ladysPlan .price_cont .mem {
	color: #c90000;
}

#planArea .planBox#ladysPlan .price_cont span.ippan,
#planArea .planBox#ladysPlan .price_cont span.member {
	padding: 3px 16px;
	color: #fff;
}

#planArea .planBox#ladysPlan .price_cont span.ippan {
	background-color: #333;
}

#planArea .planBox#ladysPlan .price_cont span.member {
	background-color: #bd3d3d;
}

#planArea .planBox#ladysPlan .price_cont.wide .price_inner {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#planArea .planBox#ladysPlan .price_cont.wide .price {
	margin: 0 50px 0 0;
}

#planArea .planBox#ladysPlan .price_cont.wide .price:nth-child(2) {
	margin: 0;
}


@media screen and (max-width: 768px) {
	#planArea .planBox#ladysPlan .ttlBox .subttl {
		max-width: 240px;
	}

	#planArea .planBox#ladysPlan .photoBox {
		display: block;
		padding: 10px;
	}

	#planArea .planBox#ladysPlan .photoBox .photo {
		width: 100%;
		margin: 0 0 10px 0;
	}

	#planArea .planBox .photoBox .photo:nth-of-type(2) {
		margin: 0;
	}

	#planArea .planBox .photoBox .photo img {
		width: 100%;
	}

	h4.plan_mds {
		margin: 15px auto 15px;
		padding: 0 80px;
	}

	h4.plan_mds::before,
	h4.plan_mds::after {
		width: 60px;
	}

	.specialOffer {
		display: block;
	}

	.spOfferitem {
		width: auto;
		margin: 0 0 10px;
	}

	.spOfferitem p {
		width: auto;
		padding: 0 8px 0 0;
	}

	.spOfferitem.dinner {
		height: 100px;
	}

	#planArea .planBox#ladysPlan .drinklistBox,
	#planArea .planBox#partyPlan .drinklistBox {
		margin: 50px 0 35px;
	}

	#planArea .planBox#ladysPlan .drinklistBox ul,
	#planArea .planBox#partyPlan .drinklistBox ul {
		padding: 20px 10px;
		font-size: 0.9em;
	}

	#planArea .planBox#ladysPlan .price_cont {
		display: block;
		width: 100%;
		padding: 0;
		border-bottom: 2px solid #a97b50;
		border-right: none;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	#planArea .planBox#ladysPlan .price_cont+.price_cont {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	#planArea .planBox#ladysPlan .price_cont .price_inner,
	#planArea .planBox#ladysPlan .price_cont.wide .price_inner {
		width: calc(100% - 40px);
	}

	#planArea .planBox#ladysPlan .price_cont .price_inner:nth-child(1) {
		border-right: 0;
		border-bottom: solid 3px #b41f23;
	}

	#planArea .planBox#ladysPlan .price_cont .price {
		width: 100%;
	}

	#planArea .planBox#ladysPlan .price_cont.wide .price_inner {
		display: block;
	}

	#planArea .planBox#ladysPlan .price_cont.wide .price {
		margin: 0 auto 20px;
	}

	#planArea .planBox#ladysPlan .price_cont.wide .price:nth-child(2) {
		margin: 0 auto;
	}

	#planArea .planBox#ladysPlan .price_cont span.ippan,
	#planArea .planBox#ladysPlan .price_cont span.member {
		padding: 3px 8px;
		display: inline-block;
	}


}




/*----------------------------------------------------------
	プラン
----------------------------------------------------------*/

#planArea .planBox#relaxPlan .timeArea {
	font-size: 1.6em;
	letter-spacing: 1px;
	position: relative;
	width: auto;
	display: inline-block;
	margin: 20px 0 25px;
}

#planArea .planBox#relaxPlan .timeArea .extend {
	position: absolute;
	color: #fff;
	top: 0;
	bottom: 0;
	right: -40px;
	margin: auto;
	z-index: 1;
}

#planArea .planBox#relaxPlan .timeArea .extend span.txt {
	position: absolute;
	color: #fff;
	width: 100px;
	height: 100px;
	top: 1.5em;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#planArea .planBox#relaxPlan .timeArea .extend::before {
	position: absolute;
	content: "";
	background: #bd3d3d;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -1;
}

#planArea .planBox#relaxPlan .timeArea .extend::after {
	content: "";
	position: absolute;
	top: 50%;
	left: -25px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #bd3d3d;
}

#planArea .planBox#relaxPlan .priceBox .time {
	display: block;
	font-size: 1.4em;
	line-height: 1.8;
}

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

	#planArea .planBox#relaxPlan .timeArea {
		font-size: 1.4em;
		letter-spacing: 1px;
		position: relative;
		width: auto;
		display: inline-block;
		margin: 0 50px 25px 0;

	}

	#planArea .planBox#relaxPlan .timeArea .extend {
		right: -20px;
		font-size: 0.9em;
		line-height: 1.2;
	}

	#planArea .planBox#relaxPlan .timeArea .extend::before {
		width: 80px;
		height: 80px;
	}

	#planArea .planBox#relaxPlan .timeArea .extend span.txt {
		width: 80px;
		height: 80px;

	}

	#planArea .planBox#relaxPlan .priceBox {
		padding: 10px 10px 30px;
	}

	#planArea .planBox#relaxPlan .priceBox .time {
		font-size: 1.2em;
	}
}



/*----------------------------------------------------------
	プラン
----------------------------------------------------------*/


#beerholePlan .drinklistBox {
	border: 2px solid #a97b50;
	margin: 0 0 30px;
}

#beerholePlan .drinklistBox .ttlBox {
	background: #a97b50;
	padding: 10px;
	text-align: center;
	width: 100%;
	margin: 0;
	color: #ffffff;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.2em;
	min-height: auto;
}

#beerholePlan .drinklistBox .txtBox {
	padding: 30px;
	text-align: left;
}

#beerholePlan .spValue {
	background: #a94246;
	color: #fff;
	display: block;
	margin: 0 auto 10px;
	padding: 3px;
	width: 80%;
}

#beerholePlan .price {
	display: block;
	margin: 20px 0;
}

#beerholePlan .price p {
	display: inline-block;
	font-size: 1.2em;
}

#beerholePlan .price p .month {
	background-color: #333;
	font-size: 0.8em;
	color: #fff;
	width: 5em;
	margin: 0 14px 0 20px;
	display: inline-block;
	line-height: 1.6;
}



#beerholePlan .setArea dl.buffet {
	margin: 0 80px 0 0;
}

#beerholePlan .setArea dl.snack {
	width: auto;
	padding: 0 10px;
	line-height: 1.3;
}

#beerholePlan .setArea dl.snack span {
	font-size: 0.7em;
	margin: 0 0 0 10px;
}

#beerholePlan .dli-plus {
	right: 43px;
}

@media screen and (max-width: 768px) {
	#beerholePlan .price p {
		display: block;
		margin: 0 0 3px;
	}

	#beerholePlan .price p .month {
		margin: 0 20px 0 0;
	}

	#beerholePlan .drinklistBox .txtBox {
		padding: 20px;
		line-height: 1.7;
	}

	#beerholePlan .setArea dl.buffet {
		margin: 0 10% 0 0;
	}

	#beerholePlan .setArea dl.snack {
		width: 45%;
		padding: 12px 0px;
	}

	#beerholePlan .setArea dl.snack span {
		display: block;
		font-size: 0.7em;
		margin: 10px 0 0;
	}

	#beerholePlan .dli-plus {
		right: 0;
	}


}




/*----------------------------------------------------------
	プラン
----------------------------------------------------------*/

#partyPlan .priceBox .ttl {
	font-size: 1.8rem;
}

#partyPlan .price {
	display: block;
	margin: 10px 0 10px;
}

#partyPlan .price p {
	display: inline-block;
	font-size: 1.2em;
}

#partyPlan .price p .kubun {
	background-color: #333;
	font-size: 0.8em;
	color: #fff;
	width: 5em;
	margin: 0 14px 0 20px;
	display: inline-block;
	line-height: 1.6;
	padding: 1px 5px;
}

#partyPlan .price p.member {
	color: #bd3d3d;
}

#partyPlan .price p.member .kubun {
	background: #bd3d3d;
	color: #fff;
}

@media screen and (max-width: 768px) {
	#partyPlan .price p {
		display: block;
		margin: 0 0 5px;
	}

	#partyPlan .price p .kubun {
		margin: 0 20px 0 0;
	}
}


/*----------------------------------------------------------
	プラン
----------------------------------------------------------*/


#privatePlan .priceBox .ttl {
	font-size: 1.8rem;
	margin: 0 0 20px;
}

#privatePlan .priceBox .ttl span {
	font-size: 0.8em;
	display: block;
}

#privatePlan .price {
	display: block;
	margin: 10px 0 10px;
}

#privatePlan .price p {
	display: inline-block;
	font-size: 1.2em;
}

#privatePlan .price p .kubun {
	background-color: #333;
	font-size: 0.8em;
	color: #fff;
	width: 5em;
	margin: 0 14px 20px;
	display: inline-block;
	line-height: 1.6;
	padding: 1px 5px;
}

#privatePlan .price p.member {
	color: #bd3d3d;
}

#privatePlan .price p.member .kubun {
	background: #bd3d3d;
	color: #fff;
}

#privatePlan .column {
	width: 100%;
	display: table;
	margin: 10px 0
}

#privatePlan .column .photoArea {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
}

#privatePlan .column .photoArea img {
	width: 100%;
}

#privatePlan .column .textArea {
	width: 50%;
	display: table-cell;
	padding: 0 0 0 20px;
	vertical-align: middle;
}


.freeDrink {
	position: relative;
}

.freeDrink dt {
	background: #a97b50;
	color: #fff;
	padding: 5px 20px;
	position: absolute;
	width: 300px;
	top: -1.2em;
	left: 0;
	right: 0;
	margin: auto;
}

.freeDrink dd {
	border: 1px dashed #a97b50;
	padding: 50px 25px 30px;
	text-align: left;
	margin: 40px 0 0;
}

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

	#privatePlan .column {
		display: block;
	}

	#privatePlan .column .photoArea {
		width: 100%;
		display: block;
	}

	#privatePlan .column .textArea {
		width: 100%;
		display: block;
		margin: 20px 0 0;
		padding: 10px 0;
	}

	#planArea .planBox#privatePlan .priceBox {
		padding: 20px 10px;
	}

	#privatePlan .price p {
		display: block;
		margin: 0 0 5px;
	}

	#privatePlan .price p .kubun {
		margin: 0 20px 0 0;
	}

	.freeDrink dt {
		width: 60%;
	}

	.freeDrink dd {
		padding: 40px 20px 20px;
		font-size: 0.9em;
		line-height: 1.7;
	}
}



/*----------------------------------------------------------
	クリスマス・お正月
----------------------------------------------------------*/


#xmas.menuArea {
	background: #B03223;
	text-align: center;
	padding: 2%;
	margin: 30px 0;
}

#xmas.menuArea .inner {
	padding: 3%;
	border: 2px solid #fff;
	background: url("../img/buffet/2211/bg_xmas.jpg") center top no-repeat;
	background-size: cover;
}

#xmas.menuArea .inner .jp-ttl span {
	font-size: 4rem;
	letter-spacing: 0.1em;
	color: #fff;
	letter-spacing: 0;
}

@media (max-width: 480px) {
	#xmas.menuArea .inner {
		padding: 9% 3% 0;
		background: url(../img/buffet/2211/bg_xmas.jpg) center top no-repeat;
		background-size: 160%;
	}

	#xmas.menuArea .inner .jp-ttl span {
		font-size: 2.5rem;
		padding: 0;
		background: none;
	}
}


@media (max-width: 480px) {
	#xmas.menuArea .menuBoxList .box {
		width: 100% !important;
	}

	#xmas.menuArea .catchCopy,
	#newyear.menuArea .catchCopy {
		font-size: 1.6rem;
		line-height: 1.8em;
		margin: 0;
	}

	#xmas.menuArea .catchCopy span,
	#newyear.menuArea .catchCopy span {
		font-size: 24px;
	}

	#xmas.menuArea .menuBoxList .box .name {
		font-size: 1.4rem;
	}
}

#newyear.menuArea {
	background: #f5f2ee;
	text-align: center;
	padding: 2%;
	background: #fff url("../img/buffet/2312/bg_newyear.jpg") center top repeat-y;
	background-size: 100%;
}

#newyear.menuArea .inner {
	padding: 3%;
	border: 3px solid #B03223;
	position: relative;
}

@media (max-width: 480px) {
	#newyear.menuArea .inner {
		padding: 9% 3% 0;
	}
}

#newyear.menuArea .deco1 {
	position: absolute;
	bottom: 18px;
	left: 23px;
	width: 124px;
	z-index: 48;
}

#newyear.menuArea .deco2 {
	position: absolute;
	bottom: 32%;
	right: 19px;
	width: 94px;
	z-index: 48;
}

@media (max-width: 480px) {
	#newyear.menuArea .deco1 {
		bottom: -18px;
		left: -11px;
		width: 53px;
	}

	#newyear.menuArea .deco2 {
		position: absolute;
		bottom: 265px;
		right: -12px;
		width: 45px;
	}
}

#newyear.menuArea .jp-ttl {
	text-align: center;
	font-family: SourceHanSerifJP;
	font-weight: 600;
	color: #a82124;
	font-size: 4rem;
	padding: 20px 0 20px;
}

#newyear.menuArea .jp-ttl span {
	letter-spacing: 0;
	color: #a82124;
}

#newyear.menuArea .sttl {
	color: #B03223;
}

#newyear.menuArea .menuBoxList {
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
	padding: 0 20px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	display: block;
	text-align: center;
}

#newyear.menuArea .menuBoxList .box {
	display: inline-block;
	vertical-align: top;
	width: 46%;
	margin: 30px 1.5% 0;
	text-align: left;
}

#newyear.menuArea .menuBoxList .box .detailTxt {
	color: #000;
}

#newyear.menuArea .txtBox {
	max-width: 600px;
	color: #000;
}



.menuBoxList .box .emp {
	text-align: center;
	margin: 0;
	font-size: 12px;
	padding: 0;
}




@media (max-width: 480px) {


	#newyear.menuArea .jp-ttl {
		font-size: 2.5rem;
		padding: 0;
		background: none;
		background-size: 100px;
		line-height: 1.6;
	}

	#newyear.menuArea .inner .jp-ttl span {
		font-size: 2.5rem;
		padding: 0;
		background: none;
	}

	#newyear.menuArea .menuBoxList {
		padding: 0 0 30px;
	}

	#newyear.menuArea .menuBoxList .box {
		margin: 30px 0.5% 0;
	}

}


#priceArea #xmas.menuArea .inner .box table,
#priceArea #newyear.menuArea .inner .box table {
	width: 53.5%;
}

#priceArea #xmas.menuArea .inner .box .bnr_early,
#priceArea #newyear.menuArea .inner .box .bnr_early {
	width: 100%;
	max-width: 490px;
	margin: 20px auto 0;
}

@media (max-width: 480px) {

	#priceArea #xmas.menuArea .inner .box .bnr_early,
	#priceArea #newyear.menuArea .inner .box .bnr_early {
		margin: -10px auto 30px;
	}
}

/*----------------------------------------------------------
	boushinPlan
----------------------------------------------------------*/

.boushinWrap {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}

@media screen and (max-width: 768px) {
	.boushinWrap {
		flex-wrap: wrap;
	}
}

#boushinPlan .priceBox .ttl {
	font-size: 1.8rem;
}

#boushinPlan .price {
	display: block;
	margin: 10px 0 10px;
}

#boushinPlan .price p {
	display: inline-block;
	font-size: 1.2em;
}

#boushinPlan .price p .kubun {
	background-color: #333;
	font-size: 0.8em;
	color: #fff;
	width: 5em;
	margin: 0 14px 0 0;
	display: inline-block;
	line-height: 1.6;
	padding: 1px 5px;
}

#boushinPlan .price p.member {
	color: #bd3d3d;
}

#boushinPlan .price p.member .kubun {
	background: #bd3d3d;
	color: #fff;
}

@media screen and (max-width: 768px) {
	#boushinPlan .setArea {
		display: inline-flex;
	}

	#boushinPlan .price p {
		display: block;
		margin: 0 0 5px;
	}

	#boushinPlan .price p .kubun {
		margin: 0 20px 0 0;
	}
}

#boushinPlan .timeArea {
	font-size: 1.6em;
	letter-spacing: 1px;
	position: relative;
	width: auto;
	display: inline-block;
	margin: 20px 0 25px;
}

#boushinPlan .timeArea .extend {
	position: absolute;
	color: #fff;
	top: 0;
	bottom: 0;
	right: -40px;
	margin: auto;
	z-index: 1;
}

#boushinPlan .timeArea .extend span.txt {
	position: absolute;
	color: #fff;
	width: 100px;
	height: 100px;
	top: 1.5em;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#boushinPlan .timeArea .extend::before {
	position: absolute;
	content: "";
	background: #bd3d3d;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -1;
}

#boushinPlan .timeArea .extend::after {
	content: "";
	position: absolute;
	top: 50%;
	left: -25px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #bd3d3d;
}

#boushinPlan .priceBox .time {
	display: block;
	font-size: 1.4em;
	line-height: 1.8;
}

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

	#boushinPlan .timeArea {
		font-size: 1.4em;
		letter-spacing: 1px;
		position: relative;
		width: auto;
		display: inline-block;
		margin: 0 50px 25px 0;

	}

	#boushinPlan .timeArea .extend {
		right: -20px;
		font-size: 0.9em;
		line-height: 1.2;
	}

	#boushinPlan.timeArea .extend::before {
		width: 80px;
		height: 80px;
	}

	#boushinPlan .timeArea .extend span.txt {
		width: 80px;
		height: 80px;

	}

	#boushinPlan .planBox .priceBox {
		padding: 10px 10px 30px;
	}

	#boushinPlan .planBox .priceBox .time {
		font-size: 1.2em;
	}
}

.boushinBox {
	width: 100%;
	max-width: 300px;
	margin: 20px 0 20px 0;
	padding: 5px;
	position: revert;
}

.boushinBox .plan_cont {
	padding: 20px 20px !important;
}
.boushinBox .dli-plus {
    width: 30px;
    height: 30px;
}
.boushinBox .dli-plus::before,
.boushinBox .dli-plus::after {
    width: 1.5em;
}
.boushinBox .dli-plus {
	margin: 56px 110px 0;
}
.boushinBox .dli-plus.scn {
	margin: 133px 110px 0;
}
.boushinBox .dli-plus.th {
	margin: 224px 110px 0;
}

@media screen and (max-width: 768px) {
	.boushinBox .dli-plus {
		margin: 16% 41%;
	}
}

.boushinBox .setArea dl.main,
.boushinBox .setArea dl.table,
.boushinBox .setArea dl.buffet {
	margin: 0 0px 10px 0 !important;
}

@media screen and (max-width: 768px) {
	.boushinBox .setArea dl.main,
	.boushinBox .setArea dl.table,
	.boushinBox .setArea dl.buffet {
		margin: 0 20px 0px 0px !important;
	}

	.boushinttl {
		display: none;
	}
	
	.kansou .setArea dl {
        width: 100%;
        padding: 5px 0;
    }
	
}

#boushinttl .ttlBox {
	min-width: 0;
}

#boushinPlan .timeArea {
	margin: 20px auto;
}


/*----------------------------------------------------------
	kansouPlan
----------------------------------------------------------*/


@media screen and (max-width: 768px) {
	#boushinPlan.kansou .setArea {
        display: inline-block;
    }
	.kansou .setArea dl {
        width: 100%;
        padding: 5px 0;
    }
    .kansou .setArea dl.buffet dt {
        padding: 10px 0 10px 60px;
        background: url(../img/plan/ico_buffet.png) no-repeat center left 14px;
        background-size: 67px;
    }
    .kansou .setArea dl.main dt {
        padding: 10px 0 10px 60px;
        background: url(../img/plan/ico_main.png) no-repeat center left 18px;
        background-size: 48px;
    }
    .kansou .setArea dl.drink dt {
	    padding: 10px 0 10px 60px;
	    background: url(../img/plan/ico_drink.png) no-repeat center left 20px;
	    background-size: contain;
	    position: relative;
	}
	.setArea dl.table dt {
	    padding: 2px 0 2px 60px;
	    background: url(../img/plan/ico_table.png) no-repeat center left 18px;
	    background-size: 36px;
	}
    .kansou .boushinBox .setArea dl.main,
    .kansou .boushinBox .setArea dl.table,
    .kansou .boushinBox .setArea dl.buffet {
        margin: 0 0px 15px 0 !important;
    }
    .kansou .boushinBox .dli-plus {
        margin: 19% auto 0;
    }
    .kansou .boushinBox .dli-plus.scn {
        margin: 47% auto 0;
    }
    .kansou .boushinBox .dli-plus.th {
        margin: 80% auto 0;
    }
}
	



/*----------------------------------------------------------
	GWinfo
----------------------------------------------------------*/

.gw_box {
	background: #dde6ad;
	color: #086337;
	border: 2px solid #086337;
	padding: 30px;
	text-align: center;
	font-weight: bold;
    font-size: 16px;
    width: 100%;
    max-width: 600px;
    margin: 50px auto;
    display: block;
    position: relative;
    box-sizing: border-box;
}
.gw_box .gw_mds {
	border-bottom: 5px double #086337;
	padding: 0 0 10px;
	margin: 0 0 20px;
	font-weight: bold;
	font-size: 1.4em;
}
.gw_box .spot {
	background: #e03f34;
	color: #fff;
	margin-top: 20px;
	padding: 10px;
	border-radius: 50px;
}
.gw_box .spot span{
	font-size: 1.2em;
	display: block;
}

@media screen and (max-width: 768px) {
	.gw_box {
		padding: 20px;
	}
}



/*----------------------------------------------------------
	beerPlan
----------------------------------------------------------*/

#planArea #beerPlan {
	scroll-margin-top: 100px;
}
#planArea #beerPlan.planBox {
	color: #432910;
	border: 5px solid rgb(3, 110, 184);
}
#planArea #beerPlan.planBox .ttlBox {
	background: #fff;
	color: rgb(3, 110, 184);
	border-bottom: 4px solid rgb(3, 110, 184);
}
#planArea #beerPlan.planBox .ttlBox .sub {
	font-size: 18px;
}
@media screen and (max-width: 768px) {
	#planArea #beerPlan.planBox .ttlBox .sub {
		font-size: 16px;
	}
}
#planArea #beerPlan.planBox .plan_cont {
    border: 1px solid rgb(3, 110, 184);
    background: rgb(244, 221, 37);
	position: relative;
}
#planArea #beerPlan.planBox .plan_cont::before{
	background: url(../img/plan/deco_beer.svg) no-repeat top right;
	background-size: contain;
	content: "";
	top: -6px;
    right: -10px;
	position: absolute;
	width: 180px;
	height: 200px;
	z-index: 3;
}
@media screen and (max-width: 768px) {
	#planArea #beerPlan.planBox .plan_cont::before{
		right: -8px;
		width: 120px;
	}
}
#planArea #beerPlan.planBox .beer_img {
	width :49%;
	float: left;
	margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
	#planArea #beerPlan.planBox .beer_img {
		width :100%;
		margin: 0 0 20px;
	}
}
#planArea #beerPlan.planBox .beer_img + .beer_img {
	margin: 0 0 0 2%;
}
@media screen and (max-width: 768px) {
	#planArea #beerPlan.planBox .beer_img + .beer_img {
		margin: 0 0 20px 0;
	}
}
#planArea #beerPlan.planBox .lead {
	display: inline-block;
    width: 100%;
}
#planArea #beerPlan.planBox .tagArea .tag {
    background: #c5201e;
}
#planArea #beerPlan.planBox .plan_ttl{
	font-size: 22px;
	margin: 0 auto 20px;
}
#planArea #beerPlan.planBox .plan {
	padding: 50px;
	box-sizing: border-box;
}
#planArea #beerPlan.planBox .plan.a {
	background: url(../img/plan/bg_plana.svg) no-repeat center center;
	background-size: contain;
}
#planArea #beerPlan.planBox .plan.b {
	background: url(../img/plan/bg_planb.svg) no-repeat center center;
	background-size: contain;
	margin-top: 40px;
}
@media screen and (max-width: 768px) {
	#planArea #beerPlan.planBox .plan.a,
	#planArea #beerPlan.planBox .plan.b {
		background: #fff;
		border: 4px solid rgb(3, 110, 184);
		padding: 25px 10px;
		border-radius: 15px;
	}
	#planArea #beerPlan.planBox .note{
		text-align: left;
		margin: 0 5px;
	}
}

#planArea #beerPlan.planBox .price_area {
	width: 100%;
	display: inline-block;
}
#planArea #beerPlan.planBox .price_area dl{
	display: inline-block;
	margin: 0 20px;
}
@media screen and (max-width: 768px) {
	#planArea #beerPlan.planBox .price_area dl {
		margin: 0 10px;
	}
}
#planArea #beerPlan.planBox .price_area dl dt{
	display: block;
	color: #fff;
	padding: 2px 10px;
}
#planArea #beerPlan.planBox .price_area dl dd{
	display: block;
    font-size: 32px;
    margin: 8px 0 0;
}
#planArea #beerPlan.planBox .price_area dl dd span{
	font-size: 16px;
}
#planArea #beerPlan.planBox .price_area dl.ippan dt{
	background: #432910;
}
#planArea #beerPlan.planBox .price_area dl.member dt{
	background: #c92b1c;
}
#planArea #beerPlan.planBox .price_area dl.ippan dd{
	color: #432910;
}
#planArea #beerPlan.planBox .price_area dl.member dd{
	color: #c92b1c;
}

#planArea #beerPlan.planBox .icon_list {
    list-style: none;
	width: 100%;
	display: inline-block;
	margin: 20px 0;
}
#planArea #beerPlan.planBox .icon_list li{
	display: inline-block;
    background-color: #fff;
    border: 4px solid rgb(3, 110, 184);
    padding: 0 10px 10px;
    text-align: center;
    line-height: 1.4;
    margin: 0 2px;
	border-radius: 6px;
}
@media screen and (max-width: 768px) {
	#planArea #beerPlan.planBox .icon_list li{
		padding: 0 6px 10px;
		margin: 12px 2px 0;
	}
}
#planArea #beerPlan.planBox .icon_list li img{
	display: block;
	width: 80px;
	margin: 5px auto 0;
}
#planArea #beerPlan.planBox .option {
    margin: 0 auto;
	max-width: 500px;
}
#planArea #beerPlan.planBox .option img{
	width: 100%;
}

#planArea #beerPlan.planBox .dli-plus {
	position: relative;
	margin: 20px auto;
	border: 3px solid #442912;
	background: #442912;
}
#planArea #beerPlan.planBox .dli-plus::before ,
#planArea #beerPlan.planBox .dli-plus::after {
    background: #fff;
}
#planArea #beerPlan.planBox .freedrink{
	background-color: #fff;
    border: 6px solid rgb(3, 110, 184);
    margin: 60px auto 20px;
    display: table;
	padding: 40px;
	width: 100%;
    box-sizing: border-box;
}
@media screen and (max-width: 768px) {
	#planArea #beerPlan.planBox .freedrink {
		padding: 30px 10px;
	}
}
#planArea #beerPlan.planBox .freedrink .drinkmenu{
	display: none;
	margin: 0 0 20px;
}
#planArea #beerPlan.planBox .freedrink .drinkmenu p{
	margin-top: 10px;
}
#planArea #beerPlan.planBox .freedrink .detailBtn {
    display: inline-block;
    background: rgb(3, 110, 184);
    padding: 1px 30px;
    font-size: 1.2em;
    color: #fff;
    cursor: pointer;
}
#planArea #beerPlan.planBox .freedrink .detailBtn::before{
	content: "Open";
}
#planArea #beerPlan.planBox .freedrink .detailBtn.active::before{
	content: "Close";
}
#planArea #beerPlan.planBox .freedrink .beer_img {
    float: none;
}