@charset "utf-8";

/* ~~ トップページ ~~ */
#toppage{
	/*background:url(stripe2.png) fixed right top no-repeat;*/
	}

#camera_wrap,
#slide.camera_wrap{
	width:1024px;
    height:430px;
	margin-bottom:50px;
	}


div.info{
	position:relative;
	background-color:#000;
	margin-bottom:13px;
	}

#wp-posts-topic,
#wp-posts-info {
	padding:10px 16px 16px;
	}

div.info .wp-posts {
	display:block;
	color:inherit;
	line-height:inherit;
	}

div.info .wp-posts__item {
	display:block;
	font-size:0.875em;
	line-height:45px;
	height:45px;
	padding:0 16px;
	overflow:hidden;
	border:none;
	box-shadow:none;
	background:none;
	}

div.info .wp-posts__item:nth-child(odd) {
	color:#000;
	background-color:#fff;
	}

div.info .wp-posts__item:nth-child(even) {
	color:#fff;
	background-color:#000;
	}

div.info .wp-posts__thumb,
div.info .wp-posts__category,
div.info .wp-posts__body {
	display:none !important;
	}

div.info .wp-posts__main,
div.info .wp-posts__meta,
div.info .wp-posts__title {
	display:inline;
	margin:0;
	padding:0;
	font-size:inherit;
	font-weight:normal;
	line-height:inherit;
	color:inherit;
	}

div.info .wp-posts__meta time {
	display:inline;
	min-width:0;
	padding:0;
	margin:0;
	font-size:inherit;
	color:inherit;
	}

div.info .wp-posts__meta time::before {
	content:"\3000";
	}

div.info .wp-posts__title::before {
	content:"\3000";
	}

div.info .wp-posts__item:nth-child(odd) a {
	color:#000;
	}

div.info .wp-posts__item:nth-child(even) a {
	color:#fff;
	}

div.info .wp-posts__link {
	color:inherit;
	text-decoration:none;
	}

div.info .wp-posts__link:hover {
	text-decoration:underline;
	}

div.info .wp-posts__empty {
	padding:12px 16px;
	color:#fff;
	font-size:0.875em;
	}
	
ul.content_nav{
	width:714px;
	height:516px;
	background-color:#393125;
	margin-bottom:15px;
	display: table;
	background:url(../images/bg_pattern2.png);

	}

ul.content_nav li{
	margin:15px 15px 0 15px;
	background-color:#fff;
	width:680px;
	height:110px;
	}
	
ul.content_nav li a{
	display:block;
	height:110px;
	width:680px;
	color:#000;
	moz-transition:0.3s;
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	}
	
ul.content_nav li a:hover{
	opacity:0.6;
	}
	
/*過去のタイムバナー*/	
.sidebar1 p.time a{
	display:block;
	margin: 0 0 10px;
	}

.sidebar1 p.time a:last-child{
	margin-bottom: 0;
	}
	
.sidebar1 p.time a:hover{
	opacity:0.6;
	}


	
/*過去のタイムバナーおわり*/


p.viewAll{
	width:106px;
	height:18px;
	text-align:center;
	line-height:18px;
	font-size:12px;
	background-color: #fff;
	border:1px solid #fff;
	position:absolute;
	top:9px;
	right:16px;
	}

p.viewAll a{
	color:#000;
	text-decoration:none;
	background:#fff;
	display:block;
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	}
	
p.viewAll a:hover{
	color:#fff;
	background:#000;
	}

div.info ul{
		padding:10px 16px 16px;
	}
	
div.info ul li{
	font-size:0.875em;
	line-height:45px;
	height:45px;
	padding:0 16px 0 16px;
	}

.info h2{
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	height:36px;
	line-height:36px;
	letter-spacing:1em;
	padding-left:16px;
	color:#fff;
	background:url(../images/bg_pattern2.png);
	border-bottom:1px solid #ca9429;
	}

ul li a:nth-child(odd){
	color: #fff;
}

div.info ul li.odd{
	color:#000;
	background-color:#fff;
	}

div.info ul li.even{
	color:#fff;
	}
	
div.info ul li.odd a{
	color:#000;
	}

div.info ul li.even a{
	color:#fff;
	}

/*トップページIE対策*/
div.info ul li.odd{
    background-color: #fff;
}
div.info ul li.even{
    background-color: #000;
}


/*アクセスマップとフォトプロジェクトバナー*/
.accessMap a, .photoProject a, .sponsorship a, .omoshiroPoster a, .kodomoyamakasa a{
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	}

.accessMap a:hover, .photoProject a:hover, .sponsorship a:hover,  .omoshiroPoster a:hover, .kodomoyamakasa a:hover{
	opacity:0.7;
	}

p.accessMap, p.photoProject, p.omoshiroPoster, p.kodomoyamakasa{
	margin-bottom:16px;
	display:inline-block;
	width:346px;
	height:80px;
	}
	

/*トップページおわり*/


/* ~~ 山笠の歴史とうんちく ~~ */
h2.under{
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	letter-spacing:8px;
	font-size:1.750em;
	padding:0 0 10px;
	margin-bottom:15px;
	border-bottom:3px solid #ca9429;
	}

div.contentWrap{
	font-size:0.875em;
	}

div.contentWrap{
		overflow:hidden;
		clear:both;
		}
		
div.contentWrapInner{
		display:block;
		overflow:hidden;
		clear:both;
		}

.wp-posts--detail {
	display:block;
	color:#000;
	line-height:1.8;
	}

.wp-posts--detail .wp-posts__item {
	display:block;
	padding:0;
	border:none;
	box-shadow:none;
	background:none;
	}

.wp-posts--detail .wp-posts__thumb,
.wp-posts--detail .wp-posts__category {
	display:none;
	}

.wp-posts--detail .wp-posts__main,
.wp-posts--detail .wp-posts__meta {
	display:block;
	}

.wp-posts--detail .wp-posts__meta {
	margin:0;
	}

.wp-posts--detail .wp-posts__meta time {
	display:block;
	min-width:0;
	padding:0 0 10px;
	margin:0 0 15px;
	font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	letter-spacing:8px;
	font-size:1.75em;
	color:#000;
	border-bottom:3px solid #ca9429;
	}

.wp-posts--detail .wp-posts__title {
	display:none;
	}

.wp-posts--detail .wp-posts__body {
	display:block;
	margin:0;
	font-size:1em;
	line-height:1.8;
	color:#000;
	overflow:visible;
	-webkit-line-clamp:unset;
	}

.wp-posts--detail .wp-posts__body p {
	margin:0 0 1em;
	}

.wp-posts--detail .wp-posts__back {
	display:inline-block;
	margin-top:2em;
	font-size:0.875em;
	color:#000;
	}

div.contentWrap p.text{
	width:260px;
	float:left;
	}

	
div.contentWrapInner p.sidePhoto{
	width:320px;
	float:right;
margin:auto;
padding:8px 15px;
font-size:10px;
text-aligin:right;}

.contentWrapInner p.time_L a{
	display:block;
	height:160px;
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	}

.contentWrapInner p.time_L a:hover{
	opacity:0.6;
	}


.contentWrapInner dl{
	margin:10px 0 0;
	}
	
.contentWrapInner dt{
	font-size:1.250em;
	font-weight:bold;
	}
	
.contentWrapInner dd{
	padding-bottom:10px;
	}
	
.contentWrapInner dl.left{
	float:left;
	width:49%;
	margin:10px 0 0;
	}
	
.contentWrapInner dl.right{
	float:right;
	width:2%;
	width:49%;
	}
/* 山笠の歴史とうんちくおわり */

/*アクセスマップ*/
.contentWrapInner iframe {
	max-width: 100%;
	border: 0;
}

.contentWrapInner img {
	max-width: 100%;
	height: auto;
}

/*アクセスマップ*/
.content h4.accessHeading{
	height:26px;
	line-height:26px;
	color:#fff;
	font-size:16px;
	background:#3c3c3c;
	font-weight:bold;
	padding-left:10px;
	margin-top:16px;
	}
/*アクセスマップおわり*/

/*スケジュール*/
h3.schedule_title{
	font-size:1.250em;
	font-weight:bold;
	margin-bottom:8px;
	border-bottom:3px solid #ca9429;
	}
	
dl.schedule dt{
		margin-top:6px;
		color:#ca9429;
	}
	
dl.schedule dd{
	color:3c3c3c;
	font-weight:bold;
	}	
	
dl.schedule p{
		padding-bottom:15px;
		border-bottom:1px solid #aaa;
	}
	
dl.schedule p:last-child{
		border:none;
	}
/*スケジュールおわり*/

/*過去のタイム*/
h3.time_title{
	font-size:1.875em;
	font-weight:bold;
	border-bottom:3px solid #ca9429;
	}
	
dl.time dt:first-child{
	font-size:2.5em;	
	color:#970000;
	border-bottom:2px solid #970000;
	}
	
dl.time dt{	
	border-bottom:1px solid #aaa;
	}
	
dl.time dd{
	font-size:1em;
	margin-top:6px;
	}
/*過去のタイムおわり*/

/*コースマップ*/
.content img.cursor {
	max-width: 100%;
	height: auto;
	cursor: pointer;
}

/*コースマップ*/
h3.courseMap{
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	letter-spacing:8px;
	font-size:1.875em;
	border-bottom:3px solid #3c3c3c;
	padding-bottom:10px;
	margin-bottom:10px;
	}
/*コースマップおわり*/

/*舁き山紹介*/
ul.nagare{
	overflow:hidden;
	}
	
ul.nagare li{
	text-align:center;
	width:136px;
	height:36px;
	line-height:36px;
	float:left;
	margin:0 3px;
	font-size:1.250em;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	border-bottom:1px solid #888;
	}
	
.nagare_style1{background:#322489;}
	
.nagare_style2{background:#E86927;}
	
.nagare_style3{background:#11337A;}
	
.nagare_style4{background:#C6161E;}
	
.nagare_style5{background:#035A30;}	
	
ul.nagare li a{
	display:block;
	}
	
h4.nagareHeading{
	font-size:1.875em;
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:3px solid #ca9429;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	}
	
div.nagareWrap{
	margin-bottom:50px;
	}

div.nagareWrap img {
	max-width: 100%;
	height: auto;
	}
	
div.nagareWrap:last-child{
	margin-bottom:0;
	}

/*舁き山紹介おわり*/

/*おもしろポスターコンテスト*/

#posterContest table{
	width:654px;
	}

#posterContest tr,#posterContest th,#posterContest td{
	border:1px solid #000;
	}

#posterContest th,#posterContest td{
padding:10px;
	}
	
#posterContest th{
	text-align:center;
	background:#eee;
	}

h3.posterContest{
	font-size:1.250em;
	font-weight:bold;
	border-bottom:3px solid #ca9429;
	margin-bottom:10px;
	}

p.pdf{
	margin-top:10px;
	height:34px;
	line-height:34px;
	padding-left:34px;
	background:url(../images/Adobe_PDF_file_icon_32x32.png) left top no-repeat;
	}

#posterContest strong{
	font-weight:bold;
	color:#f00;
	}
	
.bold{
	font-size:1.125em;
	font-weight:bold;
	}
	
.small{
	font-size:0.875em;
	}
/*おもしろポスターコンテストおわり*/

/*フォトプロジェクト*/
h3.photopro_title{
	font-size:1.250em;
	font-weight:bold;
	margin-bottom:8px;
	border-bottom:3px solid #ca9429;
	margin-bottom:15px;
	}
	

/*フォトプロジェクトおわり*/

/*お問い合わせ*/
#mailform table{	
margin-top:20px;
	}

#mailform tr{
	border-top:1px solid #3c3c3c;
	border-bottom:1px solid #3c3c3c;
	text-align: left;
	}
	
#mailform th{
	background:url(../images/req.png) left center no-repeat;
	padding-left:50px;
	width:20%
	}
		
#mailform td{
	padding:20px;
	}
	
.conteiner_button input{
	padding:4px 8px;
	}


h3.contact_heading{
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size:1.250em;
	margin-bottom:10px;
	}

p.tellnum{
	font-weight:bold;
	font-size:1.5em;
	color:#ca9429;
	}

p.tellnum a{
	color:#ca9429;
	}

p.caution{
	padding-bottom:10px;
	margin-bottom:30px;
	border-bottom:3px solid #ca9429;
	}
/*お問い合わせおわり*/

/*サイトマップ*/
.sitemapInner{
	border-bottom:1px solid #000;
	margin-bottom:20px;
	}


#sitemap p a{
		color:#000;
		margin:10px auto;
		font-weight:bold;
	}
	
#sitemap ul{
			margin:0 0 20px;
			}	
	
#sitemap li a{
		color:#000;
		font-size:0.750em;
		}
/*サイトマップおわり*/

/*一覧ページネーション*/
.navi {
	overflow: hidden;
	margin: 12px 16px 0;
	font-size: 0.875em;
}

.navi .prev {
	float: left;
}

.navi .next {
	float: right;
}

.navi a {
	color: #fff;
	text-decoration: underline;
}

@media (max-width: 1023px) {
	#camera_wrap,
	#slide.camera_wrap {
		width: 100% !important;
		float: none;
		margin-bottom: 20px;
	}

	#slide.camera_wrap img {
		object-fit: contain;
	}

	.camera_thumbs_cont {
		display: none !important;
	}

	div.info ul li,
	div.info .wp-posts__item {
		height: auto;
		line-height: 1.5;
		padding: 10px 12px;
		white-space: normal;
	}

	#wp-posts-topic,
	#wp-posts-info {
		padding: 8px 8px 12px;
	}

	.wp-posts--detail .wp-posts__meta time {
		letter-spacing: 0.15em;
		font-size: 1.35em;
	}

	.info h2 {
		height: auto;
		line-height: 1.4;
		letter-spacing: 0.3em;
		padding: 10px 110px 10px 12px;
	}

	ul.content_nav,
	ul.content_nav li,
	ul.content_nav li a {
		width: auto;
		height: auto;
	}

	ul.content_nav {
		display: block;
		padding: 8px;
		box-sizing: border-box;
	}

	ul.content_nav li {
		margin: 0 0 8px;
	}

	ul.content_nav img {
		width: 100%;
		height: auto;
		display: block;
	}

	p.accessMap,
	p.photoProject,
	p.omoshiroPoster,
	p.kodomoyamakasa {
		display: block;
		width: auto;
		height: auto;
	}

	p.accessMap img,
	p.photoProject img {
		width: 100%;
		height: auto;
	}

	h2.under,
	h3.courseMap,
	h4.nagareHeading,
	h3.time_title {
		letter-spacing: 0.15em;
		font-size: 1.35em;
	}

	div.contentWrap p.text,
	div.contentWrapInner p.sidePhoto,
	.contentWrapInner dl.left,
	.contentWrapInner dl.right {
		float: none;
		width: auto;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.contentWrapInner p.time_L a {
		height: auto;
	}

	dl.time dt:first-child {
		font-size: 1.5em;
	}

	ul.nagare li {
		float: none;
		display: inline-block;
		width: calc(50% - 8px);
		height: auto;
		line-height: 1.2;
		margin: 0 4px 6px 0;
		box-sizing: border-box;
	}

	ul.nagare li a {
		padding: 8px 4px;
		color: #fff;
	}

	#posterContest table,
	#mailform table {
		width: 100%;
	}

	.navi a {
		color: #000;
	}
}