@charset "UTF-8";

h3{
	text-align: center;
	font-size: 3rem;
    color: #2f2f2f;
    font-weight: normal;
    margin: 0px auto 4vw;
	font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


h3 {
    position: relative;
    /*display: inline-block;*/
    background-color: #fff;
    border-bottom: solid 1px #525252;
    padding: 10px 16px;
    min-width: 240px;
    max-width: 95vw;
    text-align: center;
}

h3.gray {
   background-color: #ebebeb;
}

h3.nami {
  /* background-color: #ebebeb;*/
  background-color: rgba(235,235,235,0.1);
}


h3:before,
h3:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
h3:before {
    border: solid 12px transparent;
    border-top: solid 12px #525252;
}
h3:after {
    border: solid 14px transparent;
    border-top: solid 14px #fff;
    margin-top: -4px;
}

h3.gray:after {
	border-top: solid 14px #ebebeb;
}

h3.nami:after {
	border-top: solid 14px #ebebeb;
}

section {
	padding: 6vw 0px;
}

.bk_gray {
	 background-color: #ebebeb;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝メイン*/

#mainWap {
	width: 100vw;
	height: 100vh;

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

.opa_black {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.2);
}
#mainWap .topTitle{
width: 60%;

}

#mainWap .topTitle{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.topTitle h2 {
	font-size: 4.4rem;
	font-weight: 900;
	letter-spacing: 0.5rem;
	color: #fff;
	padding: 20px 10px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	text-shadow: 0 0 4px rgba(0,0,0,1);
	font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.topTitle .num_big {
	font-size: 4.9rem;
	
}

@media handheld, only screen and (max-width: 846px) {
	.topTitle h2 {
		font-size: 3.8rem;
		letter-spacing: 0.3rem;
	}
}


.movieArea {
	margin: 6vw auto 3vw;
}

.movieArea .video{
	width: 100%;
	max-width: 1080px;
	padding: 0vw 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;
}

.movieArea .video img{
	display: block;
	width: 100%;
}

/*＝＝＝　バナー　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


.tv_banner_wap {
	width: 100%;
	max-width: 1080px;
	padding: 2vw 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;
}

.tv_banner_miyairi_wap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}

.tv_banner_miyairi{
	width: calc(100% / 3.5);
}


/*＝＝＝　日程　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.schedule {
	/*padding: 6vw 0px;*/
	width: 100vw;
	overflow: hidden;
	position: relative;
}

.schedule .mikoshi {
	width: 30vw;
	position: absolute;
	top: 0vw;
	right: -40vw;
	z-index: 2;
}

.schedule .inMove {
	top: 0vw;
	right: 0vw;
	-webkit-transition: all 1.5s ease;　/*--変化にかかる時間--*/
	transition-delay: 3.5s;　/*--変化までのまち時間--*/
}

.eventTimeTable {
	width: 95%;
	margin: 0px auto 40px;
}


.eventTimeTable table {
	width: 100%;
}

.eventTimeTable th {
	padding: 10px 10px;
	vertical-align: middle;
	font-size: 1.9rem;
	font-weight: 900!important;
	border-bottom: solid 1px #ddd;
}

.eventTimeTable td {
	padding: 10px 10px;
	vertical-align: middle;
	font-size: 1.9rem;
	border-bottom: solid 1px #ddd;
	font-weight: 700;
}
/*＝＝＝　交通規制　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


.trafficArea {
	margin: 0vw auto 6vw;
	width: 95%;
	max-width: 1080px;
}

.neighborhood,
.wide {
	width: 48%;
}


/*＝＝＝　グッズ　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#goodsSection {
	background: url(../img/common/ichimatu_bk.png);
}

.archive_Block,
.goods_Block {
	width: 50%;
}

#goodsSection .youtube,
#goodsSection .goods{
	background-color: #fff;
	border: none;
}

/*＝＝＝　お知らせ　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.newsSection {
	position: relative;
}


.newsSection .run_right {
	width: 20vw;
	position: absolute;
	bottom: 0vw;
	left: -30vw;
	z-index: 2;
	-webkit-transition: all 1.0s ease;　/*--変化にかかる時間--*/
}

.newsSection .runMove {
	bottom: 0vw;
	left: 0vw;
	
	transition-delay: 0.5s;　/*--変化までのまち時間--*/
}


.newsWap {
	width: 100%;
	/*max-width: 1080px;*/
	margin: 0px auto 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


.newsLine {
	width: 95%;
	margin: 0px auto 0px;
	display: table;
	padding: 10px 0px;
	border-bottom: dotted 1px #868585;
	/* margin-bottom: 20px; */
}

.newsDate {
	width: 120px;
	padding-top: 3px;
	color: #fff;
	display: table-cell;
	font-size: 1.4rem;
}

.ndBK {
	padding: 3px 40px;
	background-color: #333333;
}

.newsTXTbox {
	padding: 3px 0px 3px 20px;
	display: table-cell;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.newsTitle {
	font-size: 1.9rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.newsTitle a:hover{
	text-decoration: underline;
}


.detailBTN a {
	display: block;
	border: solid 1px #e60012;
	padding: 10px 10px;
	text-align: center;
	width: 24vw;
	max-width: 230px;
	font-size: 16px;
	margin: 40px auto 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;
  -moz-transition-duration:0.5s;
  -webkit-transition-duration:0.5s;
  -o-transition-duration:0.5s;
  -ms-transition-duration:0.5s;
  -moz-transition-timing-function:ease-in-out;
  -webkit-transition-timing-function:ease-in-out;
  -o-transition-timing-function:ease-in-out;
  -ms-transition-timing-function:ease-in-out;
 	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
}

.detailBTN a:hover {
	background-color: #e60012;
	color: #fff;
}


.newsImg {
	display:inline-block;
	width: 15%;
	width: 100px;
	height: 100px;
	overflow:hidden;
	vertical-align: top;
}
.newsSet {
	display: none;
	vertical-align: top;
}
.newsVal {
	display:inline-block;
	width: 75%;
}
.newsPC {
	vertical-align: top;
	display: table-cell;
}
.newsTXTboxPlus {
	vertical-align: top;
	display: table-cell;
}
.newsTxt {
	color: #000;
	font-size: 1.6rem;
}
.newsLine a {
	width: 100%;
	display: table;
}
/*＝＝＝　バナー　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.bannerSection {
	background: url(../img/common/seigaiha_bk.jpg);
}

.bnnerWap {

}

.bnnerWap::before{
  content:"";
  display: block;
  width:23%;
  order:1;
}

.bnnerWap::after{
  content:"";
  display: block;
  width:23%;
}

.bnBox {
	width: 23%;
	/*border: solid 1px #ccc;*/
	margin-bottom: 3vw;
	cursor: pointer;
	position: relative;
	background-color: #fff;
	text-align: center;
	padding: 25px 0px;
/*	height:100vh;
	max-height: 180px;
	vertical-align: middle;*/
}

.bnBox a {
	height:100vh;
	max-height: 180px;
	vertical-align: middle;
}

.bnBox a:hover:before {
		display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	max-width: 180px;
}

.bnBox a img{
	max-width: 180px;
}

@media handheld, only screen and (max-width: 720px) {
	.bnnerWap::before{
	  content:"";
	  display: block;
	  width:30%;
	  order:1;
	}

	.bnnerWap::after{
	  content:"";
	  display: block;
	  width:30%;
	}
	.bnBox {
		width: 30%;
		/*border: solid 1px #ccc;*/
		margin-bottom: 3vw;
		cursor: pointer;
	}
}

@media handheld, only screen and (max-width: 500px) {
	.bnnerWap::before{
	  content:"";
	  display: block;
	  width:48%;
	  order:1;
	}

	.bnnerWap::after{
	  content:"";
	  display: block;
	  width:48%;
	}
	.bnBox {
		width: 48%;
		/*border: solid 1px #ccc;*/
		margin-bottom: 3vw;
		cursor: pointer;
	}
}


/*＝＝＝　過去神田祭　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.past {
	padding: 6vw 0px;
	position: relative;
	/*background: rgba(0,0,0,0.04);*/
}

.past_bk {
	width: 100vw;
	height: 100%;
	position: absolute;
	opacity: 0;
	top: 0px;
	background: url(../img/top/top_kako_bk.jpg) no-repeat;
	background-size: cover;
	background-position: center;


}

.past .opa_in {
	-webkit-transition: all 1.5s ease;
	transition-delay: 1.5s; /*--変化までのまち時間--*/
	opacity: 1.0;
}

.past h3 {
	color: #fff;
	font-weight: 900;
	font-size: 36px;
	text-shadow: 0 0 3px rgba(0,0,0,1);
	border-bottom: none;
	background-color: rgba(255,255,255,0);
}
.past h3:before, .past h3:after {
    content: none;
}

h3 .tomoe{
	padding-left: 45px;
	padding: 10px 0px 10px 45px;
	font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background: url(../img/common/tomoe.png)left center no-repeat;
}

.kako_line {
}

.kako_line::after {
	content:"";
	display: block;
	width:32%;
}

.kako_box {
	width: 32%;
	margin-bottom: 30px;
	padding: 8px;
	border: solid 1px #ccc;
	background: rgba(255,255,255,1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	transition: 0.7s;
}

.kako_box:hover {
	/*background: rgba(0,0,0,0.01);*/
}


.kako_title {
	text-align: left;
	font-size: 1.7rem;
	/*font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
}



/*＝＝＝　Youtube　動画一覧　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


.youtube_Line {
	padding: 30px 0px;
}

.movie_wap {

}

.movie_Box {
	width: 23%;
	margin-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	transition: 0.7s;
}


@media handheld, only screen and (max-width: 900px) {
	.movie_Box {
		width: 32%;
		margin-bottom: 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		transition: 0.7s;
	}

	.movie_wap::after{
		content:"";
		display: block;
		width:32%;
	}

}

.movie_Title {
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 5px 0px;
	background-color: #817e7e;
	color: #fff;
}



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


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



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

	#mainWap {
		width: 100vw;
		height: 100vh;
		background: url(../img/main/top_main_sp.jpg) no-repeat;
		background-size: cover;
		background-position: center;
		position: relative;
	}
	
	.opa_black {
		width: 100vw;
		height: 100vh;
		background-color: rgba(0,0,0,0.5);
	}
	#mainWap .topTitle{
		width: 80%;
	}

	.topTitle h2 {
		width: 100%;
		text-align: center;
		font-weight: normal;
		font-size: 2.8rem;
		letter-spacing: 0.3rem;
		font-weight: 900;
		color: #fff;
		padding: 20px 5px;
		border-top: solid 1px #fff;
		border-bottom: solid 1px #fff;
		text-shadow: 0 0 3px rgba(0,0,0,1);
		font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

	.topTitle .num_big {
		font-size: 3.0rem;
	}


/*	.trafficArea {
		margin: 0vw auto 6vw;
		width: 95%;
		max-width: 1080px;
	}*/

	.neighborhood,
	.wide {
		width: 96%;
		margin: 10px auto;
	}


	.archive_Block,
	.goods_Block {
		width: 96%;
		margin: 10px auto;
	}

	.archive_Block {
		margin-bottom: 30px;
	}



/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　SP　日程
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
	.eventTimeTable {
		width: 100%;
		margin: 0px auto 40px;
	}


	.eventTimeTable table {
		width: 100%;
	}

	.eventTimeTable th {
		width: 100%;
		display: block;
		font-size: 2.4rem;
		font-weight: normal;
		border-bottom: none;
		padding: 5px 0px;
		/*background-color: #323232;*/
		color: #323232;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.eventTimeTable td {
		display: list-item;
		list-style: none;
		padding: 5px 0px 0px 0%;
		text-align: center;
		vertical-align: middle;
		font-size: 1.8rem;
		border-bottom: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.eventTimeTable td:nth-child(odd) {
		border-bottom: dotted 1px #ccc;
		padding-bottom: 20px;
		margin-bottom: 10px;
	}


	/*
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	　　　　SP　グッズ
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	*/
	#goodsSection .youtube,
	#goodsSection .goods{
		border: solid 1px #fff;
	}

	/*
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	　　　　SP　お知らせ
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	*/
	.newsLine {
		width: 100%;
		margin: 0px auto 0px;
		display: table;
		padding: 10px;
		border-bottom: dotted 1px #868585;
		/* margin-bottom: 20px; */
	}
.newsDate {
	/*vertical-align: middle;*/
	padding-top: 6px;
}

	.ndBK {
		margin-top: 4px;
		padding: 3px 40px;
		background-color: #6d6d6d;
	}


	.newsSet {
		display: table-cell;
	}
	.newsPC {
		display: none!important;
	}
	.newsVal {
		width: 65%;
		margin-left: 10px;
	}
	.newsImg {
		width: 30%;
		height: auto;
		vertical-align: top;
	}
	.newsImg img {
		width: 100%;
	}
	.newsTXTbox {
		padding: 0;
	}
	.newsTitle {
		margin-top: 10px;
		margin-bottom: 5px;
	}
	.newsLine {
		font-size: 0.9em;
	}


	.detailBTN a {
		display: block;
		border: solid 1px #e60012;
		padding: 5px 10px;
		text-align: center;
		width: 40vw;
		max-width: 230px;
		font-size: 13px;
		margin: 40px auto 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;
	  -moz-transition-duration:0.5s;
	  -webkit-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	  -ms-transition-duration:0.5s;
	  -moz-transition-timing-function:ease-in-out;
	  -webkit-transition-timing-function:ease-in-out;
	  -o-transition-timing-function:ease-in-out;
	  -ms-transition-timing-function:ease-in-out;
	 	-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		-o-border-radius: 25px;
		border-radius: 25px;
	}

	/*
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	　　　　SP　バナー　上部で完結済み
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	*/





	/*
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	　　　　SP　過去神田祭
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	*/
	.kako_line {
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		-o-justify-content: space-around;
		justify-content: space-around;
	}

	.kako_box {
		width: 48%;
		margin-bottom: 30px;
		padding: 8px;
		border: solid 1px #ccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.kako_title {
		text-align: left;
	}

	/*
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	　　　　SP　Youtube　現在コメント化
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	*/
	.youtube_Line {
		padding: 30px 0px;
	}

	.movie_wap {

	}

	.movie_Box {
		width: 48%;
		margin-bottom: 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		transition: 0.7s;
	}

}


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


}