/* Scss Document */
#sec1 {
	position: relative;
	padding-bottom: 15%;
	color: #000;
}
#sec1::before {
	content: "";
	background: url(../img/index/bg3.jpg) repeat-y top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	bottom: 0;
	height: 80%;
	left: 0;
	right: 0;
}
#sec1 > * {
	position: relative;
	z-index: 2;
}
#sec1 .txt {
	padding: 20px 20px 0;
}
#sec2 {
	padding: 10% 0;
}
#sec2 dd {
	padding: 0 20px;
}
.box-c {
	background: url(../img/dinner/s3_line5.png) repeat-y top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: relative;
	margin-top: 20%;
}
.box-c::before {
	content: "";
	background: url(../img/dinner/s3_line3.png) no-repeat bottom center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	height: 100px;
	position: absolute;
	top: -100px;
	right: 0;
	left: 0;
}
.box-c::after {
	content: "";
	background: url(../img/dinner/s3_line3-02.png) no-repeat top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	height: 100px;
	position: absolute;
	bottom: -100px;
	right: 0;
	left: 0;
}
.box-c ul {
	padding: 0 10%;
	font-size: 120%;
}
.box-c ul li + li {
	margin-top: 20px;
}
#sec3 {
	background: url(../img/dinner/s3_bg.jpg) no-repeat top center;
	background-size: cover;
	padding-bottom: 15%;
}
#sec3 .blk-1 {
	padding-bottom: 25%;
}
#sec3 .blk-1 .txt {
	background: url(../img/dinner/s3_line1.png) repeat-y top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding: 0 20px 5% 15%;
}
#sec3 .btn {
	width: auto;
}
#sec3 .blk-2 h3 {
	margin-bottom: -8%;
	position: relative;
	z-index: 4;
}
#sec3 .blk-2 .box {
	background: url(../img/dinner/s3_box_bg.jpg) repeat-y top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding-top: 10%;
	padding-bottom: 10%;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
}
#sec3 .blk-2 .box::before {
	content: "";
	background: url(../img/dinner/s3_lin5.png) no-repeat top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	height: 137px;
	position: absolute;
	top: 20vw;
	left: -20px;
	right: -20px;
}
#sec3 .blk-2 .box h4 {
	font-size: 130%;
	text-align: center;
}
#sec3 .blk-2 .box .list {
	padding: 13% 20px 0;
}
#sec3 .blk-2 .box .list dl {
	display: table;
	width: 100%;
}
#sec3 .blk-2 .box .list dl dt, #sec3 .blk-2 .box .list dl dd {
	display: table-cell;
}
#sec3 .blk-2 .box .list dl dd {
	text-align: right;
}
#sec3 .blk-3 dl {
	position: relative;
}
#sec3 .blk-3 dl dd {
	font-size: 5vw;
	position: absolute;
	bottom: 10%;
	right: 20px;
}
#sec3 .blk-3 .txt {
	padding: 20px 10% 0 20px;
	margin-bottom: -12%;
}
#sec4 {
	background: url(../img/dinner/s4_bg2.png) no-repeat bottom center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding-bottom: 30%;
}
#sec4 .blk-1 {
	position: relative;
	margin-bottom: -12%;
}
#sec4 .blk-1 .go_slide {
	position: absolute;
	top: 0;
	right: 20px;
	width: 74%;
}
#sec4 .txt {
	padding: 0 20px 0%;
}
#sec4 .box-c .inside {
	padding: 0 8%;
}
#sec4 .box-c .inside dl {
	display: table;
	width: 80%;
	padding: 0 10%;
	font-size: 120%;
}
#sec4 .box-c .inside dl dt, #sec4 .box-c .inside dl dd {
	display: table-cell;
}
#sec4 .box-c .inside dl dd {
    text-align: right;
    min-width: 70px;
}
#sec4 .box-c .inside dl + dl {
	padding-top: 10px;
}
#sec4 .box-c p {
	position: absolute;
	bottom: -26%;
	right: 10%;
	left: 0;
}
#sec5 {
	padding-top: 12%;
	background: url(../img/dinner/s5_bg.jpg) no-repeat bottom center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding-bottom: 25%;
}
#sec5 .txt {
	padding: 10px 20px 0;
}
#sec6 {
	padding-bottom: 15%;
}
#sec6 .note {
	text-align: center;
	padding-bottom: 10%;
}
#sec6 .blk-1 dl {
	position: relative;
}
#sec6 .blk-1 dl dd {
	position: absolute;
	font-size: 4vw;
	bottom: -13%;
	left: 12%;
	letter-spacing: 2px;
}
#sec6 .blk-1 dl dd span {
	font-size: 5vw;
}
#sec6 .blk-1 .inside {
	background: url(../img/dinner/s6_border.png) no-repeat bottom center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding: 5% 12%;
}
#sec6 .blk-1 .inside h4 {
	text-align: center;
	font-size: 20px;
	padding-bottom: 5%;
}
#sec6 .blk-1 .inside .list {
	padding-top: 5%;
}
#sec6 .blk-2 {
	padding-top: 10%;
}
#sec6 .blk-2 h3 {
	background: url(../img/dinner/s6_line2.png) no-repeat center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding-left: 12%;
	font-size: 4vw;
	letter-spacing: 2px;
}
#sec6 .blk-2 h3 span {
	font-size: 5vw;
}
#sec6 .blk-2 .inside {
	background: url(../img/dinner/s6_border.png) no-repeat bottom center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding: 5% 12%;
}
#sec6 .blk-2 .inside h4 {
	text-align: center;
	font-size: 20px;
	padding-bottom: 5%;
}
#sec6 .blk-2 .inside .list {
	padding-top: 5%;
}
#sec7 {
	background: url(../img/dinner/bg4.jpg) repeat-y top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding: 12% 0;
	color: #000;
}
#sec7 .note {
	padding: 20px;
}
#sec7 h2 {
	padding-bottom: 30px;
}
#sec7 h2::after {
	content: "";
	background: url(../img/dinner/toggle_arrow.png) no-repeat center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	width: 19px;
	height: 16px;
	position: absolute;
	top: auto;
	margin-top: 0px;
	right: 50%;
	bottom: 0;
	margin-right: -10px;
	transition: all .5s ease;
}
#sec7 .active h2::after {
	transform: rotateX(180deg);
}
#sec7 .menu_list {
	padding: 0 20px;
}
#sec7 .menu_list dl {
	display: table;
	width: 100%;
	border-bottom: 1px solid #000;
}
#sec7 .menu_list dl dt, #sec7 .menu_list dl dd {
	display: table-cell;
	padding: 10px 0;
}
#sec7 .menu_list dl dd {
	text-align: right;
	vertical-align: top;
}
#sec7 .menu_list dl:first-child {
	border-top: 1px solid #000;
}