@charset "utf-8";

/* clearfix */
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 共通設定およびPC向けのスタイル
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
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;
	font-size: 100%;
}
html{
	margin: 0;
	padding: 0;
	    
	zoom: 1;
}
body {
	font-family:'ヒラギノ角ゴ ProN W3','Lucida Grande',
	'Hiragino Kaku Gothic ProN',
	Meiryo, メイリオ, sans-serif;
	width: 100%;
	margin: 0;
	padding: 0;
	background:url("../images/head_bg.png");
	background-size:900px;
	background-repeat:no-repeat;
	background-position:top center;
	font-size:16px;
}
/*
#wrap{
	max-width:960px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
        width: 96%;
}
*/
#contents {
	width: 100%;
	//margin: 0.5em auto;
}

/* ヘッダー */
#header .header_inner{
	max-width:960px;
	overflow:hidden;
	margin:0 auto;
}
p.head_img{
	max-width:600px;
	float:left;
}
p.amagumo{
	max-width:200px;
	text-align:right;
	margin-top:5%;
	padding-right:20px;
	float:right;
}
.amagumo img{
	width:120px;
}

#header {
	width:100%;
	overflow:hidden;
}
p.head_img img{
	width:96%;
	padding:0 2%;
}
p.amagumo{
	float:right;
	margin:0;
	padding:0;
	margin:2%;
}
.amagumo img{
	width:80px;
}


/* マップエリア */
/*
#map_contents{
	background:#2b0e47;
	background-color: rgba(0,0,0,0.4);
	margin-bottom:20px;
	//margin-top:10px;
	padding:10px;
}
*/

#map_canvas{
	height:100%!important;
	width:100%!important;
}

/*
#footer {
	width: 100%;
	text-align: center;
	color:#000;
	padding:1em 0;
	border-top:4px solid #000;
	background:#E9DAB0;
	font-size:0.8em;
}
*/







/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/*@media only screen and (max-width: 481px) {*/
@media only screen and (max-width: 760px) {
body {
	background:url("../images/head_bg.png");
	background-repeat:no-repeat;
	background-position:top center;
}
#wrap{
	width: 96%;
	margin:0 2%;
}

/* ヘッダーエリア */
#header {
	width:100%;
	overflow:hidden;
}
p.head_img img{
	width:96%;
	padding:0 2%;
}
p.amagumo{
	float:right;
	margin:0;
	padding:0;
	margin:2%;
}
.amagumo img{
	width:80px;
}

/* マップエリア */
#map_contents{
	padding:0;
	margin:0;
	height:440px;
	width:96%;
	overflow:hidden;
	background-color: rgba(0,0,0,0.4);
	margin-bottom:20px;
	padding:2%;
}
#map_canvas{
	height:436px!important;
	margin:2px 0!important;
	overflow:hidden;
}


/* インフォエリア */
#info_contents{
	padding:0;
	margin:0;
	width:96%;
	padding:2%;
	overflow:hidden;
	background:rgba(228,0,127,0.2);
	margin-bottom:20px;
}
#info_contents .info_box{
	padding:0;
	margin:0;
	margin:10px 0 15px 0;
	width:100%;
	overflow:hidden;
	background:#fff;
	font-weight:bold;
}
.road{
	display:inline-block;
	color:#fff;
	padding:5px 10px;
	width:80px;
	text-align:center;
	background:#E4007F;
}
.operation{
	display:inline-block;
	color:#fff;
	padding:5px 10px;
	width:80px;
	text-align:center;
	background:#006ad5;
}
h2{
	width:100%;
	font-size: 1.143em;
	color:#000;
	background:#8000ff;
	background: rgb(188,0,132); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	color:#fff;
	font-weight: normal;
	border-bottom:solid 4px solid #000;
	padding:3px 10px;
}
.info_txt{
	padding:10px;
	background:#000;
	color:#fff;
	line-height:1.5em;
}
.date , .sub_ttl{
	color:#E4007F;
	font-weight:bold;
}
.sub_ttl{
	padding:5px 0.2em;
}
.road_dtl{
	background:#fff4fa;
}
.operation_dtl{
	background:#eaf4ff;
}
.road_dtl , .operation_dtl{
	padding:10px;
	font-weight:bold;
}
.road_dtl span{
	color:#e4007f;
	font-size:0.7em;
}
.operation_dtl span{
	color:#006ad5;
	font-size:0.7em;
}

/* 山車一覧 */
#list_contents{
	width:100%;
	overflow:hidden;
	background:rgba(228,0,127,0.2);
	margin-bottom:20px;
}
#list_contents span{
	font-size:0.7em;
	color:#f4f4f4;
	font-weight:normal;
}
#list_contents .list_wrap{
	height:auto;
	-webkit-box-sizing: border-box; /* ボーダー含める */
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	width:48%;
	border:none;
	border:4px solid #000;
	background:rgba(256,256,256,0.8);
	float:left;
	margin:1%;
}
#list_contents .list_wrap img{
	width:100%;
}

/* フッター */
#footer {
	width: 100%;
	text-align: center;
	color:#000;
	padding:1em 0;
	border-top:4px solid #000;
	background:#E9DAB0;
	font-size:0.8em;
}

}