@charset "UTF-8";

/*----------------------------------------
　　5.  outline - 仙台七夕を知る（黄）
----------------------------------------*/

#outline #main { background: url(../images/outline/bg_main.png) no-repeat center bottom;}

#outline h3 {
	background: url(../images/common/h3_section02.png) repeat-x left top;
	background-size: contain;
}

/*	outline nav
----------------------------------------*/

#outline .outline { padding: 0px 0px 15px !important; }

#outline .outline ul li p { margin: 5px 0px 0px !important; }

#outline .outline ul li p a {
	display: block;
	font-size: 11px;
	line-height: 16px;
}

#outline .bx-wrapper {
	width: 90%;
	margin: 0px auto;
	position: relative;
	padding: 0;
	*zoom: 1;
}

#outline .bx-wrapper img {
	max-width: 100%;
	display: block;
}

#outline .bx-viewport { left: 0px; }

#outline .bx-prev {
	left: -30px;
	background: url(../images/common/icon_prev.png) no-repeat 0px 0px;
	background-size: contain;
}

#outline .bx-next {
	right: -30px;
	background: url(../images/common/icon_next.png) no-repeat 0px 0px;
	background-size: contain;
}

#outline .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	outline: 0;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	z-index: 500;
}

#outline .bx-controls-direction a.disabled { display: none; }

/*	feature - 特徴
----------------------------------------*/

ul.feature_deco li {
	padding: 0px 0px 0px 40px;
	margin: 0px 0px 10px;
	min-height: 30px;
}

ul.feature_deco li strong { padding: 0px 10px 0px 0px; }

ul.feature_deco li.deco01 {
	background: url(../images/outline/decoration/h5_decoration01.png) no-repeat left center;
	background-size: 30px 30px;
}
ul.feature_deco li.deco02 {
	background: url(../images/outline/decoration/h5_decoration02.png) no-repeat left center;
	background-size: 30px 30px;
}
ul.feature_deco li.deco03 {
	background: url(../images/outline/decoration/h5_decoration03.png) no-repeat left center;
	background-size: 30px 30px;
}
ul.feature_deco li.deco04 {
	background: url(../images/outline/decoration/h5_decoration04.png) no-repeat left center;
	background-size: 30px 30px;
}
ul.feature_deco li.deco05 {
	background: url(../images/outline/decoration/h5_decoration05.png) no-repeat left center;
	background-size: 30px 30px;
}
ul.feature_deco li.deco06 {
	background: url(../images/outline/decoration/h5_decoration06.png) no-repeat left center;
	background-size: 30px 30px;
}
ul.feature_deco li.deco07 {
	background: url(../images/outline/decoration/h5_decoration07.png) no-repeat left center;
	background-size: 30px 30px;
}

/*	decoration - 飾り
----------------------------------------*/

#deco h5 {
	padding: 0px 0px 0px 35px;
	line-height: 30px;
}

#deco01 h5 {
	background: url(../images/outline/decoration/h5_decoration01.png) no-repeat left center;
	background-size: 30px 30px;
}
#deco02 h5 {
	background: url(../images/outline/decoration/h5_decoration02.png) no-repeat left center;
	background-size: 30px 30px;
}
#deco03 h5 {
	background: url(../images/outline/decoration/h5_decoration03.png) no-repeat left center;
	background-size: 30px 30px;
}
#deco04 h5 {
	background: url(../images/outline/decoration/h5_decoration04.png) no-repeat left center;
	background-size: 30px 30px;
}
#deco05 h5 {
	background: url(../images/outline/decoration/h5_decoration05.png) no-repeat left center;
	background-size: 30px 30px;
}
#deco06 h5 {
	background: url(../images/outline/decoration/h5_decoration06.png) no-repeat left center;
	background-size: 30px 30px;
}
#deco07 h5 {
	background: url(../images/outline/decoration/h5_decoration07.png) no-repeat left center;
	background-size: 30px 30px;
}

#deco .photo {
	width: 155px;
	text-align: center;
}

#deco .txt strong { color: #caae00; }

/*	movie
--------------------------*/

#deco blockquote { text-align: center;}

#deco blockquote figure {
	width: 160px;
	margin: 0px auto;
}

#deco blockquote figure a {	display: block; }

#deco blockquote strong {
	color: #001949 !important;
	font-size: 110%;
	display: block;
	padding: 5px 0px;
}

/*	photo - 写真
----------------------------------------*/

#photo {
	padding: 0 0 30px;
	margin: 0 0 20px;
	border-bottom: 1px dotted #f1f1f1;
}

#photo figure {
	float: left;
	width: 30.33333%;
	margin: 0px 3% 4px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#photo figure:nth-child(3) { margin: 0px 0px 4px; }

#photo figure img {
	width: 100%;
	height: auto;
}

#photo figure a { display: block; }

/*	document - 資料
----------------------------------------*/

#crowd h5 {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 5px;
	border-left: 4px solid #9fb68e;
}

#crowd table th, #crowd table td {
	width: 33%;
	padding: 6px 3px !important;
	line-height: 16px !important;
	font-size: 11px !important;
}

#crowd table th {
	background: #fafafa;
	text-align: center;
	color: #666;
}

/*	weather
--------------------------*/

#crowd .weather td { text-align: center; }

/*	number
--------------------------*/

#crowd .number { text-align: right;}

#crowd .number th, #crowd .number td { width: 25%!important; }

#crowd .number tr.total01 { border-top: 4px double #e1e1e1 !important; }

#crowd .number tr.total01 td,
#crowd .number tr.total02 td {
	font-weight: bold;
	line-height: 250% !important;
}

/*	fireworks
--------------------------*/

#crowd .fireworks td {
	text-align: right;
	font-weight: bold;
}

/*	poster
--------------------------*/

#poster figure {
	float: left;
	width: 31.3333%;
	margin: 0px 2% 6px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
}

#poster figure:nth-child(3) { margin: 0px 0px 6px; }

#poster figure img {
	width: 100%;
	height: auto;
}

#poster figure span { display: block; }

#poster figure a { display: block; }


/*----------------------------------------
　　6.  faq - よくあるご質問（桃）
----------------------------------------*/
/*
#faq #main { background: url(../images/faq/bg_main.png) no-repeat center bottom;}

#faq h3 {
	background: url(../images/common/h3_section04.png) repeat-x left top;
	background-size: contain;
}

#faq dl dt {
	float: left;
	width: 30px;
	background: #333;
	color: #FFF;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	padding: 0px;
	border-left: none !important;
}

#faq dl dd {
	padding: 0px 0px 0px 50px;
	margin: 0px 0px 10px;
}

#faq dl dd.q { font-weight: bold; }

#faq dl dd.a {
	margin: 0px 0px 25px;
	padding: 0px 0px 20px 50px;
	border-bottom: 1px dotted #f1f1f1;
}

#faq dl dd.last {
	margin: 0px;
	border-bottom: none;
}

#faq blockquote dl dt {
	background: url(none);
	float: none !important;
	width: 100% !important;
	color: #000;
	font-size: 100%;
	line-height: 180%;
	text-align: left;
}

#faq blockquote dl dd {
	width: 100% !important;
	padding: 0px;
}


/*----------------------------------------
　　7.  legend - 七夕物語（青）
----------------------------------------*/
/*
#legend #main {	background: url(../images/legend/bg_main.png) no-repeat center bottom;}

#legend h3 {
	background: url(../images/common/h3_section01.png) repeat-x left top;
	background-size: contain;
}

#legend section p br { display: none; }

/*----------------------------------------
　　8.  origin - 七夕まつりの起こり（緑）
----------------------------------------*/
/*
#origin #main {	background: url(../images/origin/bg_main.png) no-repeat center bottom;}

#origin h3 { background: url(../images/common/h3_section03.png) repeat-x left top;
	background-size: contain;
}

/*----------------------------------------
　　9.  copyright - 著作権・免責事項（緑）
----------------------------------------*/
/*
#copyright #main { background: url(../images/copyright/bg_main.png) no-repeat center bottom;}

#copyright h3 {
	background: url(../images/common/h3_section03.png) repeat-x left top;
	background-size: contain;
}

#copyright ul.icon_list li {
	background: url(../images/common/icon_next.png) no-repeat left 6px;
	background-size: 13px 13px;
	border-bottom: none;
	margin: 0px 0px 15px;
}

/*----------------------------------------
　　10.  policy - アカウントポリシー（桃）
----------------------------------------*/
/*
#policy #main {	background: url(../images/policy/bg_main.png) no-repeat center bottom;}

#policy h3 {
	background: url(../images/common/h3_section04.png) repeat-x left top;
	background-size: contain;
}


#policy ol li { margin: 0px 0px 20px 1.8em; }

#policy ol li a {
	background: url(../images/common/icon_blank2.png) no-repeat right center;
	background-size: 11px 9px;
	padding: 5px 20px 5px 0px;
	word-break: break-all;
}

/*----------------------------------------
　　11.  links - お役立ちリンク集（紫）
----------------------------------------*/
/*
#links #main { background: url(../images/links/bg_main.png) no-repeat center bottom;}

#links h3 {
	background: url(../images/common/h3_section05.png) repeat-x left top;
	background-size: contain;
}

/*----------------------------------------
　　12.  sitemap - サイトマップ（青）
----------------------------------------*/
/*
#sitemap #main { background: url(../images/sitemap/bg_main.png) no-repeat center bottom;}

#sitemap h3 {
	background: url(../images/common/h3_section01.png) repeat-x left top;
	background-size: contain;
}

#sitemap ul.sitelist li {
	padding: 0px 0px 15px;
	margin: 0px 0px 15px;
	border-bottom: 1px dotted #f2f2f2;
}

#sitemap ul.sitelist li br { display: none; }

#sitemap ul.sitelist li a {
	display: block;
	background: url(../images/common/icon_next.png) no-repeat left center;
	background-size: 13px 13px;
	padding: 10px 0px 10px 23px;
	font-weight: bold;
	font-size: 105%;
}

#sitemap ul.sitelist li span {
	display: block;
	padding: 0px 0px 0px 25px;
}

#sitemap ul.sitelist li ul { margin: 15px 0px 0px 0px; }

#sitemap ul.sitelist li li {
	margin: 0px;
	float: left;
	width: 20%;
	border-bottom: none;
}

#sitemap ul.sitelist li li a {
	background: url(../images/common/icon_list.png) no-repeat left center;
	background-size: 4px 5px;
	padding: 0px 0px 0px 15px;
}


/*----------------------------------------
　　13.  err - エラー（紫）
----------------------------------------*/

#err #main { background: url(../images/about/bg_main.png) no-repeat center bottom; }

#err h3 {
	background: url(../images/common/h3_section05.png) repeat-x left top;
	background-size: contain;
}