@charset "UTF-8";
/* CSS Document */

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td { margin:0; padding:0;}
img {	border: 0;	vertical-align: bottom;	border-style: none;}
a img { border-style:none;}
a { outline: none; }
a:link,a:visited,a:active {outline: none;} 

a:link {	color: #C00;	text-decoration: none;}
a:visited {	text-decoration: none;	color: #C00;}
a:hover {	text-decoration: underline;	color: #F00;}
a:active {	text-decoration: none;	color: #600;}

body,td,th {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body{ background-image:url(../img/bg.jpg); background-repeat:no-repeat; background-position:center top; background-attachment:fixed;}
#sns{	width: 100%;	border-top: solid 1px #660000;	border-bottom: solid 1px #660000;	margin: 40px 0 0;	background-image: url(../img/bg_sns.gif);	text-align: center;	padding: 10px 0;}



@media screen and (min-width: 641px) {
#wrapper{ width:1000px; margin:0 auto; background-image:url(../img/bg2.png); border-left:solid 1px #999; border-right:solid 1px #999;}
#tophead{ display:none;}
#header{ padding:15px; position:relative;}
#header h1{ }
#header #snslink{	position: absolute;	right: 20px;	top: 20px;	width: 300px;	text-align: right;}
#header #simple-menu{ display:none;}
#date{ text-align:center; padding:13px; background-color:#AB69A6;}
#navi{	text-align: center;	background-color: #E02415;	background-image: url(../img/navi0.jpg);}
#news{ padding:12px 0 12px 40px; background-color:#000;}
#news dt{ float:left; margin-right:15px;}
#news dd{	color: #FFF;	padding-left: 20px;	font-size: 16px;	line-height: 80%;	padding-top: 3px;}
.banner{ text-align:center; padding:15px 0 0 0;}
#dayselect{ padding:15px 0 20px 20px;}
#dayselect img{ margin-right:5px;}

#topicstitle{ padding:10px 0 10px 25px;}
#topics{ border: solid 1px #999999;	margin: 0 auto;	width: 940px; padding: 15px 0 20px 15px;}
#topics .box{	float: left;	margin: 0 3px;	width: 224px;}
#topics .box .text{	font-size: 13px;	line-height: 150%;	margin: 5px 0 15px;}
#topics .box img{ width:224px; height:152px;}
#topics #notice{	font-size: 13px;	margin-top: 30px;}

#contener{ width:900px; margin:0 auto; padding-top:30px;}
#contener h3{ font-size:18px; line-height:150%; margin-bottom:20px;}
#contener #event_get{	text-align: center;	padding: 30px 0 50px 0;	font-size: 20px;	line-height: 170%;	font-weight: bold;}

#sns{	text-align: center;	padding: 10px 0;}
#sns img{ margin:0 10px;}
#footer{ padding:20px; font-size:14px; }
#footer #copyright{ font-size:12px; margin:10px 0;}
#footer span{ float:right;}
#pagetop { bottom: 50px; right: 25px; position: fixed; z-index: 500;}
.hidepc{ display:none;}

.event{ padding-bottom:40px;}
.event .title{ float:left; width:550px;}
.event .title h4{ border-top:solid 1px #999999; padding:9px 0 3px 5px; font-size:19px; font-weight:bold; color:#900;}
.event .title h5{ border-bottom:solid 1px #999999; padding:0 0 9px 5px; font-size:14px; color:#900;}
.event .title p{ font-size:15px; line-height:155%; margin-left:5px; padding-top:20px;}
.event .photo{ float:right;}

#eventoubo_title{ text-align:center; padding-bottom:30px;}
#eventoubo_bg{ background-image:url(../img/bg_event_oubo.jpg); padding:40px; font-size:16px; line-height:150%;}
#eventoubo_bg span.bb{	font-size: 23px;	font-weight: bold;	line-height: 180%;}
#eventoubo_bg span{	font-size: 13px;	line-height: 130%;}
#eventoubo_bg .eventname_all{ border-top: solid 1px #666600; margin-top:30px;}
#eventoubo_bg .eventname{ border-bottom: solid 1px #666600; padding:20px 0;}
#map{ margin-top:15px;}

#titles{	margin: 0 auto;	width: 920px;	padding: 30px 0;}
#titles .box{	float: left;	margin: 0 3px;	width: 224px;}
#titles .box .text{	font-size: 12px;	line-height: 150%;	margin: 5px 0 15px;}
#titles .box img.pp{	width: 224px;	height: 163px;}
#titles #notice{ font-size:13px;}
#titles #icons{ text-align:right; padding:0 0 20px 0;}

#item_title{
	padding-bottom: 20px;
}
#item_bg{ background-image:url(../img/bg_event_oubo.jpg); padding:40px; font-size:16px; line-height:150%;}
#item_bg h3{ font-size: 23px; font-weight: bold; line-height: 110%;}
#item_bg h3 span{ font-size:14px;}
#item_bg h4{ font-size: 18px; font-weight: bold; line-height: 180%;}
#item_bg p{	font-size: 13px; line-height: 170%;}
#item_bg p span{ background-color:#C00; padding:3px; color:#FFF;}
#item_bg .item_all{ border-top: solid 1px #666600; margin-top:30px;}
#item_bg .item{ border-bottom: solid 1px #666600; padding:20px 0;}
#item_bg .item .logos{
	float: left;
	width: 25%;
	text-align: center;
}
#item_bg .item .text{ float:left; width:53%; padding:10px;}
#item_bg .item .items{ float:left; width:10%;}
#item_bg #read{ border-bottom: solid 1px #666600; padding-bottom:15px;}

#sengoku10th{ padding:30px; background-image:url(../booth/bg10th.jpg);}
#sengoku10th .text{
	float: left;
	margin-left: 15px;
	line-height: 150%;
}
#sengoku10th .logo{ float:left;}
#nikonama{ padding:30px; background-color:#000; color:#FFF; }
#nikonama .text{
	float: left;
	margin-left: 10px;
	line-height: 150%;
}
#nikonama .logo{
	float: left;
	margin-top: 40px;
}
#booth{ background-color:#FFF;}
#allmap{ margin:0 auto; text-align:center; background-color:#FFF; padding:40px 0 30px; border-bottom:solid 1px #CCCCCC;}
}


@media screen and (max-width: 640px) {
#wrapper{ width:100%; margin:0 auto; background-image:url(../img/bg2.png); border-left:solid 1px #999; border-right:solid 1px #999;}
#tophead{	padding: 5px 15px 5px 0;	text-align: right;	border-bottom: solid 1px #CCCCCC;	background-color: #FFF;}
#tophead #ktlogo{	position: absolute;	left: 13px;}
#header{	padding: 10px;	position: relative;}
#header h1 img{ width:100%;}
#header #snslink{ display:none;}
#header #simple-menu{ }
#date{	text-align: center;	padding: 8px;	background-color: #AB69A6;}
#date img{ width:100%;}
#navi{ display:none;}
#news{	padding: 12px 12px 12px 10px;	background-color: #000;}
#news dt{padding-left: 10px;}
#news dd{	color: #FFF;	padding-top: 5px;	padding-left: 10px;	font-size: 14px;	line-height: 140%;}
.banner{	margin: 0 auto;	width: 92%;	padding-top: 10px;}
.banner img{ width:100%;}
#mainvisual img{ width:100%;}
#dayselect{	margin: 0 auto;	padding: 15px 0;	width: 92%;}
#dayselect img{	margin: 0 2px 2px 0;	width: 49%;}

#topicstitle{	padding: 10px 0;	width: 92%;	margin: 0 auto;}
#topics{	margin: 0 auto;	width: 92%;	padding: 3px 0;}
#topics .box{	float: left;	margin: 0px;	width: 100%;}
#topics .box .text{ font-size:15px; line-height:150%; margin:5px 0 20px;}
#topics .box img{ width:100%;}
#topics #notice{ font-size:13px;}

#sns img{ margin:0 3px;}
#footer{	padding: 20px;	font-size: 14px;	border-top: solid 1px #ccc;}
#footer #copyright{ font-size:12px; margin:10px 0;}
#footer span{	float: left;	text-align: center;	padding-top: 15px;}
#pagetop { bottom: 20px; right: 20px; position: fixed; z-index: 500;}
.hidesp{ display:none;}

#contener{	width: 95%;	margin: 0 auto;	padding-top: 20px;}
#contener h3{	font-size: 15px;	line-height: 150%;	margin-bottom: 20px;	font-weight: normal;}
#contener #event_select{ width:100%; margin:0 auto;}
#contener #event_select img{ width:25%;}
#contener #event_get{	text-align: center;	padding: 30px 0;}
#contener #event_get img{ width:80%;}

.event{ padding-bottom:40px;}
.event .title{	width: 100%;	margin: 0 auto;}
.event .title h4{	border-top: solid 1px #999999;	padding: 9px 0 3px 0;	font-size: 19px;	font-weight: bold;	color: #900;}
.event .title h5{	border-bottom: solid 1px #999999;	padding: 0 0 9px 0;	font-size: 14px;	color: #900;}
.event .title p{	font-size: 15px;	line-height: 155%;	margin-left: 0px;	padding-top: 20px;}
.event .photo{ display:none;}

#eventoubo_title{	text-align: center;	padding-bottom: 10px;}
#eventoubo_title img{ width:100%;}
#eventoubo_bg{	background-image: url(../img/bg_event_oubo.jpg);	padding: 15px;	font-size: 16px;	line-height: 150%;}
#eventoubo_bg span.bb{	font-size: 16px;	font-weight: bold;	line-height: 180%;}
#eventoubo_bg span{	font-size: 13px;	line-height: 130%;}
#eventoubo_bg .eventname_all{ border-top: solid 1px #666600; margin-top:30px;}
#eventoubo_bg .eventname{ border-bottom: solid 1px #666600; padding:20px 0;}
#map{ display:none;}

#titles{	margin: 0 auto;	width: 95%;	padding: 30px 0;}
#titles #icons img{ width:100%;}
#titles .box{	width: 50%;	float: left;}
#titles .box .text{
	font-size: 14px;
	line-height: 150%;
	margin: 5px 5px 10px 0;
}
#titles .box img.pp{
	width: 97%;
}
#titles #notice{ font-size:13px;}
#titles #icons{	padding: 0 0 10px 0;}
#ad{ width:95%; margin:0 auto;}
#ad img{ width:100%;}

#item_title{ padding-bottom: 10px;}
#item_title img{ width:100%;}
#item_bg{	background-image: url(../img/bg_event_oubo.jpg);	padding: 15px;	font-size: 16px;	line-height: 150%;}
#item_bg h3{	font-size: 18px;	font-weight: bold;	line-height: 110%;}
#item_bg h3 span{ font-size:14px;}
#item_bg h4{	font-size: 15px;	font-weight: bold;	line-height: 180%;	padding-top: 10px;}
#item_bg p{	font-size: 13px; line-height: 170%;}
#item_bg p span{ background-color:#C00; padding:3px; color:#FFF;}
#item_bg .item_all{ border-top: solid 1px #666600; margin-top:30px;}
#item_bg .item{ border-bottom: solid 1px #666600; padding:20px 0;}
#item_bg .item .logos{ width:100%; text-align:center;}
#item_bg .item .logos img{	width: 60%;}
#item_bg .item .text{	float: left;	width: 100%;}
#item_bg .item .items{	float: left;	width: 30%;	display: none;}
#item_bg .item .items img{ width:100%;}
#item_bg #read{ border-bottom: solid 1px #666600; padding-bottom:15px;}
#booth{ width:100%;}
#booth img{ width:100%;}

#allmap{ margin:0 auto; text-align:center; background-color:#FFF; padding:30px 0; border-bottom:solid 1px #CCCCCC;}
#allmap img{ width:95%;}

#sengoku10th{ padding:30px; background-image:url(../booth/bg10th.jpg);}
#sengoku10th .text{
	line-height: 150%;
}
#sengoku10th .logo{
	text-align: center;
	margin-bottom: 15px;
}
#sengoku10th .text img{ width:100%;}

#nikonama{ padding:30px; background-color:#000; color:#FFF; }
#nikonama .text{
	line-height: 150%;
}
#nikonama .logo{ text-align:center; margin-bottom:15px;
}
#nikonama .logo img{ width:100%;}
}