@charset "utf-8";

#main .content{
	position: relative;
	background-color: #FFFFFF;
}
#main .content header {
	background-image: url(../image/wine.svg);
	background-repeat: no-repeat;
	background-position: 110% 80%;
	background-size: 30% auto;
	padding-bottom: 8%;
	background-color: #042439;
}
#main .content .section {
	background-color: #042439;
}
.inner   {
	margin-left: auto;
	margin-right: auto;
	width: 85%;
}
.inner2   {
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	margin-bottom: 10%;
}
header .inner .like {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10%;
	padding-bottom: 10%;
}
header .inner .title {
	margin-top: 10%;
	margin-bottom: 5%;
}
header .inner .pairing-date {
	color: #FFFFFF;
	font-size: 1rem;
	line-height: 1.5;
}
header .inner .pairing-date strong {
	font-weight: normal;
	font-size: 1.1rem;
}
header .inner .pairing-date.fontdown   {
	font-size: 0.75rem;
	line-height: 1.5;
}
.content .section .introduction {
	margin-top: 5%;
	margin-bottom: 8%;
}
.section .introduction .inner {
	clear: both;
}
.section .introduction .inner + .inner {
	padding-top: 5%;
}
.introduction .inner .photo.right {
	width: 40%;
	float: right;
	transform: rotate(8deg);
	margin-top: 5%;
}
.introduction .inner .txt.left {
	float: left;
	width: 55%;
	color: #FFFFFF;
	font-size: 1rem;
	line-height: 1.5;
}
.introduction .inner .photo.left {
	float: left;
	width: 40%;
	transform: rotate(-8deg);
	margin-top: 10%;
}



@media screen and (max-width: 780px){ /*780px以下のcss*/
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}
.introduction .inner .txt.right {
	float: right;
	width: 55%;
	color: #FFFFFF;
	font-size: 1rem;
	line-height: 1.5;
}
.content .section .menuWrap {
	margin-top: 50%;
	margin-left: auto;
	margin-right: auto;
	width: 85%;
}
.section .menuWrap .menu-m {
	background-image: url(../image/menu02.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
}
.menuWrap .menu-m .inner {
	margin-left: auto;
	margin-right: auto;
	width: 75%;
}
.menu-m .inner ul {
}
.menu-m .inner ul li {
	list-style-type: none;
	padding-top: 4%;
	padding-bottom: 3%;
}
.content .section .pairingitem {
	margin-top: 20%;
}
.pairingitem .inner .photo {
	position: relative;
}
.pairingitem .inner .photo .icon{ position: absolute; left: 0; top: 0; width: 18.3673%; margin: 3% 0 0 3%; }
.pairingitem .inner .photo .label {
	position: absolute;
	width: 80%;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	top: -5%;
}
.pairing-copy   {
	margin-top: 2%;
	margin-bottom: 5%;
}
.txt   {
	font-size: 1rem;
	line-height: 1.5;
	margin-top: 5%;
	color: #ffffff;
}
.inner .buy {
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 5%;
	clear: both;
}
.content .section .weekend {
	margin-top: 10%;
}
#main .content .section2 {
	background-color: #5A0000;
	padding-bottom: 10%;
	margin-bottom: 2%;
	overflow: hidden;
}
.inner .photo.ex {
	float: left;
	width: 50%;
	margin-top: 7%;
	margin-bottom: 5%;
}
#menu07 .inner .txt.left {
	float: right;
	width: 45%;
	margin-top: 14%;
}
.annotation   {
	color: #231815;
	margin-bottom: 5%;
}