/* CSS Document */

/* トップページ */
#top { margin-top:-115px; padding-top:115px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#top { margin-top:-55px; padding-top:55px; }
}

/* メインボックス */
#wrap {
	width:100%;
	max-width: 1600px !important;
	margin:0 auto;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(204,204,204,0.65);
	-moz-box-shadow: 0px 5px 10px 0px rgba(204,204,204,0.65);
	box-shadow: 0px 5px 10px 0px rgba(204,204,204,0.65);
}
@media screen and (min-width: 0px) and (max-width: 768px)  {
#wrap {
	width:100%;
	max-width: 100% !important;
	margin:0 auto;
}
}
/* //メインボックス */


/* スライドイメージ */
#headimgbox01 { width:100%; padding:0; margin:0; }
#headimgbox02 { width:100%; margin:0 auto; position: relative; }
#slider { margin:0 auto; }
#slider .slider { width:100%; margin:0 auto; padding:0; }
#slider ul li { margin:0 !important; padding:0 !important; }

#slider li img {
	width: 100%;
	height: auto;
	margin:0 auto;
}
#k-headimgbox01 { width:100%; padding:0; margin:0; text-align: center; }
#k-headimgbox01 img { width: auto !important; max-width: 100%; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#headimgbox01 { width:100%; padding:0; margin:70px 0 0 0; }
#headimgbox02 { width:100%; margin:0; }

#slider { width:100%; margin:0; }
#slider .slider { margin:0; padding:0; }
#slider ul li { margin:0 !important; padding:0 !important; }

#slider li img {
	width: 100%;
	height: auto;
	margin:0;
}
#k-headimgbox01 { width:100%; padding:0; margin:50px 0 0 0; }
#k-headimgbox01 img { width: 100% !important; max-width: 100%; }
}
/* //スライドイメージ */
/* //ヘッドイメージ */


/* メインコンテンツ */
#maincontentsbox01 { width:100%; padding:0; }
#k-maincontentsbox01 { width:100%; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#maincontentsbox01 { width:100%; padding:0; margin:0 auto; }
#k-maincontentsbox01 { width:100%; }
}
/* //メインコンテンツ */


/* コンテンツ */
.contentsbox01 { margin-bottom:60px; }
.contentswrap01 {
	width: 942px;
	margin:62px auto;
	position: relative;
	z-index: 8700;
}
.contentswrap02 {
	-webkit-box-shadow: 0px 0px 5px 2px rgba(204,204,204,0.65);
	-moz-box-shadow: 0px 0px 5px 2px rgba(204,204,204,0.65);
	box-shadow: 0px 0px 5px 2px rgba(204,204,204,0.65);
}
.contentswrap03 {
	width: 927px;
	margin: 0 auto;
	padding: 40px 0 20px;
	border-left: 3px solid #d7eff7;
	border-right: 3px solid #d7eff7;
	background: url(../common_img/contentsbg.svg) repeat-x top left , url(../common_img/contentsbg.svg) repeat-x bottom left;
	background-size: 18px 8px;
}
.contentsinner01 { width:100%; margin:0 auto; background:#FFFFFF; padding:40px 0; }
.contentsinner02 { width:92%; margin:0 auto; padding:0; }
.contentsinner02:after { content:""; display:block; clear:both; }

.contentstitle { width: auto; height: 60px; position: absolute; top: -13px; left: -6px; right: 0; margin: 0 auto; }

.contentsdetail01 { margin: 0 0 30px; }
.contentsdetail01:last-child { margin: 0; }
.contentsdetail01:after { content:""; display:block; clear:both; }

.contentsdetailinner01 { display: block; padding: 0 20px 20px; }
.contentsdetailinner01:last-child { padding: 0 20px; }
.contentsdetailinner01:after { content:""; display:block; clear:both; }

.contentsdetailinner02 { display: block; width: 830px; margin: 0 auto; padding: 0 0 20px; }
.contentsdetailinner02:last-child { padding: 0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.contentsbox01 { margin-bottom:20px; }
.contentswrap01 {
	width: 96%;
	margin:32px auto;
	position: relative;
	z-index: 8700;
}
.contentswrap02 {
	-webkit-box-shadow: 0px 0px 5px 2px rgba(204,204,204,0.65);
	-moz-box-shadow: 0px 0px 5px 2px rgba(204,204,204,0.65);
	box-shadow: 0px 0px 5px 2px rgba(204,204,204,0.65);
}
.contentswrap03 {
	width: 94%;
	margin: 0 auto;
	padding: 20px 0 10px;
	border-left: 3px solid #d7eff7;
	border-right: 3px solid #d7eff7;
	background: url(../common_img/contentsbg.svg) repeat-x top left , url(../common_img/contentsbg.svg) repeat-x bottom left;
	background-size: 18px 8px;
}
.contentsinner01 { width:96%; margin:0 auto; background:#FFFFFF; padding:30px 0; }
.contentsinner02 { width:100%; margin:0 auto; padding:0; }
.contentsinner02:after { content:""; display:block; clear:both; }

.contentstitle { width: auto; height: 42px; position: absolute; top: -10px; left: -3px; right: 0; margin: 0 auto; z-index: 30; }

.contentsdetail01 { margin: 0 0 15px; }
.contentsdetail01:last-child { margin: 0; }
.contentsdetail01:after { content:""; display:block; clear:both; }

.contentsdetailinner01 { display: block; padding: 0 2% 10px; }
.contentsdetailinner01:last-child { padding: 0 2%; }
.contentsdetailinner01:after { content:""; display:block; clear:both; }

.contentsdetailinner02 { display: block; width: 96%; margin: 0 auto; padding: 0 0 10px; }
.contentsdetailinner02:last-child { padding: 0; }
}
/* //コンテンツ */


/* サブタイトル */
.subtitle01 { background: #d7eff7; margin: 0 0 15px; }
.subtitle01 p { padding: 5px 20px; font-size: 18px; font-weight: 600; }

.subtitle02 { 
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(215,239,247,1) 35%, rgba(215,239,247,1) 35%, rgba(215,239,247,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(215,239,247,1) 35%,rgba(215,239,247,1) 35%,rgba(215,239,247,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(215,239,247,1) 35%,rgba(215,239,247,1) 35%,rgba(215,239,247,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7eff7',GradientType=0 );
	margin: 0 0 40px;
}
.subtitle02 p { padding: 5px 20px 20px; font-size: 36px; font-weight: 600; text-align: center; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.subtitle01 { background: #d7eff7; margin: 0 0 10px; }
.subtitle01 p { padding: 1% 2%; font-size: 14px; font-weight: 600; }

.subtitle02 { 
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(215,239,247,1) 35%, rgba(215,239,247,1) 35%, rgba(215,239,247,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(215,239,247,1) 35%,rgba(215,239,247,1) 35%,rgba(215,239,247,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(215,239,247,1) 35%,rgba(215,239,247,1) 35%,rgba(215,239,247,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7eff7',GradientType=0 );
	margin: 0 0 20px;
}
.subtitle02 p { padding: 1% 2% 2%; font-size: 14px; font-weight: 600; text-align: center; }
}
/* //サブタイトル */


/* 協賛バナー */
#sponsorbannerwrap { width: 1000px; margin: 0 auto; }
.sponsorbannerinner01 { width: 646px; margin: 0 auto 20px; }

.sponsorbannerinner02 { width: 974px; margin: 0 auto 10px; }
.sponsorbannerinner02:after { content:""; display:block; clear:both; }
.sponsorbannerinnerbox01 { width: 318px; }
.sponsorbannerinnerbox01:nth-child(1) { float: left; margin: 0 0 0 164px; }
.sponsorbannerinnerbox01:nth-child(2) { float: right; margin: 0 164px 0 0; }
.sponsorbannerinnerbox01:nth-child(2) a:first-child { display: block; margin: 0 0 10px; }

.sponsorbannerinner03 { width: 100%; margin: 0 auto; }
.sponsorbannerinner03:after { content:""; display:block; clear:both; }
.sponsorbannerinnerbox02 { width: 318px; float: left; margin: 0 23px 10px 0; }
.sponsorbannerinnerbox02:nth-child(3n) { float: right; margin: 0 0 10px 0; }
/*
.sponsorbannerinnerbox02:last-child { float: none; margin: 0 auto; }
*/
@media screen and (min-width: 0px) and (max-width: 768px)  {
#sponsorbannerwrap { width: 98%; margin: 0 auto; }
.sponsorbannerinner01 { width: 100%; margin: 0 auto 10px; }

.sponsorbannerinner02 { width: 100%; margin: 0 auto 10px; }
.sponsorbannerinner02:after { content:""; display:block; clear:both; }
.sponsorbannerinnerbox01 { width: 48%; }
.sponsorbannerinnerbox01:nth-child(1) { float: center; margin: 0 0 0 0; }
.sponsorbannerinnerbox01:nth-child(2) { float: center; margin: 0 0 0 0; }
.sponsorbannerinnerbox01:nth-child(2) a:first-child { display: block; margin: 0 0 3.5%; }

.sponsorbannerinner03 { width: 100%; margin: 0 auto; }
.sponsorbannerinner03:after { content:""; display:block; clear:both; }
.sponsorbannerinnerbox02 { width: 48%; float: left; margin: 0 0 10px 0; }
.sponsorbannerinnerbox02:nth-child(3n) { float: none; margin: 0 0 10px 0; }
.sponsorbannerinnerbox02:nth-child(odd) { float: left !important; margin: 0 0 10px 0; }
.sponsorbannerinnerbox02:nth-child(even) { float: right !important; margin: 0 0 10px 0; }
.sponsorbannerinnerbox02:last-child { float: none; margin: 0 auto; }
}
/* //協賛バナー */


/* お知らせ */
#newswrap01 {
	width: 942px;
	margin:42px auto;
	position: relative;
}
#newswrap02 {
	-webkit-box-shadow: 0px 0px 5px 2px rgba(204,204,204,0.65);
	-moz-box-shadow: 0px 0px 5px 2px rgba(204,204,204,0.65);
	box-shadow: 0px 0px 5px 2px rgba(204,204,204,0.65);
}
#newswrap03 {
	width: 927px;
	margin: 0 auto;
	padding: 40px 0 20px;
	border-left: 3px solid #d7eff7;
	border-right: 3px solid #d7eff7;
	background: url(../common_img/newsbg.svg) repeat-x top left , url(../common_img/newsbg.svg) repeat-x bottom left;
	background-size: 18px 8px;
}
#newsbox01 { width:100%; margin:0 auto; background:#FFFFFF; height:auto; min-height:200px; max-height:500px; padding:42px 0; line-height:140%; overflow:auto; -webkit-overflow-scrolling: touch; }
#newsbox02 { width:92%; margin:0 auto; padding:0; line-height:140%; }
#newsbox02 iframe { width:100%; height:400px; }

.newstitle { width: 286px; position: absolute; top: -13px; left: -6px; right: 0; margin: 0 auto; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#newswrap01 {
	width: 96%;
	margin:32px auto;
	position: relative;
}
#newswrap02 {
	-webkit-box-shadow: 0px 0px 5px 2px rgba(204,204,204,0.65);
	-moz-box-shadow: 0px 0px 5px 2px rgba(204,204,204,0.65);
	box-shadow: 0px 0px 5px 2px rgba(204,204,204,0.65);
}
#newswrap03 {
	width: 94%;
	margin: 0 auto;
	padding: 40px 0 10px;
	border-left: 3px solid #d7eff7;
	border-right: 3px solid #d7eff7;
	background: url(../common_img/newsbg.svg) repeat-x top left , url(../common_img/newsbg.svg) repeat-x bottom left;
	background-size: 18px 8px;
}
#newsbox01 { width:96%; margin:0 auto; background:#FFFFFF; height:auto; min-height:200px; max-height:300px; padding:20px 0; overflow:auto; -webkit-overflow-scrolling: touch; font-size:10px !important; }
#newsbox02 { width:100%; margin:0 auto; padding:0; line-height:140%; }
#newsbox02 iframe { width:100%; height:300px; }

.newstitle { width: 200px; position: absolute; top: -10px; left: -3px; right: 0; margin: 0 auto; z-index: 30; }
}
/* //お知らせ */


/* 協賛ページ */
ul.supportlist01 { display: block; margin: 0; padding: 0; text-align: left; font-weight: 600; }
ul.supportlist01 li { display: inline-block; }
ul.supportlist01 li:after { content: "\3000"; }

ul.supportlist01-normal { display: block; margin: 0; padding: 0; text-align: left; font-weight: 400; }
ul.supportlist01-normal li { display: inline-block; }
ul.supportlist01-normal li:after { content: "\3000"; }

ul.supportlist02 { display: block; margin: 0; padding: 0; }
ul.supportlist02 li { display: block; margin: 0 0 30px; }
ul.supportlist02 li:last-child { margin: 0; }
ul.supportlist02 li p { font-size: 24px; font-weight: 600; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
ul.supportlist01 { display: block; margin: 0; padding: 0; text-align: left; font-weight: 600; }
ul.supportlist01 li { display: block; }
ul.supportlist01 li:after { content: ""; }

ul.supportlist01-normal { display: block; margin: 0; padding: 0; text-align: left; font-weight: 600; }
ul.supportlist01-normal li { display: block; }
ul.supportlist01-normal li:after { content: ""; }

ul.supportlist02 { display: block; margin: 0; padding: 0; }
ul.supportlist02 li { display: block; margin: 0 0 15px; }
ul.supportlist02 li:last-child { margin: 0; }
ul.supportlist02 li p { font-size: 16px; font-weight: 600; }
}
/* //協賛ページ */


/* バナー共通 */
.bannerwrap01-01 { width: 408px; margin: 0 auto; }
.bannerwrap02-01 { width: 813px; margin: 0 auto; }
.bannerwrap02-01:after { content:""; display:block; clear:both; }
.bannerwrap02-01 a { width: 261px; margin: 0 15px 0 0; float: left; }
.bannerwrap02-01 a:last-child { margin: 0; float: right; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.bannerwrap01-01 { width: 40%; margin: 0 auto; }
.bannerwrap02-01 { width: 100%; margin: 0 auto; }
.bannerwrap02-01:after { content:""; display:block; clear:both; }
.bannerwrap02-01 a { width: 32%; margin: 0 2% 0 0; float: left; }
.bannerwrap02-01 a:last-child { margin: 0; float: right; }
}
/* //バナー共通 */


/* 開催日時・コース・交通規制図 */
#detaildatewrap01 { font-size: 30px; font-weight: 600; text-align: center; position: relative; }
#detaildatewrap01 p { display: inline-block; font-size: 24px; position: absolute; right: 0; }

.coursewrap01 { padding: 0 7% 30px; margin: 0 0 30px; border-bottom: 1px solid #dcdcdc; }
.coursewrap01:nth-child(2) { padding: 0 7%; margin: 0 0 30px; border-bottom: none; }

ul.courselist { display: block; text-align: left; font-size: 18px; }
ul.courselist li { display: block; }
ul.courselist li.course { display: inline-block; }
ul.courselist li.course:after { content: "\21D2"; display: inline-block; }
ul.courselist li.course:nth-last-child(2):after { content: ""; display: inline-block; }
ul.courselist li:first-child { font-size: 24px; font-weight: 600; }

#coursemap { display: block; }
#coursemap iframe { width: 100%; height: 640px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#detaildatewrap01 { font-size: 20px; font-weight: 600; text-align: center; position: static; }
#detaildatewrap01 p { display: block; font-size: 16px; position: static; right: 0; padding: 5px 0 0 0; }

.coursewrap01 { padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #dcdcdc; }
.coursewrap01:nth-child(2) { padding: 0 0 15px; margin: 0 0 15px; border-bottom: none; }

ul.courselist { display: block; text-align: center; font-size: 14px; }
ul.courselist li { display: block; }
ul.courselist li.course { display: block; }
ul.courselist li.course:after { content: "\21D3"; display: block; }
ul.courselist li.course:nth-last-child(2):after { content: ""; display: block; }
ul.courselist li:first-child { font-size: 16px; font-weight: 600; padding: 0 0 5px; }

#coursemap { display: block; }
#coursemap iframe { width: 100%; height: 400px; }
}
/* //開催日時・コース・交通規制図 */


/* パレードの歴史 */
.aboutcatch01 { display: block; font-size: 24px; font-weight: 600; padding: 0 0 10px; }

.paradehistorytitle01 { margin: 0; }

.paradewrap01 { display: block; }

.paradewrap02 { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #bdbdbd; }
.paradewrap02:after { content:""; display:block; clear:both; }

.paradewrap03 { width: 200px; float: left; padding: 0 10px 0 0; font-size: 12px; text-align: center; }
.paradewrap03:nth-child(4n) { float: right; padding: 0; }
.paradewrap03:after { content:""; display:block; clear:both; }

.paradehistorydate01 { display: block; font-weight: 600; }
.paradehistoryimg01 { display: block; height: 150px; margin: 0 0 10px; }
.paradehistoryimg02 { display: block; height: 150px; margin: 0 0 10px; }
.paradehistorydetail01 { display: block; line-height: 160%; }
.paradehistorydetail02 { display: block; line-height: 160%; }

dt { cursor: pointer; }
dd { display: none; margin: 30px 0 0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.aboutcatch01 { display: block; font-size: 16px; font-weight: 600; padding: 0 0 5px; }

.paradehistorytitle01 { margin: 0; }

.paradewrap01 { display: block; }

.paradewrap02 { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #bdbdbd; }
.paradewrap02:after { content:""; display:block; clear:both; }

.paradewrap03 { width: 100%; float: none; padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #bdbdbd; font-size: 12px; text-align: center; }
.paradewrap03:nth-child(4n) { float: none; padding: 0; margin: 0; border-bottom: none; }
.paradewrap03:last-child { float: none; padding: 0; margin: 0; border-bottom: none; }
.paradewrap03:after { content:""; display:block; clear:both; }

.paradehistorydate01 { display: block; font-weight: 600; margin: 0 0 10px; font-size: 14px; }
.paradehistoryimg01 { display: block; width: 35%; float: left; height: auto; margin: 0 2% 0 0; }
.paradehistoryimg02 { display: none; height: 150px; margin: 0 0 10px; }
.paradehistorydetail01 { display: block; width: 63%; float: right; line-height: 160%; text-align: left; }
.paradehistorydetail02 { display: block; width: 100%; line-height: 160%; text-align: left; }

dt { cursor: pointer; }
dd { display: none; margin: 15px 0 0; }
}
/* //パレードの歴史 */


/* パレード編成 */
.parade-floatwrap01 { display: block; margin: 0 0 40px; }
.parade-floatwrap01:last-child { margin: 0; }
.parade-floatwrap01:after { content:""; display:block; clear:both; }

.parade-floatimg01 { margin: 30px 0 0; }
.parade-floatimg02 { margin: 0 0 30px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.parade-floatwrap01 { display: block; margin: 0 0 20px; }
.parade-floatwrap01:last-child { margin: 0; }
.parade-floatwrap01:after { content:""; display:block; clear:both; }

.parade-floatimg01 { margin: 15px 0 0; }
.parade-floatimg02 { margin: 0 0 15px; }
}
/* //パレード編成 */