@charset "UTF-8";


/* -------------------------------------
common
------------------------------------- */

body {
	color: #534741;
}
article#deli {
	background-color:#fff;
}
#deli .page {
	width: 1205px;
	padding-bottom: 69px;
}
#deli .reserve2 .page {
	padding-bottom:0!important;
}
.method {
	font-size: 0;
	text-align: center;
	padding: 25px 40px;
	border:21px solid #e6ddd3;
	background-color: #fff;
}
.method h4 {
	font-size: 25px;
	letter-spacing: 0.1em;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #000;
}
.method dl,.method ul {
	font-size: 0;
}
.method ul li {
	margin-bottom: 15px;
}
.method dl.contactlink {
	margin-right: 54px;
	display: inline-block;
	vertical-align:middle;
}

.method ul li {
	display:block;
}
.method dl dt,.method dl dd {
	display: inline-block;
	vertical-align: top;
}
.method dl dt,.method dl dd {
	font-size: 15px;
}
.method ul li:nth-child(2) dt {
	margin-left:35px;
}
.method dl.contactlink dt {
	font-size: 15px;
	color: #fff;
	margin-right: 25px;
	padding: 5px 9px 3px;
	background-color: #534741;
	position: relative;
	top: 18px;
}
.method ul li:nth-child(3) {
	position: relative;
}
.method ul li:nth-child(3) dl dd span {
	/*font-size:11px;*/
	width: 100%;
	display: block;
	/*position: absolute;
	left: 55%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);*/
}
.method ul li dl dt:before {
	content:"■";
}
.method ul li dl dt:after {
	content:"/";
}
.method ul li:nth-child(2) dd {
	margin-right: 35px;
}
.method dl.contactlink dd {
	font-size: 36px;
	position: relative;
}
.method dl.contactlink dd span:first-child {
	font-size:27px;
	position: relative;
	top: -3px;
}
.method dl.contactlink dd span:first-child:after {
	content:":";
	margin:0 5px 0 7px;
	position: relative;
	top: -3px;
}
.method dl.contactlink dd span.txt:first-child:after {
	content:"";
	position: static;
}
.method dl.contactlink dd span:nth-child(3) {
	font-size: 16px;
	display: block;
	position: absolute;
	bottom: -15px;
	left: 72px;
}
.method dl.contactlink dd span:last-child {
	font-size: 16px;
	margin-left: 13px;
	position: relative;
	bottom:7px;
	left:0;
}
.method a:last-child {
	font-size: 18px;
	color: #fff;
	padding:16px 33px 15px 34px;
	display: inline-block;
	vertical-align: middle;
	background-color:#d9b23f;
}


.method a.nolink {
	background-color: #54585A;
	cursor: default;
	pointer-events: none;
}

.method .blk-wrap {
    display: block;
    border-bottom: dashed 1px #cccccc;
}
.method .blk-l {
    float: left;
    width: 58%;
    margin: 30px 0;
}
.method .blk-r {
    float: right;
    width: 40%;
    margin: 30px 0;
    padding-top: 50px;
}
.method .blk-b {
    display: block;
    margin-top: 40px;
}




h5.peri {
    display:inline-block;
    text-align: center;
	font-size: 20px;
    margin: 0 auto 20px;
    background:#FFFFFF;
    color: rgb(160,0,98);
    border: solid 3px rgb(160,0,98);
    border-radius: 30px;
    padding: 7px 20px;
    line-height: 1.2;
}
h5.peri span {
}


h5.peri small {
    display: block;
    font-size: 70%;
}
.method .blk-l h6 {
    display: block;
    text-align: left;
    font-size: 18px;
}
.method .blk-wrap02{
    margin-top: 30px;
}
.method .blk-wrap02 .blk-l {
    margin-top: 10px !important;
}
.method .blk-wrap02 .blk-r {
    margin-top: 10px !important;
    padding: 0 !important;
}
.method .blk-wrap02 ul {
    display: block;
    max-width: 750px;
    margin: auto;
}
.method .blk-wrap02 .blk-l p {
    display: block;
    text-align: left !important;
    font-size: 14px !important;
	margin: 15px 0 0 0 !important;
}


/* -------------------------------------
#page_mainimg
------------------------------------- */
#page_mainimg {
	display:table;
	width:100%;
	padding-top: 122px;
}
/*#page_mainimg .page {
	padding-bottom: 0;
}*/
#page_mainimg .imgblk {
	vertical-align:middle;
	display:table-cell;
	width:73%;
	/*min-width:calc(100% - 388px);*/
}
#page_mainimg #main_caption {
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	width:27%;
	padding:30px 15px;
	background-color:#fadce9;
}
#page_mainimg #main_caption img {
	width:100%;
	max-width:230px;
	height:auto;
	margin:0 auto;
	/*position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);*/
}

#page_mainimg #main_caption.cap_sp {
	display:none;
}

#page_mainimg #main_cap h2 {
	font-size: 128px;
	line-height: 1.3;
	color: #fff;
}
#page_mainimg #main_cap h2 span {
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	padding:5px;
	display: block;
	background-color: #d9b23f;
}
#page_mainimg #main_cap p {
	font-size:21px;
	color: #fff;
}
#page_mainimg #main_cap p:last-child {
	font-size: 20px;
	letter-spacing: 0.1em;
}
#page_mainimg #main_cap p:last-child:before,#page_mainimg #main_cap p:last-child:after {
	content:"ー";
}
#page_mainimg #main_cap p:last-child span {
	color: #ff0000;
	margin-left: 5px;
}

a.pdflink {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	display: inline-block;
	padding: 13px 20px;
	background-color: #A30066;
	box-sizing: border-box;
}
#type .type_box a.pdflink img {
	width: 6px;
	height: 10px;
	display: inline-block;
	vertical-align: 0px;
	margin-right: 10px;
}
/* -------------------------------------
#booking
------------------------------------- */
#booking {
	margin-bottom: 40px;
}
#booking h3,#booking p {
	text-align: center;
}
#booking h3 {
	font-size: 36px;
	color: #eb6d94;
	margin-bottom: 12px;
}
#booking h3 br {
	display: none;
}
#booking > p {
	font-size: 18px;
	color: #eb6d94;
	margin-bottom: 44px;
}
#booking .method {
	color: #545855;
	margin-bottom: 40px;
}
#booking #discount {
	text-align: center;
	padding: 50px 20px 40px;
	border-top:7px solid #fc584e;
	background-color: #fff;
}
.method br {
	display: none;
}
.method br.day {
	display: block;
}
#booking #discount h4 {
	font-size: 32px;
	color: #c1272d;
	margin-bottom: 20px;
}
#booking #discount h4 span {
	font-size: 22px;
	margin-right: 10px;
}
#booking #discount h4 span:last-child {
	font-size: 17px;
	font-weight: normal;
	color: #fff;
	margin-left: 12px;
	padding:9px 11px 9px 11px;
	background-color: #c1272d;
	position: relative;
	top: -6px;
}
#booking #discount ul {
	margin-bottom:8px;
}
#booking #discount ul li {
	font-size: 25px;
}
#booking #discount ul li br {
	display: none;
}
#booking #discount ul li:before {
	content:"■";
	margin-right: 8px;
}
#booking #discount ul li span {
	font-size: 36px;
	color: #fc584e;
}
#booking #discount ul li span:before {
	content:"⇒";
	color: #000;
	font-size: 25px;
	margin:0 10px 0 10px;
}
#booking #discount ul li span span {
	font-size: 70%;
	margin-left:7px;
	position: relative;
	top: -6px;
}
#booking #discount ul li span span:before {
	content: none;
}
#booking #discount p {
	font-size: 30px;
	font-weight: bold;

	color: #fc584e;
}
#booking #discount p:before,#booking #discount p:after {
	content:"ー";
	font-weight: normal;
}
/* -------------------------------------
#type
------------------------------------- */
#type .type_box {
	width: 100%;
	max-width:1126px;
	text-align: center;
	margin:0 auto 44px;
}
#type .type_box .price {
	font-size:24px;
	font-weight:bold;
	margin-bottom:40px;
}
#type .type_box .price span {
	font-size:80%;
}


#type .type_box img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
#type .type_box .menu_sp {
	display:none;
}

#type .type_box .phcap {
	font-size:11px;
	text-align:left;
	float:left;
	width:100%;
	padding-left:1em;
	
}

/* -------------------------------------
デリ20200420 5月末日まで延長
------------------------------------- */
.may #booking  p {
    color: #534741;
}
.may #type .type_box img {
	width: calc((99.9% - 80px)/2);
	height: auto;
}
.may #type .type_box img.menu_img {
	float:left;
}
.may #type .type_box img.menu_txt {
	float:right;
}
.may #type .menu_note {
	font-size:0;
	text-align:center;
	width:100%;
	padding:30px 0;
}
.may #type .menu_note p {
	font-size:13px;
	display:inline-block;
	vertical-align:top;
}
.may #type .menu_note p:first-child {
	margin-right:40px;
}
.may #type .menu_note p span {
	font-size:90%;
	display:block;
}

.method dl,.method ul {
	text-align:left;
}
.method ul li dl {
	font-size:0;
}
.method ul li dl dt {
	font-size:15px;
	display:inline-block;
	width:9em;
}

.method ul li dl dt:after {
	content:"";
}
.method ul li dl dd {
	font-size:15px;
	display:inline-block;
	width:calc(100% - 9em);
}
.method ul li:nth-child(2) dt,.method ul li:nth-child(2) dd {
    margin:0;
}


.method ul li.ls-ttl dl dd {
    font-size: 18px;
    font-weight: bold;
}

@media screen and (max-width:1340px) {
	.method dl.contactlink {
		margin-right: 28px;
	}
	.method a:last-child {
		margin-right: 0;
	}

}
@media screen and (max-width:1245px) {
	#deli .page {
		width: 100%;
	}
	#page_mainimg #main_cap {
		left: 40px;
		top:10%;
	}
	#page_mainimg #main_cap h2 {
		font-size: 120px;
	}
	#page_mainimg #main_cap h2 span {
		font-size: 18px;
	}
	#page_mainimg #main_cap p,#page_mainimg #main_cap p:last-child {
		font-size: 19px;
	}

	.method {
		font-size: 0;
		text-align: center;
		padding: 23px 30px;
	}
	.method h4 {
		font-size: 24px;
		letter-spacing: 0.1em;
		padding-bottom: 9px;
	}
	.method dl.contactlink {
		margin-right: 25px;
	}
	.method dl dt, .method dl dd {
		font-size: 16px;
	}
	.method dl:nth-child(2) dt:nth-child(3) {
		margin-left: 30px;
	}
	.method dl.contactlink dt {
		font-size: 14px;
		color: #fff;
		margin-right: 15px;
	}
	.method dl.contactlink dd {
		font-size: 33px;
	}
	.method dl:nth-child(2) dd:nth-child(4) {
		margin-right: 30px;
	}
	.method dl.contactlink dd span:first-child {
		font-size: 25px;
	}
	.method dl.contactlink dd span:nth-child(3) {
		font-size: 15px;
	}
	.method dl.contactlink dd span:last-child {
		font-size: 15px;
		margin-left: 10px;
	}
	.method dl.contactlink dd span:first-child:after {
		margin: 0 5px 0 5px;
	}
	.method a:last-child {
		font-size: 16px;
		padding: 15px 20px;
	}
	#booking #discount {
		text-align: center;
		padding: 40px 15px 30px;
	}
	#booking #discount h4 {
		font-size: 30px;
		margin-bottom: 15px;
	}
	#booking #discount h4 span {
		font-size: 20px;
	}
	#booking #discount h4 span:last-child {
		font-size: 16px;
	}
	#booking #discount ul li {
		font-size: 23px;
	}
	#booking #discount ul li span {
		font-size: 33px;
	}
	#booking #discount ul li span:before {
		font-size: 23px;
	}
	#booking #discount p {
		font-size: 27px;
	}
}
@media screen and (max-width:1080px) {
	#page_mainimg #main_cap h2 {
		font-size: 100px;
	}
	#page_mainimg #main_cap h2 span {
		font-size: 17px;
	}
	#page_mainimg #main_cap p, #page_mainimg #main_cap p:last-child {
		font-size: 18px;
	}
	/* -------------------------------------
	#booking
	------------------------------------- */
	#booking h3 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	#booking > p {
		font-size: 17px;
		margin-bottom: 40px;
	}

	.method h4 {
		font-size: 22px;
	}
	.method ul li {
		margin-bottom: 20px;
	}
	.method ul li:last-child {
		margin-bottom:20px;
	}
	.method ul li:nth-child(3) {
		display: block;
	}
	.method ul li:nth-child(2) dd {
		margin-right: 0;
	}
	.method dl.contactlink {
		margin:0 auto 55px;
		display: block;
	}
	.method dl.contactlink dt {
		top: 19px;
	}
	.method dl.contactlink dd {
		font-size: 30px;
	}
	.method dl.contactlink dd span:nth-child(3) {
		left: 60px;
	}
	.method ul li:nth-child(3) dl dd span {
		display: block;
		position: relative;
		/*left: 52px;*/
	}

	#booking #discount {
		padding: 30px 15px 20px;
	}
	#booking #discount h4 {
		font-size: 27px;
		margin-bottom: 11px;
	}
	#booking #discount h4 span {
		font-size: 18px;
	}
	#booking #discount h4 span:last-child {
		font-size: 15px;
		padding:7px 10px;
	}
	#booking #discount ul li {
		font-size: 20px;
	}
	#booking #discount ul li span {
		font-size: 30px;
	}
	#booking #discount ul li span span {
		top: -4px;
	}
	#booking #discount p {
		font-size: 25px;
	}
	
	#type .type_box:nth-child(1) {
		margin-bottom: 70px;
	}

	#type .type_box .price {
		font-size:22px;
	}

	#type .type_box div h4 {
		font-size: 22px;
		margin-right: 30px;
	}
	#type .type_box div p span {
		font-size: 22px;
	}

	/* -------------------------------------
	デリ20200420 5月末日まで延長
	------------------------------------- */
	.may #type .type_box img {
		width: calc((99.9% - 60px)/2);
		height: auto;
	}

}

@media screen and (max-width:1023px) {
#page_mainimg {
	display:table;
	width:100%;
	padding-top: 64px;
	}
}
@media screen and (max-width:980px) {

	/* -------------------------------------
	#booking
	------------------------------------- */
	#booking h3 {
		font-size: 23px;
	}
	#booking > p {
		font-size: 16px;
		margin-bottom: 30px;
	}
	.method h4 {
		font-size: 21px;
	}
	
	.method br {
		display: block;
	}

	#booking #discount h4 {
		font-size: 25px;
		margin-bottom: 10px;
	}
	#booking #discount ul li {
		font-size: 18px;
	}
	#booking #discount ul li span {
		font-size: 27px;
	}
	#booking #discount ul li span span {
		top: -3px;
	}
	#booking #discount p {
		font-size: 23px;
	}
	#type .type_box .price {
		font-size:20px;
	}
    
    
    
    .method .blk-l {
        display: block;
        float: none;
        width: 100%;
        margin: 30px 0;
    }
    .method .blk-r {
        display: block;
        float: none;
        width: 100%;
        padding-top: 0;
    }
    .method .blk-b dl {
        text-align: center !important;
    }

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

	
	.method h4 {
		font-size: 20px;
	}
	.method h4 br {
		display: block;
	}
	.method ul li {
		display: block;
	}
	.method ul li:nth-child(2) dt {
		margin-left: 0;
	}

	#booking #discount h4 {
		font-size: 23px;
	}
	#booking #discount h4 span:last-child {
		font-size: 14px;
		padding: 5px 7px;
		top: -4px;
	}
	#booking #discount ul li {
		margin-bottom: 15px;
	}
	#booking #discount ul li span {
		margin-top: 5px;
		display: block;
	}
	#booking #discount ul li span span {
		margin-top: 0;
		display: inline-block;
	}
	#booking #discount p {
		font-size: 21px;
	}
	#type .type_box .sold {
		font-size: 35px;
		margin-top: 0 0 5px;
	}
	#type .type_box:nth-child(1) {
		margin-bottom: 50px;
	}
	#type .type_box h3 {
		font-size: 22px;
	}
}

@media screen and (max-width:780px) {
#page_mainimg {
	padding-top: 0;
	}
}

@media screen and (max-width:768px) {
	#page_mainimg .imgblk {
		vertical-align:middle;
		display:table-cell;
		width:73%;
		min-width:calc(100% - 200px);
	}
	#page_mainimg #main_caption {
		vertical-align:middle;
		display:table-cell;
		width:27%;
		min-width:200px;
	}
	
	/* -------------------------------------
	#booking
	------------------------------------- */
	#booking h3 {
		font-size: 20px;
		margin-bottom: 7px;
	}
	#booking > p {
		font-size: 15px;
	}
	#booking .method {
		margin-bottom: 30px;
	}
	.method {
		border: 15px solid #e6ddd3;
	}
	.method ul li:nth-child(3) {
		margin-bottom: 20px;
	}
	.method dl.contactlink {
		margin: 0 auto 35px;
	}
	.method dl.contactlink dt {
		position: static;
		margin:0 auto 5px;
	}
	.method dl.contactlink dd {
		display: block;
	}
	.method dl.contactlink dd span:first-child {
		top: -1px;
	}
	.method dl.contactlink dd span:nth-child(3) {
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	.method dl.contactlink dd span:last-child {
		position: relative;
		top: -7px;
	}
	.method a:last-child {
		font-size: 15px;
		padding: 13px 18px;
	}
	#booking #discount {
		padding: 23px 15px 20px;
	}
	#booking #discount h4 {
		font-size: 22px;
	}
	#booking #discount h4 span:last-child {
		top: -3px;
	}
	#booking #discount ul li {
		font-size: 16px;
	}
	#booking #discount ul li span {
		font-size: 23px;
	}
	
	#type .type_box .price {
		font-size:18px;
	}

	/* -------------------------------------
	デリ20200420 5月末日まで延長
	------------------------------------- */
	.may #type .type_box img {
		width: calc((99.9% - 40px)/2);
		height: auto;
	}
	
}
@media screen and (max-width:640px) {
	#deli .page {
		padding-bottom: 60px;
	}
	#page_mainimg #main_cap h2 {
		font-size: 40px;
	}
	#page_mainimg {
		display:block;
		padding-top: 0;
	}
	#page_mainimg .imgblk {
		vertical-align:middle;
		display:block;
		width:100%;
		min-width:100%;
	}
	#page_mainimg #main_caption {
		vertical-align:middle;
		display:block;
		width:100%;
		box-sizing:border-box;
		padding:30px;
	}
	#page_mainimg #main_caption.cap_pc {
		display:none;
	}
	#page_mainimg #main_caption.cap_sp {
		display:block;
	}
	
	#page_mainimg #main_caption img {
		width: 100%;
		max-width: 400px;
		height: auto;
		margin: 0 auto;
	}
	
	
	/* -------------------------------------
	#booking
	------------------------------------- */
	#booking h3 {
		font-size: 19px;
	}
	#booking > p {
		font-size: 14px;
		margin-bottom: 25px;
	}
	#booking > p br {
		display: none;
	}

	#type .type_box .menu_pc {
		display:none;
	}
	#type .type_box .menu_sp {
		display:block;
	}

	.method {
		padding: 23px 20px;
		border: 10px solid #e6ddd3;
	}
	.method h4 {
		font-size: 18px;
	}
	.method dl dt, .method dl dd {
		font-size: 15px;
	}
	.method dl.contactlink dt {
		font-size: 13px;
	}
	.method dl.contactlink dd {
		font-size: 27px;
	}
	.method dl.contactlink dd span:last-child,.method dl.contactlink dd span:nth-child(3) {
		font-size: 14px;
	}
	.method a:last-child {
		padding: 13px 15px;
	}

	#booking #discount h4 {
		font-size: 20px;
		margin-bottom:15px;
	}
	#booking #discount h4 span {
		font-size: 16px;
	}
	#booking #discount h4 span:last-child {
		width: 114px;
		margin: 5px auto 0;
		display: block;
		position: static;
	}
	#booking #discount ul li {
		font-size: 15px;
	}
	#booking #discount ul li span {
		font-size: 22px;
	}
	#booking #discount p {
		font-size: 19px;
	}
	
	#type .type_box .price {
		font-size:16px;
	}

	/* -------------------------------------
	デリ20200420 5月末日まで延長
	------------------------------------- */
	.may #type .type_box img {
		width:100%;
		height: auto;
		margin-right:0;
	}
	.may #type .type_box img.menu_img {
		float:none;
		margin-bottom:30px;
	}
	.may #type .type_box img.menu_txt {
		float:none;
		padding:0 20px;
		box-sizing:border-box;
	}

}
@media screen and (max-width:540px) {
	#deli .page {
		padding-bottom: 50px;
	}
	.method ul li {
		margin-bottom: 10px;
	}
	.method dl.contactlink {
		margin: 0 auto 20px;
	}
	.method dl.contactlink dd span:last-child, .method dl.contactlink dd span:nth-child(3) {
		display: block;
		position: static;
	}
	.method dl.contactlink dd span:nth-child(3) {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
	}

	#booking #discount ul li span {
		font-size: 20px;
	}
	#booking #discount p {
		font-size: 17px;
	}

}
@media screen and (max-width:480px) {
	#deli .page {
		padding-bottom: 40px;
	}
	#page_mainimg #main_cap h2 {
		text-align: center;
	}
	#page_mainimg #main_cap h2 span {
		margin-bottom: 10px;
	}
	#page_mainimg #main_cap p, #page_mainimg #main_cap p:last-child {
		text-align: center;
	}
	#booking h3 {
		font-size: 18px;
	}
	#booking h3 br {
		display: block;
	}
	#booking #discount ul li br {
		display: block;
	}
	.method dl a {
		pointer-events:auto;
	}
	.method h4 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.method a:last-child {
		width: 100%;
		padding: 13px 0;
		position: relative;
	}
	.method a:last-child:before {
		position:absolute;
		top:50%;
		left: 17%;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-o-transform:translateY(-50%);
	}
	.method a:last-child br {
		display: block;
	}
	.method ul li:nth-child(3) dl dd span {
		position: static;
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
	}
	.method dl {
		text-align: center;
	}
	#booking #discount h4 span {
		font-size: 15px;
		display: block;
		margin-right: 0;
	}
	#booking #discount p {
		font-size: 16px;
	}

}
@media screen and (max-width:479px) {
}
@media screen and (max-width:400px) {
}
@media screen and (max-width:320px) {

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

}