@charset "utf-8";

/*----------------------------------------------------------------------*/
/* JOOX みやぎ 超!! 元気まつり／スタイルシート(2025/06/22 update) */
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/* Reset */
/*----------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:none;
	font-size:100%;
	font:inherit;
	vertical-align:absmiddle;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body{line-height:1;}
ol, ul {list-style:none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}


	.button{
		padding:0px 0px 0px 0px;
		width:40px;
		height:40px;
		position:fixed;
		display:block;
		background-repeat:no-repeat;
		background-image:url("../images/menu_open_button.png");
		background-position:center;
		}

	.menu-button-left{
		left:0px;
		border-right:1px solid #dddddd;
		}

	.menu-button-right{
		top:2px;
		right:2px;
		border-left:1px solid #dddddd;
		background-color:#dddddd;
		}


/*----------------------------------------------------------------------*/
/* 基本設定 */
/*----------------------------------------------------------------------*/

*{
	margin:0;
	padding:0;
	border:0;
	outline:none;
	}

a:link{   text-decoration:none;       color:#991100;}
a:visited{text-decoration:none;       color:#007700;}
a:hover{  text-decoration:none;       color:#ee0000;}
a:focus{  text-decoration:none;       color:#dd0000;}
a:active{ text-decoration:none;       color:#ff0000;}

header{
	position:fixed;
	width:100%;
	height:60px;
	background-color:rgba(0,150,250,0.8);
	margin:0;
	padding:0;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	font-size:22px;
	line-height:60px;
	text-align:left;
	color:#ffffff;
	text-shadow:rgba(0,0,0,0.7) 2px 2px 0;
/*
	color:#ffffff;
	text-shadow:rgba(0,0,0,0.6) -1px -1px 0;
*/
	z-index:100;
	}

h1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 3px 10px;
	background-color:#003399;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	font-size:20px;
	line-height:44px;
	color:#ffffff;
	text-align:center;
	text-shadow:rgba(0,0,0,0.6) 0px -1px 0;
	}

	.navi{
		height:28px;
		max-width:80px;
		font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
		font-size:14px;
		line-height:26px;
		color:#ffffff;
		text-shadow:rgba(0,0,0,0.6) 0px -1px 0;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		padding:0px 6px 0px 6px;
		-webkit-border-radius:6px;
		-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.5);
		-moz-border-radius:6px;
		box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.8), inset 0 -1px 1px rgba(255, 255, 255, 0.8);
		border:1px solid rgba(255, 255, 255, 0.5);
		border-radius:6px;
		}

	#back{
		float:left;
		position:absolute;
		top:7px;
		left:5px;
		text-shadow:rgba(0,0,0,0.6) 0px -1px 0;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.90, #333333), color-stop(0.05, #555555));
		background: -webkit-linear-gradient(top, #555555 5%, #333333 90%);
		background: -moz-linear-gradient(top, #555555 5%, #333333 90%);
		background: -o-linear-gradient(top, #555555 5%, #333333 90%);
		background: -ms-linear-gradient(top, #555555 5%, #333333 90%);
		background: linear-gradient(top, #555555 5%, #333333 90%);
		}

	#backhome{
		float:right;
		position:absolute;
		top:8px;
		right:8px;
		width:52px;
		height:44px;
		background:url("../images/back_home.png") no-repeat;
		background-size:52px 44px;
		-moz-background-size:52px 44px;
		-webkit-background-size:52px 44px;
		}

	#backhome a{
		display:block;
		width:52px;
		height:44px;
		}

	.navi a{
		text-decoration:none;
		color:#ffffff;
		}

	#footer{
		clear:both;
		text-align:center;
		margin:5px 0px 15px 0px;
		}

#wrapper{
	margin:0px;
	padding:60px 0px 0px 0px;
	background-color:#ffffff;
	}

#top_title{
	position:absolute;
	width:100%;
	max-width:700px;
	margin:0px auto 0px auto;
	z-index:95;
	text-align:center;
	}

#top_slider{
	width:100%;
	}


h2{
	margin:20px 0px 0px 0px;
	padding:3px 0px 3px 10px;
	background-color:#0071e5;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	font-size:20px;
	line-height:44px;
	color:#ffffff;
	text-align:center;
	}

	#main{
		margin:0px;
		padding:0px;
		background-color:#ffffff;
		text-align:left;
		}

	.top_lead{
		margin:0px 20px 10px 20px;
		padding:3px 0px 3px 0px;
		font-size:14px;
		font-weight:normal;
		font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
		color:#000000;
		line-height:22px;
		}

/*----------------------------------------------------------------------*/
/* テキストスクロール設定 */
/*----------------------------------------------------------------------*/

.infomation{
	background:#ffffff;
	padding:10px 0;
	margin:20px 10px 20px 10px;
	overflow:hidden;
	border-top:3px dotted #dd5500;
	border-right:0px solid #ffffff;
	border-bottom:3px dotted #dd5500;
	border-left:3px solid #ffffff;
	}

.infoText{
	color:#000000;
	padding-left:100%;
	white-space:nowrap;
	display:inline-block;
	animation:infoAnimation 35s linear infinite;
	}

.infoText p{
	display:inline-block;
	margin:0 1rem 0 0;
	font-size:18px;
	font-weight:normal;
	font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","ＭＳ Ｐゴシック",sans-serif;
	}

/* 横に流れていくアニメーション */
@keyframes infoAnimation{
	0%{
		transform: translateX(0);
		}
	100%{
		transform:translateX(-100%);
		}
	}

/*----------------------------------------------------------------------*/


table.top_button{
	margin:10px auto 0px auto;
	border-collapse:collapse;
	background-image:url("../images/btn_bg.png");
	background-repeat:no-repeat;
	}

table.top_button td{
	padding:20px 5px 0px 5px;
	}

table.top_button td.bg_X{
	background-image:url("../images/btn_bg_X.png");
	background-repeat:no-repeat;
	}
table.top_button td.bg_SNS{
	background-image:url("../images/btn_bg_SNS.png");
	background-repeat:no-repeat;
	}

table.top_btn{
	margin:20px auto 20px auto;
	border-collapse:collapse;
	}

table.top_btn td{
	padding:0px 5px 0px 5px;
	}


.flat_button{
	width:300px;
	height:50px;
	margin:30px auto 30px auto;
	padding:0px;
	border-radius:10px;
	background-color:#0fa200;
	}

.flat_button_black{
	width:300px;
	height:50px;
	margin:30px auto 30px auto;
	padding:0px;
	border-radius:10px;
	background-color:#000000;
	}

.flat_button_black a,
.flat_button a{
	display:block;
	padding:10px 0px 10px 0px;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	font-weight:bold;
	font-size:18px;
	line-height:26px;
	letter-spacing:0px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	}


.half_button_red{
	width:155px;
	height:50px;
	margin:30px auto 30px auto;
	padding:0px;
	border-radius:10px;
	background-color:#dd0033;
	}

.half_button_black{
	width:155px;
	height:50px;
	margin:30px auto 30px auto;
	padding:0px;
	border-radius:10px;
	background-color:#000000;
	}

.half_button_red a,
.half_button_black a{
	display:block;
	padding:10px 0px 10px 0px;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	font-weight:bold;
	font-size:16px;
	line-height:24px;
	letter-spacing:0px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	}




	.main_text{
		margin:0px 20px 10px 20px;
		padding:3px 0px 3px 0px;
		font-size:13px;
		font-weight:normal;
		font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
		color:#000000;
		line-height:19px;
		}

	#main{
		background:#ffffff;
		z-index:1;
		}

	footer{
		clear:both;
		text-align:center;
		margin:5px 10px 15px 10px;
		padding:0px 0px 10px 0px;
		line-height:20px;
		font-size:14px;
		font-weight:normal;
		font-family:Helvetica;
		color:#000055;
		}

/* PageTop Scroll-button */
#pageTop{
	position:fixed;
	bottom:30px;
	right:10px;
	}
#pageTop a{
	}
#pageTop a:hover {
	}


/*----------------------------------------------------------------------*/
/* Local_navi */
/*----------------------------------------------------------------------*/

ul#local_navi{
	margin:10px;
	padding:0;
	list-style:none;
	}

ul#local_navi li{
	margin:0px 0px 5px 0px;
	padding:0;
	list-style:none;
	background-image:url("../images/navi_arrow.png");
	background-position:right 10px;
	}

ul#local_navi li a{
	margin:0px;
	padding:8px 0px 10px 10px;
	display:block;
	text-decoration:none;
	font-size:16px;
	font-weight:normal;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	color:#ffffff;
	line-height:20px;
	background-color:#0099ee;
	border-radius:6px;
	background-image:url("../images/navi_arrow.png");
	background-repeat:no-repeat;
	background-position:right 7px;
	background-size:30px 25px;
	text-shadow:2px 2px 3px #000000;
	}

ul#local_navi li.yet{
	margin:0px 0px 5px 0px;
	padding:10px 0px 8px 10px;
	list-style:none;
	background-image:url("../images/navi_arrow.png");
	background-repeat:no-repeat;
	background-position:right 10px;
	background-size:30px 25px;
	display:block;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	color:#333333;
	line-height:20px;
	background-color:#bbddff;
	border-radius:6px;
	}



/*----------------------------------------------------------------------*/
/* Main_image */
/*----------------------------------------------------------------------*/

	#main_title{
		margin:0px 0px 0px 0px;
		padding:45px 0px 0px 0px;
		width:100%;
		}

	ul#main_photo{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	/*	width:100%;*/
		}

	ul#main_photo li{
		width:33.3%;
		margin:-1% 0px -1% 0px;
		padding:-1% 0px -1% 0px;
		list-style:none;
		float:left;
		}


	ul#item{
		margin:10px auto 10px auto;
		padding:0;
		}

	ul#item li{
		float:left;
		margin:0;
		padding:0;
		}

/*----------------------------------------------------------------------*/
/* Guest */
/*----------------------------------------------------------------------*/

.guest_area{
	margin:-50px 0px 0px 0px;
	padding:50px 0px 10px 0px;
	background-color:#faf0ce;
	}

	h2.guest_date{
		margin:3px 10px 3px 10px;
		padding:10px;
		color:#ffffff;
		text-align:center;
		line-height:18px;
		font-size:20px;
		font-weight:normal;
		font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
		background-color:#99cc99;
		border-radius:6px;
		}

/* 長押し対応 ---------------------------------*/
.protect{
	pointer-events:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	touch-callout:none;
	user-select:none;
	}

/*----------------------------------------------------------------------*/
/* Gourmet */
/*----------------------------------------------------------------------*/

.gourmet_area{
	margin:0;
	padding:10px 0px 10px 0px;
	background-color:#faf0ce;
	}

	h2.gourmet_category{
		margin:3px 5px 3px 5px;
		padding:10px;
		color:#ffffff;
		text-align:center;
		line-height:16px;
		font-size:14px;
		font-weight:normal;
		font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
		border-radius:6px;
		}

	h2.category_bg_1{background-color:#8b3a90;}
	h2.category_bg_2{background-color:#d79610;}
	h2.category_bg_3{background-color:#0c95bc;}
	h2.category_bg_4{background-color:#d11366;}
	h2.category_bg_5{background-color:#ce6913;}
	h2.category_bg_6{background-color:#e50012;}



/*----------------------------------------------------------------------*/
/* Event */
/*----------------------------------------------------------------------*/

	.event_area{
		margin:0;
		padding:10px 0px 10px 0px;
		background-color:#ffffff;
		text-align:center;
		}

	.event_area img{
		margin:0px auto 5px auto;
		padding:0px;
		text-align:center;
		}




/*----------------------------------------------------------------------*/
/* Booth */
/*----------------------------------------------------------------------*/

	.booth_map{
		width:100%;
		height:220px;
		margin:5px auto 5px auto;
		padding:0;
		text-align:center;
		overflow:scroll;
		}

	.booth_list{
		width:300px;
		height:220px;
		margin:5px auto 5px auto;
		padding:0;
		text-align:center;
		overflow:scroll;
		}

	.button_booth_map{
		width:280px;
		height:50px;
		margin:10px auto 10px auto;
		padding:0;
		text-align:center;
		}

	.button_booth_map a{
		display:block;
		margin:0;
		padding:10px;
		text-align:center;
		background-color:#005500;
		text-align:center;
		font-size:14px;
		font-weight:normal;
		font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
		border-radius:6px;
		color:#ffffff;
		}



/*----------------------------------------------------------------------*/
/* Access */
/*----------------------------------------------------------------------*/

	#access_area{
		width:320px;
		margin:0px auto 0px auto;
		padding:20px 0px 30px 0px;
		}

	#map_canvas{
		margin:10px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:320px;
		height:300px;
		}

	dl.access_copy{
		margin:20px 0px 0px 20px;
		padding:0px 0px 0px 0px;
		}

	dl.access_copy dt{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		line-height:18px;
		font-size:13px;
		font-weight:normal;
		font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
		color:#0055aa;
		}

	dl.access_copy dd{
		margin:0px 0px 20px 20px;
		padding:0px 0px 0px 0px;
		line-height:18px;
		font-size:12px;
		font-weight:normal;
		font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
		color:#555555;
		}



/*----------------------------------------------------------------------*/
/* 汎用指定 */
/*----------------------------------------------------------------------*/

.pic_notice{
	margin:10px 15px 10px 15px;
	padding:0;
	line-height:18px;
	font-size:12px;
	font-weight:normal;
	font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
	text-align:left;
		color:#555555;
	}

	hr{
		color:#dd5555;
		background-color:#dd5555;
		border-style:none;
		height:1px;
		margin:10px 0px 10px 0px;
		}

	small{
		font-size:80%;
		}

	hr{
		margin:10px 0px 10px 0px;
		color: #aaaaaa;
		background-color:#aaaaaa;
		border-style:none;
		height:1px;
		}

	.thanks{
		width:300px;
		margin:10px auto 10px auto;
		padding:15px 0px 15px 0px;
		text-align:center;
		color:#dd0000;
		line-height:28px;
		font-size:20px;
		font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
		background-color:#ffffff;
		border:2px solid #dd0000;
		border-radius:8px;
		}

	table.border_x tr{
		border-top:3px dotted #ffdddd;
		}

	table.border_x{
		margin:10px 10px 10px 10px;
		padding:0;
		}

	table.border_x th{
		padding:10px 10px 10px 10px;
		vertical-align:top;
		line-height:17px;
		font-size:13px;
		font-weight:normal;
		font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
		color:#000000;
		white-space:nowrap;
		}

	table.border_x td{
		padding:10px 10px 10px 10px;
		vertical-align:top;
		line-height:17px;
		font-size:13px;
		font-weight:normal;
		font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
		color:#555555;
		}


.fc_red{color:#dd0000;}
.fc_blue{color:#0055dd;}
.fc_green{color:#00dd33;}