@charset "utf-8";
/* page */

/*====================================

雪まつりについて

====================================*/


/* about
------------------------------------ */
/*概要*/
div.gaiyo-box ol li{ list-style-position:inside; margin-left:2em; margin-bottom:1em;}
div.gaiyo-box table th{ font-weight:normal;}

/* history */
div.history { }
div.history div.his-left { width:110px; float:left;}
div.history div.his-left img{ padding-right:10px;}
div.history div.his-center { width:420px; float:left;}
div.history div.his-right { width:110px; float:right;}
div.history div.his-right img{ padding-left:10px;}


/*making*/

#content div.making table.making-box{ width:642px;}
#content div.making table.making-box img.m-ph{ padding:10px; background-color:#ccc;}
#content div.making table.making-box td{ width:200px; padding:7px;}
#content div.making table.making-box div.comment img{padding-right:4px;}

/*poster*/

div.poster td{ text-align: center;}

/*contest-lib*/
div.contest-inner{ width:560px; margin:0 auto; margin-bottom:2em;}
div.win1{ float:left; width:262px; margin-right:28px; border:2px solid #D0D0D0;}
div.win2{ float:left; width:262px; border:2px solid #D0D0D0;}

.contest dl{ padding:5px;}
.contest dt,.contest dd{ padding:4px 0; text-align:center;}
.contest dt{ border-bottom:1px dotted #999;}



/*====================================

会場

====================================*/


/* place
------------------------------------ */

/*index*/
.pl-index img{ padding:5px; float:right; margin-left:1em; display:inline-block; background-color:#FFFFFF;}
.odori-top,.tudome-top{ margin-bottom:2em;}
p.timespot{
	background-color:#E1E1E1;
	padding:4px;
}

/* place/odori
------------------------------------ */
.odori-box h3 span{
	color:#666666;
}

#content div.odori-box table th,#content div.odori-box table td{ border:none;}
#content div.odori-box table td.ph-lightbox{
	width:182px;
	background-color:#EAEAEA;
	vertical-align:top;
	text-align:center;
	line-height:1;
}
#content div.odori-box table{ width:640px; margin-bottom:1em;}
#content div.odori-box p.s-title{
	background-color:#CEEAEA;
	border-bottom:1px dotted #333;
	padding-left:0.4em;
}



/* place/contest
------------------------------------ */
#content div.contest-box table.result,
#content div.contest-box table.result345 { margin:0 auto;}

#content div.contest-box table.result td{ 
	text-align:center;
	font-weight:bold;
}

#content div.contest-box dl.yoko dt{ font-weight:bold; margin-top:1em;}
#content div.contest-box dl.yoko ol{ margin-left:2em; }
#content div.contest-box dl.yoko ol li{ list-style-position:outside;}


/* construct
------------------------------------ */
/*index_ONLY*/
div.const-box{ width:210px; margin:0 auto; margin-bottom:1em; text-align:center;}
div.const-box img{ border:10px solid #ccc; padding:5px; text-align:center; }
div.const-box h4{ font-weight:bold;}
div#content div.const-box p{ margin-top:0.1em; margin-bottom:0.1em;}

/* 4/5/7/8/10chome */
div.const table.constable td, div.const .constable div{/*width:200px; background-color:#F6F6F6;*/ text-align:center;}
div.const .constable img{
 border:#CCC 1px solid;
/*20120116*/
 margin:0; padding:0; vertical-align:bottom;
 }
div.const .title-group{
/*background-color:#E6E6E6;*/
border-bottom:1px dotted #CCC;
}
div.const .comment{
/*width:182px;*/
 text-align:left;
 color:#333333;
 padding:6px;
 font-size:94%;
 line-height:1.3;
}
div.const .day{
	font-size:85%;

	letter-spacing:0.4em;
	text-align:center;
	/*20120116*/
	margin-bottom:6px;
	border-left:2px solid #2C9EF4;
}


/*div#content div.const ul.pagesubmenu li a{ width:9em;}*//*construct link:4 */
/*div#content div.const ul.pagesubmenu li a {width:8em; height: 4.3em; line-height:1.1; font-size:11.4px;}*/ /* link:5 */
div#content div.const ul.pagesubmenu li a {width:6.5em; height: 2em; line-height:1.1; font-size:14px; vertical-align:middle; display:table-cell;}/* link:5 会場名 */

/* 20160104→2016121228 */
/* 定点アップ日前 */
div#content div.const table.constable td.const-before,
div#content div.const .constable .const-before{ text-align:center; vertical-align:middle; /*background-color:#F6F6F6; border:2px solid #FFF;*/}
div#content div.const table.constable td.const-before p,
div#content div.const .constable .const-before p{ margin:60px auto; box-sizing:border-box; font-size:24px; color:#CCCCCC; font-family:"Times New Roman", Times, serif;}
/* 定点アップ日後 */
div#content div.const table.constable td.const-after,
div#content div.const .constable .const-after{ vertical-align:top; /*background-color:#F8F8F8;*/ border-top:2px solid #FFF; padding-top:4px;}


/* tile.js */

.const_ph {
	float: left;
	width: 210px;
	margin-right: 3px;
	min-height:197px;
}
.const_ph img{/* max-width:180px;*/ max-width:200px; max-height:auto;}
div.const .const_ph .comment{ text-align:left;}

/* 20180105 FLEX BOX */



.const .constable{
    display:-ms-flexbox;/*--- IE10 ---*/
	display:flex;
	flex-direction: row; 
	-ms-flex-wrap: wrap;	
	flex-wrap: wrap;}
/* transition scale */
.const_ph a {overflow: hidden; max-width:202px; display:block; max-height:135px; }
.const_ph a img {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
}
.const_ph a img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

/* livecamera
------------------------------------ */

div#content div.livecam dl { margin:20px 30px 50px 30px; padding:0; line-height:1.3; }
div#content div.livecam dt { margin:0 0 5px 0; padding:0; font-weight:bold; border-bottom:#0293D9 1px solid; }
div#content div.livecam dd a { font-weight:bold; }
div#content div.livecam dd {
	margin:0 0 20px 30px;
	padding:0 0 0 25px;
	background-image:url(../img/camera.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

/*====================================

アクセス

====================================*/


/* access
------------------------------------ */

div.bus dt{ margin:1em; font-weight:bold; border-left:#0293D9 4px solid; padding-left:0.4em;}
div.bus table { margin-left:2em;}
div.bus table th{ font-weight:normal;}



/*====================================

イベント

====================================*/
/*協賛行事*/
#content div.event-box div.eve-kyosan dt{ font-weight:bold; margin-top:1em;}


/*ステージイベント*/
#content .stage ul.pagesubmenu li a{ width:4.5em;}
#content .stage ul.pagesubmenu-event li a{ width:3em;}/*63*/
#content .stage ul.pagesubmenu-event li.holiday a{ width:5.5em;}/*63*/
/*イベント日にちサブメニュー↓*/
#content .stage ul.pagesubmenu-event{
	padding:0.4em 1em;
	margin-bottom:1em;
	background-color:#EFEFEF;
}
#content .stage ul.pagesubmenu-event li{
	list-style-position:inside;
	list-style-type:none;
	display:block;
	float:left;
	line-height:1.5;
}

#content .stage ul.pagesubmenu-event li span.sun a{ color:#FF3333; }
#content .stage ul.pagesubmenu-event li span.sat a{ color:#4246E6; }


#content .stage ul.pagesubmenu-event li a{
	color:#202020;
	display:block;
	border:#BCBCBC 1px solid;
	padding:0.15em 0.2em 0 14px;
	background:#FFF url(../img/icon_pagesubmenu.gif) no-repeat 4px 50%;
}


#content .stage ul.pagesubmenu-event li a:hover{
	color:#0293D9;
	border:#0293D9 1px solid;	
	text-decoration:none;
	/*background:#E7E7E7 url(../img/icon_pagesubmenu.gif) no-repeat 4px 50%;*/

}



/*#content .stage ul.pagesubmenu-event li span{
	 display:block; border:#BCBCBC 1px solid;
	 }*/
/*各ページ内のサブメニューここまで↑*/

#content .stage table.event-txt { width:640px;}
#content .stage table.event-txt p{ border-bottom:1px #ccc dotted; padding:0.3em;/*20120127*/ margin-bottom:1px;}
#content .stage table.event-txt th{
	background-color:#CFE7F3;
	border-top:0.8em solid #FFF;
	width:6em;
}



/*====================================

リンク

====================================*/

#content div.link-box table.linktxt th,#content div.link-box table.linktxt td{ padding:6px;}
#content div.link-box table.linktxt th{ /*background-color:#EAE8DD;*/ background-color:#EFEEE9; }


/*====================================

雪まつりへの参加

====================================*/

dl.vol-kakusyu{ margin-left:2em;}
dl.vol-kakusyu dd{ margin-left:1em;}

/*ミスさっぽろ*/
div.miss-oubo table th,
div.sculp-box table th,
div.vol-box table th{ font-weight:normal; }

/*ボランティア*/
.vol-box table tr.vol-tablehead td{
	background-color:#F2F2F2;
	text-align:center;
	font-weight:bold;
}


/*====================================

よくある質問

====================================*/

/* faq
------------------------------------ */
.faq h3{ background:url(../../faq/img/faq_q.gif) no-repeat 0 0; padding-left:2em; margin-bottom:1em;}
.faq ul{ margin-bottom:1em;}
.faq li a{ color:#020202;}
.faq-ans dl{clear:both;}
.faq-ans dt{background:#E1E1E1 url(../../faq/img/faq_q.gif) no-repeat 0 0; margin-bottom:1em; padding:2px; padding-left:2em; }
.faq-ans dd{background:url(../../faq/img/faq_a.gif) no-repeat 0 0; padding-left:2em; margin-bottom:1em;}


/*====================================

利用許諾

====================================*/

/* kyodaku
------------------------------------ */
dl.kyodaku-txt { margin-top:2em;}
dl.kyodaku-txt dt{ background-color:#E1E1E1; padding:1px 0.5em; line-height:1.3;}
dl.kyodaku-txt dd{ padding:1px; margin-bottom:2em;}


/*====================================

前回の雪まつりのようす

====================================*/

/* 2009
------------------------------------ */
#content ul.pagesubmenu li a{width:6em;}
#content div.zenkai table.z-yousu td{ padding:4px; border:none;}
#content div.zenkai table.z-yousu td p{ margin:0;}
#content div.zenkai table.z-yousu p.z-ph { text-align:center; background-color:#EEEEEE; padding:6px;}
#content div.zenkai table.z-yousu p.z-ph img{ border:1px solid #ccc;}
#content div.zenkai table.z-yousu p.z-place{ /*background-color:#EEEEEE; */border-bottom:#ccc 1px dotted; padding:0 14px;font-size:95%;}
#content div.zenkai table.z-yousu p.z-title{ font-size:95%;padding:0 14px;}



/*====================================

 セキュアサーバ内

====================================*/

/*お問い合わせフォーム*/
#content table.form-toi { width:600px;}
#content table.form-toi th,#content table.form-toi td{ border:5px solid #FFF; padding:6px;}
#content table.form-toi th{
	width:7em;
	background-color:#EAE8DD;
	font-weight:normal;
}

/*ボランティア応募*/

/*まだ途中*/
#content table.form-vol th,#content table.form-vol td{ border:5px solid #FFF; padding:2px;}
#content table.form-vol th{
	width:9em;
	background-color:#EAE8DD;
	font-weight:normal;
}

/*ポスターパンフ送付申込*/
#content div.panf-order{ border:5px solid #EAE8DD; padding:12px;}

#content table.panf-order-thmn{ width:608px; margin:0 auto; margin-top:6px;}
#content table.panf-order-thmn td{ vertical-align:top; text-align:center; width:33%; padding:6px;}
#content table.panf-order-thmn td.txt p{ text-align:left;}
#content table.panf-order-thmn div.busu{ background-color:#EAE8DD; padding:2px;}

#content table.form-panf{ }
#content table.form-panf th,#content table.form-panf td{ border:5px solid #FFF; padding:2px;}
#content table.form-panf th{
	width:12em;
	background-color:#EAE8DD;
	font-weight:normal;
	padding:6px;
}