
.secMain {
	background: url(../img/main/matsuri.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　開催期間
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#dayArea {
	background-color: #000;
	padding: 4vh 0px;
	color: #fff;
}

.cloud_1 {
	background: url(../img/matsuri/cloud_1.png) left 1vh no-repeat;
}

.cloud_2 {
	background: url(../img/matsuri/cloud_2.png) right bottom no-repeat;
	-webkit-transition: all 1.5s ease;　/*--変化にかかる時間--*/
	transition-delay: 1.5s;　/*--変化までのまち時間--*/
	opacity: 1;
}

#dayArea .title {
	text-align: center;
	border-bottom: none;
}


/* 767-1000　30-40 */
#dayArea .title {
  font-size: min(max(30px, calc(1.875rem + ((1vw - 7.67px) * 4.2918))), 40px);
  min-height: 0vw;
}

#dayArea .when { 
	text-align: center;
}

/* 767-1000　28-34 */
#dayArea .when {
  font-size: min(max(28px, calc(1.75rem + ((1vw - 7.67px) * 2.5751))), 34px);
  min-height: 0vw;
}

/* 767-1000　40-58 */
#dayArea .day {
	color: #eab100;
  font-size: min(max(40px, calc(2.5rem + ((1vw - 7.67px) * 7.7253))), 58px);
  min-height: 0vw;
}

/* 767-1000　20-36 */
#dayArea .day .sday {
  font-size: min(max(20px, calc(1.25rem + ((1vw - 7.67px) * 6.867))), 36px);
  min-height: 0vw;
}

#dayArea .tableWap {
	width: 420px;
	margin: 1vh auto;
	/*background-color: red;*/
}

#dayArea .tableWap table td {
	padding: 8px;
	font-size: 20px;
}

/*#dayArea .tableWap table td {
  font-size: min(max(16px, calc(1rem + ((1vw - 7.67px) * 1.7167))), 20px);
  min-height: 0vw;
}*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　だらだら祭りとは？　　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#whats_Dara {
	padding: 6vh 0px;
	margin-bottom: 2vh;
	position: relative;
	background: url(../img/matsuri/tri.png) left top no-repeat;
}

#whats_Dara .triWap {
	width: 50vw;
	max-width: 603px;
	position: absolute;
	right: 0px;
	top: 0px;
}

/*#whats_Dara　.triWap img{
object-fit: cover;
width: 100%;
height: 100%;
}*/

.daraTxt_Wap {
	width: 50%;
	padding: 1vw;
}


#whats_Dara h3 {
	border-bottom: none;
	font-size: 36px;
	letter-spacing: 0em;
}

.daraTxt_Wap .daraTxt_p {
	margin-bottom: 3vw;
	line-height: 1.7;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　由来
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#yurai {
	background: url(../img/matsuri/btn_link_bk.png);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


#yurai .yurai_txt_wap h3 {
	border-bottom: none;
	font-size: 36px;
	letter-spacing: 0em;
	margin-bottom: 1vw;
}

#yurai .imgWap {
	width: 50%;
	max-width: 700px;
}

#yurai .yurai_txt_wap {
	width: 50%;
	padding: 1vw;
	color: #fff;
	font-size: 16px;
}

#yurai .yurai_txt_wap .yurai_txt {
  font-size: min(max(12px, calc(0.75rem + ((1vw - 7.67px) * 3.0075))), 16px);
  min-height: 0vw;
}


@media handheld, only screen and (max-width: 900px) {
#yurai .yurai_txt_wap h3 {
	margin-bottom: 10px;
}


	#yurai .yurai_txt_wap {
		padding: 1vw;
	}
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　生姜
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#ginger .ginger_bk1 {
	background: url(../img/matsuri/ginger_1.png) left top no-repeat;
}

#ginger .ginger_bk2 {
	background: url(../img/matsuri/ginger_2.png) right bottom no-repeat;
}

#ginger h3 {
	text-align: center;
	border-bottom: none;
	font-size: 36px;
	letter-spacing: 0em;
}

.ginger_Line {
	padding: 3vw 0px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#ginger .nama_1 {
	width: 20%;
	max-width: 161px;
}

#ginger .txtWap {
	width: 60%;
}

#ginger .nama_2 {
	width: 20%;
	max-width: 176px;
}


.ginger_Line .txt p{
	margin-bottom: 3vw;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　おまもり
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#omamori {
	background: rgba(0,0,0,1);
	padding: 3vw 0px;
}

.omaLine {
	color: #fff;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


.omaLine .oma_imgWap{
	width: 50%;
	padding: 2vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.omaLine .oma_info{
	width: 50%;
	padding: 2vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.omaLine h3 {
	border-bottom: none;
	font-size: 36px;
	letter-spacing: 0em;
}

.omaLine h3 {
  font-size: min(max(20px, calc(1.25rem + ((1vw - 7.67px) * 4.2918))), 30px);
  min-height: 0vw;
}

.oma_info .oma_txt p{
	line-height: 1.6;
  font-size: min(max(14px, calc(0.875rem + ((1vw - 7.67px) * 0.8584))), 16px);
  min-height: 0vw;
}

.oma_imgWap img {
	width: 100%;
	max-width: 603px;
object-fit: cover;
width: 100%;
height: 100%;
}

/*.omamori_Box {
	background: rgba(0,0,0,0.5);
	width: 20%;
	text-align: center;
	padding: 2vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}



.omamori_Box img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	max-width: 101px;
}*/



/*＝＝＝　過去のチラシ　＝＝＝＝＝＝＝*/

#matsuri_banner {
	margin-bottom: 4vw;
	padding: 10vw 0px;
}

.matsuri_txt {
	padding: 0px 1vw;
}

.matsuri_txt p {
    margin-bottom: 2vw;
}


.matsuri_banner_wap {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.matsuri_title{
    text-align: center;
    color: #fff;
    background: #585858;
    padding: 15px 5px 5px 5px;
    margin-bottom: 5px;
    font-weight: bold;
}

.matsuri_title rt{
	font-size: 0.4em;
}

.secTitle rt{
	font-size: 0.4em;
}

.movie_button a{
	background: red;
    border-radius: 30px;
    margin-top: 5px;
    padding: 5px;
    color: #fff;
    display: block;
    text-align: center;
    /*font-size: 1vw;*/
}

/*.movie_button a:after{
	content: '▶︎'
}*/

.matsuri_banner{
    padding: 10px;
    /*width: calc(100%/4);*/
    width: 250px;
}

.matsuri_banner img{
	width: 100%;
}

/*祭り動画*/

#matsuri_movie {
	margin-bottom: 4vw;
	padding: 10vw 0 0;
}

.matsuri_movie_wap {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.matsuri_movie_title{
    text-align: center;
    color: #fff;
    background: #585858;
    padding: 15px 5px 5px 5px;
    margin-bottom: 5px;
    font-weight: bold;
}

.matsuri_movie_title rt{
	font-size: 0.4em;
}

.secTitle rt{
	font-size: 0.4em;
}

.matsuri_movie{
    padding: 10px;
/*    width: 320px;*/
	width: calc(100% / 2);
}

.matsuri_movie img{
	width: 100%;
}
/*祭り動画*/

/*　　スマホ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media handheld, only screen and (max-width: 767px) {
/*スマホ*/

	.secMain {
		background: url(../img/main/sp_matsuri.jpg) no-repeat;
		background-size: cover;
		background-position: center;
		position: relative;
	}


	.secTitle h2{
		text-align: center;
		font-size: 4vw;
	}

	.secTitle{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
		background: rgba(0,0,0,0.5);
	}


	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	　　開催期間
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	.cloud_2 {
		background-color:rgba(0,0,0,0.5);
		background-blend-mode:darken;
	}

	#dayArea .tableWap {
		width: 330px;
		margin: 1vh auto;
		/*background-color: red;*/
	}

	#dayArea .tableWap table td {
		padding: 10px;
		font-size: 16px;
	}

	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	　　　　だらだら祭りとは？　　
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

	#whats_Dara {
		padding: 6vh 0px;
		margin-bottom: 0vh;
		position: relative;
		background: url(../img/matsuri/tri_img.png) right top no-repeat;
/*		background-color:rgba(0,0,0,0.5);
		background-blend-mode:darken;*/
background-color:rgba(255,255,255,0.8);
background-blend-mode:lighten;
	}

	#whats_Dara .triWap {
	/*	width: 50vw;
		max-width: 603px;
		position: absolute;
		right: 0px;
		top: 0px;*/
		display: none;
	}

	.daraTxt_Wap {
		width: 98vw;
		padding: 1vw;
		margin: 0px auto;
		text-shadow: 1px 1px 0 rgba(255,255,255,1);
		color: #000;
	}

	#whats_Dara h3 {
		text-align: center;
		font-size: 30px;
	}



	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	　　由来
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

	#yurai {
		background: url(../img/matsuri/btn_link_bk.png);
		display: block;
	}


	#yurai .yurai_txt_wap h3 {
		border-bottom: none;
		font-size: 30px;
		letter-spacing: 0em;
		text-align: center;
	}

	#yurai .imgWap {
		width: 100%;
		max-width: 100%;
	}


	#yurai .yurai_txt_wap {
		width: 100%;
		padding: 10vw 3vw;
		color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

#yurai .yurai_txt_wap .yurai_txt{
	font-size: 16px;
}




	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	　　生姜
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

	#ginger .ginger_bk1 {
		background: url(../img/matsuri/ginger_1.png) left top no-repeat;
		background-size: 30%;
	}

	#ginger .ginger_bk2 {
		background: url(../img/matsuri/ginger_2.png) right bottom no-repeat;
		background-size: 30%;
	}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　おまもり
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.omaLine {
	display: block;
}

.omaLine .oma_imgWap,
.omaLine .oma_info{
	width: 94%;
	padding: 2vw;
	margin: 4vw auto;
}

.o_line_2 {
	display: flex;
}

.o_line_2 .oma_imgWap {
	order: 1;
}

.o_line_2 .oma_info {
	order: 2;
	padding: 1vw 4vw;
}

.oma_info .oma_txt {
	
}



/*＝＝＝＝＝＝＝＝＝＝＝＝*/

	.matsuri_banner_wap {
		flex-wrap: wrap;
	}

	.matsuri_banner {
	    padding: 10px 10px 50px;
	    width: 100%;
	}

	.matsuri_banner:last-of-type {
	    padding-bottom: 0;
	}

	.movie_button a {
	    font-size: 16px;
	}

	.matsuri_movie{
	    padding: 10px 10px 50px;
	    width: 100%;
	}

	/*.matsuri_movie:last-of-type {
	    padding-bottom: 0;
	}*/

}