@charset "UTF-8";

/*＝＝メイン*/
/*H１アアニメーション　画像ソース・色など以外は commonCSSに*/
#secTop {
	background: url(../img/main/shinkosai.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

#secTop > .topTitle h1{
	color: #fff;
	font-size: 4vw;
	font-weight: 100;
}

#secTop > #startborder h1{
/*	background-color: rgba(255,255,255,0.7);*/
}

.change-border01::after,
.change-border01::before,
.change-border01__inner::after,
.change-border01__inner::before {
	background-color: #fff;
}

.topCau {
	padding: 1vw 1vw;
	margin-bottom: 4vw;
	text-align: right;
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝メニューの色*/



/*＝＝＝＝＝＝＝＝＝＝＝＝白いブロック*/
.w_wap {

}


.nami_ue {
	width: 100vw;
	background: url(../img/eventinfo/bk_nami_ue.png)right top no-repeat;
	/*background-size: contain;*/
}

.nami_shita {
	width: 100vw;
	background: url(../img/eventinfo/bk_nami_shita.png)left bottom no-repeat;
	/*background-size: contain;*/
}

.w_in {
	padding: 6vw 0vw;
}

.w_in h2,
.seigaiha_bk h2 {
	text-align: center;
	margin-bottom: 2vw;
 }

/* 22px @ 390px increasing to 40px @ 1080px */
.w_in h2,
.seigaiha_bk h2 {
  font-size: min(max(22px, calc(1.375rem + ((1vw - 3.9px) * 2.6087))), 40px);
  /* Note: The calc base value (1.375rem) MUST be stated in REM to maintain accessibility */
  /* Where: 2.6087 = 100 * font-size_difference / viewport_width_difference */

  /* Safari resize fix */
  min-height: 0vw;
}


.w_in h2 .subTitle,
.seigaiha_bk h2 .subTitle{
	font-size: 22px;
}

.h2_p_Wap {
	max-width: 60%;
	margin: 0 auto;
	text-align: center;
}

.h2_p {
	display: inline-block;
	text-align: left;
	color: #e60012;
}



.w_in h3 {
	font-size: 20px;
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
	font-weight: normal;
	text-align: center;
	margin-bottom: 1vw;
}

/* 18px @ 390px increasing to 30px @ 1080px */
.w_in h3 {
 font-size: min(max(22px, calc(1.375rem + ((1vw - 3.9px) * 1.1594))), 30px);
  min-height: 0vw;
}

/*＝＝＝＝＝神幸祭本文*/
.whats_p_Wap {
	max-width: 60%;
	margin: 0 auto;
	text-align: center;
}

.whats_p {
	display: inline-block;
	text-align: left;
}

/*＝＝＝＝＝みこし3つ*/
.seigaiha_bk {
	padding: 6vw 0%;
	background: url(../img/eventinfo/seigaiha_bk.png);

}

.mikoshiWap {
	margin: 3vw auto;
	width: 100vw;
	max-width: 1080px;
	padding: 0vw 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.mikoshiBox {
	width: 30%;
}

.m_title {
	text-align: center;
}

.mt_1 {
	font-size: 22px;
}

.mt_2 {
	font-size: 18px;
	font-weight: bold;
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
}

.mt_3 {
	font-size: 12px;
}

.m_img {
	margin-bottom: 10px;
}

.m_txt {
	padding: 0px 0%;
	font-size: 16px;
}


/*神幸祭の一日*/
.mb {
	margin-bottom: 3vw;
}

.oneD_p_Wap {
	max-width: 100%;
	max-width: 1080px;
	margin: 0 auto 3vw;
	text-align: center;
	padding: 0vw 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.oneD_p {
	display: inline-block;
	text-align: left;

}

/*1行事*/

.timeLine {
	max-width: 100%;
	max-width: 1080px;
	margin: 0 auto 3vw;
	padding: 0vw 2% 3vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: dotted 1px #e4e4e4;
}
.timeLine:first-child {
	border-top: dotted 1px #e4e4e4;
}

.timeLine:last-child {
	border-bottom: none;
}

.timeLine .imgBox {
	width: 30%;
	max-width: 667px;
	margin:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
}

.timeLine .noimage {
	background-color: #e4e4e4;
	opacity: 0.5;
}

.timeLine .infoWap {
	width: 70%;
	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;
} 

.infoWap .time {
	font-size: 22px;
	color: #0085d0;
	margin-bottom: 2vw;
}

.time .s_font {
	font-size: 16px;
}

.infoWap .title {
	/* 22px @ 390px increasing to 40px @ 1080px */
	font-size: min(max(22px, calc(1.375rem + ((1vw - 3.9px) * 2.6087))), 40px);
	min-height: 0vw;
}

/*＝＝＝＝＝ささえる人たち*/

.dashiWap {
	max-width: 100%;
	max-width: 1080px;
	margin: 0 auto 3vw;
	padding: 0vw 2% 3vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.dashiWap::after{
	content:"";
	display: block;
	width:30%;
}

.dBox {
	width: 30%;
	margin-bottom: 3vw;
	border:solid 1px #0085d0;
	background: rgba(255,255,255,0.7);
}

.dBox .imgBox {
	margin-bottom: 10px;
}

.dBox .title {
	text-align: center;
	/* 22px @ 390px increasing to 40px @ 1080px */
	font-size: min(max(22px, calc(1.375rem + ((1vw - 3.9px) * 2.6087))), 40px);
	min-height: 0vw;
}

.dBox .s_title {
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
}

.dBox .txt {
	font-size: 14px;
	padding: 4%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}



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


@media handheld, only screen and (max-width: 767px) {
	#secTop {
		background: url(../img/main/shinkosai_sp.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}

	.h2_p_Wap {
		max-width: 90%;
		margin: 0 auto;
		text-align: center;
	}

/*＝＝＝＝＝神幸祭本文*/
	.whats_p_Wap {
		max-width: 90%;
		margin: 0 auto;
		text-align: center;
	}

/*＝＝＝＝＝みこし3つ*/

.mikoshiWap {
	display: block;
}

	.mikoshiBox {
		width: 80%;
		margin: 0px auto 3vw;
	}

	.m_txt {
		padding: 0px 2%;
		font-size: 14px;
	}

/*神幸祭の一日*/
	.h2_p_Wap {
		margin-bottom: 3vw;
	}

	.oneD_p_Wap {
		margin-bottom: 3vw;
	}

	.timeLine {
		display: block;
		width: 98%;
		margin: 0px auto 3vw;
	}

	.timeLine .imgBox {
		width: 80%;
		max-width: 667px;
		margin: 1vw auto 0px;
	}

	.timeLine .infoWap {
		width: 80%;
		padding: 2vw;
		margin: 0vw auto 0px;
	}

/*＝＝＝＝＝ささえる人たち*/

.dashiWap {
	display: block;
}

.dBox {
	width: 80%;
	margin: 0px auto 4vw;
	border:solid 1px #0085d0;
	background: rgba(255,255,255,0.7);
}

}


@media handheld, only screen and (max-width: 480px) {


}