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

/* ----------------------------------------------------------------
Reset
----------------------------------------------------------------- */

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,p,a { margin: 0; padding: 0; }
img { 
	display: inline;
	border: 0; 
}
li,dt,dd { list-style: none; }

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

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

html { 
	height: 100%; 
}

body{
	width: 100%;
	color: black;
	font-family: sans-serif;
	background-color: antiquewhite;
}

ol, ul { 
	list-style:none; 
}

header{
	text-align:center;
	width: 100%;
	background-color: #E3764F;
	margin-bottom: 80px;
	box-sizing: border-box;
}

.recipe{
	text-align: center;
}


/* p { 
	line-height: 1.8;
} */

.container{
	/* width: 1200px;
	margin: 0 auto;
	text-align: center;
	font-family: 'Public Sans', sans-serif;
	letter-spacing: 0.1em; */
}

.wine {
	width: 100%;
	background-color: #ece0b5;
	text-align: center;
}

.pd50 {
	padding: 50px;
}

.pd20 {
	padding: 20px;
}

.lineup{
	width: 100%;
	background-color: #938178;
	text-align: center;
	
}

.mariage {
	width: 100%;
	text-align: center;
	background-color: #E3764F;
	margin-bottom: 100px;
}

.movie {
	text-align: center;
	
}

.youtube {
position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
  aspect-ratio: 16 / 9;
}

.youtube iframe {
position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
	text-align: center;
}

.tit {
	font-weight:bold;
	font-size:18px;
}

.cap {
	font-size:12px;
}


footer {
	font-size: 12px;
	text-align: center;
	padding-bottom: 30px;
}



/* Margin
-----------------------------------------------*/
.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.mb50{
	margin-bottom:50px;
}

.mb80{
	margin-bottom:80px;
}




/* SP
-----------------------------------------------*/
	.img-sp {
    display: none;
}
	
@media screen and (min-width: 768px){
.br-sp {display: none; }
}

@media screen and (max-width: 640px)  {
	/* 480px以上用（タブレット／スマートフォン用）の記述 */
	.container img{
		width: 93%;
	}
	    .img-pc {
        display: none;
    }

    .img-sp {
        display: block;
    }
	
	footer img{
		width: 70%;
	}
	.tit img{ width: 70%;}
}

/*.container img{width:75%;}*/




a:link,
a:visited {
color: #fff;
text-decoration: none;
}
	a:hover,
	a:hover img,
	button:hover img {
	opacity: 0.80;
	filter: alpha(opacity=80);
	}


/* ========== float ========== */

/* clearfix */
.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}

.clearfix:after { clear: both; }

.test {
	background-color: slateblue;
}