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



/* コンテンツA： メインビジュアル */
.conA {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80vh;
	min-height: 450px;
	text-align: center;
	background-size: cover;
	background: url("../img/back2025.gif");
	background-repeat: no-repeat;
}


.conA .container{
	width: 90%;
	height: 90%;
	background:url("../img/logo-w.png");
	
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	
	display: flex;
	align-items: center;
	justify-content: center;
	
}

.conA h1{
	position: relative;
	top:00px;
}

.conA h1 img{
	width: 230px;
	height: auto;
	
}

.conA p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
}



/*.conA a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #BF6A7A;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}*/

/*.conA a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}
*/

.day{
	width: 90%;
	margin: 0 auto;
	position: absolute;
	bottom:1%;
}

@media (min-width: 768px) {
	
	.conA{
		height:100vh;
}
	

	.conA .container{
		/*background-size: auto;*/
		background-image: url("../img/logo-w.png"), url("../img/main02.svg"), url("../img/main03.svg");
		background-position: center center, top right, top left;
	}
	
	
	
.conA h1 img{
	width: 260px;
	height: auto;
	
}
	
	.day{
		width: 60%;
	}
}


/*
@media (max-width: 760px) {
	
	.conA .container{
		background:none;
	}
	
	.conA h1 img{
	width: 190px;
		width: 160px;
	height: auto;
	
}
	
	.conA h1{
		position: relative;
		top:-20px;
	}
	
}
*/
/* メインビジュアル―お酒のロゴ部分*/

.delay-time01 img, .delay-time02 img, .delay-time03 img, .delay-time04 img, .delay-time05 img, .delay-time06 img, .delay-time07 img, .delay-time08 img, .delay-time09 img, .delay-time10 img, .delay-time11 img, .delay-time12 img, .delay-time13 img{
	opacity: 0.7;
}


.delay-time00{
animation-delay: 2.5s;

}

/*左側*/

.delay-time01{
animation-delay: 4.5s;
	position: absolute;
	top:180px;
	left: 5%;
	width: 60px;
}

.delay-time02{
animation-delay: 4s;
	position: absolute;
	top:120px;
	left: 26%;
	width: 40px;
}

.delay-time03{
animation-delay: 3.5s;
	position: absolute;
	top:64%;
	left: 10%;
	width: 48px;
}

.delay-time04{
animation-delay: 4.5s;
	position: absolute;
	top:44%;
	left:12%;
	width: 48px;
}



.delay-time05{
animation-delay: 4.5s;
	position: absolute;
	/*top:520px;*/
	top:80%;
	left: 30%;
	width: 40px;
}


/*右側*/



.delay-time06{
animation-delay: 4.5s;
	position: absolute;
	/*top:560px;*/
	top: 12%;
	right:30%;
	width: 40px;
	height: auto;
}


.delay-time07{
animation-delay: 4s;
	position: absolute;
	/*top:550px;*/
	top: 45%;
	right: 10%;
	width: 40px;
}



.delay-time08{
animation-delay: 3.5s;
	position: absolute;
	top: 22%;
	right: 14%;
	width: 36px;
}


.delay-time09{
animation-delay: 4.5s;
	position: absolute;
	top:70%;
	right: 14%;
	width: 60px;
}




@media print, screen and (min-width: 768px){

/*PC左側*/	
	
.delay-time01{
animation-delay: 4.5s;
	position: absolute;
	top:180px;
	left: 80px;
	width: 100px;
}


.delay-time02{
animation-delay: 4s;
	position: absolute;
	top:160px;
	left: 300px;
	width: 60px;
}

.delay-time03{
animation-delay: 4.5s;
	position: absolute;
	top:50%;
	left: 140px;
	width: 80px;
}

.delay-time04{
animation-delay: 3.5s;
	position: absolute;
	top:50%;
	left: 340px;
	width: 80px;
}

.delay-time05{
animation-delay: 4.5s;
	position: absolute;
	/*top:520px;*/
	top:70%;
	left: 20%;
	width: 60px;
}

	
	/*PC右側*/

.delay-time06{
animation-delay: 4.5s;
	position: absolute;
	/*top:560px;*/
	top: 20%;
	right: 30%;
	width: 70px;
}


.delay-time07{
animation-delay: 4s;
	position: absolute;
	/*top:550px;*/
	top:32%;
	right: 20%;
	width: 70px;
}





.delay-time08{
animation-delay: 3.5s;
	position: absolute;
	top:58%;
	right: 26%;
	width: 60px;
}


.delay-time09{
animation-delay: 4.5s;
	position: absolute;
	top:70%;
	right: 10%;
	width: 90px;
}

/*
.delay-time10{
animation-delay: 4s;
	position: absolute;
	top:56%;
	right: 350px;
	width: 70px;
}


.delay-time11{
animation-delay: 4.5s;
	position: absolute;
	top:50%;
	right: 220px;
	width: 70px;
}


.delay-time12{
animation-delay: 4.5s;
	position: absolute;
	top:66%;
	right: 80px;
	width: 90px;
}

.delay-time13{
animation-delay: 4s;
	position: absolute;
	bottom: 12%;
	right: 220px;
	width: 90px;
}*/
}




/* コンテンツC： 前説明 */
.conC {
/*	background-color: #5D9AB2;
	background-color: var(--main-color);
	color: #fff;
	color: var(--text-bright-color);*/
}

	.conC .container {
		margin-bottom: 20px;
		
	}


.conC .text {
	padding: 20px;
}

.conC h2 {
	font-size: 26px;
	font-family: 'Shippori Mincho', serif;
	font-weight: 400;
	line-height: 1.6em;
	margin-bottom: 1em;
	text-align: center;
}

.conC p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.6;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 500;
}

.conC .photo{
	text-align: center;
	
}
.conC .photo img{
	width: 80%;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.conC .container {
		display: flex;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 60px;
		flex-direction: row-reverse;
	}

	
	.conC h2{
		font-size: 46px;
		margin-bottom: 1em;
		text-align: left;
		line-height: 1.8;
	}
	
	.conC .photo {
		width: 32%;
	}
	
	.conC .photo img{
	max-width: 100%;
}


	.conC .text {
		flex: 2;
	}
	
	
	.conC p{
		line-height: 2.2
	}
}




/* コンテンツE： 五酒飲めぐりとは */
.conE{
	
	background:#10195a;
	background: url("../img/back_blue.gif");
	background-size: cover;
	color: #fff;
	padding-bottom: 30px;
}

.conE h2{
	font-size: 26px;
	font-family: 'Shippori Mincho', serif;
	font-weight: 400;
	line-height: 1.8em;
	text-align: center;
	margin-bottom: 1em;
}

.conE .container{
	max-width: 1000px;
	margin: 0 auto ;
	padding: 2em;
	box-sizing: border-box;
}

.conE p{
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.6;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 500;
}

/*ルビ*/
rt{
	font-size: 0.4em;
}



@media print, screen and (min-width: 768px){
	
	.conE{
		padding-bottom: 50px;
	}	
	
	
.conE .container{
	padding:4em 2em 2em;
	
}
	
.conE p{
	line-height:2.2;
}	
	
.conE h2{
	font-size: 46px;
		margin-bottom: 1em;
		line-height: 1.6em;
}	
}


/*画像ループスクロール*/

/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}


/*
左から右へ
----------------------------*/
@keyframes infinity-scroll-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.d-demo {
  display: -ms-grid;
  overflow: hidden;
}
/*----------------------------*/
.d-demo__wrap {
  display: flex;
  overflow: hidden;
	margin-bottom: 0px;
}

.d-demo__list {
  display: flex;
  list-style: none;
}

.d-demo__list--left{
animation :infinity-scroll-left 95s infinite linear 0.5s both;
}
.d-demo__list--right{
animation :infinity-scroll-right 95s infinite linear 0.5s both;
}

.d-demo__item {
  width: calc(100vw / 2);
}
.d-demo__item > img{
   width: 100%;
}


@media print, screen and (min-width: 768px){
	
	
	.d-demo__item {
  width: calc(100vw / 5);
}
}

/*
マウスオーバーで一時停止
.d-demo__wrap:hover .d-demo__list--left {
  animation-play-state: paused;
}

*/



/* コンテンツF： 五酒飲めぐり楽しみ方 */


.conF{
	margin-top:50px;
}

.conF h2{
	font-size: 26px;
	font-family: 'Shippori Mincho', serif;
	font-weight: 400;
	line-height: 1.8em;
	text-align: center;
	margin-bottom: 1em;
}

.conF .container{
	max-width: 1000px;
	margin:20px auto 30px;
	padding: 0 2em;
	box-sizing: border-box;
}

.conF .text{
	padding:0 1em 1em;
	margin-bottom: 20px;
}

.conF h3{
	font-size: 22px;
	font-family: 'Shippori Mincho', serif;
	font-weight: 400;
	margin-bottom: 0.8em;
	line-height: 1.4em;
	width: 90%;
	margin: 0 auto 0.8em;
}

.conF .text p{
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 16px;
	line-height: 1.6;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 500;
}

.conF .img{
	padding: 0 1em 1em;
	box-sizing: border-box;
}

.conF .img img{
	max-width: 100%;
}

.conF .mark{
	font-family: 'Copse', serif;
	color: #c7a86e;
	font-size: 38px;
	margin-right: 0.2em;
}

@media print, screen and (min-width: 768px){
	
	/*
	.conF{
		padding-top: 6em;
	}*/
.conF{
	margin-top:100px;
}	
	
	
.conF h2{
	font-size: 46px;
		margin-bottom: 1em;
		line-height: 1.6em;
}	
	
	
.conF .container{
	max-width: 1000px;
	margin:0px auto 50px;
	display: flex;
	justify-content: space-around;
	
	
}
	
	.conF h3{
		font-size: 30px;
		max-width: 1000px;
		margin: 0 auto 0.8em;
		border-bottom: 1px solid #a38750;
		padding-bottom: 0.2em;
	}
	.conF .text{
		width: 55%;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 20px 10px;
	}
	
	.conF .img{
		width: 45%;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 20px 20px 20px 40px;
	}
	
		.conF .img img{
		width: 95%;
	}
	
	
.conF .mark{
	font-family: 'Copse', serif;
	color: #a38750;
	font-size: 50px;
	transform:skewX(355deg);
	display: inline-block;
}
	
.conF .text p{
	line-height: 2.2;
}	
}



.post{
	padding-top: 50px;
}

.post h2{
		font-size: 26px;
	font-family: 'Shippori Mincho', serif;
	font-weight: 400;
	line-height: 1.8em;
	text-align: center;
	margin-bottom: 1em;
}


.post .container{
	padding-top: 20px;
}

.post img{
	margin-bottom: 20px;
}

@media print, screen and (min-width: 768px){
	
.post{
	padding-top: 100px;
}	
	
.post h2{	
font-size: 46px;
		margin-bottom: 1em;
		line-height: 1.6em;	
	}
	
.post img{
	margin-bottom: 50px;
}	
	
	
}

.present{
	width: 96%;
	max-width: 900px;
	margin: 0 auto 20px;
	padding: 1em;
	box-sizing: border-box;
	background: #956f29;
	color: #fff;
	font-weight: bold;
	border-radius: 10px;
	text-align: center;
	
}

.present p{
	margin-bottom: 1em;
	line-height: 1.4em;
}

@media print, screen and (min-width: 768px){
	
	.present{
		padding: 2em;
		margin-bottom: 0px;
	}
	
	.present p{
		font-size: 20px;
	}
	
}



/*ご注意*/

.caution{
	width: 96%;
	max-width: 900px;
	margin: 0 auto 30px;
	padding: 1.5em 2em 2em;
	box-sizing: border-box;
	/*border-top:2px solid #000864;
	border-bottom:2px solid #000864;*/
	border: 1px dashed #956F29;

}

.caution h2{
	font-size: 20px;
	text-align: center;
	color: #000864;
	margin-bottom: 1em;
}

.caution ul{
	/*list-style: none;*/
	font-size: 15px;
}

@media print, screen and (min-width: 768px){
	.caution{
		max-width: 800px;
		margin-bottom: 40px;
		
	}	
	
}




/*参加蔵元*/
.conG h2{
	font-size: 26px;
	font-family: 'Shippori Mincho', serif;
	font-weight: 400;
	line-height: 1.8em;
	text-align: center;
	margin-bottom: 1em;
}


.conG .container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	max-width: 1100px;
	margin: 0 auto 80px;
}

.conG .text{
	padding:0 1em;
	width: 50%;
	box-sizing: border-box;
	margin-bottom: 1em;
}

.conG .text img{
	max-width: 100%;
}

.conG h3{
	/*font-family: 'Shippori Mincho', serif;*/
	font-weight: bold;
	margin-bottom:0.5em;
	font-family: 'Shippori Mincho', serif;
}



a.g_link{
	display: block;
	padding: 0.2em;
	border:1px solid #111;
	border-left: 3px solid #111;
	text-align: center;
	text-decoration: none;
	background: #fff;
	color: #111;
	max-width: 400px;
	margin:  0 auto 1.5em;
}





@media print, screen and (min-width: 768px){

.conG .container{
	
}
	
.conG h2{
	font-size: 46px;
		margin-bottom: 1em;
		line-height: 1.6em;
}
	
	.conG .text{
		width: 30%;
		margin-bottom: 20px;
	}
	.conG h3{
	font-size: 24px;
		margin-bottom:0.5em;
		line-height: 1.6em;
		font-weight: lighter;
		
}

}


.info{
	padding:2em 1em 1em;
	box-sizing: border-box;
	width: 96%;
	max-width: 800px;
	margin:0 auto 50px;
	
	 background-color:rgba(255,255,255,0.8);
	box-shadow: 0px 0px 7px #A38750;
}

.info h2{
	font-size: 22px;
	font-family: 'Shippori Mincho', serif;
	text-align: center;
	margin-bottom: 2em;
	font-weight: normal;
}


.info dt{
	font-family: 'Shippori Mincho', serif;
	margin-bottom: 0.3em;
	/*font-weight: bold;*/
}

.info dd{
	margin-bottom: 1.5em;
	font-family: 'Shippori Mincho', serif;
}

.info dd a{
	text-decoration: none;
	color: #111111;
}

.info dd a:hover{
	text-decoration: underline;
}


@media print, screen and (min-width: 768px){
	
.info{
	padding:3em 2em 1em;
	margin-bottom: 150px;
	margin-top: 100px;
	
}	
	
	
.info h2{
	font-size: 32px;
	margin-bottom: 2em;
}
	
	
	.info dt{
	font-size: 18px;
	
	
}

.info dd{
	font-size:18px;
	padding-left: 1em;

}
	
	
}


h3.top-b{
	text-align: center;
	margin-bottom: 2em;
	font-family: 'Shippori Mincho', serif;
	color: #fff;
	line-height: 1.6;
	font-weight: normal;
}

@media print, screen and (min-width: 768px){
	h3.top-b{
	font-family: 'Shippori Mincho', serif;
	font-size: 28px;
}
	
}


.kikan{
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	padding: 0.5em 1em;
	box-sizing: border-box;
	width: 100%;
	max-width: 800px;
	margin:0 auto 2em;
}


img.gaiyou-img{
	display: block;
	margin: 0 auto 50px;
}




@media print, screen and (min-width: 768px){
	
	img.gaiyou-img{
	width: 90%;
}

	
	
}


.gaiyou-text{
	max-width: 900px;
	margin: 0 auto;
}